@CHARSET "ISO-8859-1";

.newlogin .carousel.carousel-slider .carousel-item h2 {
	font-weight: 100;
}

.newlogin .carousel.carousel-slider .carousel-item p {
	font-weight: 100;
	font-size: 18px;
}
.newlogin .grey {
	background-color: #F7F7F7 !important;
}

.newlogin .carousel.carousel-slider {
	color: grey;
	height: 360px !important;
}

.newlogin .car-box {
	padding: 5%;
	padding-left: 10%;
	padding-right: 10%;
	width: 40%;
	float: left;
}

.newlogin  .sub-car-box {
	text-align: left;
	width: 50%;
	float: left;
}

.newlogin *, .newlogin *:before, .newlogin *:after {
/* 	box-sizing: unset !important; */

	box-sizing: content-box; /*This is to support IE along with other browsers*/
	/* font-family: proxima-nova, helvetica; */
}

.newlogin input[type=email]:focus:not([readonly] ) {
	box-sizing: border-box;
	border-bottom: solid #ee7331;
	box-shadow: 0 0 0 0 #ee7331;
}

.newlogin input[type=password]:focus:not([readonly] ) {
	box-sizing: border-box;
	border-bottom: solid #ee7331;
	box-shadow: 0 0 0 0 #ee7331;
}

.newlogin input[type=password] {
	box-sizing: border-box;
	border-bottom: solid #ee7331;
	box-shadow: 0 0 0 0 #ee7331;
}

.newlogin [type="checkbox"]:not(:checked ), [type="checkbox"]:checked {
	box-sizing: border-box;
	position: inherit;
	left: none;
	opacity: 1;
}

.carousel-control.left {
	margin-top : -50px;
	margin-left : -15px;
	background-color: #F7F7F7 !important;
	width: 48px;

	background-image: none;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
}

@media screen and (min-width: 993px) {
	.container {
		width: 70%;
	}
}

.newlogin .carousel-control.right {
	margin-top : -50px;
	margin-right:-15px;
	background-color: #F7F7F7 !important;
	width: 48px;
	background-image: none;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
}

.newlogin .container h2 {
	font-size: 24px;
	line-height: 32px;
	color: inherit;
	font-weight: initial !important;
	margin: 1.78rem 0 1.424rem 0;
}

.newlogin .container p {
	font-weight: 100;
	font-size: 18px;
}

.carousel-indicators li {
	visibility: hidden;
}

