/* CSS Variable, change the color here and it will change it everywhere you are using the variable */
:root {
  --main-bg-color: #e7d2b1;/*#F5F5F5*//*#e7d2b1*//*#799f8c*/ /*#D8B57E*/
  --site-background-color: #206040; /*#206040*/ /* the color of the footer, title and language button and all other use for that same color, Keep in mind that the section were "Important Notices" is at uses an Images so you'll have to change that. Marc*/
}

.container .row .breadcrumb, nav #wb-bc {
	background-color: #e7d2b1;
}
.panel-default>.panel-heading {
    background-color: #e7d2b1;
}
.wb-menu li{
	border-bottom:1px solid #868686;
}
table th {
    background-color: #e7d2b1;/* If you choose to change the color of all table TH to match the above color
														please take a look at the Proactive Disclosure of Travel and Hospitality Expenses 
														to make sure you like the result. Marc */
	width: 450px;
}

.h1, .h2, h1, h2 {
    margin-top: 5px;
}
.copy {
    font-size: 50%!important;
}

.btn, 
.btn-primary {
	color: #EEE !important;
	background-color: #206040;
	border-color: #EEE;
	font-weight: bold !important;
	
}

.reports-list li a{
	color:#fff;
	font-weight: 100;
	text-decoration: none;
	
}
.reports-list li a:visited{
	color:#fff;	
}
.report-btn{
	width:200px;
	min-height:50px;
	margin:50px 50px 0px 0px;
	font-weight: normal !important;
}
.report-btn-qfr{
	width:200px;
	min-height:50px;
	margin:0px 50px 20px 0px;
	font-weight: normal !important;
}
#wb-srch-sub {
	color: #000 !important;
	font-weight: 700 !important;
}


.btn-primary.active, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover, 
.open>.btn-primary.dropdown-toggle {
	color: #000 !important;
	background-color: #D8B57E !important;/*var(--site-background-color)*/
	border-color: #222 !important;
	font-weight: bold !important;
}
.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
	background-image: none
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #206040;
	border-color: #222
}
#wb-sm .nvbar ul.menu>li>a.wb-navcurr, #wb-sm .sm .slflnk a.wb-navcurr, #wb-sm .sm a.wb-navcurr, #wb-sm .sm summary.wb-navcurr {
	background: #206040!important;
	color: #fff!important;
}
#wb-sm .active a, #wb-sm .active summary, #wb-sm .nvbar ul.menu>li>a:hover, #wb-sm .sm, #wb-sm .sm a, #wb-sm .sm summary {
	background-color: #cccccc;
	color: #000
}

