body {font: 400 0.875rem/1.43 'Poppins', sans-serif !important;margin: 0; background: #d9e0e7; color: rgba(0, 0, 0, 0.87); letter-spacing: normal;min-width: 320px; position: relative; }
a{font-size: 0.875rem;font-family: "Roboto", sans-serif;font-weight: 400;line-height: 1.43;color: #33bcbc;text-transform: capitalize;transition: all .6s;}
a:hover{text-decoration: none;color:#33bcbc;}
a:focus,
button:focus{outline: none !important;}
label { font-size: 13px; font-weight: 600; color: #9fa4af;letter-spacing: 1px;}

form{ margin: 0; }

/* CTA */
.btn {
  position: relative;
  z-index: 1;
  background-color: #13a165;
  padding: 15px 10px;
  color: #fff;
  font: 500 20px/30px 'Poppins', sans-serif !important;
  letter-spacing: 1px;
  border-radius: 3px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  transition: all .3s;
  min-width: 175px;
  margin-bottom: 30px;
  border: none;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
}
.btn:hover, .btn:focus, .btn:active {
  background: #0f8754 !important; color: #fff !important;
}
.btn:focus { box-shadow: none;}

::-moz-selection { color: #fff; background:#33bcbc; }
::selection { color: #fff;background: #33bcbc; }
textarea {resize: none; clear: both;min-height: 200px;max-height: 200px;height: 200px;}
input,
textarea,
select{ font-family: 'Poppins', sans-serif !important; font-weight: 500; border: 1px solid #ddd;}

/* Log-in CSS */
/*.img-content-block{background:url(../images/login.jpg)no-repeat; background-size: cover;background-position: center;height: 100%;}*/
.img-content-block{background:#eef2f3;height: 100%;}
.login-block .btn{width: 100%;min-width: 100%;}
.custom-row{height: 100vh;transition: all .6s;}
.img-content-block h1 {max-width: 350px;margin: 0 auto;background: #000;opacity: .8;text-align: center;font-size: 50px;color: #fff;position: absolute;left: 0;right: 0;bottom: 50px;padding: 20px;}
.login-block h2 {font-size: 2.5rem;line-height: 1.2;margin: 0 0 7px;text-transform: capitalize;font-weight: 600;}
.main-login-block span {color: #8695af;font-weight: 400;font-size: 16px;line-height: normal;display: block;}
.main-login-block label span {color: #495057;font-weight: 400;font-size: 14px;}
.copyright-block {border-top: 1px solid #d9e0e7;text-align: center;font-size: 10px;color: #899297;line-height: normal;font-weight: 300;padding: 10px 0 0;}
.custom-control-label{font-weight: 400;}
.main-login-block .contnet-block {margin: 0 0 25px;}
.error {color: #ff0000 !important;font-size: 12px !important;line-height: 18px !important;margin-bottom: 15px;}
.login_slideshow img {height: 100vh;width: 100%;object-fit: cover;}
.login_slideshow .slide{position: relative;}
.login_slideshow .icon-box {position: absolute;bottom: 40px;right: 25px;z-index: 1;}
.login_slideshow .icon-box img {height: auto;}

.login-block .img-content-block h1 {opacity: 1; position: static;background: transparent;color: #fff;max-width: 100%;padding: 0;font-size: 56px;line-height: 66px;text-align: left;font-weight: 700;margin-bottom: 50px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: rgb(121,121,121);}
.login-block .login_slideshow .slide_content {position: absolute;top: 50%;right: 72px;transform: translateY(-50%); max-width: 450px;text-align: left;}
.login-block .img-content-block ul {padding: 0;margin: 0;list-style-type: none;}
.login-block .img-content-block ul li {color: #fff;font-size: 24px;line-height: 30px;position: relative;margin-bottom: 40px;padding-left: 45px;text-shadow: 2px 1px 0 rgba(0,0,0,.5);}
.login-block .img-content-block ul li:before {content: '';position: absolute;left: 0;top: 5px;background: url(../images/login/3linx-tick.png)no-repeat;width: 27px;height: 22px;}

/* Custom Input */
form label {position:relative;display:inline-block;width: 100%;margin: 0;}
form label span {padding:10px;pointer-events: none;position:absolute;left:0;top:0;transition: 0.2s;transition-timing-function: ease;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);opacity:0.5;}
form input.form-control {padding: 0;border-radius: 0;background: transparent;border: none;border-bottom: 1px solid #fff;color: #fff !important;}
.form-control:focus{background: transparent;border-color: #33bcbc;box-shadow: none;color: #fff;}

/* For IE Browsers*/
::-webkit-input-placeholder {color: #fff !important;}
::-moz-placeholder {color: #fff !important;}
:-ms-input-placeholder {color: #fff !important;}
:-moz-placeholder {color: #fff !important;}

/* Checkboxes Custom CSS */
.custom-control-input:checked ~ .custom-control-label:before {color: #fff;border-color: #33bcbc;background-color: #33bcbc;}
.custom-checkbox .custom-control-label:before {border-radius: 0;}
.custom-control-label:before{border:2px solid rgb(116,116,116); top:0;}
.custom-control-label:after {top: -0.1rem;left: -26px;width: 20px;height: 20px;}

/* autofill CSS */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important;
}
.forgot-pwd {background: transparent;color: #fff;padding: 10px 5px;border-radius: 3px;font-size: 12px;line-height: 16px;border: 2px solid rgb(64,199,164);}
.forgot-pwd:hover{background:rgb(64,199,164);color: #fff; }
.forgot-pwd i {margin: 0 5px 0 0;}

/* Revamp Login (19-01-2021) */
.login-inner-block {background: #212631 url(../images/login/login-slide1.jpg)no-repeat;background-position: center;background-size: cover;background-position: 25% top;background-blend-mode: multiply;}
.login-inner-block .logo {max-width: 200px;margin: 0 0 50px;}
.login-inner-block h2 {font-size: 22px;line-height: 30px;color: #fff;letter-spacing: 1px;margin: 0;}
.login-inner-block .main-login-block {max-width: 400px;margin: 0 auto;}
#loginform .error {position: static;margin: 5px 0 10px;padding: 0;opacity: 1;}
.main-login-block .form-block {position: relative;text-align: center;}

/* Media */
@media(min-width: 767.98px) {
  .login-inner-block{background-image: none;}
  .login-inner-block {padding: 20px;}
  .login-inner-block h2 {font-size: 30px;line-height: 40px;}
  .btn{padding-bottom: 20px;padding-top: 20px;font-size: 22px !important;line-height: 32px !important;}
}
@media(min-width: 1199.98px) {
  .login-inner-block {padding: 70px 70px 10px;}
  .img-content-block h1{font-size: 100px;max-width: 530px;bottom: 150px;}
  .forgot-pwd {font-size: 14px;line-height: 18px;}
  .login-inner-block .logo {max-width: 220px;}
}
.flat-link {
        text-decoration: none;
        color: inherit;
        cursor: text;
        font-size: inherit; /* Inherit font size */
}
.login-link {
  color:#13a165
}

