/*--------------------------------------------------*
	TOC:
----------------------------------------------------
//  Typography
//  Forms
//  Buttons
//  Alerts - Labels - List Groups - Modals
//  Panels - Wells
//  Utility Classes
//  Page Structure
//  Header & Main Navigation
//  Sidebar - Offcanvas (Mobile)
//  Main content
//  Footer
//  Corp Comm Icons
//	Ajax
//  Print
// -------------------------------------------------*/


html {
	min-height:100%;
	position:relative;
}

html,  body {
	height: auto;  /* This helps with our footer */
}

body,legend {
	font-size:16px;
}



/*--------------------------------------------------*
//  Typography
// --------------------------------------------------*/

label, .control-label { font-weight: 300;	}

strong,   b,  .panel-title, .controls {	font-weight:600;	}

h1, h2, h3, h4, h5, h6{
	margin-top: 0px;
	margin-bottom: 0px;
}

h1{  font-size:32px;  }

@media (min-width: 768px) and (max-width: 1023px) {
	h1 {  font-size: 26px;    }
}

@media (max-width: 767px) {
	h1{   font-size:28px;	}
}

h2{  font-size:24px;	}

h3{
	font-size:18px;
	color: #184E71;
}

h4, .h4{  font-size:18px;	}

h5{  font-size:17px;	}

