

/* ---------- Custom Fonts CSS ----------*/
@font-face {
	font-family: 'CorporateA';
	src: url('../../fonts/CorporateA-Regular.eot');
	src: url('../../fonts/CorporateA-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/CorporateA-Regular.woff') format('woff'),
	url('../fonts/CorporateA-Regular.ttf') format('truetype'),
	url('../fonts/CorporateA-Regular.svg#CorporateA-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CorporateABold';
	src: url('../../fonts/CorporateA-Bold.eot');
	src: url('../../fonts/CorporateA-Bold.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/CorporateA-Bold.woff') format('woff'),
	url('../../fonts/CorporateA-Bold.ttf') format('truetype'),
	url('../../fonts/CorporateA-Bold.svg#CorporateA-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'CorporateS';
	src: url('../../fonts/CorporateS-Regular.eot');
	src: url('../../fonts/CorporateS-Regular.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/CorporateS-Regular.woff') format('woff'),
	url('../../fonts/CorporateS-Regular.ttf') format('truetype'),
	url('../../fonts/CorporateS-Regular.svg#CorporateS-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CorporateSLight';
	src: url('../../fonts/CorporateS-Light.eot');
	src: url('../../fonts/CorporateS-Light.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/CorporateS-Light.woff') format('woff'),
	url('../../fonts/CorporateS-Light.ttf') format('truetype'),
	url('../../fonts/CorporateS-Light.svg#CorporateS-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CorporateSBold';
	src: url('../../fonts/CorporateS-Bold.eot');
	src: url('../../fonts/CorporateS-Bold.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/CorporateS-Bold.woff') format('woff'),
	url('../../fonts/CorporateS-Bold.ttf') format('truetype'),
	url('../../fonts/CorporateS-Bold.svg#CorporateS-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'CorporateSExtraBold';
	src: url('../../fonts/CorporateS-ExtraBold.eot');
	src: url('../../fonts/CorporateS-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/CorporateS-ExtraBold.woff') format('woff'),
	url('../../fonts/CorporateS-ExtraBold.ttf') format('truetype'),
	url('../../fonts/CorporateS-ExtraBold.svg#CorporateS-ExtraBold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ---------- Global CSS ----------*/
body {
	height: 100%;
	font-family: "CorporateS", Arial, "Arial Regular", sans;
	min-width: 360px;
	background: white;
}
body.logon{
	background: #111;
}
header {
	background: #222;
	min-height: 89px;
	padding-top: 15px;
}
.btn-primary, .btn-primary:focus, .btn-primary.focus {
	background: #176db8;
	border: none;
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
	font-size: 1.143em;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:active:focus {
	background: #1c7dd1;
	border: none;
}
a, a:hover, a:focus {
	color: #FFF;
}
.btn, .form-control {
	border-radius: 0;
	height: 45px;
	margin-bottom: 25px;
}
.login .btn, .login  .form-control {
    height: 57px;
}
h1, h2, h3 {
	font-family: "CorporateA", Times, "Times New Roman", Georgia, serif;
}
.row-no-margin {
	margin-left: 0px;
	margin-right: 0px;
}
.row-no-padding {
	padding-left: 0;
	padding-right: 0;
}



/* --------------------------------------------------------------------------------*/
/* ---------- Header Section CSS ----------*/
.logo {

}

.userProfile {
	margin-top: -8px;
	margin-left: 30px;
	position: relative;
	float:right;
}

.userProfile.banner-menu {
	margin-top: 0px;
	float:right;
}
.userName {
	padding-top: 9px;
	height: 38px;
	width: 38px;
	border-radius: 50%;
	color: #222222;
	background: #c1c1c1;
	font-size: 1.143em;
	float: left;
	text-align: center;
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
}
.userProfile .glyphicon {
	color: #c1c1c1;
	margin-top: 12px;
	margin-left: 10px;
}
.userProfile .profileHover {
	display: none;
	position: absolute;
	top: -25px;
	z-index: 1002;
	color: #fff;
}
.profileSection .userProfile:hover div.userName {
	background: #c1c1c1;
	color: #222;
}

.userProfile:hover div.profileHover {
	display: block;
}
.userProfile:hover div.userName {
	background:#1db14c;
	color: #FFF;
}
.userProfile:hover span.glyphicon {
	color: #1675c7;
}

/* ---------- Menu ----------*/
.navbar-brand {
	padding-left: 0;
}

#navbar {
	margin-top: 29px;
}
.navbar-toggle {
	border-color: #FFF;
}
.navbar-toggle .icon-bar {
	background: #FFF;
}
.navbar-nav > li > a {
	color: #FFF;
	font-size: 1em;
	padding: 10px;
}
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
	background: none;
}
.navbar-nav > li > a:hover {
	color: #c1c1c1;
}
.navbar-nav > li.active > a {
	font-family: "CorporateSExtraBold", Arial, "Arial Regular", sans;
}
/* -- Sub Menu --*/
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #222;
	border: none;
}
.navbar-nav > li > .dropdown-menu {
	background: #222;
	border-radius: 0px;
	margin-top: 4px;
	border: none;
	border-top: solid #1675c7 2px;
}
.nav .open > a:focus, .dropdown-menu > li > a {
	color: #FFF;
}
.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #FFF;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
	border-left-color: #C1c1c1;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: transparent;
	border-color: transparent;
}
.dropdown-menu > li > a:hover {
	color: #c1c1c1;
	background-color: transparent;
}
.dropdown-menu > li > a:focus {
	background-color: transparent;
}
.dropdown.dropdown-submenu .caret{
	display: none;
}
.breadcums {
	margin-bottom:10px;
}
.breadcums a {
	color:#000;
}
/* --------------------------------------------------------------------------------*/
/* ---------- Login Page CSS ----------*/
.login {
	/*background-position: center top;*/
	background-position: 0 50%;
	background-size: cover;
}
.login .container {
	max-width: 350px;
	color: #FFF;
}
.login_header {
	height: 110px;
	padding-top: 0;
}
.login_header .logo {
	margin-top: 30px;
}
.login {
	height: 90%;
	height: calc(100% - 110px);
}
.login .heading_1 {
	font-family: "CorporateA", Times, "Times New Roman", Georgia, serif;
	font-size: 2.286em;
	margin-bottom: 38px;
}
.login .text_1 {
	font-size: 1.143em;
	margin-bottom: 42px;
}
.login label {
	font-size: 1em;
	font-weight: normal;
}
.forgotLogin, .forgotPassword {
	font-size: 0.857em;
	color: #ffffff;
	font-weight: bold;
}
.forgotLogin:hover, .forgotPassword:hover, .forgotLogin:focus, .forgotPassword:focus {
	color: #ffffff;
}
.password_group {
	position: relative;
}
.hideShowPassword-toggle {
	position: absolute;
	z-index: 3;
	cursor: pointer;
	height: 100%;
	width: 44px;
	right: 0;
	top: 0;
}
.icon-eye-open {
	background: url("../images/password_icon_open.jpg");
	background-position: 0 center;
	background-repeat: no-repeat;
}
.icon-eye-close {
	background: url("../images/password_icon_close.jpg");
	background-position: 0 center;
	background-repeat: no-repeat;
}
.login > .btn, .login >.form-control {
	height: 57px;
	margin-bottom: 20px;
}
.login > .form-control {
	border: 1px solid #ccc;
}

/* --------------------------------------------------------------------------------*/
/* ---------- Sub Page Navigation Tabs CSS ----------*/
#sub_nav {
	position: relative;
	top: -86px;
	color: #282828;
}
#sub_nav .nav.nav-pills {
	height: 45px;
}
#sub_nav li.active {
	font-family: "CorporateSBold", Times, "Times New Roman", Georgia, serif;
}
#sub_nav li {
	background:#acacac;
}
#sub_nav li a, #sub_nav li a:hover {
	color: #222;
	font-size: 1.286em;
}
#sub_nav .nav-pills > li.active > a, #sub_nav .nav-pills > li.active > a:focus, #sub_nav .nav-pills > li.active > a:hover {
	color: #000;
	background-color: #fff;
}
#sub_nav .nav-pills > li > a {
	border-radius: 0;
	padding:10px;
}
#sub_nav .tab-pane ul {
	padding-left: 15px;
}
#sub_nav .tab-pane ul li {
	background: #ffffff none repeat scroll 0 0;
	font-size: 1.286em;
	margin: 20px 0;
}
#sub_nav .tab-pane {
	padding-left: 35px;
	padding-right: 35px;
}
#sub_nav .tab-content {
	background-color: #fff;
	padding : 5px 15px;
}
#mainSubmenu {
	background:#222;
}
#mainSubmenu .nav.nav-pills {
	height: 45px;
}
#mainSubmenu li.active {
	font-family: "CorporateSBold", Times, "Times New Roman", Georgia, serif;
}
#mainSubmenu li {
	background:#acacac;
}
#mainSubmenu li a, #mainSubmenu li a:hover {
	color: #222;
	font-size: 1.286em;
}
#mainSubmenu .nav-pills > li.active > a, #mainSubmenu .nav-pills > li.active > a:focus, #mainSubmenu .nav-pills > li.active > a:hover {
	color: #000;
	background-color: #fff;
}
#mainSubmenu .nav-pills > li > a {
	border-radius: 0;
}
#mainSubmenu .nav-pills li:first-child {
	margin:0px;
}
#mainSubmenu .tab-pane ul {
	padding-left: 15px;
}
#mainSubmenu .tab-pane ul li {
	background: #ffffff none repeat scroll 0 0;
	font-size: 1.286em;
	margin: 20px 0;
}
#mainSubmenu .tab-pane {
	padding-left: 35px;
	padding-right: 35px;
}
#mainSubmenu .tab-content {
	background-color: #fff;
	padding : 5px 15px;
}

