@charset "utf-8";
/* CSS Document */
body {
   background-color:#003f5d;
 /* background-image:url(../images/body_bg.jpg);*/
  font-family:sans-serif;
  
}



/*FONT SIZES
	Light 300
	Light Italic
	Regular 400
	Regular Italic
	Medium 500
	Medium Italic
	Bold 700
	Bold Italic
	Black 900
	Black Italic
	
*/

.review{
	background-color:red;
	color: white;
}

.container{
	width:1110px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	
}

.container1200{
	width:1200px;
	background-color:#003f5d;
	margin-left:auto;
	margin-right:auto;
	
}
.covid19_container{
	width:1220px;

	margin-left:auto;
	margin-right:auto;
}

.covid19_container_vert{
	width:960px;

	margin-left:auto;
	margin-right:auto;
}


.democontainer{
	width:1400px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	
}
.datasearch_container{
	width:1300px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	padding: 0 15px 0 15px;
	
		
}

.employer_container{
	width:1250px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	padding: 0 15px 0 15px;
	

		
}

.viz{
	margin-left:-15px;

}

.index_container{
	padding-left:25px;
	padding-right: 10px;
}
.ra_button:link, .ra_button:visited{
    border-bottom: solid #006993
		medium;
	background: #E5E3E3;
    color: #003f5d;;
    display: inline-block;
    letter-spacing: 0.05em;
    margin-right: 5px;
    padding: 5px 22px;
    padding-top: 5x;
    padding-right: 22px;
    padding-bottom: 5px;
    padding-left: 22px;
    position: relative;
    text-transform: uppercase;
}
.ra_button_active{
    border-bottom: none;
	background:#E5E3E3;
    color:#003f5d;
    display: inline-block;
    letter-spacing: 0.05em;
    margin-right: 7px;
    padding: 5px 22px;
    padding-top: 5px;
    padding-right: 22px;
    padding-bottom: 5px;
    padding-left: 22px;
    position: relative;
    text-transform: uppercase;
}
.ra_button:hover{
	color:#006993;
	text-decoration: none;
	border-bottom:none;
}
/*#wrapper{
	background-color:#fff;
	max-width:1100px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}*/
/*#wrapper{
	max-width: 1280px;
	background-color: #fff;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}
	/*margin-top:5px;*/
	

#header{
	height:85px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:0px;
	margin-bottom:10px;
	margin-top: 10px;
	margin-left: 10px;
	background-image:url(../images/deo_logo.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#fff;
	width:1250px;
	}
	
#datasearch_header{
	height:85px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:0px;
	margin-bottom:10px;
	margin-top: 10px;
	margin-left: 10px;
	background-image:url(../images/deo_logo.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#fff;
	width:1400px;
	}
@media (max-width:575px) { /*xs*/
.freida-ep-logo{
		padding-bottom:20px;
	}
	
.index_groupings{
	margin: 0 auto;
	}
}
@media (min-width: 576px) { /* small desktop screens*/
.freida-ep-logo{
		padding-bottom:20px;
		}

.index-groupings{
	margin: 0 auto;
	}
}
@media (min-width: 768px) { /* medium desktop screens*/
.title{
	margin-left:0px;
	}
	
.index-groupings{
	margin: 0 auto;
	}
}
@media (min-width: 992px) { /* large desktop screens*/
.title{
	margin-left:80px;
	}
}
@media (min-width: 1201px) { /* x-large desktop screens*/
    
}
.deo-logo{
	padding-top:5px;
	padding-bottom:15px;
}
.freida-logo{
	font-size:22px;
	/*font-family: 'Roboto', sans-serif;*/        font-family:sans-serif;
	font-weight:900;
	line-height:1em;
	color:#003f5d;
	margin-top:10px;
	margin-bottom:15px;
	
}

.program-title{
	font-size:28px;
	/*font-family: 'Roboto', sans-serif;*/        font-family:sans-serif;
	font-weight:900;
	line-height:1em;
	color:#003f5d;
	margin-top:20px;
	margin-bottom:15px;
}

.oes-title{
	font-size:26px;
	/*font-family: 'Roboto', sans-serif;*/        font-family:sans-serif;
	font-weight:900;
	line-height:1em;
	color:#003f5d;
	margin-top:20px;
	margin-bottom:15px;
}

.freida-ep-logo{
	font-size:30px;
	/*font-family: 'Roboto', sans-serif;*/        font-family:sans-serif;
	font-weight:900;
	color:#003f5d;
	padding-top:8px;
	margin-bottom:-15px;
}

.wser-program{
	font-size:18px;
	font-family:sans-serif;
	font-weight:900;
	line-height:1em;
	color:#003f5d;
	margin-top:24px;
	margin-bottom:15px;
	margin-right:5px;
}

.index-groupings{

}

h4{
	color:#003f5d;
}
.description_title{
	color:#000;
	}
	
dl {
  display: block;
  margin-top: 0;
  margin-bottom:0;
  margin-left: 0;
  margin-right: 0;
}
	
dt{
	font-weight:bold;
	color:#003f5d;
	
	}
	
dd{
	margin-left: 0;
	margin-bottom: .5rem;
	}

a.wser-program{
	color:#003F5D;

}


a.wser-program:hover{
	color:#006993;

}

.title{
	font-size:18px;
	margin-top: 15px;
 	margin-bottom: 13px;
	font-weight: 400;
  	line-height: 1.1;
}


a {
  color: #003f5d;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #006993;
  text-decoration:underline;
}



