/**
* profit.co confidential
*
* 2018- 2019 Profit.co Incorporated.
*
* NOTICE:  All information contained herein is, and remains
* the property of profit.co and its suppliers,
* if any.  The intellectual and technical concepts contained
* herein are proprietary to Profit.co
* and its suppliers and may be covered by U.S. and Foreign Patents,
* patents in process, and are protected by trade secret or copyright law.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from profit.co.
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600&display=swap');

html,
body {
  height: 100%;
  font-size: 13px;
  background-color: #ecf1f9;
  overflow-x: hidden;
  font-family: 'IBM Plex Sans',-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;
}

.maincntr {
  height: 100%;
}

.loginbg {
  background: url(https://acn.profit.co/static/app/ng/src/assets/images/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;
  display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
  flex-direction: row;
  -webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap!important;
  justify-content: center;
  align-items: center;
  -webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: 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: #fff;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.logins .frm-fld-sec input {
  text-indent: 5px;
}

.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 .shadow {
  box-shadow: 0 0.5rem 1rem rgba(32, 150, 243, 0.3) !important;
}

.loginbg .btn-primary {
  background-color: #2196F3 !important;
  border-color: #2196F3;
  background: linear-gradient(to right, #2196F3 0%, #2196F3 100%);
}
.loginbg.signin {
  background: url(https://cdns.sign.co/site/v1.0.1/sign/src/assets/images/sign-bg.JPG) center;
  background-size: cover;
  background-position: -300px 0px;
  background-repeat: no-repeat;
}
.loginbg.voicein {
  background: url(../images/voice/logbg.jpg) center;
  background-size: cover;  
}
.loginbg a,
.loginbg a:hover,
.loginbg a:focus {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  text-decoration: none;
}

.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: #2196f3;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loader.sign:after {
  background: #00b3b3 !important;
}
@-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://acn.profit.co/static/app/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%;
    overflow-y: scroll;
  }

  .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: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://acn.profit.co/static/app/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://acn.profit.co/static/app/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("https://acn.profit.co/static/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://acn.profit.co/static/app/ng/src/assets/images/newloginbg.jpg) bottom;
  background-size: cover;
  background-position: center -250px;
  display: inline-block;
  width: 100%;
  padding: 25px 0px 110px 0px;
}

.welcome-frm .welcome-head.sign-head {
  background: url(https://cdns.sign.co/site/v1.0.1/sign/src/assets/images/sign-bg.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: 600;
  font-size: 14px;
}

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

.welcome-frm .welcome-head h2 {
  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(https://acn.profit.co/static/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: 30px;
  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: -30px;
  left: 0px;
  background: #e36c58;
  padding: 5px 8px;
  top: auto !important;
  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: 40px;
  top: -1px;
  font-size: 20px;
  color: #929292;
  z-index: 2;
}

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

/* common css */
.loginbg .logins .logfrm {
  width: 500px;
  min-width: 500px;
  background-color: #fff;
  font-size: 13px;
  box-shadow: 0 0 15px #155d98 !important;
  overflow: auto;
}

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

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

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

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

font-size: 15px;color:#ccc;font-weight: normal;
}