.newloginpage {
	color: black;
	font-size: 12px;
	background-color: #F7F7F7 !important;
	font-weight: 600;
	font-family: Sans-Serif;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.newlogin .forgot-link{
	text-underline-position: under;
    color: #ee7331 !important;
    opacity: 1;
}
.newlogin .forgot_psw {
    color: #313131;
    text-decoration: none;
/*    opacity: 0.7;*/
}

.newlogin .forgot_psw:hover {
  color: #ee7331;
}
.newlogin .forgot-link > img{
	width: 14px;
    padding-right: 5px;
    position: relative;
    bottom: 1px;
}
.newlogin .forgot-link > span:hover{
	color:#ee7331;
	text-decoration: none !important;
}
.fontweight500 {
    font-weight: 500;
}
.signup-link,.signup-link:hover{
		/*background-color:#ee7331;*/
    color: #ee7331;
    cursor: pointer;
    font-weight: 550;
    font-size: 14px;
    text-decoration: none;
}
/*.signup-link:hover{
	color: #ee7331;
}*/
.newlogin .pype-login-wrapper {
  width: 100%;
  /*position: absolute;*/
  top: 0;
  right: 0;
  bottom: 0;
  display: table;
  height: 100vh;
}

.newlogin .pype-login-content {
	display: table-cell;
	margin: auto;
	width: 450px;
	vertical-align: middle;
}

.pype-freetrial-header-logo{
	text-align : center;
}

.newlogin {
 font-size: 12px;
  font-weight: 600;
  font-family: sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("/autospecs/images/login-background-new.jpg") bottom fixed;
  background-size: cover;
  height: 100vh;
  box-shadow: 0 1px 6px 0 #8e8e8e;
}

.form-error {
	margin-top: 2px;
  font-size: 11px;
  font-weight: 400;
  color:red;/* #dc3545*/
  display: block;
  position: absolute;
  /*right: 5px;*/
	text-align: left;
}

.newlogin .pype-login-logo {
  padding-top: 20px;
  text-align: center;
  /*margin-bottom: 30px;*/
}

.newlogin .pype-login-logo img {
	/*height: 91px;*/
	position: relative;
	left: 12px;
	top: 12px;
	width: 300px;
}

.newlogin .pype-login-loginbox {
  background: white;
  max-width: 400px;
  margin-left: auto !important;
  margin-right: auto !important;
  /*padding: 40px 0 30px 0;*/
  box-shadow:4px 0px 10px -5px rgba(0, 0, 0, 0.64);
}

.newlogin .pype-login-loginbox p {
	color:#212529;
	font-size: 14px;
	/*letter-spacing: 1px;*/
	margin-bottom: 5px;
	font-family: Open Sans,sans-serif!important;
  font-weight: 600;
}

.newlogin .pype-login-loginbox p.forgotPasswordBlock {
	margin-top: 5px;
  text-align: right;
}

.newlogin .pype-login-wrapper p.supportBlock {
  /*width: 350px;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  padding: 15px 10%;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 15px;
  float: left;
  width: 80%;
    position: relative;
    padding-top: 5px;
}
.support-link, .support-link:hover{
	background-color: #fff;
    color: #ee7331;
    text-decoration: none;
    cursor: pointer;
}
.support-link:hover{
	text-decoration: underline !important;
}
.supportBlock .mail {
  cursor: pointer;
  color: #313131;
  opacity:0.7;
  text-decoration: none;
  padding-right: 5px;
  margin-right: 5px;
  font-size: 13px;
  /*border-right: 1px solid #dedede;*/
}
.supportBlock .mail:hover{
	text-decoration: underline;
	color: #313131;
}
.login-form .form-control:focus{
	border-color: #72b2ff !important;
}
.supportBlock .phoneNumber {
  color: #313131;
  /*float: left !important;*/
  opacity:0.7;
  margin-right: 15px;
  position: relative;
  top: 5px;
  font-size: 14px;
}

.newlogin input {
  box-sizing: border-box !important;
  outline: none !important;
  color: #808080;
  font-size: 13px !important;
  font-weight: normal;
}

.newlogin input[type="email"] {
  box-sizing: border-box !important;
  width: 100%;
  height: none;
  height: 40px;
  margin-bottom: 0;
  border: 1px solid #ebebeb;
  /*color: black;*/
  font-size: 15px;
  outline: none;
  font-weight: normal;
  padding: 5px 35px;
}

.newlogin input[type="password"] {
  box-sizing: border-box !important;
  width: 100%;
  height: none;
  height: 40px;
  margin-bottom: 0;
  border: 1px solid #ebebeb;
  /*color: black;*/
  font-size: 15px;
  outline: none;
  font-weight: normal;
  padding: 5px 35px;
}

.newlogin .form-field-wrap {
  display: block;
  margin-bottom: 0px;
  height: 50px;
}
.newlogin button {
	width: 100%;

	background-color: white;
	color: #ee7331;
	font-size: 14px;
	padding: 10px;
	border: 2px solid #ee7331;
	border-radius: 5px;
	font-weight: normal;
	transition: background-color 0.5s ease;
}

.newlogin input[type=checkbox] {
  width: 23px !important;
  float: left;
  margin-top: 18px;
  box-sizing: border-box !important;
}

.newlogin .free-trial {
	text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    font-size: 12px;
	    font-weight: 600;
	    box-shadow: rgb(217, 217, 217) 0px 0px 10px inset;
	    padding: 20px 0px 15px;
	    border-width: 1px;
	    border-style: solid;
	    border-color: rgb(221, 221, 221);
	    border-image: initial;
}

.newlogin .free-trial p {
	opacity: .8;
    color: #737373;
    font-weight: 550;
}

.email-icon {
  width: 15px;
  position: relative;
  bottom: 1px;
}
.w-35px{
	width:35px;
}
.pass-reset{
	font-size: 16px;
  margin: 20px 0 25px;
  font-weight: 700!important;
	font-family: Open Sans,sans-serif!important;
}
.reset-msg{
	font-size: 13px;
  line-height: 20px;
  margin-bottom: 32px;
}
/* carrousel code */
/* just for jsfiddle */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: local('Material Icons'), local('MaterialIcons-Regular'),
		url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2)
		format('woff2');
}