/* --------------------------------------------------------------------------------*/
/* ---------- Home Page CSS ----------*/

/* -- home page carousel --*/
#imageCarousel {
	width: 100%;
}
#imageCarousel .carousel-inner > .item {
	height: 537px;
	padding: 50px;
}
#imageCarousel .carousel-control {
	width: 10%;
}
#imageCarousel .carousel-inner > .item > img {
	margin: 0 auto;
}
#imageCarousel .carousel-content {
	position: absolute;
	z-index: 10;
	top: 0;
	height: 100%;
	color: #fff;
	text-align: left;
	top: 50%;
	transform: translateY(-25%);
}
#imageCarousel .caption_link {
	font-family: "CorporateSExtraBold", Arial, "Arial Regular", sans;
	font-size: 1.571em;
	text-decoration: none;
	padding-bottom: 12px;
	border-bottom: solid 3px #FFF;
	margin-left: 15px;
}
#imageCarousel .caption_link:hover, #imageCarousel .caption_link:focus {
	text-decoration: none;
}
#imageCarousel .caption1 {
	font-family: "CorporateSExtraBold", Arial, "Arial Regular", sans;
	font-size: 5.357em;
	margin-left: 15px;
}
.carousel-control {
	opacity: .75;

}
.carousel-control.left, .carousel-control.right  {
	background: none;
}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
	position: absolute;
	z-index: 5;
	display: inline-block;
	font-size: 28px;
}
#imageCarousel .carousel-control .glyphicon-menu-left {
	left: 50%;
	margin-left: -10px;
}
#imageCarousel .carousel-control .glyphicon-menu-right {
	right: 50%;
	margin-right: -10px;
}
#imageCarousel .carousel-control .glyphicon-menu-left,#imageCarousel .carousel-control .glyphicon-menu-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	font-size: 28px;
}
.section_1 {
	background-position: center bottom;
	background-size: cover;
	min-height: 537px;
}
.genericContentContainer {
	padding:0px 15px;
}
.tab-content {
	background:#fff;
	padding:10px;
}

