
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */


html.logingst, html.logingst body{height: 100%;}
html.logingst {
	background:transparent;
}
html.logingst body{
    background: transparent;
}
html.logingst body div#app{
 min-height: 100%;
  display: flex;
  /* change flex-direction from column to row will work */
  flex-direction: column;
  box-sizing:border-box;
}
html.logingst section.section{
	flex:1
}
/*html.logingst section.section {
    background: #fff;
    background: -webkit-linear-gradient(to bottom, #14404b, #a9a9a9);
    background: linear-gradient(to bottom, #14404b, #a9a9a9);
        display: flex;
    align-items: center;
}*/
html.logingst section.section {
    background: #fff;
    background-image: url(../img/bg-login2.jpg);
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: initial;
    position: relative;
}
html.logingst section.section:after {
    background: #136a8e85;
    background: -webkit-linear-gradient(to bottom, #136a8ea8, #ffffffeb);
    background: linear-gradient(to bottom, #136a8ea8, #ffffffeb);
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
}

html.logingst .section .container.mt-5 .row .col-12.col-sm-8.offset-sm-2.col-md-6.offset-md-3.col-lg-6.offset-lg-3.col-xl-4.offset-xl-4{
	display: flex;
    align-items: center;
    justify-content: center;
}

html.logingst section.section .car-header {
    text-align: center;
}

html.logingst section.section .car-header a img {
    width: 100%;
    max-width: 112px;
}
html.logingst section.section .card.card-primary {
    background: transparent;
    box-shadow: unset;
    border: none;
}
html.logingst section.section .car-header {
    text-align: center;
    margin-bottom: 10px;
}
html.logingst section.section .card.card-primary .card-body {
    padding: 0 0;
}
html.logingst section.section .card.card-primary .card-body form .form-group .input-group-text {
    background: transparent;
    border: none;
    position: absolute;
    z-index: 9;
}
html.logingst section.section .card.card-primary .card-body form .form-group .input-group .input-group-prepend {
    margin-right: 0px;
}
html.logingst section.section .card.card-primary .card-body form .form-group .input-group input {
    padding-left: 40px;
}
html.logingst section.section .card.card-primary .card-body form .form-group button.btn.btn-primary.btn-lg.btn-block, html.logingst section.section .card.card-primary .card-body form .form-group .input-group input{
	border-radius: 30px;
	border: 1px solid #146990;
}
html.logingst section.section .card.card-primary .card-body form .form-group button.btn.btn-primary.btn-lg.btn-block {
    background: #136a8e;
    font-size: 18px;
}
.form-group.forgot-link {
    margin-bottom: 20px;
    text-align: right;
}
.form-group.forgot-link a {
    color: #136a8e;
    font-weight: 700;
}
html.logingst section.section .car-header p {
    font-size: 18px;
    color: #ffffff;
    margin-top: 5px;
    font-weight: 700;
}
.login-logo.footer-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}
.refresh-icon a:hover {
    text-decoration: unset;
}
html.logingst section.section .card.card-primary .card-body form .form-group button.btn.btn-primary.btn-lg.btn-block:hover, 
.refresh-icon a:hover {
background: #f2ec6c !important;
    color: #1a444f;
}
.refresh-icon a:hover i.fas{color: #1a444f;}
.login-logo.footer-form .login-logo-col img {
    width: 100%;
}
.login-logo.footer-form .login-logo-col {
    width: 25%;
}
input#captcha {
    padding: 0 15px;
}
.form-group.forgot-link {
    margin-bottom: 20px !important;
}
.form-group {
    margin-bottom: 18px !important;
}
/*05-04-2021*/

/*05-04-2021*/

/*03-06-2021*/
.refresh-icon a i.fas {
    color: #fff;
    margin-left: 0px !important;
}
.refresh-icon {
    display: flex;
    align-items: center;
}
.refresh-icon a {
    background: #136a8e;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-radius: 30px;
}
/*03-06-2021*/

/*07-06-2021*/

.captchaOuter {
    padding: 0 14px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #136a8e;
    height: 41px;
    overflow: hidden;
    background-image: url(../img/captchaBackground.jpg);
    background-size: unset;
    background-repeat: repeat;
}
.captchaOuter img#captchaImg {
    margin-top: -1px;
}


/*07-06-2021*/


@media only screen and (max-width: 991px) {
.form-group.row.captcha .input-group.col-lg-6.col-md-12, .form-group.row.captcha .input-group.col-lg-5.col-md-12 {
    margin-bottom: 15px;
}

}

@media only screen and (max-width: 580px) {
.card .card-body p.clearfix {
    width: 100%;
}
}

@media only screen and (max-width: 575px) {
.form-group.row.captcha .col-xs-3.refresh-icon {
    width: 25% !important;
}
.form-group.row.captcha .col-xs-9.captchaImg {
    width: 75% !important;
}
}