#wb-sttl {
	font-family: 'Muli', sans-serif;
}
html, body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Muli', sans-serif;
}
.h1, h1 {
	font-size: 1.50em;
	margin-top: 15px;
	/*border-bottom: groove ;*/
}
* {
	box-sizing: border-box
}
/* Style the tab */
.tab {
	float: left;
	border: 1px solid #ccc; /*ccc*/
	background-color: #efefef; /*e5eae5*/
	width: 30%;/*height: 525px;*/
}
/* Style the buttons inside the tab */
.tab button {
	display: block;
    color: black;
    padding: 13px 0px 13px 13px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    font-weight: bold !important;
    border: 1px solid #FFF !important;
}
/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #D8B57E; /*var(--site-background-color)*/
	color: #000;
	font-weight: bold;
}
/* Create an active/current "tab button" class */
.tab button.active {
	background-color: #D8B57E!important; /*var(--site-background-color)*/
	color: #000;
	font-weight: bold;
}
/* Style the tab content */
.tabcolor1{
	background-color: darkgray;
}
.tabcolor2{
	background-color: lightgray;
}
.tabcontent {
	float: left;
    padding: 0px 12px;
    border: 0px solid #ccc;
    width: 70%;
    list-style: none;
    border-left: none;/*height: 1050px;*/
}
.no-details details > summary::before {
    content: "\25BA\a0";
    font-size: 84%;
    color: #206040;
}
#wb-sm .sm {
	border-bottom: 4px solid #206040;
	border-radius: 0;
}
.form-control-wb-bar {
	height: 35px!important;
}
.float-right {
	float: right!important;
}
.float-right-1 {
	float: right !important;
	position: absolute;
	right: 0px;
	top: -45px;
}
.round {
	width: 100%;
	border-radius: 5px;
	border: 1px #000 solid;
	padding: 5px 5px 5px 25px;
	/*position: absolute;*/
	top: 0;
	left: 0;
	z-index: 5;
}
.languageSwitcherButton {
	height: 34px!important;
}
.searchVisible {
	visibility: hidden;
}
#wb-srch .btn:focus, #wb-srch .btn:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#f0f0f0));
	background-image: -webkit-linear-gradient(#ccc, #f0f0f0);
	background-image: linear-gradient(#ccc, #f0f0f0);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FFCCCCCC", endColorstr="#FFF0F0F0");
}
#wb-dtmd {
	text-align: right!important;
	color: #bbb;
	margin-top: 5px;
	margin-right: -25px;
	font-size: 15px;
}
.titleh3 {
	font-size: 1.8em;
	font-weight: bolder;
	padding-bottom: 20px;
}
#wb-sm .nvbar {
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #87aec9;
	height: 45px;
}
.col-sm-2 .list-unstyled li {
	margin: 1px !important;
}
.col-sm-3 .list-unstyled li {
	margin: 1px !important;
}
.col-sm-4 .list-unstyled li {
	margin: 1px !important;
}
.col-sm-5 .list-unstyled li {
	margin: 1px !important;
}
.col-sm-6 .list-unstyled li {
	margin: 1px !important;
}
.container {
	width: 70%;
}
/*.container .row .breadcrumb {
	background-color: white;
}*/
.breadcrumb a{
	font-size:14px;
	color:#000;
}
#wb-bc li {
	font-size: 14px;
	color:#000;
}
.breadcrumb{
	padding:5px 15px !important;
	padding-top:8px !important;
	border-top:1px solid #868686;	
}
/*
.container .row .breadcrumb, nav #wb-bc {
	background-color: #F5F5F5 !important;
}
*/
.overlay-def .mfp-close {
	color: #206040;
}
.modal-footer {
	border-top: 0px solid #e5e5e5;
}
#wb-info h2, #wb-info h3 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}
#gc-info {
	background-color: #000;
	margin-top: 10px;
	color: #fff;
}

@media screen and (max-width: 991px) {
#info-pnl {
	background-color: #efefef!important;
}
#mb-pnl nav a {
	line-height: 1em!important;
	color: #000;
	text-decoration: none;
}
#mb-pnl nav a:hover {
	text-decoration: underline;
}
#wb-dtmd {
	padding-top: 1.5em;
}
#FooterRow {
	padding-top: 2em!important;
}
}

@media screen and (min-width: 992px) {
#wb-sm a, #wb-sm summary {
	color: #000;
	display: block;
	font-weight: 700;
	padding: 0.7em;
	text-decoration: none;
	height: 44px;
}
#wb-srch {
	bottom: -50px;/*Adjust the position of the search*/
}
#wb-bc .container,  body main.container,  body>header+.container {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#wb-srch .btn, #wb-srch input {
	border-radius: 2px;
	height: 40px;
	border-radius: 5px;
}
#wb-srch {
	border-left: 0;
	border-right: 0;
	border-top: 0;
}
.btn-default {
	background-color: #fff;
	border: thin solid #ccc !important;
	color: #333;
}
/*.btn-default:hover {
		background-color: #fff;
		border: thick solid #ccc !important;
		color: #333;
	}*/
/*#wb-sttl-FR {
	font-size: 34px;
	font-weight: 800;
	color: var(--site-background-color);
	display: table;
	margin-top: 15px;
	text-transform: uppercase;
}*/
#wb-sttl {
	font-size: 34px;
	font-weight: 800;
	color: #206040;
	display: table;
	margin-top: 15px;
	text-transform: uppercase;
	text-decoration: none;
}