.material-icons {
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
}

.middle-indicator {
	position: absolute;
	top: 50%;
}

.middle-indicator-text {
	font-size: 4.2rem;
}

a.middle-indicator-text {
	color: #ee7331 !important;
}

.content-indicator {
	width: 64px;
	height: 64px;
	background: none;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.indicators {
	visibility: hidden;
}

/* carrousel code */

.setpassword.newlogin button{
	 width: 92.5% !important;background-color: #ee7331 !important;
    color: #fff !important;border: 2px solid #ee7331 !important;
}
.setpassword .pypeLink2{
	color: #ee7331 !important;
}
.setpassword.newlogin .pype-login-wrapper p.supportBlock{
	padding: 0px 10% 15px;
	width:90%;
}
/* Mobiles */
@media
screen
and
(max-width:
550px)
{
.newlogin .car-box {
	box-sizing: border-box !important;
	width: 100% !important;
}

.newlogin   .sub-car-box {
	box-sizing: border-box !important;
	width: 90% !important;
}

.newlogin   .container {
	width: 100%;
}

.carousel.carousel-slider {
	height: 1000px !important;
}

.middle-indicator-text {
	font-size: 3.2rem;
}

.middle-indicator {
	top: 0;
}

.sub-sections {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

}
/*@media screen and (max-width: 500px) {
	.newlogin .free-trial {
		margin-top: 20px;
	}
	.newlogin .pype-login-loginbox {
		margin-left: 20px;
		margin-right: 20px;
		max-width: 100%;
		padding: 10px;
	}
	.newlogin .pype-login-logo img {
		width: 85%;
	}
	.newlogin .pype-login-logo {
		padding: 0 20px 20px 20px;
	}
	.newlogin .free-trial p {
		width: 100%;
	}
}*/

.styeling {
	background-color: #F7F7F7 !important;
}

/*** carousel material .css styles**/
#spinnerContainer.cooldown {
	-webkit-animation: container-rotate 1568ms linear infinite, fade-out
		400ms cubic-bezier(0.4, 0, 0.2, 1);
	animation: container-rotate 1568ms linear infinite, fade-out 400ms
		cubic-bezier(0.4, 0, 0.2, 1)
}

@-webkit-keyframes fade-out {from { opacity:1;
}

to {
	opacity: 0
}
}
@keyframes fade-out {from { opacity:1

}

to {
	opacity: 0
}
}
.slider {
	position: relative;
	height: 400px;
	width: 100%
}

.slider.fullscreen {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.slider.fullscreen ul.slides {
	height: 100%
}

.slider.fullscreen ul.indicators {
	z-index: 2;
	bottom: 30px
}

.slider .slides {
	background-color: #9e9e9e;
	margin: 0;
	height: 400px
}

.slider .slides li {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: inherit;
	overflow: hidden
}

.slider .slides li img {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center
}

.slider .slides li .caption {
	color: #fff;
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	opacity: 0
}

.slider .slides li .caption p {
	color: #e0e0e0
}

.slider .slides li.active {
	z-index: 2
}

.slider .indicators {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0
}

.slider .indicators .indicator-item {
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 16px;
	width: 16px;
	margin: 0 12px;
	background-color: #e0e0e0;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	border-radius: 50%
}

.slider .indicators .indicator-item.active {
	background-color: #4CAF50
}

.carousel {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 400px;
	-webkit-perspective: 500px;
	perspective: 500px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%
}

.carousel.carousel-slider {
	top: 0;
	left: 0
}

.carousel.carousel-slider .carousel-fixed-item {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 1
}

.carousel.carousel-slider .carousel-fixed-item.with-indicators {
	bottom: 68px
}

.carousel.carousel-slider .carousel-item {
	width: 100%;
	height: 100%;
	min-height: 400px;
	position: absolute;
	top: 0;
	left: 0
}

.carousel.carousel-slider .carousel-item h2 {
	font-size: 24px;
	font-weight: 500;
	line-height: 32px
}

.carousel.carousel-slider .carousel-item p {
	font-size: 15px
}

.carousel .carousel-item {
	display: none;
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0
}

.carousel .carousel-item>img {
	width: 100%
}

.carousel .indicators {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0
}

.carousel .indicators .indicator-item {
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 8px;
	width: 8px;
	margin: 24px 4px;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	border-radius: 50%
}

.carousel .indicators .indicator-item.active {
	background-color: #fff
}

.carousel.scrolling .carousel-item .materialboxed, .carousel .carousel-item:not(.active ) .materialboxed {
	pointer-events: none
}

i {
	line-height: inherit
}

i.left {
	float: left;
	margin-right: 15px
}

i.right {
	float: right;
	margin-left: 15px
}

i.tiny {
	font-size: 1rem
}

i.small {
	font-size: 2rem
}

i.medium {
	font-size: 4rem
}

i.large {
	font-size: 6rem
}
.notACustomerLabel{
	padding-top:15px;
	font-size : 14px;
	letter-spacing: 0;
	font-weight: 100;
	color: #fff;
}

.hyper-link {
  background-color: #fff;
  color: #ee7331;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #ee7e31;
  padding: 5px 10px;
  border-radius: 3px;
}

.hyper-link:hover {
  background-color: #ee7331 !important;
  color: #fff;
  text-decoration: none;
}

.email-pass-notvalid-msg{
    display: block;
    margin: 5px 0;
    background: #e08585;
    color: #ffffff;
}

.checkingsso-loader{
    position: absolute;
    font-size: 16px;
}

.forgotpassword-page .checkingsso-loader {
  right: 26px;
  margin: -38px -15px;
}

.login-page .checkingsso-loader {
  right: 46px;
  margin: -38px 25px;
}
/*from this point 9.0 UI changes will be present*/
.left-side {
  font-size: 12px;
  font-weight: 600;
  font-family: sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/autospecs/images/login-bg-image.png) center center fixed;
  background-size: cover;
  height: 100vh;
  background-position: -180px;
}
.automate-side{
	position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.automate-side P:nth-child(1){
	text-align: left;
    color: #fff;
    font-size: 19px;
    padding-top: 55px;
    padding-left: 30px;
    width: 70%;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
}
.automate-side P:nth-child(2){
	    text-align: left;
    color: #fff;
    font-size: 13px;
    padding-top: 15px;
    padding-left: 30px;
    width: 72%;
    line-height: 24px;
    font-weight: 500;

}
.automate-side a{
	    width: 130px;
    height: 30px;
    border-radius: 2.5px;
    background-color: #fff;
    margin: 30px;
    color: #000;
}
.laptop-img {
    margin: 0 auto;
    display: table;
}
.automate-img {
    background-image: url("/autospecs/images/productImage-04-Recovered-1.png");
    width: 700px;
    height: 375px;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    display: inline-block;
    margin-left: 150px;
}
.btn-more img{
	margin: 0;
    position: relative;
    top: -3px;
    cursor: pointer;
    right:2px;
}
.btn-more label{
	position: relative;
    bottom: 2px;
    left: 0px;
    font-size: 14px;
    cursor: pointer;
    font-weight: normal;
}
.flex{
	display:flex;
}

.or-text{
	font-size: 12px;
    color: #212529;
    background: #fff;
    display: inline-block;
    position: relative;
    padding: 0 10px;
    z-index: 1;
		font-weight: 500;
}
.or-line{
	position: relative;
    top: -10px;
     
    z-index: 0;
		border-width: thin;
		opacity: .7;
		background: hsla(0,0%,45.1%,.10196078431372549);
		border: .5px solid hsla(0,0%,45.1%,.10196078431372549);
}
.signin-thirdparty{
	background: #fff;
    border: 1px solid #b7b7b7;
    width: 97% !important;
    display: flex;
    justify-content: center;
    padding: 1px !important;
    color: #333 !important;
    font-size: 14px !important;
    border-radius:3px;
    text-decoration:none;
    cursor:pointer;
}
.signin-thirdparty:hover{
	text-decoration:none;
	border: .5px solid #ee7331 !important;
}
.signin-thirdparty .procore-logo{
	width:118px;
}
.signin-thirdparty .bim360-logo{
	width:189px;
	padding-left:30px;
}
.signin-thirdparty span{
	font-size: 12px;
    font-weight: 550;
    margin-left: 8px;
}
.thirdparty-text {
	color: #666;
    margin: 8px;
}
.thirdparty-loader {
    height: 14px;
    margin-left: 2px;
	color: #888;
}

.newlogin .forgot-link > span {
    font-size: 12px;
    font-weight: 550;
    cursor: pointer;
    padding: 0px;
		color: #ee7331;
}
.p-b25{
	padding-bottom:25px;
}
.donthave-acc{
	font-family: Open Sans,sans-serif!important;
    font-size: 1.3rem;
    font-weight: 550;
    color: #737373;
    opacity: .8;
    padding: 0;
}
@media screen and (max-width: 400px) {
  .supportBlock .mail, .supportBlock .phoneNumber {
    float: none !important;
    display: block;
  }
  .supportBlock .phoneNumber {
    margin-top: 20px
  }
}
@media only screen and (min-width:1024px) and (max-width:1180px) {
	 .automate-img {
	  	width:500px;
        height:275px;
	 }
	 .newlogin .pype-login-loginbox{
	 	max-width: 300px;
	 }
	 .newlogin .pype-login-wrapper p.supportBlock{
	 	padding: 5px 10%;
	 	width: 80%;
    	/*padding-left: 17%;*/
	 }
}
@media only screen and (min-width:1181px) and (max-width:1350px) {
	 .automate-img {
	  	width:500px;
        height:275px;
	 }
	 .newlogin .pype-login-loginbox{
	 	max-width: 400px;
	 }
	 .newlogin .pype-login-wrapper p.supportBlock{
	 	padding: 5px 10%;
	 	width: 80%;
	 }
.supportBlock .phoneNumber {
    top: 2px;
}
}
@media only screen and (min-width:1600px) {
	 .automate-side{
	 	margin-top:2%;
	 }
	 .automate-img {
	  	width: 900px;
        height: 425px;
        margin-left: 20%;
	 }
	 .automate-side P:nth-child(1){
	 	 padding-top: 90px;
          width: 70%;
          text-transform: uppercase;
          font-weight: 600;
	 }
	 .automate-side P:nth-child(2){
	  	  font-size: 15px;
          padding-top: 15px;
          width: 72%;
          font-weight: 500;
          max-width: 860px;
          max-height: 665px;
	 }
	
	  .laptop-img {
	    margin: 8% auto 4%;
        display: table;
	  }
	  .left-side{
	  	background-position:-290px;
	  }
}
.autospecs .form-box {
  background: #fff;
  margin: 30px auto;
  max-width: 500px;
  box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16), 0 3px 6px 0px rgba(0, 0, 0, 0.23);
}

.autospecs form#login-form {
  overflow: hidden;
  position: relative;
  padding: 10px 55px 30px;
}
.autospecs .form-group {
  margin-bottom: 0px;
  position: relative;
  width: 100%;
  overflow: initial;
}

