/* karla-regular - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/karla-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/karla-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/karla-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/karla-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/karla-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/karla-v15-latin-regular.svg#Karla') format('svg'); /* Legacy iOS */
}
/* karla-700 - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/karla-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/karla-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/karla-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/karla-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/karla-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/karla-v15-latin-700.svg#Karla') format('svg'); /* Legacy iOS */
}

body {font-family:'Karla', sans-serif;background-color:#f5f7ff;margin-bottom:0;overflow-x:hidden;overflow-y:hidden;}.collective-login{display:flex;align-items:stretch;}.empty-page-text{width:60%;height:100vh;font-size:80px;line-height:86px;font-weight:700;color:#fff;padding:10%;background-image:
linear-gradient(to bottom, rgba(80,80,189, 0.8), rgba(80,80,189, 0.8)), url('../astuut-icons/patternpad.svg');background-repeat:no-repeat;background-size:cover;}.occupied-login-section{width:40%;height:100vh;display:flex;justify-content:center;background-color:#f5f7ff;flex:1;padding:10% 0;overflow-y:scroll;}.occupied-login-section::-webkit-scrollbar {background-color:fff;width: 10px;}.occupied-login-section::-webkit-scrollbar-button{background-color:#fff;}.occupied-login-section::-webkit-scrollbar-track{background-color:#fff;}.occupied-login-section::-webkit-scrollbar-track-piece{background-color:#fff;}.occupied-login-section::-webkit-scrollbar-thumb{background-color:#bbb;}.occupied-login-section::-webkit-scrollbar-corner{background-color:#bbb;}.login-card{background-color:#f5f7ff;padding:10px 12%;margin:5px 0 20px 0;border-radius:3px;margin:1% auto;}.float-left-30{float:left;width:30%;}.float-left-50{float:left;width:50%;}.login-card{width:100%;}.login-card .login-text{font-size:14px;font-weight:700;color:#6c6c6c;text-transform:uppercase;letter-spacing:3px;}.login-text{text-align:center;padding:5% 0;}.login-text img{width:40%;}.transfer-pt  input[type='text'],.transfer-pt  input[type='password'],.transfer-pt  input[type='email']{width:100%;background-color:#fff;resize:none;font-size:16px;line-height:24px;font-weight:300;color:#1D2127;padding:2.5%;border:1px solid #ddd;border-radius:3px;} .transfer-pt  input[type='text']:focus,.transfer-pt  input[type='password']:focus,.transfer-pt  input[type='email']:focus{outline:2px solid #a8a8a8;}.login-btn{display:flex;align-items:center;justify-content:flex-end;text-align:right;margin:3% 0 0;}.lgn_otrsd{width:100%;}.lgn_otrsd input[type='submit'],.lgn_otrsd input[type='button']{color:#fff;padding:4% 0;border:0 solid;box-shadow:none;border-radius:3px;text-align:center;background-color:#5050bd;font-size:16px;font-weight:700;width:100%;}.lgn_otrsd input[type='submit']:hover,.lgn_otrsd input[type='button']:hover{background-color:#0505A1;}.pass-reset-cont{font-size:14px;line-height:20px;font-weight:300;color:#ccc;margin-top:2%;}.login-meta{margin:5% 4%;font-size:16px;font-weight:300;line-height:24px;padding:2%;color:#fff;border:2px solid #fff;border-radius:35px;text-align:center;}.transfer-pt textarea{padding:2%;min-height:10vw;width:100%;border:1px solid #ddd;resize:none;font-size:16px;line-height:24px;color:#1D2127;border-radius:3px;font-weight:300;}.transfer-pt select{padding:2.5%;width:100%;border:1px solid #ddd;font-size:16px;line-height:24px;font-weight:300;color:#1D2127;border-radius:3px;}.transfer-pt select:focus{outline:2px solid #a8a8a8;}.pass-reset-cont input[type='submit']{background:transparent;border:0;padding:0;color:#888;font-size:14px;font-weight:300;line-height:20px;}.pass-reset-cont,#codeCount{color:#888;font-size:14px;font-weight:300;line-height:20px;}.tk-bck-lnk{width:70%;display:flex;justify-content:flex-start;font-size:14px;text-transform:uppercase;letter-spacing:1px;}.tk-bck-lnk a{color:#a8a8a8;}.flt_tgl{position:absolute;top:35%;right:2%;font-size:16px;color:#aaa;}.flt_tgl i:hover{cursor:pointer;color:#1A1919;}.rel_pos{position:relative;}.gtver{margin-top:3%;}.gtver button{background:transparent;color:#a8a8a8;font-size:14px;line-height:24px;font-weight:300;padding:0;border:none;}.rel_wrpr{position:relative;margin-bottom:3%;}.isMob{display:none;} .isDsk{display:block;}.mini_mdl_cls{margin-bottom:20%;}.mini_mdl_cls button{width:100%;border:none;padding:0 5%;font-size:12px;font-weight:700;color:#aaa;line-height:22px;background:transparent;text-transform:uppercase;letter-spacing:1px;}#adjuinp,#crtmkumn{display:none;}.rd_notif{display:none;position:absolute;top:29%;right:2%;font-size:18px;color:#FF0022;}

/****Login error****/
.error-pop{width:100%;background:#d50000;font-size:16px;line-height:36px;font-weight:300;color:#fff;padding:0 1%;-webkit-animation-name:errorzoom;animation-name:errorzoom;}@keyframes errorzoom{0%{transform:scale(1,1);}50%{transform:scale(1.1,1.1);}100%{transform:scale(1,1);}}.error-pop{ animation:errorzoom 1s 2;}.scx-pop{width:100%;background:#20b752;font-size:16px;line-height:36px;font-weight:300;color:#fff;padding:0 1%;-webkit-animation-name:errorzoom;animation-name:errorzoom;}@keyframes errorzoom{0%{transform:scale(1,1);}50%{transform:scale(1.1,1.1);}100%{transform:scale(1,1);}}.scx-pop{ animation:errorzoom 1s 2;}

@media only screen and (max-device-width: 424px) {
  body {overflow-x:hidden;overflow-y:scroll;}.collective-login{display:block;}.empty-page-text{width:100%;height:auto;font-size:20px;line-height:28px;text-align:center;}.occupied-login-section{width:100%;height:auto;padding:5% 0;}.hdnlgo{display:flex;align-items:center;justify-content:center;margin-bottom:20%;}.hdnlgo img{width:45%;}.pass-reset-cont{margin:7% 0;}.login-card{padding:10px 9%;}.transfer-pt input[type='text'],.transfer-pt input[type='password'],.transfer-pt input[type='email']{padding:4%;}
  
  .isDsk{display:none;}.isMob{display:block;}
}

@media screen and (min-width: 425px) and (max-width: 767px) {
  body {overflow-x:hidden;overflow-y:scroll;}.collective-login{display:block;}.empty-page-text{width:100%;height:auto;font-size:20px;line-height:28px;text-align:center;}.occupied-login-section{width:100%;height:auto;padding:5% 0;}.hdnlgo{display:flex;align-items:center;justify-content:center;margin-bottom:20%;}.hdnlgo img{width:45%;}.pass-reset-cont{margin:7% 0;}.login-card{padding:10px 9%;}.transfer-pt input[type='text'],.transfer-pt input[type='password'],.transfer-pt input[type='email']{padding:4%;}
  
  .isDsk{display:none;}.isMob{display:block;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .empty-page-text{width:50%;font-size:50px;line-height:52px;height:100vh;}.occupied-login-section{width:50%;padding:5% 0;height:100vh;}
}

@media screen and (min-width: 1024px) and (max-width: 1260px) {
  .empty-page-text{width:60%;font-size:50px;line-height:52px;height:100vh;}.occupied-login-section{width:40%;padding:5% 0;height:100vh;}
}