a {
    color: #071D49;
    font-weight:400;
    transition: all linear 200ms;
    text-decoration:underline;
}
a:focus,a:hover {color:#888888;}
a.active {color:#888888;}

body { font-family: Roboto,sans-serif; font-size:18px; font-weight:300; margin:0; padding:0;}
h1 { font-size:24px;font-family:Roboto,sans-serif;font-weight:300;margin-top:40px;margin-bottom:40px;padding:0px;}
#pre-header { background:#071D49; border-bottom:1px solid #fff;}
header { background:#071D49; position:relative; }
header a {color:#aaa;text-decoration:none;}
header a:hover {text-decoration:none;}
#header-container { position:relative;font-family:Roboto,sans-serif; font-size:15px; z-index:100; background:#071D49; height:120px; }
#login-container {position:relative;float:right;margin:10px 0px 10px 0px;}
#login-form {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    min-width:600px;
    z-index: 999;
    color:white;
    background:#071D49;
}
#login-form input[type=text], #login-form input[type=password] {
    background: #182E5A;
    border: 2px solid white;
    padding: 5px 8px 7px 8px;
    color: white;
    width:140px;
    font-size:14px;
}
#login-form .btn {
    padding:6px 8px;
}
#loginMsg {
    display: block;
    top: 8px;
    right: 425px;
    color: red;
    position: absolute;
    text-align: right;
    width: 600px;
    z-index: 3000;
    font-size: 14px;
}
#logged {text-align:right;color:white;}
#logged a {color:white;margin-left:10px;}
.btn.outline { border-radius:0px; background: none; padding: 6px 12px; }
.btn.outline,
.btn-primary.outline { border: 2px solid #fff; color: #fff; }
.btn-primary.outline:hover, 
.btn-primary.outline:focus, 
.btn-primary.outline:active, 
.btn-primary.outline.active, 
.open > .dropdown-toggle.btn-primary {
    color: #eee;
    border-color: #eee;
}
.btn.outline:active,
.btn.outline.active,
.btn-primary.outline:active, 
.btn-primary.outline.active {
    border-color: #ddd;
    color: #ddd;
    box-shadow: none;
}
#logo { max-height:100%;  }
#logo img {max-height:100%; padding:10px 10px 10px 0px; margin-left:-5px;}
#logo:hover { opacity:0.6; }
#bc {margin:10px 0px 10px 0px;}
#cw {}
.dep, .dep-link {
    background: #07345e;
    border: 1px solid #071d49;
    display: inline-block;
    color: white;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 15px 10px 15px;
    outline: none;
    text-decoration: none;
}
.dep:hover ,.dep:active ,.dep:focus,
.dep-link:hover,.dep-link:active,.dep-link:focus {
    outline: none;
    text-decoration: none;
    color: #182e5a;
    background: #fff; 
}
.dep.sel,.dep-link.sel {
    color: #071d49;
    outline: none;
    background: #fff;
}
.serv span {display:inline-block;margin-right:5px;}
.servs {
    display: none;
    background: #D0D3D5;
    color: black;
    top: 0px;
    width: 100%;
    z-index: 100;
    font-size: 14px;
}
.serv-header {margin-bottom:20px;}
.serv {
    outline: none;
    color: black;
    font-weight: 400;
    width: 300px;
    display: block;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
}
.serv:hover, .serv:active , .serv:focus, .serv.sel {
    outline: none;
    background: #eee;
    text-decoration: none;
}

.serv-desc {color:#888;margin-bottom:10px;margin-left:24px;font-size:13px;}
.arrw { background:#444;}

.forms {
    display: none;
    font-size: 14px;
}

.form {color:black;font-weight:400;position:relative;}
.form a {
    display: block;
    color: black;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
}
.form:hover {
    color: #333;
    text-decoration: none;
}
.form-desc {color:#888;margin-bottom:0px;font-size:13px;font-weight:300;}
.locked {float:left;margin-right:5px;color:rgb(64, 74, 84);}

.form-control:focus {
    border: 2px solid #071D49;
    outline: 0;
    padding: 5px 11px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
label {font-weight:300;}
.btn-primary {
    background: #071D49;
    border: #071D49;
}
    .btn-primary:focus {
        background: #071D49;}
#footer {position:relative;background:#3f3e3e;font-weight:300;color:#fff;font-size:18px;margin-bottom:0px;height:100px;}
#footer a { position:absolute;display:block;bottom:20px;right:20px;cursor:pointer;}
#footer a:hover {opacity:0.6;}

#search {
    outline: none;
    color: #3c9147;
    padding: 10px 15px 10px 15px;
    background: rgba(0,0,0,0.1);
    margin-top: 9px;
    width: 262px;
    font-weight: 300;
}
#search span {float:right;}
#searchBox input {
    position: relative;
    color: black;
    padding: 10px 15px 10px 15px;
    background: rgba(0,0,0,0.1);
    margin-top: 9px;
    width: 262px;
    border: none;
    font-weight:300;
}
#searchBox span {
    position:absolute;
    right:15px;
    top:19px;
}

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.loading { margin: auto; position: absolute; left:0; right: 0; top: 0; bottom: 0; border-radius: 50%; width: 24px; height: 24px; border: 0.25rem solid rgba(64, 74, 84, 0.2); border-top-color: rgb(64, 74, 84); -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }
.loading.inline { width:16px; height:16px; margin:0px; top:auto; left:auto; right:auto; bottom:auto; margin-top:2px; margin-left:10px; }
.loading.white { border: 0.25rem solid rgba(255,255,255, 0.2); border-top-color: white;}

@media (max-width: 768px) {
    #cw {
        margin: 0px;
    }
    #cr {
        padding: 0px;
    }
}


#nav-menu { font-size:14px; font-weight:300; height: 39px; background: #071d49; margin-left: 0; padding-left: 0;}
#nav-menu li { list-style: none; display: block; float: left; min-height: 40px; position: relative; }
#nav-menu li:hover { background: #182E5A; }
#nav-menu li a {
    font-weight: 300;
    line-height: 1.5;
    text-decoration: none;
    min-height: 40px; color: #FFF; display: block; margin: 0; padding: 10px 15px 10px 15px; }
#nav-menu li a.info { display:inline-block; padding:10px 15px 10px 15px; line-height:1.5; }
#nav-menu li:hover > ul { display: block; visibility: visible; }
#nav-menu ul { display: none; visibility: hidden; position: absolute; top: 40px; z-index: 1; background: #182E5A; min-width: 170px; padding: 0 }
#nav-menu ul li {min-width:100%;min-height:39px;display:block;visibility:visible;color:white;}
#nav-menu ul li a {min-width:100%;color:#fff;}
#nav-menu ul li:hover { background: #293F6B; }
#nav-menu ul ul { min-width:300px; }
#nav-menu ul ul, 
#nav-menu ul ul ul { top: 0; left: 100%; display: none; visibility: hidden; z-index: 200; background: #293F6B; }
#nav-menu ul ul li:hover, #nav-menu ul ul ul { background: #3A4F7C; }
#nav-menu span {float:right;margin-top:3px;}
/*search*/
.search-icon img {
    cursor: pointer;
}
.search-icon {
    position:absolute;
    display:inline-block;
    font-size:24px;
    text-align:right;
    top:2px;
    right:80px;
    z-index:2;
    color:white;
    z-index:203;
    width:400px;
    font-size:14px;
}
#portal-title {
    position: absolute;
    display: inline-block;
    font-size: 24px;
    width: 450px;
    text-align: right;
    top: 40px;
    right: 0px;
    z-index: 2;
    color: white;
    z-index: 200;
}
.animate {
    transition: all ease-in-out 200ms;
}
.search-icon.sel {
    transform: translate(-185px,0);
}
#search-input {
    transition: all ease-in-out 200ms;
    opacity: 0;
    background: transparent;
    border: none;
    width: 200px;
    padding-left: 40px;
    padding-bottom: 13px;
    color: #fff;
    position: absolute;
    top: 7px;
    font-size: 16px;
    position: absolute;
    top:5px;
    right: 80px;
    z-index: 201;
}
#search-input.sel {
    opacity: 1;
    width: 215px;
}
/*search*/