header #wb-bnr #wb-bar {
	visibility: visible;
}
}
a {
	color:#0315B7;
	/*text-decoration: none;*/
}
a:hover {
	/*font-weight: bold;*/
	text-decoration: underline;
}
a:visited {
	/*color: #000;*/
	text-decoration: none;
}
body {
	background-image: url(../images/CoA_200px.png);
	background-position: CENTER 13px;
	background-repeat: no-repeat, repeat-x;
}
#wb-bnr>.container {
	position: relative;
	margin-bottom: 60px;
}
.language {
	color: #fff;
	text-decoration: none;
	vertical-align: top;
}
.language:focus, .language:hover, .language:visited {
	color: #fff;
}
header #wb-bnr #wb-bar {
	background-color: #206040;
	/*min-height: 0;
	height: 0px!important;*/
	line-height: 0;
	color: #000;
	visibility: hidden;
}
#wb-sm .nvbar {
	background: #ccc; /*e5eae5*/
	border-top: 1px solid #bbb;
}
#wb-srch {
	background: transparent;
	padding: 0px;
}
#wb-bnr {
	background-color: transparent;
	background-image: none;
}

#wb-sm .sm a:hover {
	background-color: #D8B57E; /*var(--site-background-color)*/
	color: #000;
	text-decoration: none;
}
#wb-info {
	background: #206040 url(../images/new-green.gif) repeat-x scroll center top;
	;
}
#wb-info a:link, #wb-info a:visited {
	color: #EEE;
	font-size: 16px;
}
details summary h3 {
	border: 0px solid #ddd;
	border-radius: 4px;
	color: #000!important;
	padding: 5px 15px;/*background-color: var(--site-background-color)!important;*/
}
details summary {
	border: 0px solid #ddd;
	border-radius: 4px;
	/*color: #fff!important;*/
	padding: 5px 15px;/*background-color: var(--site-background-color)!important;*/
}
details summary:focus, details summary:hover {
	border: 0px solid #ddd;/*background-color: var(--site-background-color)!important;*/
	/*color: #fff!important;*/
	/*text-decoration: underline!important;*/
}
.ctac {
	background-color: #ccc !important;
    color: #000 !important;
    border: 0px !important;
    padding: 10px 0px 10px 15px;
}
.ctac:hover {
	background-color: #ADADAD!important;
	color: #000!important;
	font-weight: bold;
}
#wb-sec h3 {
	border: 1px solid #ddd;
	border-bottom: 3px solid #666;
	font-size: 1em;
	margin: 0;
	padding: 15px;
	background-color: #206040;
	color: white;
}
#wb-sec .list-group .list-group .list-group-item {
	background: #e6e6e6;
	color: #000;
	padding-left: 1.8em;
}
#wb-sec .list-group .list-group .list-group-item:hover {
	background-color: #206040!important;
	color: #fff!important;
}
#wb-bc a, #wb-bc a:visited {
	color: #000;
}
#wb-bc a:hover {
	/*font-weight: bold;*/
	color: #000;
}
/*Back to top Scroll*/
.back-to-top, .back-to-top:visited, .back-to-top:focus, .back-to-top:active {
	background-image: url(../images/BackTopHoverGreen.png);
	background-repeat: no-repeat;
	position: fixed;
	bottom: 1.5em;
	right: 1.3em;
	text-decoration: none;
	background-color: rgba(215,215,215,0.50);
	display: none;
	width: 50px;
	height: 50px;
	outline: 0;
}
.back-to-top:hover {
	background-image: url(../images/BackTopGreen.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

@media (max-width:1186px) {

body {
	background-image: url(../images/CoA_200px.png);
	background-position: CENTER 13px;
	background-repeat: no-repeat, repeat-x;;
}
#wb-sttl {
	font-size: 1.5em;
}
header #wb-bnr #wb-bar {
	background-color: #206040;
	min-height: 0;
	height: 0px!important;
	line-height: 0;
	color: #000;
	visibility: hidden;
}
.float-right-1 {
	float: right !important;
	position: absolute;
	right: 0px;
	top: 5px;
}	
}
#wb-glb-mn .pnl-btn a {
	background: #d8d0bf !important;
}
#mb-pnl {
	background: #efefef none 0 0 !important;
	background-image: url(../images/header-bg-Green5-flip.jpg) !important;
	background-size: contain !important;
	background-position: bottom center !important;
	background-repeat: no-repeat !important;
}
#mb-pnl .modal-body {
	background-color: #efefef;
}
#mb-pnl #wb-srch-sub-imprt {
	background-color: #f0f0f0!important;
	color: #000;
	font-weight: bold;
}
#mb-pnl #wb-srch-sub-imprt:hover {
	background-image: -webkit-linear-gradient(#ccc, #f0f0f0);
	background-image: -o-linear-gradient(#ccc, #f0f0f0);
	background-image: linear-gradient(#ccc, #f0f0f0);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FFCCCCCC", endColorstr="#FFF0F0F0");
	color: #fff;
}
#ftrClose {
	background-color: #f0f0f0!important;
	color: #000;
	font-weight: bold;
}
#ftrClose:hover {
	background-image: -webkit-linear-gradient(#ccc, #f0f0f0);
	background-image: -o-linear-gradient(#ccc, #f0f0f0);
	background-image: linear-gradient(#ccc, #f0f0f0);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FFCCCCCC", endColorstr="#FFF0F0F0");
	color: #fff;
}
#mb-pnl .lng-ofr ul {
	margin-bottom: 10px;
}
#mb-pnl .lng-ofr ul a {
	color: #000;
}
#mb-pnl .lng-ofr ul a:hover {
	text-decoration: underline;
}

