/* Document * Normalize & Reset style   ==============  */
       :root {
        --white: #ffffff;
        --pageBg:#fafafa;
        --drakBg:#030303;
        --premiere-color:#565656;
        --secondary-color:#F53335;
        --premiereText-color:#d7dade;
        --secondaryText-color:#818385;
        --premiereAction-color:#212771;

    
        --breakpoint-xs: 0;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1200px;
    }
    
    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }
    * { box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size:16px;}
    html {
        font-family: 'Roboto', sans-serif;   
        line-height: 1.3;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      }
    body{margin:0; padding: 0;  font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; color:#414142; background-color: #ffffff; 
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    html, body{width: 100%; height: 100%;}
    @-ms-viewport { width: device-width; }
      article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
    [tabindex="-1"]:focus { outline: 0 !important;}

/* Typography   ==============  */

       @font-face {
        font-family: "Roboto";
        src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot");
        src: url("../font/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
        font-weight: 200; }

@font-face {
    font-family: "Roboto";
    src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot");
    src: url("../font/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot");
    src: url("../font/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/roboto/Roboto-Medium.eot");
    src: url("../font/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/roboto/Roboto-Bold.eot");
    src: url("../font/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
}

h1{ font-size: 40px; line-height: 56;}
h2{ font-size: 32px; font-weight: 500;}
h3{ font-size: 24px; font-weight: 500;}
h4{ font-size: 20px; font-weight: 500;}
h5{ font-size: 16px; font-weight: 500;}

.uppercase{text-transform: uppercase;}

/*  Form Section  ==============  */

.search-input{border-color:#212771;}
.form-control{ padding:0.5rem; border-radius: 0; border-color: #dfe1e5;}
.form-control:focus { color: #162e3c; background-color: #fff; border-color: #969bc3; outline: 0; box-shadow:none; }
label{ color:#162e3c;}
.form-group{ margin-bottom: 1.5rem;}

.btn{ border-radius: 0; border:none;}
.btn-primary{background-color: #242860 ;}
.btn-primary:hover{background-color: #028070;}
:not(.btn-check) + .btn:hover, .btn:first-child:hover{ border:none;}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{ border:none;}
.btn-lg{ height:48px; line-height: normal;}
.btn-md{ height:40px; line-height: normal;}
.btn-sm{ height:32px; line-height: normal;}
.btn-check:focus + .btn-primary, .btn-primary:focus{background-color:#028070 !important;}
.btn-check:focus + .btn, .btn:focus{background-color:#028070 !important;}
/*  Link Section  ==============  */
a {
    color: #212771;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}
a:hover { color: #212771; text-decoration: none; }
a:active, a:hover { outline-width: 0; }
.nav-link{color: #212771;}

a.btn-link, .btn-link{color: #0380f3; text-decoration: underline; font-weight: 500;}
a.btn-link:hover, .btn-link:hover{ text-decoration: underline;}
a.btn-link:active, .btn-link:active{ text-decoration: underline;}

/*===========   */
body{ background:#eeeff0;}
.page-layout{ display: block;}

.divider{height:1px; background:#969bc3; width:100%; }
/*  Header Section  ==============  */

header.navbar{display: block; width: 100%; background-image: linear-gradient(to top, #ffffff, #fdfdff, #fbfbff, #f9faff, #f7f8ff); margin:0; padding: 0;}
header .navbar-topbar {
    display: flex;
    width: 100%;
    border-bottom: 5px solid #028070;
}
header .navbar-topbar .topbar-wrap { padding:1rem 0; display: flex;width: 100%;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.brand{ display: inline-flex;}
.brand img{  max-height: 60px;}

.topbar-wrap .nav .nav-link{ font-size: 1rem; color:#818385;}
.topbar-wrap .nav .nav-link:hover, .topbar-wrap .nav .nav-link:active{color: #212771; font-weight: 700; }
.topbar-wrap .nav .nav-link.active{color: #212771; font-weight: 700; text-decoration: none;}

.topbar-wrap .navbar-action .nav .nav-link:hover{color: #212771; font-weight: 400; }

.navbar-main{width: 100%; border-top: 1px solid #969bc3; border-bottom: 1px solid #969bc3;}
.navbar-wrap{display: flex;width: 100%;flex-wrap: wrap;align-items: center; padding:1rem 0;}

.navbar-search{ margin-left: auto; min-width: 270px;}

/*  Main Section  ==============  */
.main-wrapper{ padding-top: 2rem; padding-bottom: 2rem; background-color:#eeeff0;}
.text-darkblue {color: #242860;}
.logo_greenColor {color: #028070;}

/*  Footer Section  ==============  */

footer .footer-block .title{ color:#151f6d;}
footer .footer-block {color: #969bc3; font-size: 1rem; font-weight: 300;}
footer .footer-block .list-link{color: #969bc3;}
footer .footer-block.contact p{ margin-bottom: 0;}
footer .footer-block.contact a{color: #969bc3;}
footer .footer-block.contact .social-address{ margin-top: 1rem;}
footer .footer-block.corAddress{ padding-top: 22px;}

/*  Pnael  ==============  */
.panel{ margin: auto; max-width: 800px; border: 1px solid #969bc3;}
.login-panel .panel-header{margin-bottom: 50px;}
.login-panel .card-body{padding:2rem;}
.login-panel .form-group.remember{ display: flex; align-items: center;}
.login-panel .form-group.remember .forgot-link{ margin-right: auto;}
.forgot-link .btn{ padding:0; margin:0; color:#151f6d; font-weight: 500;}

.login-panel .regMsg{ padding:0 1rem; color: #818385;}