@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0;border: 0; }

html, body { height: 100%;}

ul, li { list-style-type: none }

body { font-family: "Fira Sans", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; color: #333; background: #fff;/*background: #eff3f8; margin-top: 50px;*/ font-size: 14px; }

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #2c8ada; }

p { margin-bottom: 10px; }

.h1, .h2, .h3, h1, h2, h3 { margin-top: 0;}

.crisp-img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }

/********************** LOGIN CSS START ************************/

body.login-bg { width: 100%; height:100%; overflow: hidden; background:url("../../images/bg.jpg") 0 0 no-repeat; background-size:cover;}

.login { margin-bottom: 0; -webkit-box-shadow: 0px 0px 25px 0px rgba(80, 80, 80, 0.46); -moz-box-shadow:0px 0px 25px 0px rgba(80, 80, 80, 0.46); box-shadow:0px 0px 25px 0px rgba(80, 80, 80, 0.46);min-height: 100%; height: 100%; }

.login .logo { /*padding: 20px 0 50px 0;*/ }

.login-page { min-height: 100%; height: 100%}

.login-info { /*background: #166098;*/padding: 20px 0; min-height: 100%; height: 100%; }

.login-banner { margin-top: 85px;}

.form-signin { /*max-width: 450px; margin: 0 auto;*/ padding-top: 10px;}

.login-banner img { margin-bottom: 40px}

.banner-text { color: #fff; margin: 0 0 50px 35px; max-width: 650px;}

.login-banner h2 {font-size: 30px; font-weight: 600; margin-bottom: 20px;}

.login-banner p, .form-signin p { margin-bottom: 20px; font-size: 20px; font-weight: 200;}

.login-form { /*background: url(../images/loginbg.png) left top repeat;*/ background-image: linear-gradient(to right, rgb(235 92 91 / 45%), rgb(223 105 89 / 90%), rgb(230 119 88 / 90%), rgb(236 134 87 / 90%), rgb(240 148 88 / 90%)); color: #637182; min-height: 100%; height: 100%; padding: 15px 50px;}

.form-signin-heading { font-weight: 700; font-size: 30px; margin-bottom: 40px;color: #ffffff; /*background: url(../images/login_ic.png) left no-repeat; text-indent: 45px;*/}

.login-form label { font-weight:normal; font-size: 16px; color:#fff;}

.login-form  input[type=text], .login-form  input[type=email], .login-form  input[type=password] {border: 1px solid #929dac; height: 35px; margin-bottom: 10px; }

.login-form .btn { width: auto; background: #000; color: #fff; border-radius: 6px; font-size: 16px; padding: 5px 10px; float: right; margin-top:15px;}

.login-form .btn:hover {background:#2c4d70;}

.ico { color: #d5e0ee; margin: -60px 0 0 0; float: left; padding: 15px 10px 20px 10px;position: relative; z-index: 1;}

.login .row.no-gutters > [class^="container-fluid"] { padding-right: 0; padding-left: 0; }

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.login-form .field-validation-error{
    color: khaki !important;    /*#005A04;*/
    font-size:16px !important;
}

.login-form .login_error_alert{
 color: khaki !important; /*#005A04;*/
 font-size:16px !important;
}

.login-form .login_success_alert {
    color: khaki !important; /*#4ae251*/
    font-size: 16px;
}


.login-form #footer{
    margin-top:135px !important;
}

.login-form .captchalabel {
    padding: 5px;
    background-color: gray;
}

.login-form  select {border: 1px solid #929dac; height: 35px; margin-bottom: 10px; }