.homeSection_2 {
	background: #222;
}
.homeSection_2 hr {
	margin-top: 10px;
	border-color: #767676;
}
.title {
	font-family: "CorporateA", Times, "Times New Roman", Georgia, serif;
	font-size: 2.286em;
	color: #fff;
}
.tabs_right {
	margin-bottom: 10px;
	margin-top: 30px;
	text-align: right;
}
.tabs_right a {
	border-left: 1px solid;
	color: #767676;
	margin-left: 15px;
	padding-left: 15px;
	font-family: 'CorporateS', Arial, "Arial Regular", sans;
	font-size: 1.143em;
}
.tabs_right a:first-child {
	border-left: none;
}
.tabs_right .active {
	color: #fff;
	font-family: 'CorporateSBold', Arial, "Arial Regular", sans;
}
.snapshot-inner {
    float: left;
    width: 33.33%;
}
.homeSection_2 .snapshot_left {
	color: #176db7;
	line-height: 210px;
	text-align: center;
	font-size: 5.357em;
	letter-spacing: -.015em;
	margin: 0;
	font-family: 'CorporateSLight', Arial, "Arial Regular", sans;
}
.homeSection_2 .snapshot_right {
	color: #1db04c;
	line-height: 210px;
	text-align: center;
	font-size: 5.357em;
	letter-spacing: -.07em;
	margin: 0;
	font-family: 'CorporateSLight', Arial, "Arial Regular", sans;
}
/* .homeSection_2 .snapshot_right::first-letter { */
/* 	vertical-align: super; */
/* 	font-size: 0.6em; */
/* } */

.homeSection_2 p {
	color: #fff;
	margin-top: 10px;
	font-size: 1.429em;
	text-align: center;
}
.homeSection_2 p span {
	font-size: 0.700em;
	padding-left: 50px;
	font-family: 'CorporateSLight', Arial, "Arial Regular", sans;
}
.homeSection_2 .footnote{
    color: #ffffff;
}
#snapshot .col-lg-4 {
	text-align: center;
	width: 100%;
}