@media (max-width:991px) {
#wb-bnr>.container {
	margin-bottom: 0px!important;
}
.container {
	width: 70%
}
header #wb-bnr #wb-bar {
	visibility: visible!important;
	min-height: 3em;
}
body {
	background-image: none;
}
#wb-info .container {
	display: none!important;
}
#mb-pnl .sm-pnl {
	background: #206040;
}
#wb-bar a {
	color: #000;
}

#wb-sttl {
	color: #206040;
	/*font-weight: bold;*/
	font-size: 1.9em;
}
#titlename {
	display: none;
}
#wb-bnr {
	background-color: transparent;
	background-image: none;
}
#wb-bnr>.container {
	position: relative;
	margin-bottom: 40px;
}
.float-right-1 {
	visibility: hidden!important;
}
}

@media (max-width:768px) {
header #wb-bnr #wb-bar {
	visibility: hidden;
}
.container {
	width: 90%
}
#gc-info .container {
	visibility: visible !important;
}
}
#wb-glb-mn .pnl-btn span .glyphicon-th-list, .glyphicon-search {
	color: #206040;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	position: relative;
	top: 1px;
}

@media (min-width:1200px) {
.container {
	width: 70%
}
/*#wb-sttl {
color: #bbb;
		text-shadow: 1.5px 1.5px 4px #222;
		padding-top: 2.6em!important;
}*/
}

/* download image */
[href$='.psd'], [href$='.zip'], [href$='.egret'], [href$='.pot'], [href$='.ppt'], [href$='.pps'], [href$='.pptm'], [href$='.pptx'], [href$='.pub'] {
    background-image: url(../images/icons/drive-download.png);
    background-repeat: no-repeat;
    padding-left: 30px;
	padding-bottom:5px;
}
[href$='.pdf'] {
    background-image: url(../images/icons/Adobe-PDF-icon.png);
	background-size: 25px 25px;
    background-repeat: no-repeat;
    padding-left: 30px;
	padding-bottom:5px;
	
}
[href$='.rtf'], [href$='.doc'], [href$='.docx'] {
    background-image: url(../images/icons/Office-Word-icon.png);
	background-size: 25px 25px;
    background-repeat: no-repeat;
    padding-left: 30px;
	padding-bottom:5px;
}
[href$='.xls'], [href$='.xlsx'] {
    background-image: url(../images/icons/Office-Excel-icon.png);
	background-size: 25px 25px;
    background-repeat: no-repeat;
    padding-left: 30px;
	padding-bottom:5px;
}
/* download image */