html,
body {
  font-family: ars_maquette_prolight,sans-serif !important;
  height: 100%;
  xfont-family: 'Roboto', sans-serif;
  font-size: 14px;
  background-color: #ecf1f9;
  overflow-x: hidden;	
}

.maincntr {
  height: 100%;
}
.font14{font-size: 14px}
.font17{font-size: 17px}
.font18{font-size: 18px}

.loginbg {
  background: url(https://cdns.apptivo.com/res/cdn/app/login_signup/loginbg.jpg) center;
  background-size: cover;
  xbackground-position: 0% 0%;
  xbackground-attachment: fixed;
  xheight: auto !important;
}

.hgt100 {
  height: 100%;
}

.loginbg .forgot {
  margin-bottom: 5px;
  border-bottom: 1px dotted #bdbbbb;
  display: inline-block;
  padding-bottom: 10px;
}

.loginbg .flxcntr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  padding-bottom: 30px;
  padding-top: 30px;
}

.logfrm {
  background-color: #e8f2ff;
}

.logcnt {
  background: #fff;
  padding: 35px !important;
  box-shadow: 0 0rem 1rem rgba(32, 150, 243, 0.8) !important;
}

.loginbg .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.loginbg .form-control:focus {
  color: #495057;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important;
}

.loginbg .form-control.error-bdr {
  border: none !important;
  border-bottom: 1px solid red !important
}

.loginbg .shadow {
  box-shadow: 0 0.5rem 1rem rgba(32, 150, 243, 0.3) !important;
}