hr {	border-top: 5px solid #D6DCE0; }

ul{
	list-style: square outside none;
	padding-left: 15px;
}

a, a:hover, a:visited, a:visited:hover {
	cursor: pointer;
	text-decoration: underline;
}

.btn, a.btn, a.btn-block, .btn:hover, .btn:focus, a.list-group-item, a.fa	{ text-decoration:none;   }

.alert a {	color: #006B99;	}  /* necessary for accessibility contrast requirements */


/*--------------------------------------------------*
//  Forms
// --------------------------------------------------*/

.form-control {
	color: #000000;
	/* font-size:1.0em; */
}

.form-control-static {
	border:0px;
	background-color:inherit;
}

@media (max-width: 767px) {
	.form-group {   margin-bottom: 8px;     }
}

@media (max-width: 480px) {
	.form-group	[class*="col-xxs-offset"] {
	  	margin-left: 0;
	}
}

input[type="password"] {
  font-family: sans-serif !important;
}

input[type=number] {
    -moz-appearance:textfield; /* Hide spin control in Firefox */
}

.fa {	line-height:.85;	}  /*fixes a bug with font awesome when used in conjunction with some bootstrap controls.*/

/* jquery validation classes */
.v-danger {
	color: #b4273c;
	display:block;
	margin-bottom:0px;
	white-space:normal;
}
.v-success {
	color: #2EC999;
	padding-top:10px;
	padding-right:3px;
}
@media (max-width: 480px) {
	.v-success {    float: right;   }
}


/* Update the calendar to make it more readable */
.datepicker {border:1px solid #10344B; }
.datepicker-days {padding:0px 2px 5px 2px;}
.datepicker-days .table-condensed thead > tr > th {	padding: 3px 10px;	}
.datepicker-days th, .datepicker-days td  {
	font-size: 15px;
	text-align:center;
	border-radius:5px;
}
.datepicker-days th.next, .datepicker-days th.prev {font-size:20px;}

.datepicker-days td {color:#007DB3; font-weight:700;}
.datepicker-days td.old, .datepicker-days td.new {color:#133D58; font-weight:600;} /*previous/next month */
.datepicker-days td.disabled {color:#647a86 !important; font-weight:normal} /* disabled == text-muted */

div.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {	border: 1px solid;	}
div.datepicker table tr td.active.active
 {
	color:#fff;
	background-color: #007DB3 !important;
	background-image:none;
	border:	none;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    border-width:0px !important;
    background: #AFBCC4 !important;
}
.datepicker table tr td.disabled:hover, .datepicker table tr td.disabled.focused { background: #D6DCE0 !important;	}

.calendar.form-control[readonly] {
	background-color: #ffffff;
	cursor:inherit;
}

.icon-arrow-right:before {   content: ">";  }
.icon-arrow-left:before {   content: "<";       }
.icon-arrow-right, .icon-arrow-left {    font-style: normal; }

/* Special code for Chrome and Safari on a desktop.
	Hide the "spinner" buttons for input fields defined with input="number" */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* format our validation success icon */
.fa.fa-check-circle.form-control-feedback { font-size:16px;}

.form-horizontal .has-feedback .form-control-feedback {
	right: 20px;
}

/* Font-Awesome Radio and Checkbox Begin*/
.radio label, .checkbox label { padding-left: 25px; }

input.fa-radio,	input.fa-checkbox {  display:none;	}

input.fa-radio + span:not(:empty),	input.fa-checkbox + span:not(:empty) {
	display: inline-block;
}

input.fa-radio + span:not(:empty):before,
input.fa-checkbox + span:not(:empty):before {
  margin-left: -25px;
}

input.fa-radio + span:before,
input.fa-checkbox + span:before {
  font-family:	"Font Awesome 5 Pro";
  padding-right: 7px;
  padding-top:	0px;
  font-size:	.92em;
  font-weight: 300;
  font-style: normal; /* prevent inherited italics */
}
input.fa-radio + span:before {  content: "\f111"; /* fa-circle */	}

input.fa-radio:checked + span:before {  content: "\f058"; /* fa-circle-check */	font-weight:900;}

input.fa-checkbox + span:before {  content: "\f0c8"; /* fa-square */	}

input.fa-checkbox:checked + span:before {  content: "\f14a"; /* fa-check-square */ font-weight:900;	}

input.fa-radio.nopad + span:before,	input.fa-checkbox.nopad + span:before {  padding-right: 0px;	}

.input-sm {font-size:16px;}

/* Font-Awesome Radio and Checkbox End */

/*--------------------------------------------------*
//  Buttons
// --------------------------------------------------*/

.btn-toolbar {
	margin:10px 0px;
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group {
	margin-top:10px;
	margin-right: 5px;
	min-width:70px;
}

.buttonChecked {
	margin-left:20px;
	position:relative;
}

.input-group-btn > .btn {
	border-radius: 5px;
}

/* The toggle button - pressed */
:not(.input-group-btn) > button[data-toggle=button][aria-pressed=true]:before {
	font-family: "Font Awesome 5 Pro";
	font-weight:	300; /* fal */
	content: "\f14a "; /* fa-check-square */
}

/* The toggle button - unpressed */
:not(.input-group-btn) > button[data-toggle=button][aria-pressed=false]:before {
	font-family: "Font Awesome 5 Pro";
	font-weight:	300; /* fal */
	content: "\f0c8 "; /* fa-square*/
	/*padding-right: 2px; */ /* This prevent the button from jumping between checked states */
}

.bootstrap-select > button  {
	color:#000;
	background-color:#fff;
	border: 1px solid #aaa;
	border-radius:0px;
}

.btn-group > .btn:not(:first-child).btn-warning {
	border-left-color: #b67116;
}

/*--------------------------------------------------*
//  Alerts - Labels - List Groups - Modals
// --------------------------------------------------*/

.modal {color:#0C283A}

.alert  {
/*	box-shadow: 0 0.25rem 0.5rem rgba(12,40,58,0.5); Original from corporate */
	box-shadow: 0 0.25rem 0.5rem rgba(12,40,58,0.2);

}

.alert-success a { 	color: #007DB3	} /* color-blue */

.alert:before {
		color:#fff;
    content: "\f05a";
    float: left;
   	font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left:-45px;
}

.alert-success:before {
    content: "\f164"; /*Thumbs up */
    font-size: 1.1em;
    margin-top:-3px;
 }

.alert-warning:before, .alert-danger:before {
    content: "\f071";
 }

@media (max-width: 767px)  {
	.alert {
	    padding-left: 50px;
	}

	.alert:before {
    margin-left:-40px;
	}

}

.form-horizontal .alert .radio, .form-horizontal .alert .checkbox {
    padding-top: 0px;
    min-height:22px;
}

.alert .radio, .alert .checkbox {
	margin-top:	0px;
	margin-bottom:	0px;
}


.close , button.close{
	position: relative;
	top: -10px;
	right: -10px;
	font-size: 28px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	color:inherit;
	text-decoration: none;
	padding: 2px 2px 10px 10px;
	opacity: .4;
	filter: alpha(opacity=40);
}

.close:hover, .close:focus {    color: inherit; }

.close:before{
	font-size: 1.0em;
	font-weight:normal;
	content: "\d7";  /* &times; */
	padding:5px;
}

.ie8 .close:before {font-size: 1.9em;}

.alert-dismissable .close {
	position: relative;
	top: -9px;
	right: -15px;
	color: inherit;
}

.list-group-item {  /* delivered padding is 15 30. */
	padding-left:10px;
	padding-right:15px;
}

.modal-footer { text-align: left;   }

/* Fix cursor placement issues for iOS 10 modals. */
@media only screen and (max-device-width:1024px) {
	body.iOS-device.modal-open {
	    position: fixed;
	    width: 100%;
	}
}


/*--------------------------------------------------*
//  Panels - Wells
// --------------------------------------------------*/

.well, .panel, .dataTable, .popover-content { color:#0C283A;}

.well { background-color: #F2F5F7;}

.well a:not(.btn) { color:	#307298;	}

.well .input-group-addon { color:	#596a73;	}

.panel.panel-default, .well {border-width:0px;}

.panel.panel-body {border-width:1px;}

.panel-default>.panel-heading {
	padding: 4px 15px;
	background-color:#F2F5F7;
	color: #133D58;
	border-bottom:0px;
	font-size: 1.15em;
}

.panel-default>.panel-body {    background-color:#F2F5F7;  }

.panel-heading.active {
	color: #ffffff;
	background-color: #007DB3;
}

.panel-heading > .panel-title a  {
	padding: 4px 5px;
	color:inherit;
}

.panel-group .panel + .panel {
	margin-top: 3px;
/*	border-top:0px; */
}

.panel.panel-default {
    box-shadow: initial;
    -webkit-box-shadow: initial;
}


/*--------------------------------------------------*
//  Utility Classes
// --------------------------------------------------*/

.nowrap {   white-space: nowrap;    }

.no-radius {border-radius:0;}

.buffer-sm {margin-bottom:8px;}
.buffer-md {margin-bottom:16px;}
.buffer-lg {margin-bottom:24px;}

@media (max-width: 767px) {
	.buffer-sm {margin-bottom:5px;}
	.buffer-md {margin-bottom:10px;}
	.buffer-lg {margin-bottom:15px;}
}

/* Prevent  CSS transitions */
.no-transition {
	-webkit-transition: height 0;
	-moz-transition: height 0;
	-ms-transition: height 0;
	-o-transition: height 0;
	transition: height 0;
}

label.active > .buttonChecked:before {
	position:absolute;
	font-family: "Font Awesome 5 Pro";
	font-size:1.08em;
	left:-20px;
	top:0px;
	content: "\f00c";  /* fa-check */
}

.buttonChecked {
	margin-left: 12px;
	position: relative;
}



/*--------------------------------------------------*
//  Page Structure
// --------------------------------------------------*/

#body-background {
		height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -999;
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: 100%;
/*	background: #10344B; //// Dark mode */
}

#wrap[id]{
	height: auto;
	overflow: hidden;
}

/* Height must be equal to that of the footer */
/*
#fix {
	clear: both;
}

@media (max-width: 767px) {
	#fix {
		height: 550px;
	}
}

@media (min-width: 768px) {
	#fix {
		height: 240px;
	}
}
*/


.col-main-content {
/*	background-color: #133D58; */
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width: 480px) {
  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-10,
  .col-xxs-11,
  .col-xxs-12 {
    width: 100% !important;
  }
}



/*--------------------------------------------------*
//  Header
// --------------------------------------------------*/
.navbar .navbar-default > .container {background-color: #0C283A;}

/*@media only screen and (min-width: 1200px) { */
		.navbar-default, #main-nav-wrapper {
		    background: -webkit-linear-gradient(right, #007DB3 50%, #10344B 50%);
		    background: -o-linear-gradient(right, #007DB3 50%, #10344B 50%);
		    background: -moz-linear-gradient(right, #007DB3 50%, #10344B 50%);
		    background: linear-gradient(to right, #007DB3 50%, #10344B 50%);
		}
/*} */

.brand-color-left {
    height: 100%;
    width: 1200px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.brand-color-hover, .brand-color-left, .brand-color-left:hover, .logo-main-A:hover {	background: #10344B;}

.brand-color-left {background: #007DB3;}
.brand-color-hover, .brand-color-left:hover, .logo-main-A:hover {background:#2EC999;}

.logo-main-A {position:sticky;z-index:99; height:26px;}

@media only screen and (max-width: 767px) {
	.logo-main-A {position:sticky;z-index:99; height:19px;}
}

#main-nav-wrapper {background-color: #10344B}

#main-nav-back {height: auto;}
#main-nav {top:auto;}

#main-nav li#hamburger a {
	margin-left: 10px;
	margin-right:10px;
	}

#main-nav-wrapper {	padding-left:0px;padding-right:0px;}

#main-nav-wrapper > div.container { background-color: #10344B; padding-left:0px; }

.nav>li>a.logo-link {
	padding-top: 17px;
	padding-bottom: 18px;
	min-width:220px; /* ie11 */
	z-index:10;
}

@media only screen and (max-width: 767px) {
	.nav>li>a.logo-link {
		min-width:0px;
		padding:13px 14px;
	}
}


#main-nav li {
	display:inline-table;
	vertical-align:middle;
}

.nav-btns {
    margin: 14px 0px 0px 0px;
    padding-left: 0px;
}


@media only screen and (max-width: 767px) {
	.nav-btns { margin-top:6px;	}
}

.nav-btns .btn {margin-left: 8px;}

span.fa.fa-bars.fa-lg {vertical-align: -10%;}

li#hamburger a:focus {
	background-color:inherit;
}

li#hamburger a:hover, .mm-opened li#hamburger a {
    background-color:	#007DB3;
    color: #ffffff;
}

.navbar {
    min-height: auto;
    border:0;
}

/*
#menu-horizontal {
	height: 0px;
}
*/

@media (max-width: 767px) {
	.navbar {   margin-bottom: 8px; }
}

.nav > li {	display: table-cell;	}

@media (min-width: 768px) {
	#main-nav > .nav-justified > li.active > a,
	#main-nav > .nav-justified > li.active > a:hover,
	#main-nav > .nav-justified > li.active > a:focus {
		background-color: #10344B;   /* green-md */
		color: #ffffff;
	}
}

.nav>li>a {
	padding: 5px 8px;
}

.nav > li > a.btn-dark:hover, .nav > li > a.btn-dark:focus{
	background-color: #007DB3;
}

#hamburger-sm > a.btn-dark:hover, #hamburger-sm > a.btn-dark:focus {
		background-color: #10344B;
		border-width:0px;
}

.navbar {	margin-bottom: 5px;	}


/*--------------------------------------------------*
//  Sidebar - Offcanvas (Mobile)
// --------------------------------------------------*/


#menu_main:not( .mm-menu ) {
   display: none;
}


.mm-listview { font-size:16px;}

.mm-menu.mm-theme-dark {
    background: #0C283A;
}

.mm-panels,.mm-panels>.mm-panel{
		background-color: #0C283A;
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: #7B919D;
}

ul.mm-listview li.active	{
	color:#EDB66C;
	background-color:rgba(0,0,0,.1)
	}

.mm-listview a:hover, a.mm-next:hover {
	  background-color: #10344B;
    color: #FFEEC9;
}

html.mm-blocking nav.mm-menu .mm-listview .mm-next:hover:after {
    border-color: #EDB66C;
}

html.mm-blocking nav.mm-menu.mm-theme-dark .mm-search input {
    background-color: #184E71;
    color: #fff;
}

html.mm-blocking nav.mm-menu.mm-theme-dark .mm-search input:focus {
    background-color: #007DB3;
    color: #fff;
}

.mm-menu.mm-theme-dark .mm-navbar a:not(.btn), .mm-menu.mm-theme-dark .mm-navbar>* {
    background-color: #0C283A;
		color: #fff;
}

.mm-menu.mm-theme-dark .mm-navbar a.btn.btn-info {color:#0C283A;}
.mm-menu.mm-theme-dark .mm-navbar a.btn.btn-primary {color:#fff;}

html.mm-blocking nav.mm-menu.mm-theme-dark .mm-search input::-webkit-input-placeholder { color:#fff}
html.mm-blocking nav.mm-menu.mm-theme-dark .mm-search input::-moz-placeholder { color:#fff}
html.mm-blocking nav.mm-menu.mm-theme-dark .mm-search input:-ms-input-placeholder { color:#fff}
html.mm-blocking nav.mm-menu.mm-theme-dark .mm-search input:-moz-placeholder { color:#fff}

.mm-page {position: static;}

.mm-navbars-bottom > .mm-navbar {
		text-align:left;
		padding-left:15px;
}

/*fix a conflict between mmenu and bootstrap modals. */
body.modal-open .mm-slideout{
    z-index:inherit;
}



/*--------------------------------------------------*
//  Main content
// --------------------------------------------------*/

#content {padding-bottom:20px;}

#title-row {
	background-color:  #0C283A;
	color: #fff;
	padding: 9px 5px;
	margin-bottom:5px;
	border-radius: 5px;
}




#title-row h1{
	margin-bottom:0px;
	margin-top:0px;
	font-weight:700;
	font-size: 18px;
}

@media (max-width: 767px)  {
	#title-row {
		border-radius:0px;
	}
}



/*
#title-row {
	background-color:  #133D58;
	color: #fff;
	padding: 9px 5px;
	border-bottom: 1px solid #184E71;
}

#title-row h1{
	color: #fff;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:700;
	font-size: 20px;
}

@media (max-width: 767px) {
	#title-row 		{	padding: 12px 0;    }
	#title-row h1 {	font-size: 18px;    }
}

@media (min-width: 768px) and (max-width: 1023px) {
	#title-row {    padding: 15px 0; }
	#title-row h1 {	font-size: 18px; }
}

*/
@media (min-width: 768px) {
	.col-main-content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float:none;
    left:0;
    width:100%;
	}
}

/* page sub-title - combination of .text-muted and .lead classes of lke-bootstrap.css */
/* redefined to allow identical styles for page sub-titles in OTP pages */
#sub-title-row {
  color: #5A6E79; 			/* Accessibility 2025 */
  margin-bottom: 0px; 	/* original margin-bottom: 20px; */
  margin-top: 15px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}

/*
@media (min-width: 768px) {
  #sub-title-row {
    font-size: 21px;
  }
}
*/

/* Handle page descriptions in a similar fashion to sub-titles */
.sub-title-row .lead {
	font-size: 16px;
}
@media (min-width: 1024px) {
	.sub-title-row .lead {
		font-size: 18px;
	}
}

#bc-ca-sm, #bc-ca-lg, #address-bar {
	background-color:  #164868;
	color:white;
	margin-bottom:5px;
}

#bc-ca-sm {	padding: 4px 15px;	}

#bc-ca-sm   {
	margin-top:2px;
	margin-bottom:1px;
	border-radius:0px;
/*	font-size:15px; */
}

#bc-ca-lg, #address-bar {	padding: 8px 0;	}

#bc-ca-lg {
	margin:0px -15px 0px -15px;
	border-radius:5px;
 }

#bc-ca-sm a, #bc-ca-lg a {
	color:inherit;
}

#bc_accswitch {	margin-left:	8px	}


@media (min-width: 992px) {
	#hints > .panel	{
		margin-left:-5px;
		margin-right:-15px;
	}
}

#hints > .panel > .panel-body {
	padding-right:7px;
	font-size: .925em;
}

#hintsLink {
	font-size:.9em;
	text-align:right;
	margin-top: -10px;
	
}

#hints a:not(.btn) { color:	#307298; }

@media (min-width: 481px) {
	#hintsLink {
		margin-top: -36px;
	}
}

.breadcrumb {
	font-size: 15px;
	margin: 8px 15px;
	padding-left:0px;
}

.breadcrumb > li {      display: inline;    }   /* fix an ie8 issue */

.what-is-bar {	margin-top: 10px; }

.what-is-title {
	padding: 0px 25px 10px;
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
	text-decoration: underline;
	color: #007DB3;
}

.what-is-title:before {
    font-family: "Font Awesome 5 Pro";
    font-size: .8em;
    display: block;
    margin-left: -25px;
    margin-top: 3px;
    float: left;
    vertical-align: text-bottom;
    content: '\f061';
    text-rendering: auto;
    color: #007DB3;
}

a.what-is-title {	cursor: help;	}

.what-is-title:hover {	color:#007DB3;	}

.what-is-body {	margin: auto 5px auto 25px;	}

.what-is-body:before {	clear: both;	}

.what-is-body:after {
	content: " ";
	display: table;
}

/* Account Balance Details */
.abd-date, .abd-amt, .abd-due-now {
	font-weight: 600;
}

span[data-toggle="popover"]:not(.btn), a[data-toggle="popover"]:not(.btn), a[data-toggle="popover"]:hover:not(.btn), a[data-toggle="popover"]:visited:not(.btn), a[data-toggle="popover"]:link:not(.btn), a[	data-toggle="popover"]:active:not(.btn)  {
	border-bottom: 1px dashed #15788c;
	text-decoration: none;
	color:#15788c;
	cursor: pointer;
}

div.dropdown-menu {padding:0px;}

.menu-block {
	padding: 0px 5px 0px 5px;
	box-shadow: 0.25rem 0.5rem 1rem rgba(12,40,58,0.15);
}

.menu-block .panel-body {padding:15px 15px 10px 15px; }

.menu-block ul {margin-bottom:0px;}


@media (max-width: 767px) {
	.menu-block 	{
		margin-bottom:13px;
	  border-left-width: 8px;
	}
}

.block-title {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 0;
}

.menu-block li a, .menu-block li a:hover, .menu-block li a:visited, .menu-block li a:visited:hover {
	color: #0C283A;
	text-decoration:none;}

.menu-block li a:hover, .menu-block li a:focus, .menu-block li a:visited:hover {
	font-weight:600;
}


.panel .block-title a {
	text-decoration:none;
	color:#184E71;
}

@media (min-width: 768px) {
	.panel .block-title a:hover, .panel .block-title a:focus, .panel .block-title a:active  {
		text-decoration:underline;
	}
}


.block-title a.visible-xs.collapsed:after {
	content: "\f054";
	float:right;
	display: inline-block;
	font: normal normal normal 14px/1 "Font Awesome 5 Pro";
	font-weight: 900;
	color:#AFBCC4;
	font-size:18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	padding-top:5px;
}

.block-title a.visible-xs:after {
	content: "\f078";
	float:right;
	display: inline-block;
	font: normal normal normal 14px/1 "Font Awesome 5 Pro";
	font-weight: 900;
	color:#AFBCC4;
	font-size:18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	padding-top:5px;
}


.menu-block.panel li {
		margin:0px;
		padding-top:8px;
		padding-bottom:8px;
		border:0px;
    border-top-width: 1px;
    border-style: solid;
    border-color: #D6DCE0;
}

.menu-block.panel ol, .menu-block.panel ul {
	display: block;
	list-style: none;
	padding-left:0px;
	padding-bottom:15px;
}

@media (max-width: 1023px) {
	.block-title {  	font-size: 20px;	}
}


.menu-block.panel div li:first-child {	border-top-width:0px}

.menu-block.panel.double-wide div li {	border-top-width:1px;	}

.menu-block.panel.double-wide div.col-xxs-6:last-child li {margin-bottom:15px;}

@media (min-width: 481px)  {
	.menu-block.panel.double-wide div.col-xxs-6:nth-child(-n+2) li {	border-top-width:0px;	}
}

@media (min-width: 768px)  {
	.menu-block.panel.double-wide div.col-xxs-6:nth-child(even) li {	margin-left: 21px;}
	.menu-block.panel.double-wide div.col-xxs-6:nth-child(odd) li {	margin-right: 21px;}
}

.menu-block icon {
	margin-top:5px;
	margin-right:5px;
	font-size:13px;
	color: #7B919D;
}

.menu-block label:hover {font-weight:600;}

.menu-block.panel li:hover icon  {	color: #0C283A;	}

.menu-block .panel-body	{padding-bottom:0px;}
/*
.block-title a.visible-xs.collapsed:after {	content: "\f054";	margin-top:6px; font-size:18px;}

.block-title a.visible-xs:after {	content: "\f078";		margin-top:6px; font-size:18px;}
*/

@media (max-width: 767px) {
	.menu-block.expanded {
		border-left-width: 6px;
	  border-color: #007DB3;
	}
	.menu-block {	border-left-width: 6px;}
	.menu-block.panel li { padding: 10px 0px;	}
}


/*--------------------------------------------------*
//  Footer
// -------------------------------------------------*/

.footer {
	z-index: 100;
	position: absolute;
	bottom:0;
	width:100%;
  background-color: inherit;
  font-size: 15px;
}

.footer { 	height: 258px;	}
body {	margin-bottom:258px;	}

@media (min-width: 768px) and (max-width: 991px) {
	.footer {	height: 317px;	}
	body {	margin-bottom:317px;	}
}

@media (max-width: 767px) {
	.footer {	height: 315px;	}
	body {	margin-bottom:315px;	}
}


@media (max-width: 479px) {
	.footer {	height: 332px;	}
	body {	margin-bottom:332px;	}
}

.footer { background-color: #F2F5F7;}

#footer-row {
	padding-top:0px;
	margin-bottom:0px;
}

#footer-row, #footer-row2 {
	background-color: #F2F5F7
}

#footer-row .container {
	padding-top:	10px;
	padding-bottom: 50px;
}

#footer-row2 .container {
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #D6DCE0;}

.footer a:not(.btn) , .footer a:visited:not(.btn), .footer a:hover:not(.btn), .footer a:visited:hover:not(.btn) {
	color: #0C283A;
}

.footer a:not(.btn), .footer a:visited:not(.btn) {
	cursor: pointer;
	text-decoration: none;
}

.footer a:hover, .footer a:visited:hover {
	color: #0C283A;
	text-decoration: underline;
}

.footer h2.block-title{
	color:#0C283A;
	margin-left: 15px
}

#footer-links , #footer-copy {
	font-size: 13px;
	margin-bottom:10px;
	margin-top:10px;
	color:#0C283A;
}

#footer-links a  {
	color:  #0C283A;
	white-space:nowrap;
	display:inline-block;
	padding:0px 10px 0px 0px;
}

@media (min-width: 768px)  {
	#footer-links {
    float:right;
	}
}

#footer-contact-us {margin-top:10px;margin-left:15px}

#footer-logo {margin-top:8px;}

.ftr-icon {margin-right:10px;}

/*#footer-row .col-xs-6   {padding-right:0px;} */

/*
#btn-contact {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    padding: .4em 1.5em;
}
*/
#div_whatsnew {display:none;}

/*
button#js-mmenu-button-mobile {
    position: relative;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background-color: transparent;
    border: 1px #184E71 solid;
    float: left;
		margin-top:10px;
		margin-right:30px;
    display: block;
    color: #184E71;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: right;
    align-items: center;
}
*/
/*	floating chat button
#liveChatTrigger {
	border-radius:5px;
	position:fixed;
	bottom:0px;
	right:30px;
	padding: 8px 16px;
	z-index:9533;
}
*/
/*	static chat button */
/*a.js-live-chat-static.btn {
		border-bottom: 2px solid #007DB3;
    text-decoration:none;
}
a.js-live-chat-static.btn[disabled] {
		color: #000;
    cursor: pointer;
    opacity: .80;
    border-width:0px;
}
*/

/*--------------------------------------------------*
//  Ajax
// --------------------------------------------------*/

.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.overlay {
  /* These are the same values used by jquery-ui. We should keep them in sync. */
  background: #aaaaaa url(/cs/public/themes/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter:Alpha(Opacity=30);

}
.overlay { position: fixed; }
.overlay { _position: absolute; }

.overlay-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/cs/public/themes/eonus/img/spinner2.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}


/*--------------------------------------------------*
//  Print
// --------------------------------------------------*/
@media print {

	a[href]:after {    content: none;  }

  	.btn, .ads {  	display: none !important;  }

  	.col-main-content {  	left: 0% !important;  }

  	#fix, .footer, #sidebar, #bc_accswitch, #dataTable_length, #dataTable_filter  { 	display: none !important;  }

}

/*--------------------------------------------------*
//  End
// --------------------------------------------------*/