.autospecs .form-group .label-control {
  color: #888;
  display: block;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 40px;
  padding: 0;
  width: 100%;
  pointer-events: none;
  height: 100%;
  font-weight: normal;
}

.autospecs .form-group .label-control::before, .autospecs .form-group .label-control::after {
  content: "";
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.autospecs .form-group .label-control::before {
  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
}

.autospecs .form-group .label-control::after {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.autospecs .form-control {
  border-radius: 0;
  margin-top: 13px;
  padding: 12px 35px;
  width: 100%;
  font-size: 13px;
}

.autospecs .form-control:focus {
  outline: none;
  box-shadow: none;
}

.autospecs .form-group .label-control .label-text {
  -webkit-transform: translate3d(0, 30px, 0) scale(1);
  -moz-transform: translate3d(0, 30px, 0) scale(1);
  transform: translate3d(0, 30px, 0) scale(1);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
}

.autospecs .active .label-control::after {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.autospecs .active .label-control .label-text {
  opacity: 1;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
  color: #ee7331 !important;
  padding-left: 0px !important;
  position: relative;
  right: 40px;
}

.autospecs .input-field label:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #B9C1CA;
  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
}

.autospecs .text-p {
  font-size: 14px;
  text-align: center;
  margin: 10px 0;
}
.autospecs .form-container {
     text-align: left;
    border: 1px solid #d9d9d9;
    margin: 0 auto;
    border-radius: 2.5px;
		background-color:#fff;
}

.form-control-icon-left {
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.password-icon {
  width: 13px !important;
  height: auto !important;
}

.company-icon {
  position: relative;
  top: 1px;
  right: 2px;
  width: 20px;
}

.phone-icon {
  width: 18px;
  position: relative;
  top: 0px;
}

.newlogin .autospecs-login {
  box-sizing: border-box !important;
  margin-top: 30px;
  margin-bottom: 5px;
  width: 100%;
  /*max-width: 350px;*/
  padding: 7px 10px 8px 10px;
  background-color: #ee7331;
  color: white !important;
  font-size: 14px !important;
  border: solid;
  border-color: #ee7331;
  border-radius: 5px;
}
.newlogin .autospecs-login > img{
  position: relative;
  top: 0.5px;
  height: 22px;
  right:8px;
}
.newlogin .autospecs-login > span{
  position: relative;
  top: 1px;
}
.newlogin .autospecs-login:hover,.newlogin .autospecs-login:active:focus {
  color: white;
  background-color: #ee7331;
  border-color: #ee7331;
}
.remember-label{
	cursor:pointer;
	font-weight: normal;
	font-size: 14px;
	color: #808080;
	opacity: 0.7;
	margin: 13px 0px;
}
.pype-login-header + .free-trial > span{
	opacity: 0.7;
    font-size: 14px;
    color: #273343;
    font-weight: bold;
    padding: 0;
}
.setpass-myform {
  padding: 0px 25px;
}
.setpassword .form-container {
  /*padding: 35px 30px 30px;*/
  text-align: left;
  border: 1px solid #d9d9d9;
  margin: 0 45px;
  border-radius: 2.5px;
  background-color: #fff;
}
.setpassword .form-control-icon-left {
 	bottom: 30px;
}
.setpassword .contact-us {
  padding: 5px 20px;
}

.setpassword .support-mail {
  color: #313131;
  font-size: 14px;
  opacity: .7;
  padding-right: 5px;
  margin-right: 5px;
  border-right: 0px solid #dedede;
}

.setpassword .support-phone {
  color: #313131;
  font-size: 14px;
  opacity: .7;
  padding: 0;
}
.register-success p {
  padding: 0px 48px;
}

.register-success .copyright p {
  padding: 10px 5px;
}
.reset-password-error-text{
	height: 60px !important;
}
.f-17{
	font-size: 17px;
}
@media screen and (max-width: 650px) {
  .newlogin .pype-login-wrapper, .newlogin .pype-login-content {
    width: 100%;
  }
  .newlogin .pype-login-loginbox{
    margin-left: 20px !important;
    margin-right: 25px !important;
    max-width: 100%;
    padding: 0px !important;
 }
	.newlogin .pype-login-logo img {
	    width: 85%;
	}
	.smartplans form#login-form {
	    padding: 0;
	}
	form#login-form {
	    width: 90%;
	    margin: 30px auto;
	    padding:0px !important;
	}
	.newlogin .free-trial {
	    margin-top: 20px;
	}
	.newlogin .free-trial p {
	    width: 100%;
	}
	.supportBlock .mail, .supportBlock .phoneNumber {
	    float: none!important;
	    display: block;
	}
	.supportBlock .phoneNumber {
	    margin-top: 20px;
	}
}

.loginwith {
	margin-top: 20px;
	color: gray;
	font-weight: normal;
}
.bimLoginButton {
    padding: 8px;
    border-radius: 3px;
    background-color: lightgray;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
}
.bimLoginButton img {
    height: 24px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.sign-text {
    position: relative;
    top: 2px;
    font-weight: 600 !important;
    color: rgb(85, 85, 85) !important;
}
.terms, .terms:hover, .terms:focus {
    color: rgb(238, 115, 49);
    cursor: pointer;
    text-decoration: none;
}
.newlogin input[type="checkbox"] {
    float: left;
    margin-top: -11px;
    width: 12px !important;
		margin-right: 10px;
}
.unauthorized .autospecs-login {
    box-sizing: border-box !important;
    margin-top: 25px;
    margin-bottom: 20px;
    width: 100%;
    padding: 7px 10px 8px 10px;
    background-color: #ee7331;
    color: white !important;
    font-size: 14px !important;
    border: solid;
    border-color: #ee7331;
    border-radius: 5px;
}
.unauthorized .autospecs-login:active:hover{
	background-color: #ee7331 !important;
    border-color: #ee7331 !important;
}