.loginbg .btn-primary {
  background-color: #2fbef4 !important;
  border-color: #2fbef4;
  background: linear-gradient(to right, #2fbef4 0%, #2fbef4 100%);
}

.loginbg a,
.loginbg a:hover,
.loginbg a:focus {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  text-decoration: none;
}
.usercnt{min-width: 80px}

.tp-40 {
  top: 40px
}

.tp-37 {
  top: 37px
}

.lft-3 {
  left: 3px
}

.lft-20 {
  left: 20px
}

/** spinner-css**/

.loader {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff10 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  float: right;
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.loader:after {
  background: #2fbef4;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.choosebtn button.active {
  border-color: #2196F3;
  background: linear-gradient(to right, #2196F3 0%, #2196F3 100%);
  color: #fff;
}

.loadingbg {
  position: fixed;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(190, 218, 255, 0.65);
  z-index: 999999;
  text-align: center;
  color: #1b78c3;
}

.loadingbg .loadcnt {
  position: relative;
  top: 40%;
  height: 100%;
}

.loadingbg .spinner {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 1px auto;
  background: url('https://cdns.profit.co/site/v1.0.1/ng/src/assets/images/profit-loading.png');
  background-size: 100%;
}

.spinner {
  margin: 20px auto 0;
  width: 70px;
  ext-align: center;
}

.loadcnt h1 {
  text-indent: 22px;
  margin-top: 25px;
  font-size: 22px;
  color: #1451a2;
}

.spinner>div {
  width: 18px;
  height: 18px;
  background-color: #007bff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-outboth;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.double-bounce1,
.double-bounce2 {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 15px;
  left: 15px;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {

  0%,
  100% {
    -webkit-transform: scale(0.0)
  }

  50% {
    -webkit-transform: scale(0.8)
  }
}

@keyframes sk-bounce {

  0%,
  100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }

  50% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1.0);
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/**@media-css**/

@media (min-width : 768px) {

  .loginbg .container,
  .loginbg,
  .maincntr {
    height: 100%;
  }

  .loginbg .container,
  .loginbg,
  .maincntr {
    height: 100%;
  }
}

@media (max-width :767px) {
  .logcnt {
    padding: 20px 35px 35px 35px !important;
  }

  .icon-img {
    display: none !important;
  }

  .loginbg {
    height: 100%;    
  }

  .loginbg .flxcntr {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

span#fname_error,
span#lname_error,
span#email_error,
span#pass_error {
  line-height: 13px !important;
}

.btn-google {
  color: #fff !important;
  background-color: #4285f4 !important;
  border: 1px solid #4285f4 !important;
  border-radius: 0;
  padding: 0px;
  border-radius: 4px;
  width: 255px
}

.img-bdr i {
  float: left;
}

.img-bdr span {
  padding: 7px;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  text-shadow: none !important;
}

.googleicon {
  background: #fff;
  padding: 5px 12px !important;
  position: relative;
  margin: 2px;
  float: left;
}

.btn-google:focus,
.btn-google:hover {
  color: #fff !important;
  background-color: #2f72e0 !important;
}

.spinnotr {
  border: 6px solid #333;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
}

.tpbt:before {
  content: "";
  position: absolute;
  top: -11px;
  width: 8px;
  height: 16px;
  background-color: #333;
  border-radius: 2px;
  left: 20px;
}

.tpbt:after {
  content: "";
  position: absolute;
  bottom: -11px;
  width: 8px;
  height: 16px;
  background-color: #333;
  border-radius: 2px;
  left: 20px;
}

.lfrt:before {
  content: "";
  position: absolute;
  left: -11px;
  width: 15px;
  height: 8px;
  background-color: #333;
  border-radius: 2px;
  top: 20px;
}

.lfrt:after {
  content: "";
  position: absolute;
  right: -11px;
  width: 15px;
  height: 8px;
  background-color: #333;
  border-radius: 2px;
  top: 20px;
}

.spinnotr .double-bounce1,
.spinnotr .double-bounce2 {
  width: 18px;
  height: 18px;
  background-color: #007bff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  top: 8px;
  left: 9px;
}


/***/
.btn-office {
  color: #fff !important;
  background-color: #eb3c00 !important;
  border: 1px solid #eb3c00 !important;
  border-radius: 0;
  padding: 0px;
  border-radius: 4px;
  width: 255px
}

.officeicon {
  background-color: #eb3c00 !important;
  padding: 8px 12px !important;
  position: relative;
  margin: 2px;
  float: left;
  border-right: 1px solid #b13206;
}

.btn-office:focus,
.btn-office:hover {
  color: #fff !important;
  background-color: #eb3c00 !important;
}

.officeicon:after,
.paypalicon:after {
  border-right: 1px solid rgba(0, 0, 0, .18);
  position: absolute;
  height: 44px;
  top: -9px;
  right: -20px;
}

.loginbg .or-img {
  position: absolute;
  right: 54px !important;
  z-index: 99;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  width: 30%;
  padding: 11px 0px;
  font-weight: 700;
  font-size: 21px;
  top: 36% !important;
  border: 1px solid #ddd;
}

.loginbg .vertical-bdr {
  xdisplay: inline-block;
  xwidth: 1px;
  xbackground: #a6a6a6;
  xposition: relative;
  xheight: auto !important;
  xmin-height: 400px !important;
}

.loginbg .or-sec {
  position: absolute;
  right: 41.5%;
  z-index: 9;
  top: 50%;
}

.link-sec {
  margin-top: 40px;
}

.pos-rel {
  position: relative;
}

.forgot-sec .or-img {
  position: absolute;
  right: 49px !important;
  z-index: 99;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  width: 29%;
  padding: 10px 0px;
  font-weight: 700;
  font-size: 21px;
  top: 36% !important;
  border: 1px solid #ddd;
}

.forgot-sec .link-sec {
  margin-top: 40px;
}

.forgot-sec .or-sec {
  position: absolute;
  right: 42.3%;
  z-index: 9;
  top: 43%;
}

.signup-sec .or-sec {
  position: absolute;
  right: 41.7%;
  z-index: 9;
  top: 50%;
}

.signup-sec .link-sec {
  margin-top: 40px;
}

.signup-sec ul li {
  font-size: 11px;
  font-weight: 600;
  color: #929292;
  list-style: none;
  margin-left: 10px;
  line-height: 24px;
  position: relative;
}

.signup-sec ul li.valid:before {
background-color: #119d17 !important;
}

.signup-sec ul li.invalid:before {
background-color: #ce4343 !important;
}

.signup-sec ul li.invalid:before {
background-color: #ce4343;
}

.signup-sec ul li:before {
  content: "";
  width: 9px;
  height: 9px;
  left: -14px;
  top: 7px;
  position: absolute;
  background-color: #929292;
  border-radius: 50%;
}

.signup-sec ul {
  margin: 1px;
  padding-left: 5px;
  padding-top: 0px;
  position: relative;
}

.forgot-sec .logfrm {
  padding: 4rem 0rem !important;
}

.forgot-sec .logcnt {
  padding: 7rem 3rem !important;
}

.frm-bg {
  background: url(https://cdns.profit.co/site/v1.0.1/ng/src/assets/images/form-bg.jpg) bottom;
  background-size: cover;
  background-position: center right;
}

.error-bdr {
  border: 1px solid red !important;
}

.target-img {
  margin-top: 100px;
}

.target-img1 {
  margin-top: 40px;
}

/****/

@media(max-width:1199px) {
  .loginbg .or-sec {
    position: absolute;
    right: 49.6%;
    z-index: 9;
    top: 50%;
  }

  .loginbg .or-img {
    right: -16px !important;
    width: 30%;
    padding: 8px 0px;
    font-weight: 700;
    font-size: 18px;
    top: 36% !important;
  }

  .forgot-sec .or-img {
    width: 32%;
  }

  .signup-sec .or-sec {
    position: absolute;
    right: 49.6%;
    z-index: 9;
    top: 45%;
  }
}

@media(max-width:991px) {
  .loginbg .or-img {
    right: -54px !important;
    width: 30%;
    padding: 6px 0px;
    font-size: 17px;
    top: 37% !important;
  }

  .loginbg .or-sec {
    position: absolute;
    right: 55.5%;
    z-index: 9;
    top: 50%;
  }

  .forgot-sec .or-sec {
    top: 45% !important;
  }

  .signup-sec .or-sec {
    top: 50% !important;
  }
}

@media(max-width:767px) {

  .hgt100 {
    height: auto !important;
  }

  .btn-google,
  .btn-office {
    width: 100%;
  }

  .target-img1 {
    margin-top: 0px;
  }

  .target-img {
    margin-top: 0px;
  }

  .img-bdr span {
    padding: 10px 10px 4px 10px;
  }

  .link-sec {
    margin-top: 40px;
  }

  .forgot-sec .logcnt {
    padding: 3rem 3rem !important;
  }

  .signup-sec .link-sec {
    margin-top: 40px;
  }

  .signup-sec .or-sec {
    top: auto !important;
    bottom: 39.5% !important;
  }

  .forgot-sec .link-sec {
    margin-top: 40px;
  }

  .forgot-sec .or-sec {
    top: 61.5% !important;
  }

  .loginbg .or-img {
    right: 46% !important;
    width: 35px;
    padding: 6px 0px;
    font-size: 17px;
    top: 30% !important;
  }

  .loginbg .or-sec {
    position: absolute;
    right: 0%;
    z-index: 9;
    top: 67.5%;
  }

  .loginbg .or-sec {
    display: none !important;

  }
}

@media(max-width:500px) {
  .img-bdr span {
    padding: 10px 10px 4px 10px;
    font-size: 11px;
  }
}

.frm-bg {
  background: url(https://cdns.profit.co/site/v1.0.1/ng/src/assets/images/form-bg.jpg) bottom;
  background-size: cover;
  background-position: center right;
}

.signup-sec ul li.valid:before {
  background-color: #119d17;
}

.signup-sec ul li.mandatory:before {
  background-color: #ce4343;
}

.signup-sec ul li.valid {
  color: #000;
}

.mtb.mb-5,
.mtb.my-5 {
  margin-bottom: 1rem !important;
}





.mb-20 {
  margin-bottom: 20px;
}

.mt-10 {
  margin-top: 10px;
}

.checkbx-cnt-sec input {
  float: left;
  margin-bottom: 10px;
}

.checkbx-cnt-sec span {
  float: left;
  margin-bottom: 10px;
  margin-top: -2px;
  margin-left: 5px;
  font-size: 18px;
}

.checkbx-cnt-sec {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.checkbox-custom {
  position: relative;
  width: 16px !important;
  height: 16px !important;
  margin: 0;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  cursor: pointer;
}

.checkbox-custom:after {
  content: '';
  position: absolute;
  display: block;
  z-index: 1;
  width: 16px;
  height: 16px;
  border: 1px solid #2196f3;
  border-radius: 2px;
}

.checkbox-custom[type=checkbox]:before {
  background: #2196f3 url("/app/ng/src/assets/images/check-tick.png");
  background-size: 10px 8px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  position: absolute;
  left: 2px;
  z-index: 2;
  opacity: 0;
  width: 100%;
  height: 100%;
  color: #f6ac4f;
}

.checkbox-custom[type=checkbox]:checked:before {
  content: '';
  position: absolute;
  top: 0px;
  opacity: 1;
  left: 0px;
  border: 1px solid #2196f3;
  border-radius: 2px;
}

.loginbg.welcome-frm {
  background: none;
}

.welcome-frm .welcome-head {
  background: url(https://cdns.apptivo.com/res/cdn/app/login_signup/loginbg.jpg) bottom;
  background-size: cover;
  background-position: center -250px;
  display: inline-block;
  width: 100%;
  padding: 25px 0px 110px 0px;
}

.welcome-frm label {
  display: inline-block;
  margin-bottom: .5rem;
  font-weight: 400;
  font-size: 14px;
  padding-left: 5px;
}

.welcome-frm p {
  font-size: 18px;
  color: #333 !important;
  font-weight: 600;
}

.welcome-frm .welcome-head h1 {
  font-size: 22px;
  font-weight: bold !important;
  color: #fff !important;
  margin-top: 10px;
}

.welcome-frm .pos-rel {
  position: relative;
  margin-top: -150px;
}

.welcome-bx {
  margin-top: -120px !important;
}

.mt-50 {
  margin-top: 50px;
}

.welcome-frm .logfrm {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
  padding-bottom: 30px !important;
}

.welcome-frm .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dedddd;
  border-radius: 2px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.arrow_box {
  position: relative;
  border-bottom: 2px solid #cde7f9;
  width: 180px;
  margin: 20px auto
}

.arrow_box:after,
.arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid #f70b0b;
  content: " ";
  height: 9px;
  width: 9px;
  position: absolute;
  z-index: 9
}

.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #cde7f9;
  border-width: 13px;
  margin-left: -17px
}

.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  xborder-top-color: #ebf6fe;
  border-top-color: #ffffff;
  border-width: 10px;
  margin-left: -14px
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.welcome-frm .demo-txt h2 {
  text-align: left !important;
  font-size: 24px;
  font-weight: bold !important;
  line-height: normal !important;
  margin-bottom: 20px;
  color: #2196f3;
}

.welcome-frm .demo-txt ul li {
  font-size: 16px;
  font-weight: normal !important;
  color: #333;
  list-style: none;
  margin-left: 10px;
  line-height: 28px;
  position: relative;
  margin-bottom: 25px;
}

.welcome-frm .demo-txt ul {
  padding-left: 15px !important;
}

.welcome-frm .demo-txt ul li:before {
  content: "";
  width: 22px !important;
  height: 22px !important;
  left: -26px;
  top: 8px;
  background-image: url(/app/ng/src/assets/images/blue-tick.png);
  position: absolute;
  xbackground-color: #333;
  xborder-radius: 50%;
  border: none !important;
  background-color: transparent;
  background-size: 18px;
  background-repeat: no-repeat;
}

button.btn.skip-btn,
button.btn.skip-btn:hover,
button.btn.skip-btn:focus {
  background: none !important;
  color: #2196F3 !important;
  font-weight: 600;
  border: 1px solid #2196F3 !important;
  padding: 5px 20px !important;
  font-size: 14px;
}

button.btn.start-btn,
button.btn.start-btn:hover,
button.btn.start-btn:focus {
  background: #2196F3 !important;
  color: #fff !important;
  font-weight: 600;
  border: 1px solid #2196F3 !important;
  padding: 5px 12px !important;
  font-size: 14px;
}


/****/

.fld-lft {
  padding-left: 5px;
}

.fld-rgt {
  padding-right: 5px;
}

.frm-fld-sec {
  position: relative !important;
}

.frm-fld-sec input,
.frm-fld-sec select {
  position: relative !important;
  text-indent: 0px;
  padding: 5px 5px 5px 5px !important;
}

.frm-fld-sec img {
  width: 25px;
  position: absolute;
  top: 8px;
  left: 5px;

}

.frm-fld-sec .error {
  position: absolute !important;
  bottom: -33px;
  left: 0px;
  background: #e36c58;
  padding: 5px 10px;
  top: auto !important;
  xwidth: 100%;
  color: #fff !important;
  z-index: 99;
  border-radius: 3px;
  font-size: 11px;
  line-height: normal !important;
}



/*
.arrow_box {
	position: relative;
	background: #e36c58;
}*/
.frm-fld-sec .error:after {
  bottom: 100%;
  left: 25px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(227, 108, 88, 0);
  border-bottom-color: #e36c58;
  border-width: 6px;
  margin-left: -12px;
}

.btn-error {
  background: #e36c58b0 !important;
  border: 1px solid #e36c58 !important;
  color: #ffffff !important;
}

.frm-btn {
  margin-top: 20px !important;
}


@media(max-width: 500px) {
  .p-5 {
    padding: 2rem !important;
  }

  .log-txt {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
}

.schedule-container {
  max-width: 1250px;
  width: 100% !important;
}

.getstart-btn {
  width: 100%;
  margin-bottom: 0px !important;
  margin: 0 auto;
  max-width: 160px;
}

.schedule-container .demo-txt {
  padding: 50px 30px 50px 30px;
  xbackground: #f6f6f6;
  background-color: #e7f3fd !important;
  display: table;
  width: 100%;
  height: 100%;
}


.schedule-frame {
  padding: 25px 0px 50px 30px;
}


@media(max-width:1199px) {
  .welcome-frm .welcome-head h1 {
    font-size: 20px;
  }

  .welcome-frm label {

    font-size: 13px;
  }

  .signup-sec ul li {
    font-size: 11px;
    line-height: normal !important;
    position: relative;
    margin-bottom: 10px;
  }

  .signup-sec ul li:before {
    top: 4px;

  }


}

@media(max-width:1000px) {
  .welcome-frm .demo-txt h2 {
    font-size: 20px;
  }

  .schedule-container .demo-txt {
    padding: 50px 30px 50px 30px;
  }

  .schedule-frame {
    padding: 25px 0px 50px 30px;
  }

  .welcome-frm label {

    font-size: 11px;
  }
}


@media(max-width:767px) {
  .schedule-container .demo-txt {
    padding: 25px 25px;
  }

  .business-category {
    padding: 30px 20px !important;
  }

  .schedule-frame {
    padding: 25px 25px;
  }

  .checkbx-cnt-sec span {
    float: left;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 5px;
    font-size: 15px;
  }

  .checkbx-cnt-sec .mt-1 {
    width: 100%;
  }

  .checkbx-cnt-sec input {
    float: left;
    margin-bottom: 10px;
    width: 6%;
    display: inline-block;
  }

  .checkbx-cnt-sec span {
    float: left;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 5px;
    font-size: 15px;
    display: inline-block;
    width: 90% !important;
    text-align: left;
  }

  .welcome-frm .welcome-head {
    background-position: center center;
  }

  .welcome-frm .welcome-head h1 {
    font-size: 18px;
  }

  .welcome-frm label {

    font-size: 12px;
  }

  .fld-rgt {
    padding-right: 15px;
  }

  .fld-lft {
    padding-left: 15px;
  }
}


@media(max-width:435px) {
  .checkbx-cnt-sec span {
    margin-top: -3px !important;
    margin-left: 15px !important;
    width: 80% !important;
  }
}

@media(max-width:400px) {
  .checkbx-cnt-sec input {
    width: 13%;
    display: inline-block;
  }


  .checkbx-cnt-sec span {
    margin-left: 0px;
    width: 82% !important;
    display: inline-block;
  }
}

.forgot-success {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #237e30;
  margin-top: 50px;
  word-break: break-word;
}

.forgot-success br {
  display: none;
}


#errormessage {
  color: Red !important;
  text-align: center;
  margin-bottom: 10px;
  word-break: break-word;
  line-height: normal !important;
}

.welcome-frm .demo-txt ul li strong {
  font-size: 16px;
}

.welcome-frm .demo-txt ul li {
  font-size: 14px;
  font-weight: normal !important;
  color: #333;
  list-style: none;
  margin-left: 10px;
  line-height: 28px;
  position: relative;
  margin-bottom: 25px;
}

.showpass {
  position: absolute;
  right: 30px;
  top: 0;
  font-size: 20px;
  color: #929292;
}

a.showpass:focus {
  outline: transparent !important;
}


/*added style for login and signup*/
.loginbg .logfrm {
    width: 500px;
    min-width: 500px;
    background-color: #fff;
    font-size: 13px;
    box-shadow: 0 0 15px #155d98 !important;
    height: 100%;
    overflow: auto;
}
.loginbg .form-signin{width: 100%;max-width:975px}
.loginbg .form-signin table{table-layout: fixed}
.loginbg .businesssett .form-signin{max-width: 100%}

.loginbg .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    color: #333;   
    border-radius: 0 !important;
    margin-bottom: 3px;
}
.loginbg .form-signin .btn-primary {
    color: #fff !important;
}
.loginbg a{color: #2196f3;}
.loginbg a:hover {color: #0056b3;}
.loginbg .form-control:focus {  
    background-color: #fff; 
    outline: none !important;
	border: hidden;
    border-bottom: 2px solid #2196f3;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 15px;
    color: #555;
}
.loginbg .signup-sec ul {
    margin: 1px;
    padding-left: 5px;
    padding-top: 0px;
    position: relative;
    margin-bottom: 15px;
}
.signup-sec ul li {
    font-size: 11px;
    font-weight: 600;
    color: #929292;
    list-style: none;
    margin-left: 10px;
    line-height: 24px;
    position: relative;
}
.loginbg .signup-sec ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    left: -14px;
    top: 7px;
    position: absolute;
    background-color: #929292;
    border-radius: 50%;
}
.loginbg .form-control::-webkit-input-placeholder {

  font-size: 15px; font-weight: normal; color:#ccc;
}
.loginbg .form-control::-moz-placeholder {

  font-size: 15px;color:#ccc;font-weight: normal;
}
.loginbg .form-control:-ms-input-placeholder {
 
  font-size: 15px;color:#ccc;font-weight: normal;
}
 .loginbg .form-control::placeholder {
  
  font-size: 15px;color:#ccc;font-weight: normal;
}

.loginbg .form-input + .form-label {
display: block;
pointer-events: none;
margin: 0 0 0 5px;
line-height: 0px;
margin-top: -20px;
margin-bottom: 50px;
transition: transform 0.5s;
color: #999;
}

.loginbg .form-input:focus + .form-label {
transform: translateY(-30px);
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
color: #6f6f6f;
font-size: 12px;
}
.loginbg .form-textarea + .form-label {
	display: block;
	pointer-events: none;
  margin:  0 0 0 5px;
	line-height: 0px;
	margin-top: -145px;
	margin-bottom: 145px;
  transition: transform 0.5s;
}
.loginbg .form-textarea:focus + .form-label {
  transform: translateY(-20px);
  font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
	color: #6f6f6f;
	font-size: 14px;
}
.loginbg .form-textarea + .form-label:before {
  transform: translateY(-20px);
  pointer-events: none;
  font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
	color: #6f6f6f;
	font-size: 14px;
}
.loginbg .input-focus-label {
 transform: translateY(-30px);
 font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
 color: #6f6f6f !important;
 font-size: 12px;
 font-weight: normal;
}
.popover.d-block{top:40px}
.appbtns .popover .arrow {
    left: 90%;
}
.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.left>.arrow:after,.popover.right>.arrow:after{bottom:-10px;content:" "}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{left:1px;border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;right: 16px;left: initial;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;border-right-width:0;border-left-color:#fff}
.popover-content ul li {
    font-size: 14px;
    color: #313131;
    list-style: none;
    font-family:ars_maquette_prolight,sans-serif !important;
    margin: 0 0 10px;
    font-weight: 400;
    line-height: 25px;
	position: relative;
}
.popover-content ul li:before {
    width: 7px;
    height: 7px;
    left: -16px;
    top: 11px;
    position: absolute;
    background-color: #858181;
    border-radius: 50%;
	content: "";
}
.resetfrm ul {
    margin: 1px!important;
    padding-left: 6px!important;
    padding-top: 10px!important;
    margin-left: 1%!important;
}
.resetfrm ul li {
    font-size: 13px;
    font-weight: 600;
    color: #929292;
    list-style: none;
    margin-left: 10px;
    line-height: normal!important;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
}

.loginbg  .form-control{ font-size:15px; color:#333;  border-radius: 0 !important; margin-bottom: 3px;background: transparent;}
.loginbg .col-form-label{color:#999;font-size:14px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:5px;  transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
.loginbg .form-label-group .form-input:focus ~ label, .loginbg .form-label-group .form-input:not(:placeholder-shown) ~ label,.businesssett .form-label-group .form-input:focus ~ label, .businesssett .form-label-group .form-input:not(:placeholder-shown) ~ label {
  top:-16px;
  font-size:12px;
  color:#6f6f6f;
}

.businesssett .form-label-group .form-select:focus ~ label , .businesssett .form-label-group .form-select:not([value=""]):valid ~ label {
  top:-16px;
  font-size:12px;
  color:#6f6f6f;
}
::-webkit-scrollbar {width:6px;height:10px;box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);}
::-webkit-scrollbar:hover {background-color:#eee;}
::-webkit-resizer {-webkit-border-radius:4px;background-color:#666;}
::-webkit-scrollbar-thumb {min-height:0.8em;min-width:0.8em;background-color: rgba(0, 0, 0, .5);border-radius:10px;box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);}
::-webkit-scrollbar-thumb:hover {background-color: #bbb;}
::-webkit-scrollbar-thumb:active {background-color:#888;}
.signin.loginbg {
    background: linear-gradient(to bottom, #00b3b3 0%,#0071e6 100%);
    background-position: bottom;
}
.signin.loginbg .btn-primary {
    background-color: #00b3b3 !important;
    border-color: #00b3b3;
    background: linear-gradient(to right, #00b3b3 0%, #00b3b3 100%);
}
.apptivolgn.loginbg {
    background: url(https://cdns.apptivo.com/res/cdn/app/login_signup/loginbg.jpg) -220px center;
    background-size: cover;
}
.apptivolgn h1.focuses div{
    display: inline-block;
    margin-right: 20px;
    margin-top:80px;
    position: relative; color:#fff; font-weight: bold; font-size:35px;
}
.apptivolgn h1 .focus:before {
    background: url(https://cdns.profit.co/site/v1.0.2/images/focus.png) top center no-repeat;
    background-size: 70px;
}
.apptivolgn h1 .measure:before {
    background: url(https://cdns.profit.co/site/v1.0.2/images/measure.png) top center no-repeat;
    background-size: 70px;
}
 .apptivolgn h1 .achieve:before {
    background: url(https://cdns.profit.co/site/v1.0.2/images/achieve.png) top center no-repeat;
    background-size: 70px;
}
.apptivolgn h1.focuses > div:before {
    content: "";
    position: absolute;
    top: -78px;
    width: 100%;
    height: 110px;
}
.frm-fld-sec img {
    width: 25px;
    position: absolute;
    top: -16px;
    left: 5px;
}
.showpass {
    position: absolute;
    right: 30px;
    top: 29px;
    font-size: 20px;
    color: #929292;
}
a.goog-btn {
    padding: 6px 3px;
	background: #fff !important;
	border-radius: 30px !important;
	font-size: 14px;
	box-shadow: none !important;
	line-height: 20px;
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 7px;
}
.officeicon, .paypalicon {
    background-image: url(images/signup-sprite.png);
    width: 25px;
    height: 25px;
    margin: 8px 17px!important;
    position: relative;
    float: left;
}
.paypalicon {
    background-position: 67%;
}
.lefthd{font-size:50px;color:#fff;font-weight:bold;line-height: 70px;font-family: ars_maquette_probold,sans-serif !important}
.frmsrchbox{width: 270px !important;}
.loginbg .frmsrchbox .form-control::placeholder{font-weight: normal;font-size: 12px}
.frmsrchbox .form-control{margin-bottom: 0 !important;width:1% !important;border: 1px solid #ccc !important;height: auto !important;font-size: 12px !important}
.frmsrchbox label{cursor: pointer}
.welcome-head .text-white{color: #fff !important}
.btn-gry{background: #f5f5f5;border: 1px solid #e7e7e7;color: #444;}    
.businesssett .frm-fld-sec select{padding-left: 0 !important}
.signtrial{font-size: 18px;font-weight: 500;color:#14b3eb}
.loginbg .btn.hoverbtn{background: #f5f5f5 !important;border: 1px solid #e7e7e7 !important;color:#444 !important}
.loginbg .btn.hoverbtn:hover{background-color: #2fbef4 !important;border-color: #2fbef4; background: linear-gradient(to right, #2fbef4 0%, #2fbef4 100%);color:#fff !important}
.appbtns .btn-primary,.checkmark,.schedule .btn.active,.schedule label input:checked~.checkmark,.schedule label:hover input~.checkmark,.users .btn.active{background-color:#1fade4}.schedule{margin:15px 0 30px}.schedule label{display:block;position:relative;margin-bottom:12px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:26px}.schedule label input{position:absolute;opacity:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px}.checkmark:after{position:absolute;display:none}.schedule label input:checked~.checkmark:after{display:block}.schedule label .checkmark:after{left:9px;top:5px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.appbtns{margin-top:15px;overflow-y: auto;max-height: 120px;}.appbtns .btn{width:100%;margin:10px 0;border-radius:0;font-size:16px!important}.appbtns .btn i{margin-top:3px}.appbtns .btn-primary{border:1px solid #1590bf}.getstarted{position:relative;display:none}
.appbtns .btn{margin:3px 0}.schedule{margin:5px 0}.signup-form-sec .btn-signup{margin-top:10px}.signup-form-sec.row{margin:0!important}.users .btn{min-width:80px;padding:5px;margin:5px 2px}.signup-links .form-group{margin:10px 0!important}.signup-form-sec .form-group{margin:10px 0 15px}.signup_frm.signup-sec h3{margin-top:0;font-size:14px;line-height:21px}.signup-form-sec p{font-size:15px}.signup-form-sec ul li{font-size:12px}.signup-sec h1.page-title{font-size:22px!important;line-height:26px!important}.signup-form-sec ul{padding-top:2px;list-style:none}.signup-form-sec .vertical-bdr{display:inline-block;width:100%;background:#a6a6a6;position:relative;height:1px!important;margin-top:50px;min-height:auto!important}.signup-links{margin-top:50px!important}.signup-form-sec .or-img{left:46%;top:57%!important;font-size:17px!important;padding:5px 0!important}}@media(max-width:680px){.choosebtn,.schedule label{float:left;width:100%;text-align:center}.choosebtn{margin:10px 0}}@media(max-width:550px){.signup-form-sec .or-img{left:43%;top:0}}@media(max-width:420px){.signup-form-sec .or-img{left:42%;top:0}}@media(max-width:370px){.signup-form-sec .or-img{left:38%;top:0}}.appbtns .btn{position:relative;padding:0!important}.appname{float:left;width:100%;padding:5px 10px}


.getstarted{position:relative;display:none}.getstarted.active:before,.getstarted:before{position:absolute;background-color:rgba(255,255,255,.5);top:0;left:0;content:""}.getstarted.active{display:block}.getstarted:before{width:100%;height:100%;z-index:999}.getstarted.active:before{width:0;height:0;z-index:0}.choosebtn{float:left;margin-left:20px}.schedule .checkbox label{float:left;margin:0 4px;color:#929292;font-weight:700}.getstarted h1 span,.getstarted span{font-size:14px;font-weight:400!important;margin-top: 3px;}.schedule .checkbox button{font-size:14px;padding:3px 12px;border-radius:0;width:110px}.schedule .checkbox .btn-primary{background-color:#2fbef4;border-color:#299fcc}.schedule .checkbox .btn-primary:hover{background-color:#27b5ea;border-color:#27b5ea}a,button{outline:0!important}.getstarted h1 span{color:#333;font-family:ars_maquette_proitalic!important}.schedule label{padding-left:0!important}@media(max-width:1349px){.signup-form-sec .or-img{left:45px}.signup-links a span{font-size:15px;zoom:.7}}@media(max-width:1199px){.signup-form-sec .or-img{left:39px}.frm-mob-wdth .form-group .mailId_Exists,.frm-mob-wdth .form-group .validationerror{font-size:11px}}@media(max-width:991px){.signup-form-sec .or-img{left:27px}.mailId_Exists br,.signup-form-sec p br{display:none}.signup-form-sec ul li{font-size:14px}.signup-sec h1.page-title{font-size:25px!important;line-height:29px!important}.signup_frm.signup-sec h3{margin-top:0;font-size:16px;line-height:22px}.signup-form-sec .vertical-bdr{min-height:550px}}.signup-form-sec .form-group{margin-bottom:20px}.signup-form-sec .checkbox{margin:0}
@media(max-width:768px){.frm-mob-wdth{max-width:450px!important;float:none;display:block;margin:0 auto}.frm-mob-wdth .form-group .mailId_Exists{position:absolute;top:59px}.frm-mob-wdth .form-group .validationerror{top:41px}.signup_frm.signup-sec{margin-top:80px!important;margin-bottom:35px}.blogcnt-part.awp-login{padding-bottom:40px!important}
	.appname{float:left;width:100%;padding:10px}.morecnt{position:absolute;right:0;top:0;padding:8px;border-left:1px solid #ccc;margin:0!important}.appbtns .popover{top:73%;border-radius:0;right:0!important;left:auto;margin-right:14px}.appbtns .popover .arrow{left:90%}.signup-links a{text-shadow:none!important}.signup-links a img{float:left;padding:10px 20px;border-right:1px solid rgba(0,0,0,.18)}.signup-links a span{padding:10px;display:inline-block;font-size:16px;font-weight:700;text-shadow:none!important}}

	.loginbg .btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
		background: none !important
}
.loginbg .form-signin .btn-default{
	 color: #333 !important;
}
.morecnt {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
/*     border-left: 1px solid #ccc; */
    margin: 0!important;
	height: 100%;
	    width: 35px;
}
.morecnt img{width: 20px;
    position: absolute;
    left: 8px;
}

@media screen and (min-width:0\0) {
  .loginbg .form-input + .form-label { 
   transform: translateY(-30px);
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loginbg .form-input + .form-label { 
   transform: translateY(-30px);
}
}

/*added style for login and signup*/

@font-face{font-family:ars_maquette_prolight;src:url(../fonts/login_signup/arsmaquettepro-light-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-light-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-light-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-light-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-light-webfont.svg#ars_maquette_prolight) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ars_maquette_probold_italic;src:url(../fonts/login_signup/arsmaquettepro-bolditalic-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-bolditalic-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-bolditalic-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-bolditalic-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-bolditalic-webfont.svg#ars_maquette_probold_italic) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ars_maquette_prolight_italic;src:url(../fonts/login_signup/arsmaquettepro-lightitalic-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-lightitalic-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-lightitalic-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-lightitalic-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-lightitalic-webfont.svg#ars_maquette_prolight_italic) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ars_maquette_probold;src:url(../fonts/login_signup/arsmaquettepro-bold-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-bold-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-bold-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-bold-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-bold-webfont.svg#ars_maquette_probold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ars_maquette_problack;src:url(../fonts/login_signup/arsmaquettepro-black-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-black-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-black-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-black-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-black-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-black-webfont.svg#ars_maquette_problack) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ars_maquette_problack_italic;src:url(../fonts/login_signup/arsmaquettepro-blackitalic-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-blackitalic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-blackitalic-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-blackitalic-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-blackitalic-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-blackitalic-webfont.svg#ars_maquette_problack_italic) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ars_maquette_proitalic;src:url(../fonts/login_signup/arsmaquettepro-regularitalic-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-regularitalic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-regularitalic-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-regularitalic-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-regularitalic-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-regularitalic-webfont.svg#ars_maquette_proitalic) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ars_maquette_proregular;src:url(../fonts/login_signup/arsmaquettepro-regular-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-regular-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-regular-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-regular-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-regular-webfont.svg#ars_maquette_proregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ars_maquette_promedium_italic;src:url(../fonts/login_signup/arsmaquettepro-mediumitalic-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-mediumitalic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-mediumitalic-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-mediumitalic-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-mediumitalic-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-mediumitalic-webfont.svg#ars_maquette_promedium_italic) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ars_maquette_promedium;src:url(../fonts/login_signup/arsmaquettepro-medium-webfont.eot);src:url(../fonts/login_signup/arsmaquettepro-medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/login_signup/arsmaquettepro-medium-webfont.woff2) format('woff2'),url(../fonts/login_signup/arsmaquettepro-medium-webfont.woff) format('woff'),url(../fonts/login_signup/arsmaquettepro-medium-webfont.ttf) format('truetype'),url(../fonts/login_signup/arsmaquettepro-medium-webfont.svg#ars_maquette_promedium) format('svg');font-weight:400;font-style:normal}html{font-family:ars_maquette_prolight,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

/*@media (max-width:600px){


.logfrm { width:70% !important; min-width: 70%!important }
}*/
@media (max-width:767px){
	.lftbanner{display: none}
	.loginbg .container, .loginbg[ui-view], .maincntr, .loginbg {
    height: 100%;
}
.loginbg{ height: 100% }
h1.focuses {display: none;}
.logfrm { width:100% !important; min-width: 100%!important }
.logins .lftcnt{display: none !important}
}
@media screen and (min-device-width: 992px) and (max-device-width:1199px) {
.lefthd {font-size: 40px;line-height: 50px;}
}
@media screen and (min-device-width: 892px) and (max-device-width:991px) {
.lefthd {font-size: 28px;line-height: 35px;}
}
@media screen and (min-device-width: 768px) and (max-device-width:891px) {
.lefthd {font-size: 20px;line-height: 28px;}
}
.btm15 {
bottom: 15px !important;
}

.bundle {
    background-color: #fff !important;  
    background: none !important;
       border: 1px solid #ccc;
}

.bundle .checkimg {
   background: url(https://cdns.apptivo.com/res/cdn/app/login_signup/box.svg) no-repeat;
   width: 16px;
   height: 16px;
   display: inline-block;
}

.bundle .moreimg {
   background: url(https://cdns.apptivo.com/res/cdn/app/login_signup/dots.svg) no-repeat;
   width: 20px;
   height: 8px;
   display: inline-block;
}

.bundle-active{
   background-color: #2fbef4 !important;
   border-color: #2fbef4;
   background: linear-gradient(to right, #2fbef4 0%, #2fbef4 100%);
       border: 1px solid #1590bf;
       color:#fff;
}

.bundle-active .checkimg {
   background: url(https://cdns.apptivo.com/res/cdn/app/login_signup/checkedbox.svg) no-repeat;
   width: 16px;
   height: 16px;
   display: inline-block;
}

.bundle-active .moreimg {
   background: url(https://cdns.apptivo.com/res/cdn/app/login_signup/dots-white.svg) no-repeat;
   width: 20px;
   height: 8px;
   display: inline-block;
}

.ap-waveotr {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1050;
padding-top: 220px;
background-color: #fff
}
.ap-wave {
margin: 20px auto;
width: 100px;
height: 50px;
text-align: center;
font-size: 10px
}
.ap-wave .ap-rect {
background-color: #30bef5;
height: 100%;
width: 5px;
display: inline-block;
-webkit-animation: ap-waveStretchDelay 1.2s infinite ease-in-out;
animation: ap-waveStretchDelay 1.2s infinite ease-in-out
}
.ap-wave .ap-rect1 {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s
}
.ap-wave .ap-rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s
}
.ap-wave .ap-rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s
}
.ap-wave .ap-rect4 {
-webkit-animation-delay: -.9s;
animation-delay: -.9s
}
.ap-wave .ap-rect5 {
-webkit-animation-delay: -.8s;
animation-delay: -.8s
}
.ap-wave .ap-rect6 {
-webkit-animation-delay: -.8s;
animation-delay: -.7s
}
.ap-wave .ap-rect7 {
-webkit-animation-delay: -.8s;
animation-delay: -.6s
}
.ap-wave .ap-rect8,
.ap-wave .ap-rect9 {
-webkit-animation-delay: -.8s;
animation-delay: -.5s
}
.ap-wave .ap-rect10 {
-webkit-animation-delay: -.8s;
animation-delay: -.3s
}
@-webkit-keyframes ap-waveStretchDelay {
0%, 40%, to {
-webkit-transform: scaleY(.4);
transform: scaleY(.4)
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@keyframes ap-waveStretchDelay {
0%, 40%, to {
-webkit-transform: scaleY(.4);
transform: scaleY(.4)
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}

.extAcc {
color: #119d17 !important;
position: relative;
top: -25px;
}

@media (max-width: 1199px) {
.loginbg .signup-sec ul li:before { content: ""; top: 3px;}
}

@media (max-width: 767px) {
.logincommon { margin-top: 25px !important;padding-top: 0 !important;}
}

.medium-password { 
color:#b7d60a;
font-weight:700;
padding-left:5px
}

.weak-password {
color:#ce1d14;
font-weight:700;
padding-left:5px
}

.strong-password {
color:#12cc1a;
font-weight:700;
padding-left:5px
}
.twofactorinput input {
  display: block;
  width: 100%;
  height: 40px;
  padding: .375rem .75rem;
  font-size: 15px;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #2fbef3 !important;
  border-radius: 4px !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 50px !important;
  text-align: center;
  box-shadow: none;
  margin: 3px;
}
.spt20 {
    background: url(https://cdns.apptivo.com/images/app-icons.svg) no-repeat;
    width: 18px;
	height: 18px;
	float: left;
	background-size: 20rem;
	margin-right: 5px;
}
.appinlblestmt{background-position:-112px 2px;}
.appinlblodr1{background-position:-55px -36px;}
.appinlblinvoice{background-position:-131px 2px;}
.expenserpt20{background-position:-169px -75px;}
.po20{background-position:-149px -36px;}
.appinlblinvtry1{background-position:-130px -36px;}
.supplier{background-position:-74px -36px;}
.receiving25{background-position:-167px -36px;}
.kwosldr20{background-position:-93px -17px;}
.appinlblcust1{background-position:0px 2px;}
.appinlblcont1{background-position:-17px 1px;}
.appinlblleads1{background-position:-38px 2px;}
.appinlblopport{background-position:-55px 2px;}
.appinlblcases1{background-position:-73px 2px;}
.appinlblswo1{background-position:-93px 2px;}
.contactcenter{background-position:-28px -128px;}
.appinlblcampns1{background-position:-244px -37px;}
.appinlbltgt1{background-position:-224px -37px;}
.appinlblideas1{background-position:-224px -17px;}
.appinlblledgr{background-position:-188px 1px;}
.appinlbljobs{background-position:-131px -18px;}
.appinlblemployees1{background-position:-111px -17px;}
.appinlblholidays{background-position:-187px -18px;}
.appinlblpm{background-position:-18px -36px;}
.appinlbltms1{background-position:-38px -36px;}
.properties20{background-position:-226px 1px;}
.xinnect20{background-position:-18px -19px;}
.teams{background-position:-169px -17px;}
.item20{background-position:1px -36px;}
.contractsicn25{background-position:-111px -92px;}
.appinlblshipmnt1{background-position:-111px -37px;}
.appinlblpromo1{background-position:-207px -37px;}
.appdistribtr{background-position:-93px -35px;}
.appinlblfundrais{background-position:-262px 2px;}
.appinlblrqrmt1{background-position:-262px -17px;}
.milestoneicn{background-position:-93px -93px;}
.appinlblinsurtkr{background-position:-75px -17px;}
.appinlblsalrcpt{background-position:-169px 2px;}
.appinlblsuplr1{background-position:-74px -36px;}
.appinlblltymgt1{background-position:-263px -38px;}
.appinlblpatents1{background-position:-243px -18px;}
.sp20{background-position:-38px -18px;}
.si20{background-position:-150px 1px;}
.appinlblcandidates1{background-position:-150px -18px;}
.licensetracker20{background-position:-56px -18px;}
.appinlblansw20{background-position:-18px -74px;}
.appinlblcustpnt1{background-position:-151px 2px;}
.appinlbldocuments{background-position:-187px -56px;}
.crdt20{background-position:2px -17px;}
.appinlbltestimonials{background-position:2px -55px;}
.appinlblfundrnd{background-position:-263px -93px;}
.appinlbldepartments{background-position:-207px -19px;}
.callog16{background-position:-94px -55px;}
.territory20{background-position:-131px -74px;}
.carm20{background-position:-56px -74px;}
.fxdast20{background-position:-19px -112px;}
.appinlblonecampgn{background-position:-284px -108px;background-size: 23rem;}
.userstory25{background-position:-218px -108px;background-size: 23rem;}
.testcycle25{background-position:-197px -108px;background-size: 23rem;}
.taskicn{background-position:-87px -65px;background-size: 23rem;}
.calendar16{background-position:-67px -65px;background-size: 23rem;}
.follow16{background-position:-153px -65px;background-size: 23rem;}

.circle{ background: url(https://cdns.apptivo.com/images/app-icons.svg) -5px -241px no-repeat;
    width: 18px;
	height: 18px;
	float: left;
	background-size: 36rem;}
.checkcircle{ background: url(https://cdns.apptivo.com/images/app-icons.svg) -32px -241px no-repeat;
    width: 18px;
	height: 18px;
	float: left;
	background-size: 36rem;}
.errorpup { position: absolute; top: 10px; left: 25%; }