.loginbg .logins .col-form-label {
  font-size: 11px;
  font-weight: 600;
  color: #6f6f6f;
  z-index: 1;
}
::-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 .btn-primary {
  background-color: #00b3b3 !important;
  border-color: #00b3b3;
  background: linear-gradient(to right, #00b3b3 0%, #00b3b3 100%);
}
.loginbg.voicein .btn-primary {
  background-color: #4e73df !important;
  border-color: #4e73df;
  background: linear-gradient(to right, #4e73df 0%, #4e73df 100%);
}
.profit.loginbg {
  background: url(https://acn.profit.co/static/app/ng/src/assets/images/loginbg.jpg) center;
  background-size: cover;
}
.profit h2.focuses div{
  display: inline-block;
  margin-right: 20px;
  margin-top:80px;
  position: relative; color:#fff; font-weight: bold; font-size:35px;
}
.profit h2 .focus:before {
  background: url(https://acn.profit.co/static/app/ng/src/assets/images/focus_profit.png) top center no-repeat;
  background-size: 70px;
}
.profit h2 .measure:before {
  background: url(https://acn.profit.co/static/app/ng/src/assets/images/measure_profit.png) top center no-repeat;
  background-size: 70px;
}
.profit h2 .achieve:before {
  background: url(https://acn.profit.co/static/app/ng/src/assets/images/achieve.png) top center no-repeat;
  background-size: 70px;
}
.profit h2.focuses > div:before {
  content: "";
  position: absolute;
  top: -78px;
  width: 100%;
  height: 110px;
}
/*@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% }
h2.focuses {display: none;}
.logfrm { width:100% !important; min-width: 100%!important }
.logins .lftcnt{display: none !important}
}

.signin h1.focuses div {
  display: inline-block;
  margin-top: 80px;
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding-top: 10px;
  margin-right: 0;
}
.sign-form-sub-txt {
  color: #fff;
  font-size: 16px;
}

.loginbg.signin .frm-fld-sec input, .loginbg.signin .frm-fld-sec select {
  text-indent: 0px;
  font-weight: normal;
}

.loginbg.signin .form-control:focus { 
  color: #333;
  font-weight: normal;
}
.logins .error {
  bottom: -18px;
  left: 0px;
}
.logins .error-bdr {
  border: 1px solid red !important;
}

.img-bdr img, .img-bdr svg {
  position: relative;
  top: -2px;
  }
  
  a.goog-btn {
  padding: 7px 3px;
  width: 100%;
  border: 1px solid #ccc !important;
  background: #fff !important;
  border-radius: 4px !important;
  font-size: 14px;
  box-shadow: none !important;
  line-height: 20px;
  }

 @media screen and (-webkit-min-device-pixel-ratio:0) { 

  ::i-block-chrome,.loginbg.signin{background-position:initial;}
  ::i-block-chrome,.focuses{width: 83.333333% !important}
  ::i-block-chrome,.loginbg .flxcntr,::i-block-chrome,.flex-wrap{float: left;width:100%}

  ::i-block-chrome,.d-flex,::i-block-chrome,.row{
    display: inline-block !important;
  }
  ::i-block-chrome,.logins{  display: flex !important;display: -webkit-box !important}
  ::i-block-chrome,.focuses .imgcnt{margin-top: 80px !important;float: left;}
  ::i-block-chrome,.signin h1.focuses div {float: left;}   
  ::i-block-chrome, .focuses {
    width: 83.333333% !important;
    }
    ::i-block-chrome, *, :after, :before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  ::i-block-chrome,.lftbanner .text-light{width: 100% !important}
  ::i-block-chrome,.gglbtn { width: 100% !important}
  ::i-block-chrome,.gglbtn .col-10{max-width: 100%; text-align: center;float: left;}
  ::i-block-chrome,.gglbtn .btn-block{display: inline-block;max-width: 66.666667%;}
  ::i-block-chrome,.lftbanner {flex: 0 0 66.666667%  !important;max-width: 66.666667%  !important;width: 66.666667%  !important}
  ::i-block-chrome,.logfrm {flex: 0 0 33.%  !important;max-width: 33.333333%  !important;width: 33.333333%  !important;min-width: 33.333333%  !important}
} 
.frm-fld-sec select.txtindent0{text-indent:0 !important}
.twfct input{ display: inline-block;
  width: 13.2857%;
  text-align: center;
  line-height: 20% !important;
  padding: 5px 0px;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: rgb(111, 109, 109);
  font-size: 20px; border: 2px solid #dadce0 !important;
  border-radius: .25rem !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; line-height: 11.5;  height: calc(4.25rem + 2px);     
}
.twfct input:focus {
  outline: none;
  border: 2px solid #2196f3 !important;
  box-shadow: none;
}
.fntsz15 {
  font-size: 15px !important;
}
.tp0 {
  top: 0!important;
}
.twfctcds{display:flex; justify-content:space-between}
.coverbg {
  background-color: rgba(0, 0, 0, 0.47) !important;
}
.welcomebg {
  background: url(https://acn.profit.co/static/app/ng/src/assets/images/screenbg.png) center;
  background-size: cover;
}
.wd-450 {
  width: 450px !important;
  min-width: 450px !important;
}
.fixedlabel .col-form-label {
  color: #9e9e9e;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 12px;
  font-size: 1rem;
  cursor: text;
  pointer-events: none;
  transition: transform 0.5s;
}
.loginbg .logins .col-form-label {
  font-size: 13px;
  font-weight: 400;
  color: #6f6f6f;
  z-index: 1;
}
.fixedlabel .col-form-label.active {
  transform: translateY(-12px);
  color: #6f6f6f;
  font-size: 12px;
  background: #fff;
  z-index: 4;
  padding: 1px 5px;
  padding-bottom: 0px;
}
.flag-container {
  z-index: 3;
}
.mx-wd-450 {
  max-width: 450px !important;
}
.mx-wd-600 {
  max-width: 600px !important;
}