.articles_tabs {
	background: rgba(0, 0, 0, 0) url("../images/links_bg.png") no-repeat scroll 0 0 / cover ;
	min-height: 612px;
	font-family: "CorporateA", Times, "Times New Roman", Georgia, serif;
	font-size: 2.143em;
	color: #fff;
}
.articles_tabs ul {
	list-style: outside none none;
	margin-top: 120px;
	padding-left: 40%;
}
.articles_tabs li {
	padding-bottom: 20px;
	padding-top: 20px;
}
.articles_tabs ul li a {
	text-decoration: none;
}
.articles_tabs ul li.active a {
	font-family: 'CorporateABold', Times, "Times New Roman", Georgia, serif;
	color: #000;
	text-decoration: none;
}
.articles_content {
	font-family: 'CorporateSBold', Times, "Times New Roman", Georgia, serif;
}
.articles_content .tab-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
   -webkit-box-align: center;
   -moz-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
	min-height: 540px;
	padding-right: 21%;
	padding-left: 5%;
}
.articles_content .tab-content p {
	font-family: "CorporateS", Arial, "Arial Regular", sans;
	font-size: 1.286em;
}
.articles_content .radio {
	margin: 0;
	padding: 15px 0;
}
.articles_content label {
	font-size: 25px;
}
.articles_content button {
	margin-top: 40px;
}
.articles_content label input {
	margin-top: 10px;
}
.articles_content .poll [type="radio"]:checked,
.articles_content .poll [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.articles_content .poll [type="radio"]:checked + label,
.articles_content .poll [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 54px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
.articles_content .poll [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -5px;
    width: 32px;
    height: 31px;
    border-radius: 100%;
    background: url('../images/radio_toggle.png') no-repeat top center;
}
.articles_content .poll [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 32px;
    height: 31px;
    border-radius: 100%;
    background: url('../images/radio_toggle.png') no-repeat bottom center;
}
.articles_content .arrow {
	border-bottom: 20px solid transparent;
	border-left: 20px solid #acacac;
	border-top: 20px solid transparent;
	position: absolute;
	height: 0;
	width: 0;
	left: 0;
	z-index: 999;
	margin-top: 132px;
}
.articles_content ol{
    padding: 0px 0 0 17px;
    margin: 0px;
}
.articles_content ol li {
	font-family: "CorporateS", Arial, "Arial Regular", sans;
	font-size: 1.286em;
}

.video-container iframe {
	width: 100%;
	height: 612px;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
}
.section_2 {
	background-color: #000;
}

.chart_donut {
	width: 275px;
	text-align: center;
	margin: 0 auto;
	padding-left: 10%;
    height: 220px;
    transition: all .2s ease-out;
    opacity: 1;
}
.chart_donut.initial {
    opacity: 0;
    transform: scale(0.1);
}

/* --------------------------------------------------------------------------------*/
/* ---------- Profile Page CSS ----------*/
.profileSection {
	font-family: 'CorporateS', Arial, "Arial Regular", sans;
	background: #f0f0f0;
	padding-top: 57px;
}
.profileSection h3 {
	font-size: 2.286em;
	margin: 0 0 25px 0;
}
.profileSection .section_2 {
	height: 570px;
	background-position: center bottom;
	background-size: cover;
}
.profileSection .userProfile {
	margin: 0 auto;
}
.profileSection .userName {
	padding-top: 45px;
	height: 165px;
	width: 165px;
	font-size: 3.929em;
}
.profile_form {
	margin-top: 55px;
	max-width: 600px;
}
.profileSection .link_1 {
	color: #176db8;
	font-size: 1.429em;
	text-decoration: underline;
}
.profileSection select option {
	padding: 0px;
}
.profileSection select, .profileSection label, .profileSection select option, .profileSection .form-control {
	font-size: 1.429em;
	font-weight: normal;
	color: #939393;
}
.profileSection label {
	color: #222222;
}
/* -- Select options --*/
.profileSection .form-group select {
	padding: 8px 22px;
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	background-position: right center;
	background-color:#FFF;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.profileSection .form-group select:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
/*for IE10*/
.profileSection .form-group select::-ms-expand {
	display: none;
}
.profileSection .btn-primary {
	padding: 10px 30px;
	margin-bottom: 150px;
}


/* --------------------------------------------------------------------------------*/
/* ---------- Program Page CSS ----------*/
.program .section_2 {
	background-color: #222;
}
.program #sub_nav h1 {
	font-size: 4.286em;
	color: #252525;
	text-align: center;
}
.program #sub_nav .sub_text {
	font-size: 1.786em;
	text-align: center;
	line-height: 1.2em;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 0 150px;
}
.program #sub_nav p {
	margin-top: 15px;
	font-size: 1.286em;
}
.align_center {
	text-align: center;
}
.program .table > tbody > tr:nth-of-type(2n+1) {
	background: #222;
}
.program .table-responsive {
	background: #222;
	color: #c2c2c2;
	padding: 0 20px;
}
.program .table {
	font-size: 1.286em;
}
.program .table > tbody > tr > td, .program .table > tbody > tr > th {
	border: none;
	vertical-align: middle;
	text-align: center;
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
}
.program .table > thead > tr > th {
	text-align: center;
	font-family: "CorporateA", Times, "Times New Roman", Georgia, serif;
	font-weight: normal;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
}
.program .table > thead > tr > th.text-left {
	text-align: left;
}


.program .table .year_text {
	font-size: 4.444em;
	letter-spacing: -0.05em;
	vertical-align: middle;
	font-family: "CorporateSExtraBold", Arial, "Arial Regular", sans;
	text-align: left;
}
.program .table .new_row  {
	border-top: 1px solid;
}
.program .table > tbody >tr .group_change {
border-top: 4px solid #666;
}

.program .table {
	margin-bottom: 0;
}
.program .table_bottom_text {
	background: #cccccc none repeat scroll 0 0;
	color: #8a8a8a;
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
	font-size: 1.786em;
	padding: 5px 0;
	text-align: center;
}
.program .sub_heading  {
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
}

/* --------------------------------------------------------------------------------*/
/* ---------- Report Page CSS ----------*/
.report .section_2 {
	background-color: #222;
}
.report h2 {
	font-size: 2.286em;
	text-align: left;
	float: left;
}
.report .extractLinks, .report .extractLinks a {
	float: right;
}
.report .extractLinks a {
	margin-right: 2px;
}
.report .extractLinks {
	margin-top: 20px;
}
.report #sub_nav .sub_text {
	font-family: "CorporateSLight", Arial, "Arial Regular", sans;
	font-size: .5em;
	text-align: left;
}
.report .heading_2 {
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
	font-size: 1.071em;
}
.report .table td, .report .table th {
	text-align: center;
	vertical-align: middle;
	font-size: 1.071em;
}
.report .table > thead > tr {
	background-color: #222;
	color: #FFF;
	font-family: "CorporateSLight", Arial, "Arial Regular", sans;
	height: 80px;
}
.report .table > thead > tr > th {
	font-weight: normal;
	border-bottom: none;
	padding: 0 15px;
}
.report .table tr {
	height: 60px;
}
.report .table > tbody > tr > th, .report .table > tfoot > tr > th {
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
}
.report .table > tfoot > tr > th {
	background-color: #ccc;
}
.report .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #FFF;
}
.report .table-striped > tbody > tr:nth-of-type(even) {
	background-color: #ebebeb;
}
.report .table > tbody > tr > td, .report .table > tbody > tr > th, .report .table > tfoot > tr > td, .report .table > tfoot > tr > th, .report .table > thead > tr > td, .report .table > thead > tr > th {
	border: none;
}
.report .form-group input {
	width: 293px;
	float: left;
	margin-right: 7px;
	font-size: 1.429em;
}