a.contact-us{
	color:#ffffff;
}
a.contact-us:hover{
	color:#cccccc;
}

/*//https://coderwall.com/p/wpjw4w/change-the-bootstrap-navbar-breakpoint*/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.navbar{
	margin-left:-16px;
	margin-right:-16px;
	margin-bottom: 10px;
	letter-spacing:1px;
	font-size:16px;
		
}

.dropdown:hover>.dropdown-menu {
  display: block;
  	margin-top:-5px;
}
.dropdown-item{
	color:#003f5d;
}


.navbar-light .navbar-brand {
    color: #ffffff;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #cccccc; !important;
}
.dropdown-item:hover{
	background-color:#eee;
}

#topBtn {
  display: none; /* Hidden by default */
  position:fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #9aca3c; /* Set a background color */
  color: #fff; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#topBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}




h1{
	color:#003f5d;
	
	font-weight:700;

}

h2{
	color:#003f5d;
	font-weight:600;
}

h3{
	color:#003f5d;
	font-weight:400;
	
}

.card{
	width:100% !important;
}

#btnhover {
  position:relative;
  height:210px;
  width:410px;
  margin:0 auto;
}

#btnhover img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#btnhover img.top:hover {
  opacity:0;
}



.indexbtn {
  background-color: #ddd;
  border: none;
  color: black;
  padding: 16px 32px;
  text-align: center;
  font-size: 26px;
  margin: 4px 2px;
  transition: 0.3s;
  width:300px;
  height: 150px;
}

.indexbtn:hover {
  background-color: #9aca3c;
  color: #003f5d;
}

#pc_footer{
	width:690px;
	font-size:12px;
	color:#066993;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

.economic-indicator-arrow{
	font-size:2em;
	color:#003f5d;
}
.stat{
	display:inline-block;
	vertical-align: top;
	
}
.btn{
	padding: 6px 6px;
}

.btn-outline-deodarkblue {
  color: #fff;
  border-color: #003F5d;
  border-width: 1.5px;
  background-color:#006993;
 
}

.btn-outline-deodarkblue:hover {
  color: #003F5d;
    background-color:#fff;
  border-color: #003F5d;
}

.btn-outline-deodarkblue:focus, .btn-outline-deodarkblue.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-deodarkblue.disabled, .btn-outline-deodarkblue:disabled {
  color: #003F5d;
  background-color: transparent;
}

.btn-outline-deodarkblue:not(:disabled):not(.disabled):active, .btn-outline-deodarkblue:not(:disabled):not(.disabled).active,
.show > .btn-outline-deodarkblue.dropdown-toggle {
  color: #fff;
  background-color: #003F5d;
  border-color: #003F5d;
}

.btn-outline-deodarkblue:not(:disabled):not(.disabled):active:focus, .btn-outline-deodarkblue:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-deodarkblue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}


a.btn-on-deodarkblue {
  color: #003F5D;
  border-width: 1.5px;
  border-color: #003F5d;
  background-color:#fff;
 
}

.btn-on-deodarkblue:hover {
  color: #003F5d;
  background-color:#fff;
  border-color: #003F5d;
}

.btn-on-deodarkblue:focus, .btn-on-deodarkblue.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-on-deodarkblue.disabled, .btn-on-deodarkblue:disabled {
  color: #003F5d;
  background-color: transparent;
}

.btn-on-deodarkblue:not(:disabled):not(.disabled):active, .btn-on-deodarkblue:not(:disabled):not(.disabled).active,
.show > .btn-on-deodarkblue.dropdown-toggle {
  color: #fff;
  background-color: #fff;
  border-color: #003F5d;
}

.btn-on-deodarkblue:not(:disabled):not(.disabled):active:focus, .btn-on-deodarkblue:not(:disabled):not(.disabled).active:focus,
.show > .btn-on-deodarkblue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}



.stats-btn-xs{
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}

.site-footer{
	background-color:#006993;
	font-size:13px;
	text-align:center;
	margin-top: 20px;
	padding:15px;
	color: #ffffff;
		
}
a.site-footer{
	text-decoration:underline;
	color:#fff;
	padding:0px;
}

a.site-footer:hover{
	text-decoration:underline;
	color:#cccccc;
	padding:0px;
}


.tools_bullets{
	margin-left:-15px;
}
.highcharts-tooltip-box{
	fill: #fff;
	fill-opacity: 1;
	stroke-width: 1;
}
a.list-group-item:hover,
button.list-group-item:hover {
	color: #555;
	text-decoration: none;
	background-color: #bad532;
}
/******* IMG Hover *********/


a.nounderline{
	color:#006993;
	text-decoration:none;
}

a.nounderline:hover{
	color:#006993;
	text-decoration:none;
}

a.data-search{
	color:#003F5D;
}
a.data-search:hover{
	color:#006993;
}

.tooltip{
	margin-left:10px; 
	animation:normal;
}



.tooltip .tooltip-inner{
  max-width: 200px;
  padding: 0.1rem 0.13rem 0.13rem;
  color:#FFF;
  text-align: center;
  background-color: #fff;
/*  border: 1px;*/
  border-radius: 0.25rem;
  border-left-color:#9aca3c;
}

.tooltip.show {
  opacity:1;
}

.img-thumbnail {
  /*padding: 0.25rem;*/
  background-color: #fff;
  border: .5px solid #dee2e6;
  border-radius: 0.1rem;
  max-width: 100%;
  height: auto;
  
}

/*
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #262626;
	text-decoration: none;
	background-color: #ececec;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
*/