html {
  height: 100%;
}
body {
    color: #626262;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
}
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    direction: ltr;
}
h2{
    margin:4px 0;
    font-family:"Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-weight:600;
    color:#2c2c2c;
}
h2{
    font-size:31px;
    line-height:40px;
}
a{
    text-shadow:none!important;
    color:#3a8fc8;
    transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s!important;
}
a:focus,a:hover,a:active{
    color:#48b0f7;
}
a,a:focus,a:hover,a:active{
    outline:0!important;
    text-decoration:none;
}
br{
    line-height:normal;
    clear:both;
}
p{
    display:block;
    font-size:14px;
    font-weight:normal;
    letter-spacing:0.01em;
    line-height:22px;
    margin:0px 0px 10px 0px;
    font-style:normal;
    white-space:normal;
}
.small{
    line-height:18px;
}
.semi-bold{
    font-weight:400!important;
}
.bold{
    font-weight:bold!important;
}
.bg-white{
    background-color:#fff;
}
.text-black{
    color:#2c2c2c!important;
}
.text-white{
    color:#fff!important;
}
@media (max-width: 1400px){
    p{
        font-size:13px;
        line-height:20px;
    }
    h2{
        font-size:28px;
        line-height:40px;
    }
    .small{
        font-size:89%;
        line-height:17px;
    }
}
.btn{
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    letter-spacing:0.01em;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-font-feature-settings:"kern" 1;
    -moz-font-feature-settings:"kern" 1;
    margin-bottom:0;
    border:1px solid #2c2c2c;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    background-image:none!important;
    color:#fafafa;
    background-color:#2c2c2c;
    text-shadow:none;
    box-shadow:none;
    line-height:21px;
    padding-left:17px;
    padding-right:17px;
    position:relative;
    transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s!important;
}
.btn:hover{
    background-color:#2c2c2cde;
    border:1px solid rgba(98, 98, 98, 0.27);
}
.btn:focus,.btn:active:focus{
    outline:none!important;
    outline-style:none;
}
.btn:hover,.btn:focus,.btn:active{
    box-shadow:none;
}
button:focus{
    outline:none!important;
}
.btn-primary,.btn-primary:focus{
    color:#ffffff;
    background-color:#626262;
    border-color:#626262;
}
.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover{
    background-color:#18a2b8;
    border-color:#584b8d;
    color:#ffffff;
}
.btn-primary:hover{
    background-color:#6c757d;
    border-color:#fafafa;
    color:#ffffff;
}
.btn-success,.btn-success:focus{
    color:#ffffff;
    background-color:#17a2b8;
    border-color:#17a2b8;
}
.btn-success:active,.btn-success:active:focus,.btn-success:active:hover{
    background-color:#0da899;
    border-color:#0da899;
    color:#ffffff;
}
.btn-success:hover{
    background-color:#40d9ca;
    border-color:#40d9ca;
    color:#ffffff;
}
label,input,button{
    font-size:14px;
    font-weight:normal;
    line-height:20px;
}
input[type="checkbox"]{
    margin-top:1px 0 0;
    line-height:normal;
    cursor:pointer;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
input:focus,input[type="checkbox"]:focus{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.form-control{
    background-color:#ffffff;
    background-image:none;
    border:1px solid rgba(0, 0, 0, 0.07);
    font-family:Arial, sans-serif;
    -webkit-appearance:none;
    color:#2c2c2c;
    outline:0;
    height:35px;
    padding:9px 12px;
    line-height:normal;
    font-size:14px;
    font-weight:normal;
    vertical-align:middle;
    min-height:35px;
    -webkit-transition:all 0.12s ease;
    transition:all 0.12s ease;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -webkit-transition:background 0.2s linear 0s;
    transition:background 0.2s linear 0s;
}
.form-control:focus{
    border-color:rgba(0, 0, 0, 0.1);
    background-color:#f0f0f0;
    outline:0!important;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.checkbox{
    margin-bottom:10px;
    margin-top:10px;
    padding-left:0px;
}
.checkbox label{
    display:inline-block;
    cursor:pointer;
    position:relative;
    padding-left:25px!important;
    margin-right:15px;
    font-size:13px;
}
.checkbox label:before{
    content:"";
    display:inline-block;
    width:17px;
    height:17px;
    margin-right:10px;
    position:absolute;
    left:0px;
    background-color:#ffffff;
    border:1px solid #d0d0d0;
}
.checkbox label{
    transition:border 0.2s linear 0s, color 0.2s linear 0s;
    white-space:nowrap;
}
.checkbox label:before{
    top:1.4px;
    border-radius:3px;
    transition:border 0.2s linear 0s, color 0.2s linear 0s;
}
.checkbox label::after{
    display:inline-block;
    width:16px;
    height:16px;
    position:absolute;
    left:3.2px;
    top:0px;
    font-size:11px;
    transition:border 0.2s linear 0s, color 0.2s linear 0s;
}
.checkbox label:after{
    border-radius:3px;
}
.checkbox input[type=checkbox]{
    opacity:0;
    width:0;
    height:0;
}
.checkbox input[type=checkbox]:checked + label:before{
    border-width:8.5px;
}
.checkbox input[type=checkbox]:checked + label::after{
    font-family:'FontAwesome';
    content:"\F00C";
    color:#fff;
}
.checkbox input[type="checkbox"]:focus + label{
    color:#2c2c2c;
}
.checkbox input[type="checkbox"]:focus + label:before{
    background-color:#e6e6e6;
}
@media only screen and (min-width: 768px){
    form .row{
        margin-left:0;
        margin-right:0;
    }
    form .row [class*='col-']:first-child{
        padding-left:0;
    }
    form .row [class*='col-']:last-child{
        padding-right:0;
    }
}
.form-group{
    margin-bottom:10px;
}
.form-group-default{
    background-color:#fff;
    position:relative;
    border:1px solid rgba(0, 0, 0, 0.07);
    border-radius:2px;
    padding-top:7px;
    padding-left:12px;
    padding-right:12px;
    padding-bottom:4px;
    overflow:hidden;
    -webkit-transition:background-color 0.2s ease;
    transition:background-color 0.2s ease;
}
.form-group-default .form-control{
    border:none;
    height:25px;
    min-height:25px;
    padding:0;
    margin-top:-4px;
    background:none;
}
.form-group-default .form-control:focus{
    background:none;
}
input,input:focus{
    -webkit-transition:none!important;
}
.login-wrapper{
    height:100%;
    background-color:#2b303b;
}
.login-wrapper > *{
    height:100%;
}
.login-wrapper .bg-pic{
    position:absolute;
    width:100%;
    overflow:hidden;
}
.login-wrapper .bg-pic > img{
    height:100%;
    opacity:0.6;
}
.login-wrapper .login-container{
    width:496px;
    display:block;
    position:relative;
    float:right;
}

@media (max-width: 768px){
    .login-wrapper .login-container{
        width:100%;
    }
}
@media only screen and (max-width: 321px){
    .login-wrapper .login-container{
        width:100%;
    }
}
.no-padding{
    padding:0px!important;
}
.pull-bottom{
    position:absolute!important;
    bottom:0;
}
.p-t-15{
    padding-top:15px!important;
}
.p-l-20{
    padding-left:20px!important;
}
.p-t-50{
    padding-top:50px!important;
}
.p-r-50{
    padding-right:50px!important;
}
.p-l-50{
    padding-left:50px!important;
}
.p-r-80{
    padding-right:80px!important;
}
.m-t-5{
    margin-top:5px;
}
.m-t-10{
    margin-top:10px;
}
.m-r-20{
    margin-right:20px;
}
.m-l-20{
    margin-left:20px;
}
.m-b-20{
    margin-bottom:20px;
}
.m-b-30{
    margin-bottom:30px;
}
.m-b-60{
    margin-bottom:60px;
}
@media (max-width: 767px){
    .sm-pull-bottom{
        position:relative!important;
    }
    .sm-p-r-15{
        padding-right:15px!important;
    }
    .sm-p-l-15{
        padding-left:15px!important;
    }
    .sm-p-b-20{
        padding-bottom:20px!important;
    }
    .sm-p-t-40{
        padding-top:40px!important;
    }
    .sm-m-t-20{
        margin-top:20px!important;
    }
}
@media (max-width: 1000px){
    .bg-caption.sm-pull-bottom{
        display: none;
    }
}
label.form-check-label{
    padding:0;
    margin:0;
    margin-left:0px;
}
.btn_reset_password{
    font-size:12px;
    display:block;
    font-weight:100;
    text-decoration:underline;
    color:black;
    text-align:right;
}
.btn_reset_password:hover{
    font-weight:400;
    color:#007bff;
}
.btn_reset_password:active{
    font-weight:600;
    color:#007bff;
}