/* -- Edits -- */

/* Template*/
* {-webkit-box-sizing: border-box;box-sizing: border-box;}

/*header*/
#wrapper header > div.top-header {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
#wrapper header > div.top-header > div {width: auto; float: none;}
#wrapper header > div.top-header > div.left-sec {-webkit-box-flex: 1;-ms-flex: 1 1 80%;flex: 1 1 80%;}
#wrapper header > div.top-header > div.right-sec {-webkit-box-flex: 1;-ms-flex: 1 1 20%;flex: 1 1 20%;}
#wrapper header div.bottom-header {padding: 0; display: block;}
/*search box*/
#wrapper div.search-box {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;}
#wrapper div.divSearchBox {display: block; min-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;}
#wrapper div.divSearchBox a {-webkit-box-flex: 0;-ms-flex: 0 0 30px;flex: 0 0 30px; position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: none; -ms-transform: none; transform: none; left: auto; top: auto;}
#wrapper div.divSearchBox a:focus {color: #fff;}
/*search box input*/
#wrapper header input {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; padding: 7px 15px; border-radius: 0; color: #fff; position: relative; margin: 0; height: auto; width: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background: rgba(255,255,255,0.075); -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
#wrapper header input::-webkit-input-placeholder {color: rgba(255,255,255,0.85);}
#wrapper header input:-ms-input-placeholder {color: rgba(255,255,255,0.85);}
#wrapper header input::-ms-input-placeholder {color: rgba(255,255,255,0.85);}
#wrapper header input::placeholder {color: rgba(255,255,255,0.85);}
#wrapper header input:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none;}
/*effect*/
#wrapper input:focus {background: transparent;}
#wrapper input + div.searchBottom {position: absolute; bottom: 0; left: 0; right: 0; width: 0; height: 1px; background-color: #fff; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
#wrapper input:focus + div.searchBottom {width: 100%;}

/* Main Navigation */
#menubar {max-width: 75vw; margin: 0 auto; padding: 0; text-align: center;}
#menubar li.level0 {font-size: 16px;}
#menubar li.level0 > a {font-weight: bold !important; padding: 10px .5vw 5px; font-size: calc(.85vmin + 8px) !important;}
#menubar li.level0 > a::first-letter {font-size: 1.1em;}
/*submenu*/
#menubar li.level0 > a + div {left: 0%; right: 0; bottom: auto; text-align: left;  opacity: 0; display: block !important; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; pointer-events: none;}
#menubar li.level0:hover > a + div {opacity: 1; pointer-events: all;}
/*mobile menu*/
#mobile-bar {display: none;}
#mobile-nav.mm-opened ~ #mm-blocker {opacity: .55 !important; background-color: #202020;}

/* Banner */
#banner .caption:not(.empty) {background-color: #000000b3;left: 0 !important;bottom: 0 !important;right: 0;top: auto;padding: 1vw 5vw;}

/* Quick Links */
#sec-slider #main-sec-slider a:before {right: 5% !important}

/* Footer */
#wrapper footer div.container {max-width: 85%; margin: 0 auto;}
#wrapper footer div.container > div {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
#wrapper footer div.container > div > div {float: none; width: auto;}
#wrapper footer div.container > div > div.footer-content {-webkit-box-flex: 1;-ms-flex: 1 1 65%;flex: 1 1 65%;}
#wrapper footer div.container > div > div.links {-webkit-box-flex: 1;-ms-flex: 1 1 35%;flex: 1 1 35%;}

/* Interior Pages */
#subpage div.breadcrumbs {background-color:#104c8a;}
#subpage div.pagetitle > h1,
#subpage div.breadcrumbs > div.container,
#subpage #page .main-container {max-width: 85% !important; margin: 0 auto !important;}

/* Data Tables */
#rfp-table_filter {margin: 0 0 20px;}
#rfp-table_filter input, .filter-container input {color: #252525 !important}
table.dataTable thead > tr {background-color: #302d2a; color: #fff;}
table.dataTable tbody > tr:nth-of-type(odd) {background-color: #ffffff}
table.dataTable tbody > tr:nth-of-type(even) {background-color: rgba(228,225,225,0.6);}
/*date*/
#page div.filterDate > div {display: flex; flex-wrap: nowrap; align-items: center;}
#page div.filterDate > div > span {flex: 0 0 90px; text-align: right; padding: 0 8px 0 0;}
#page div.filterDate > div > input {flex: 1 1 auto; border: 1px solid #b3b3b3; background-color: #f3eded; font-family: inherit; -webkit-box-shadow: inset 0 0 0 #5d5d5d; box-shadow: inset 0 0 0 #5d5d5d;}
#page div.filterDate > div > input:focus {outline: #5d5d5d auto 1px;transition: all 200ms ease; -webkit-box-shadow: inset 5px 0 0 #5d5d5d; box-shadow: inset 5px 0 0 #5d5d5d; outline-color: #5d5d5d}
/*filter*/
#page div.filter-header select, #page div.dataTables_length select {font-family: inherit; border: 1px solid #b3b3b3; background-color: #f3eded; padding: 5px;}
/*search*/
#rfp-table_filter input {margin: 0 0 0 10px;border: 1px solid #b3b3b3; background-color: #f3eded; font-family: inherit; -webkit-box-shadow: inset 0 0 0 #5d5d5d; box-shadow: inset 0 0 0 #5d5d5d;}
#rfp-table_filter input:focus {outline: #5d5d5d auto 1px;transition: all 200ms ease; -webkit-box-shadow: inset 5px 0 0 #5d5d5d; box-shadow: inset 5px 0 0 #5d5d5d; outline-color: #5d5d5d}


/* Responsive */
@media screen and (max-width: 1200px){
    header .logo {position: static !important;}
    #menubar {max-width: 100vw;}
    #wrapper header > div.top-header > div.left-sec > a {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    #wrapper header > div.top-header > div.left-sec > a div.logo {-webkit-box-flex: 0;-ms-flex: 0 0 130px;flex: 0 0 130px}
    #wrapper header > div.top-header > div.left-sec > a div.org-name {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 0 0 0 20px !important;}
    #wrapper header > div.top-header > div.left-sec > a div.org-name span {display: block;}
}
@media screen and (max-width: 1024px){
    header div.megamenu {display: none;}
    header #mobile-bar {display: block !important;font-weight: bold;font-size: 18px;padding: 5px 0;}
    header #mobile-bar em {padding: 0 3px 0 0;}
}
@media screen and (max-width: 800px){
    #wrapper header > div.top-header {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    #wrapper header > div.top-header > div.right-sec {-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%; border: -0;}
    #wrapper div.divSearchBox {min-width: 0;width: 50%;margin: 0 auto;}
}