/* --------------------------------------------------------------------------------*/
/* ---------- Cash Report Page CSS ----------*/
.cash {
	background-color: #f0f0f0;
	color: #222;
	padding-top: 21px;
}
.cash .divider {
	clear: both;
	border-color: #767676;
}
.cash .sec_1 h3 {
	font-size: 2.286em;
	margin: 29px 0;
}
.cash .sec_1 h3 a {
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
	color: #222;
	font-size: 0.5em
}
.cash .section_2 {
	background-color: #222;
	color: #fff;
}
.cash .section_2 .row{
	margin: 0;
}
.cash .cashCalculator-left, .cash .cashCalculator-right {
	height: 600px;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-size: cover;
}
.cash .cashCalculator-left  {
	display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -moz-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
   -moz-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
	justify-content: center;
	padding-left: 20%;
	padding-right: 5%;
}
.cash .cashCalculator-left h3 {
	font-size: 2.286em;
}
.cash .cashCalculator-left p {
	font-family: "CorporateA", Arial, "Arial Regular", sans;
	font-size: 1.686em;
}
.cash .cashCalculator-left button {
	padding: 13px 40px;
	height: 49px;
	margin-top: 40px;
}

/*-- horizontal bar hart --*/
#chart_bar_hori {
	font-family: "CorporateS", Arial, "Arial Regular", sans;
	font-size: 1.43em;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
#chart_bar_hori .obj ul, #chart_bar_hori .vin_count ul, #chart_bar_hori .pot ul {
	list-style-type: none;
	margin: 0;
	margin-top: -25px;
	padding: 0;
}
#chart_bar_hori .obj ul li, #chart_bar_hori .vin_count ul li{
	position: absolute;
 	font-size: .9em;
	color: #898989;
}
 #chart_bar_hori .pot ul li{
	position: absolute;
/* 	font-size: .9em; */
	font-size: .7em;
	color: #898989;
}
#chart_bar_hori .pot ul{
	font-size: .8em !important;
}
#chart_bar_hori .obj, #chart_bar_hori .vin_count, #chart_bar_hori .pot {
	position: relative;
}
#chart_bar_hori .pot {
	position: relative;
	margin-bottom: 40px;
	margin-top: 30px;
}

#chart_bar_hori .bar_bg {
	height: 150px;
	background: #d1d1d1;
	margin-top: 55px;
	margin-bottom: 30px;
}
#chart_bar_hori .bar {
	height: 150px;
	width: 0px;
	background: #222;
	-webkit-transition: width 2s;
	transition: width 2s;
}
#chart_bar_hori .text1 {
	position: absolute;
	color: #FFF;
	background-color: rgba(0,0,0,0.7);
	padding: 10px;
	border-radius: 3px;
	top: 105px;
	left: 0;
	-webkit-transition: 2s;
	transition: 2s;
}
#chart_bar_hori .text1 .dot{
	height: 8px;
	width: 8px;
	border-radius: 8px;
	margin-top: 9px;
	margin-right: 5px;
	background: #1db04c;
	float: left;
}
#chart_bar_hori .line{
	position: absolute;
	top: 30px;
	width: 100%;
}
#chart_bar_hori .dashed_line {
	position: absolute;
}
#chart_bar_hori .dashed_line line {
	stroke: #c0c0c0;
	stroke-width: 2;
}
#chart_bar_hori .dashed_line.black line {
	stroke: #000;
}
#chart_bar_hori .text_4 {
	color: #1db04c;
	font-size: 2.750em;
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
	margin-top: -80px;
	margin-bottom: 20px;
}

#chart_bar_hori .text_4::first-letter {
	vertical-align: super;
	font-size: 0.6em;
}
#chart_bar_hori .text_3 {
	margin-top: 100px;
}

/*-- Vertical bar chart --*/
#chart_bar_ver {
	width: 100%;
	min-height: 250px;
	margin: 30px auto 70px;
	display: block;
}
#chart_bar_ver #numbers {
	width: 50px;
	height: 300px;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
    position: relative;
}
#chart_bar_ver #numbers li {
	text-align: right;
	padding-right: 1em;
	font-size: 1.286em;
	list-style: none;
	position: relative;
}

#chart_bar_ver #numbers li span {
	color: #767676;
	position: absolute;
	top: 0;
	right: 10px;
}
#chart_bar_ver #bars, #chart_bar_ver #bar_txt {
	display: inline-block;
	width: 90%;
	width: calc(100% - 50px);
	padding: 0;
	margin: 0;
}
#chart_bar_ver #bars {
	height: 300px;
}
#chart_bar_ver #bar_txt {
	margin-left: 50px;
}
#chart_bar_ver #bars li {
	display: table-cell;
	width: 250px;
	height: 300px;
	margin: 0;
	text-align: center;
	position: relative;
}
#chart_bar_ver #bars li .bar {
	display: block;
	width: 100%;
	/*margin-left: 50%;
	transform: translateX(-56px);*/
	background: #222;
	position: absolute;
	bottom: 1px;
	font-size: 1.429em;
	border-right: 2px solid #f0f0f0;
}
#chart_bar_ver #bars li .bar:before {
	content: attr(data-percentage);
	position: relative;
	bottom: 30px;
}
#chart_bar_ver #bar_txt li{
	width: 250px;
	display: table-cell;
	color: #767676;
	text-align: center;
	height: 43px;
	/*line-height: 1.1em;*/
	line-height: inherit;
}

