/*body{
	background: url('../images/login-bg-4.jpeg') no-repeat;
	background-size: 100% auto;

}*/
body,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
.navbar,
.brand,
.btn-simple,
.alert,
a,
.td-name,
td,
button.close {
    font-family: "Poppins";
}

h3,
.h3,
p {
    font-weight: 400;
}

body {
    background: url('../images/login/main-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* Keep the background behind the content */
    z-index: -1;
}

.newCard {
    border-radius: 20px;
    width: calc(100vw - 115px) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.carousel {
    background: url(../images/login/new-carousel-bg.png) !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-repeat: no-repeat;
    position: relative;
    min-height: calc(100vh - 140px) !important;
    height: -webkit-fill-available;
}

/* login page */
.carousel-login-default {
    height: calc(100vh - 200px) !important;
}

/* zoom 110% */
.carousel-login-z-138 {
    height: calc(100vh - 120px) !important;
}

/* zoom 125% */
.carousel-login-z-156 {
    height: calc(100vh - 115px) !important;
}

/* zoom 150% */
.carousel-login-z-188 {
    height: calc(100vh - 28px) !important;
}
/* end login page */

/* otp,reset,forget */
.carousel-default {
    height: calc(100vh - 200px) !important;
}

/* zoom 125% */
.carousel-z-156 {
    height: calc(100vh - 90px) !important;
}

/* zoom 150% */
.carousel-z-188 {
    height: 100vh !important;
}
/* end */

.smart {
    width: 300px !important;
    height: auto !important;
    margin: 80px auto 60px auto !important;
}

.smart-cr {
    width: 90% !important;
    height: auto !important;
    margin-top: 60px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 0 !important;
}

.login-wrapper {
    margin-top: 3%;
    /* margin: 9px 0% 0% 2%; */
}

.login-wrapper .header {
    padding-bottom: 10px;
    border-radius: 4px 4px 0px 0px;
}

.blue {
    background-color: #073c64;
}

.login-wrapper .header .title {
    color: white;
}

.login-wrapper .left {
    border-radius: 4px 0px 0px 4px;
}

.login-logo-wrapper {
    text-align: center;
    padding: 100px;
}

.login-title-wrapper {
    padding-bottom: 20px;
}

.login-title-wrapper>.title {
    color: #9E9E9E;
}

.login-logo {
    width: 10%;
    height: auto;
}

.g-recaptcha iframe {
    transform: scale(0.9);
}

/*
.bg-overlay{
	position: fixed;
	width:100%;
	height: 100%;
	top: 0;
	background: url('../images/login-bg-4.jpeg') no-repeat;
	background-size: 100% auto;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	background-image: url('../images/login-bg-4.jpeg');
    background-repeat:no-repeat;
    background-size:cover;
}*/
.carousel-inner {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: auto !important;
}

.carousel-inner h3 {
    font-weight: bold;
    color: black;
    margin: 15% 0% 0% auto;

}

.carousel-inner p {
    color: black;
    margin: 5% 0% 0% auto;
    font-size: 20px;
    text-align: center;
    word-spacing: 1px;

}

.carousel-indicators{
	bottom:-5px;
}

.carousel-control.right {
    background: transparent;
}

.carousel-control.left {
    background: transparent;
}

.carousel-indicators .active {
    background-color: white;
    /*width: 8%;*/

}

.carousel-indicators li {
    background-color: grey;
    /*width: 8%;*/
}

.img-slide {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.login-form {
    margin-top: 12%;
    width: 70%;
}

.login-form input {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom-color: black;
    border-radius: 0px;
    text-align: center;
}

.login-form input::placeholder {
    color: black;
    text-align: center;
}

.btn-login {
    background-color: blue;
    color: white;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 50%;
}

.card-login {
    border-radius: 10px;
    margin-bottom: 0px;

}

.icon-username {
    height: 30px;
    position: relative;
    top: 33px;
    left: -96px;
}

.icon-pass {
    height: 30px;
    position: relative;
    top: 33px;
    left: -85px;
}

.icon-color {
    color: #1064A5 !important;
}

.icon-eye {
    height: 30px;
    position: relative;
    left: 81px;
    top: 36px;
}

.icon-forget {
    height: 30px;
}

a {
    color: #1064A5 !important;
}

.a-register {
    font-weight: bold;
    font-size: 18px;
    line-height: 0;
    text-decoration: underline;
}

.card label {
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: red;
    font-weight: bold;
}


/* FORGET PAGE */

.img-forget {
    width: 110px;
}

.login-forget {
    width: 70%;
}

.login-forget input {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #2D507A;
    border-radius: 0px;
    text-align: center;
}

.login-forget input::placeholder {
    color: #848688;
    text-align: center;
}

.text-forget {
    color: #848688;
    margin-top: 12px;
    margin-bottom: 14px;
}

.btn-forget {
    
    margin-top: 20px;
    width: 63% !important;
    border-radius: 50px !important;
}


.text-otp-title {
    color: #848688;
    margin-top: 15px;
    font-weight: bold;
}

.text-otp {
    font-size: 13px;
    color: #848688;
    margin-bottom: 40px;
}

.form-otp {
    width: 100%;
    padding-right: 10px
}

.form-otp input {
    border: none;
    width: 9ch;
    background:
        repeating-linear-gradient(90deg,
            #2D507A 0,
            #2D507A 1ch,
            transparent 0,
            transparent 1.5ch) 0 100%/100% 2px no-repeat;
    color: #2D507A;
    font: 5ch "Poppins";
    letter-spacing: .5ch;
    margin-bottom: 40px;
}

.form-otp input:focus {
    outline: none;
    color: #2D507A;
}

.form-otp input::placeholder {
    color: #848688;
    text-align: center;
}

.text-reset-title {
    color: #848688;
    margin-top: 15px;
    font-weight: bold;
}

.form-reset {
    width: 80%;
}

.form-reset input {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #2D507A;
    border-radius: 0px;
    text-align: center;
}

.form-reset input::placeholder {
    color: #848688;
    text-align: center;
}

/* input group left */
.input-group-left {
    border-top: 1px solid #bdbdbd !important;
    border-left: 1px solid #bdbdbd !important;
    border-bottom: 1px solid #bdbdbd !important;
    border-right: 0 none !important;
    padding-left: 1rem;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.icon-left {
    height: 30px;
    position: relative;
}

/* input group right */

.input-group-right {
    border-top: 1px solid #bdbdbd !important;
    border-right: 1px solid #bdbdbd !important;
    border-bottom: 1px solid #bdbdbd !important;
    border-left: 0 none !important;
    padding-right: 1rem;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


@media only screen and (min-device-width: 360px) and (max-device-width: 410px) {
    .icon-username {
        left: -96px !important;
    }

    .input-group-left {
        padding-left: 0.5rem;
    }
    .username-group {
        font-weight: 400;
        font-size: 13px;
        padding-right: 4rem;
    }
    .password-group {
        font-weight: 400;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .icon-pass {
        left: -85px;
    }

    .icon-username {
        left: -96px;
    }

    .icon-eye {
        left: 81px;
    }

    .newCard {
        border-radius: 0px;
        width: 100% !important;
        height: auto !important;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    }

    .smart {
        width: 50% !important;
        height: auto !important;
        margin: 80px auto 20px auto !important;
    }
    
    .smart-cr {
        width: 80% !important;
        height: auto !important;
        margin-top: 20px;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 0 !important;
    }

    .carousel {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        min-height: 300px !important;
    }

    .row-card {
        flex-direction: wrap;
    }
    
    .col-card {
        display:grid;
    }

    .input-group-left {
        padding-left: 1.5rem;
    }
    .username-group {
        font-weight: 400;
        font-size: 13px;
        padding-right: 4.5rem;
    }
    .password-group {
        font-weight: 400;
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .row-card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: wrap;
    }
    
    .col-card {
        display: flex;
        flex-direction: column;
    }

    .input-group-left {
        padding-left: 0.2rem;
    }
    .username-group {
        font-weight: 400;
        font-size: 13px;
        padding-right: 4.3rem;
    }
    .password-group {
        font-weight: 400;
        font-size: 13px;
    }
    .input-group-right{
        padding-right: 0.5rem;
    }
}

@media (min-width:900px) {
    .input-group-left {
        padding-left: 1rem;
    }
    .username-group {
        font-weight: 400;
        font-size: 13px;
        padding-right: 4.3rem;
    }
    .password-group {
        font-weight: 400;
        font-size: 13px;
    }
}

@media (max-width:955px) {
    .login-form {
        width: 95%;
    }
}

@media (max-width: 992px) {
    .icon-pass {
        left: -43px;
    }

    .icon-username {
        left: -51px;
    }

    .icon-eye {
        left: 40px;
    }
}

@media (max-width: 1080px) {
    .icon-pass {
        left: -65px;
    }

    .icon-username {
        left: -73px;
    }

    .icon-eye {
        left: 62px;
    }
}

@media (max-width: 1020px) {
    .icon-pass {
        left: -43px;
    }

    .icon-username {
        left: -51px;
    }

    .icon-eye {
        left: 40px;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important;
    }
  }