#chart_bar_ver #bars {
	clear: both;
	border-left: solid #898989 1px;
	border-bottom: solid #898989 1px;
}
#chart_bar_ver .text_1 {
	margin: 0 0 20px 50px;
}
#chart_bar_ver #bar_txt {
	font-size: 1.44em;
}
.chart_controls {
	display: none;
}
.chart_controls .glyphicon {
	font-size: 1.8em;
	color: #176db7;
}

/* --------------------------------------------------------------------------------*/
/* ---------- travel Section CSS ----------*/
/* ---------- travel Section CSS ----------*/
.travel .section_1 {
	min-height:537px;
	height:auto;
}
.travel #sub_nav {
	top: 30px;
}
.travel .section_1 #sub_nav {
	top:0px;
}
.travel .section_2, .travel .section_3 {
	background-color: #f0f0f0;
}
.travel h3 {
	font-size: 2.286em;
	margin-bottom: 27px;
}
.travel .table {
	text-align: center;
}
.travel .table > thead > tr > th {
	background: #222;
	color: #f0f0f0;
	font-family: "CorporateSLight", Arial, "Arial Regular", sans;
	font-size: 1.286em;
	font-weight: normal;
	text-align: center;
	height: 51px;
	vertical-align: middle;
	border-bottom: 0;
}
.travel .table > tbody > tr > td, .travel .table > tbody > tr > th {
	text-align: center;
	font-size: 1.286em;
	max-width: 180px;
	min-width: 80px;
	vertical-align: middle;
}
.travel .table > tbody > tr > th {
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
}
.travel .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #FFF;
}
.travel .table-striped > tbody > tr:nth-of-type(even) {
	background-color: #e1e1e1;
}
.travel #sub_nav .tab-content {
	padding-top: 20px;
	padding-bottom: 21px;
}
.travel .objective-inner {
	background: #222;
	width: 310px;
	height: 310px;
	color: #FFF;
}
.travel .objective-inner .heading {
	border-bottom: 1px #f0f0f0 solid;
	padding: 20px 15px;
	font-family: "CorporateSLight", Arial, "Arial Regular", sans;
	font-size: 1.43em;
}
.travel .objective-inner .heading a {
	float: right;
}
.travel .objective-inner .heading a:hover {
	text-decoration: none;
}
.travel .objective-inner .achieved {
	position: relative;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: #1db04c;
	margin: 35px auto;
}
.travel .objective-inner .achieved .icon {
	position: absolute;
	top: 58px;
	left: 55px;
	width: 50px;
	height: 45px;
	background: url(../images/achieved.png) no-repeat;
}
.travel .objective-inner .achieved.not{
	background: #e53a3a;
}
.travel .objective-inner .achieved.not .icon {
	background: url(../images/not-achieved.png) no-repeat;
}
.travel .objective-inner .text_num {
	font-family: "CorporateSLight", Arial, "Arial Regular", sans;
	font-size: 8.071em;
	color: #176db7;
	text-align: center;
	letter-spacing: -6.8px;
	padding-top: 15px;
}
.travel hr {
	border-color: #8d8d8d;
	margin: 60px 0;
}
.travel h3 a {
	font-family: "CorporateSBold", Arial, "Arial Regular", sans;
	color: #222;
	font-size: 0.5em;
}


/* --------------------------------------------------------------------------------*/
/* ---------- Footer Section CSS ----------*/

footer {
	background-color: #f0f0f0;
	height: 200px;
	padding-top: 40px;
	border-top: 1px solid #dbdbdb;
}
footer .copyRight {
	margin-top: 17px;
}

/* --------------------------------------------------------------------------------*/


/* ---------- Media Queries CSS ----------*/

@media only screen and (max-width : 1199px) and (min-width: 992px) {
	.section_1 {
		min-height: 400px;
		background-position: 80% 100%;
	}
	.home .section_1 {
		height: 500px;
		background-position: 84% 100%;
	}

	#imageCarousel .carousel-inner > .item {
		height: 500px;
	}
	.profileSection .section_2 {
		height: 400px;
		background-position: 20% 100%;
	}
	#sub_nav {
		top: -80px;
	}
	.travel .section_1 {
		min-height: 551px;
	}
	.carousel-control {
	   width: 5%;
 	}
}

@media  only screen and (max-width: 991px) {
	#sub_nav .sub_text {
		padding: 0;
	}
	.snapshot-inner{
		width: 100%;
		text-align:center;
	}
	#snapshot .carousel-control{
		top: 390px;
	}
	.section_1 {
		min-height: 350px;
		background-position: 80% 100%;
	}
	.home .section_1 {
		height: 450px;
		background-position: 84% 100%;
	}
	.homeSection_2 .row {
		margin: 0;
	}
	.homeSection_2 .col-sm-12, .homeSection_2 .col-xs-12, .chart_donut {
		padding: 0;
	}
    .chart_donut{
        height: 240px;
        margin-top: 20px;
        padding-left: 30px;
    }
	#chart_bar_hori {
		font-size: 1.2em;
	}
	#snapshot_inner .item p {
		margin-top: -18px;
	}
	#imageCarousel .carousel-inner > .item {
		height: 450px;
	}
	#imageCarousel .caption1 {
	   font-size: 3.5em;
	   margin-left: 40px;
	}
	#imageCarousel .caption_link {
	   font-size: 1.3em;
	   margin-left: 40px;
	   padding-bottom: 10px;
	}
	.profileSection .section_2 {
		height: 350px;
		background-position: 20% 100%;
	}
	#sub_nav {
		top: -75px;
	}
	#sub_nav .tab-pane {
		padding-left: 15px;
		padding-right: 15px;
	}
	.program #sub_nav .sub_text {
		padding: 0 30px;
	}
	.travel .section_1 {
		min-height: 577px;
	}
	.travel .section_2 {
		background: #222;
		color: #FFF;
	}
	.travel .objective-inner {
		width: 100%;
		height: 280px;
	}
	.travel .section_2 h3 {
		margin: 30px 20px 25px 20px;
		padding-bottom: 25px;
		font-size: 1.575em;
		border-bottom: 1px solid;
	}
	.travel #objective .row {
		margin: 0;
	}
	.travel #objective .col-xs-12, .travel #objective .col-sm-12 {
		padding: 0;
	}
	.travel .objective-inner .heading {
		position: absolute;
		z-index: 100;
		bottom: 0;
		width: 100%;
		text-align: center;
		border: none;
	}
	.travel .objective-inner .heading a {
		display: none;
	}
	.travel hr {
		display: none;
	}
	.travel .objective-inner .achieved {
		margin: 0 auto;
		width: 200px;
		height: 200px;
	}
	.travel .objective-inner .achieved .icon {
		top: 78px;
		left: 78px;
	}
	#chart_bar_ver #bars li .bar {
	/*	width: 80px;
		margin-left: 50%;
		transform: translateX(-40px);*/
		font-size: 1.429em;
	}
	#chart_bar_ver #bar_txt {
		font-size: 1.2em;
	}
	#chart_bar_ver #bars li, #chart_bar_ver #bar_txt li {
		width: 150px;
	}
}

@media  only screen and (max-width: 767px) {
	#mainSubmenu .nav-pills>li+li {
		margin:0px;
	}
    .login .container{
        background: rgba(0,0,0,0.5);
    }
	.mobileview{
		left: auto !important;
		right: 0 !important;
	}
	#navbar {
		width: 100%;
		position: absolute;
		z-index: 1010;
		background: #222;
		margin-top: 24px;
		border-top: 1px solid rgba(255,255,255,.2);
	}
	.nav > li {
		width: 100%;
		text-align: center;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.nav .userProfile{
		margin-top: 0px;
		margin-left: 50%;
		transform: translateX(-20px);
	}
	.profileSection .section_2 {
		height: 350px;
	}
	.dropdown-menu > li  {
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.dropdown-submenu .dropdown-menu > li  {
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.dropdown-menu > li:first-child, .dropdown-submenu .dropdown-menu > li:first-child  {
		border-top: 1px solid rgba(255,255,255,.2);
	}
	.dropdown-menu > li:last-child, .dropdown-submenu .dropdown-menu > li:last-child  {
		border-bottom: none;
	}
	.dropdown-submenu, .dropdown-menu {
		text-align: center;
	}
	.dropdown.dropdown-submenu .caret{
		display: inline-block;
	}
	.dropdown-submenu > a:after {
		display: none;
	}
	.articles_content .arrow {
		display: none;
	}
	.articles_tabs {
		display: none;
	}
	.articles_content .tab-content {
		display: block;
	}
	.articles_content .tab-content .tab-pane {
		display: block;
		padding: 20px;
	}
	.articles_content .tab-content .tab-pane.no-padding {
		padding: 0;
	}
	.articles_content {
		padding: 0;
	}
	.video-container iframe {
		height: 400px;
	}
	.video-container iframe, .video-container object, .video-container embed {
		position: relative;
	}
	.articles_content .tab-content .tab-pane:nth-of-type(even) {
		background: #f0f0f0;
	}
	.articles_content .tab-content {
		padding-right: 0;
		padding-left: 0;
	}
	#imageCarousel .caption1 {
		font-size: 3.5em;
	}
	#imageCarousel .carousel-inner > .item {
		height: 400px;
	}
	.home .section_1 {
		height: 400px;
		background-position: 84% 100%;
	}

	#sub_nav .nav-pills > li {
		width: auto;
		border-bottom: none;
	}
	#sub_nav .tab-pane {
		padding-right: 0;
		padding-left: 0;
	}
	#sub_nav .tab-pane .content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.section_2 .container {
		padding-right: 0;
		padding-left: 0;
	}
	#sub_nav .tab-content {
		background-color: #fff;
		padding: 0;
	}
	#sub_nav h1 {
		font-size: 2.286em;
	}
	#sub_nav .sub_text {
		font-size: 1.286em;
	}
	#sub_nav {
		top: -70px;
	}
	.section_1 {
		min-height: 250px;
		background-position: 80% 100%;
	}
	.profileSection .section_2 {
		height: 250px;
		background-position: 20% 100%;
	}
	.profileSection .userName {
		margin-left: 50%;
		transform: translateX(-50%);
	}
	.form-group {
		margin-bottom: 5px;
		height: 78px;
	}
	label {
		margin-bottom: 2px;
	}
	.profile_form {
		margin-top: 30px;
		max-width: 100%;
	}
	.report .extractLinks a {
		margin-left: 14px;
		margin-right: 0;
	}
	.report .form-group input {
		margin-right: 0;
	}
	.report .table > thead > tr > th:first-child, .report .table > tbody > tr > th:first-child, .report .table > tfoot > tr > th:first-child {
		border-right: 1px solid #c0c0c0;
	}
	.program #sub_nav h1 {
		font-size: 3.286em;
	}
	.program .table-responsive {
		margin-bottom: 0px;
	}
	.program #sub_nav .sub_text {
		padding: 0 10px;
		font-size: 1.486em;
	}
	.program .table-responsive {
		padding: 0;
	}
	.program .table > thead > tr > th:first-child, .program .table > tbody > tr > th:first-child, .program .table > tfoot > tr > th:first-child {
		border-right: 1px solid #c0c0c0;
	}
	.chart_donut{
		width: 275px;
		padding-left: 5%;
	}
	.homeSection_2 .title {
		font-size: 1.571em;
	}
	.travel .section_1 {
		height: 94px;
		background-position: 85% 29%;
	}
	.travel .section_3 {
		padding-top: 25px;
	}
	.travel .section_2 {
		margin-top: 424px;
	}
	.travel #sub_nav.container{
		padding: 0;
	}
	.travel .table-responsive {
		margin-bottom: 0;
	}
	.travel .table-responsive>.table>tbody>tr>td, .travel .table-responsive>.table>tbody>tr>th, .travel .table-responsive>.table>tfoot>tr>td, .travel .table-responsive>.table>tfoot>tr>th, .travel .table-responsive>.table>thead>tr>td, .travel .table-responsive>.table>thead>tr>th {
		white-space: normal;
	}
	.travel h3 {
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.travel #sub_nav .tab-content {
		padding-bottom: 0px;
	}
	.travel #objective {
		margin-top: 10px;
	}
	#chart_bar_hori .text_4 {
		font-size: 1.5em;
		margin-top: -45px;
	}
	#chart_bar_hori .text_3 {
		margin-top: 10px;
	}
	#chart_bar_hori .vin_count p {
		font-family: "CorporateSBold", Arial, "Arial Regular", sans;
	}
	#chart_bar_hori {
		font-size: 1.43em;
	}
	#chart_bar_ver #bar_txt {
		font-size: 1.43em;
	}
	#chart_bar_ver #bar_txt li {
		color: #222;
	}
	#chart_bar_ver #bars {
		font-family: "CorporateSBold", Arial, "Arial Regular", sans;
	}
	.cash .sec_1 h3 a {
		display: none;
	}
	#chart_bar_ver #bars li, #chart_bar_ver #bar_txt li {
		position: relative;
		width: 100%;
		display: none;
		-webkit-transition: all .6s ease-in-out;
		-o-transition: all .6s ease-in-out;
		transition: all .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}
	#chart_bar_ver #bars li.active, #chart_bar_ver #bar_txt li.active {
		top: 0;
		position: absolute;
		display: block;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	#chart_bar_ver #bars li.right, #chart_bar_ver #bar_txt li.right  {
		display: block;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	#chart_bar_ver #bars li.left, #chart_bar_ver #bar_txt li.left  {
		display: block;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	#chart_bar_ver #bars, #chart_bar_ver #bar_txt {
		position: relative;
		overflow: hidden;
	}
	#chart_bar_ver #bar_txt {
		/*height: 43px;*/
	}
	#chart_bar_ver #bars li .bar {
		width: 160px;
		transform: translateX(-78px);
		margin-left: 50%;
	}
	#chart_bar_ver {
		position: relative;
	}
	.chart_controls {
		display: block;
		position: absolute;
		top: 110px;
		right: 0px;
	}
	.userProfile .profileHover {
		top: 10px;
		left: 70px;
	}
}

@media only screen and (max-width : 480px) {
	.homeSection_2 .title {
		font-size: 1.571em;
	}
	.articles_tabs ul {
		padding-left: 100px;
	}
	#imageCarousel .caption1 {
		font-size: 2.3em;
		margin-left: 5px;
	}
	#imageCarousel .carousel-inner > .item {
		height: 336px;
	}
	#imageCarousel .caption_link {
	   margin-left: 5px;
	   padding-bottom: 5px;
	}
	.home .section_1 {
		height: 336px;
		background-position: 84% 100%;
	}
	.section_1 {
		/*height: 190px;*/
		background-position: 75% 100%;
	}
	.video-container iframe {
		height: 350px;
	}
	#sub_nav {
		top: -50px;
	}
	.profileSection .btn-primary {
		width: 100%;
	}
	.profileSection .btn-primary {
		margin-bottom: 100px;
		margin-top: 35px;
	}
	.profileSection .section_2 {
		height: 190px;
		background-position: 25% 100%;
	}
	.report .form-group input {
		width: 230px;
		font-size: 1.329em;
	}
	.report #sub_nav .sub_text {
		display: none;
	}
	.report .extractLinks {
		margin-top: 20px;
	}
	.report h2 {
		float: none;
		clear: both;
		margin-bottom: 0px;
	}
	.report .heading_2 {
		margin-top: -50px;
		margin-bottom: 50px;
	}
	.program #sub_nav h1 {
		font-size: 2.286em;
	}
	.program #sub_nav .sub_text {
		font-size: 1.286em;
	}
	.travel .section_2 {
		margin-top: 424px;
	}
}

/* ---------- For Extra Large screens ----------*/
@media only screen and (min-width : 1800px) {
	.cash .cashCalculator-left {
		padding-left: 30%;
	}
	.articles_tabs ul {
		padding-left: 56%;
	}
	.articles_content .tab-content {
		padding-right: 59%;
		padding-left: 5%;
	}
	#imageCarousel .carousel-control {
		width: 15%;
 	}
}



