/*
last update: 10/03/2018
*/

/* ------- */
/* GENERAL */
/* ------- */
html, body { width:100%; height:100%; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; }
body a { color:#0f4d8a; }
body a:hover { cursor:pointer; outline:none !important; box-shadow:none !important; text-decoration:none; color:#3281d0; }
.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:active:focus { text-decoration:none; outline:none; box-shadow:none; }
#pagebody.container-fluid,
#pagecontents .container-fluid { padding-left:0; padding-right:0; }
.o-hidden { overflow:hidden !important; }
.h-100 { height:100% !important; }

/* TEXT COLORS */
.text-white { color:#fff !important; }
.text-blue { color:#0f4d8a !important; }
.text-lightblue { color:#3281d0 !important; }
.text-green { color:#219155 !important; }
.text-red { color:#cc000e !important; }
.text-orange { color:#f9690e !important; }
.text-yellow { color:#f8d23a !important; }
.text-purple { color:#8740a5 !important; }

/* BG COLORS */
.bg-white { background-color:#fff; }
.bg-lightgrey { background-color:#f9fafb; }
.bg-grey { background-color:#f2f5f7; }
.bg-darkgrey { background-color:#dfe7ec; }
.bg-lightblue { background-color:#3281d0; }
.bg-blue { background-color:#0f4d8a; }
.bg-darkblue { background-color:#133353; }
.bg-overlayblue { background-color:#022d46; }
.bg-slate { background-color:#27353f; }
.bg-black { background-color:#131b20; }

/* PARAGRAPH STYLES */
p.info { margin:0 auto 15px auto; line-height:1.40; font-size:16px; font-weight:normal; color:#5a6672; }
p.note { margin:5px auto; padding:0 5px; font-size:14px; font-weight:normal; color:#5a6672; }

/* ALERTS */
.alert { padding:10px; text-align:center; line-height:1.50; font-size:16px; }
.alert-secondary { background-color:#f2f5f7; border-color:#dfe7ec; color:#5a6672; }
.alert h4 { margin:0 0 10px 0; font-weight:bold; }

/* SCC ICONS */
a .icon-square { display:inline; vertical-align:middle; margin:0 2px; color:#333; }
a .icon-square:hover { color:#3281d0; }

/* PLACEHOLDER TEXT */
body ::-webkit-input-placeholder { padding-top:0; text-transform:none !important; font-weight:normal; color:#707f8f; }
body :-moz-placeholder { padding-top:0; text-transform:none !important; font-weight:normal; color:#707f8f; }  /* Firefox 18- */
body ::-moz-placeholder { padding-top:0; text-transform:none !important; font-weight:normal; color:#707f8f; }  /* Firefox 19+ */
body :-ms-input-placeholder { padding-top:0; text-transform:none !important; font-weight:normal; color:#707f8f; }

/* TOOLTIP */
.tooltip.top .tooltip-arrow { border-top-color:#2d3339; }
.tooltip.bottom .tooltip-arrow { border-bottom-color:#2d3339; }
.tooltip-inner { background-color:#2d3339; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; line-height:1.75; font-size:11px; }
.tooltip.in { opacity:1.0; }

/* MARGIN CLASSES */
.margin-0 { margin:0 !important; }
.margin-5 { margin:5px; }
.margin-10 { margin:10px; }
.margin-15 { margin:15px; }
.margin-30 { margin:30px; }
.margin-45 { margin:45px; }
.margin-60 { margin:60px; }
.margin-75 { margin:75px; }
.nomargin-top { margin-top:0 !important; }
.nomargin-right { margin-right:0 !important; }
.nomargin-btm { margin-bottom:0 !important; }
.nomargin-left { margin-left:0 !important; }

/* PADDING CLASSES */
.pad-0 { padding:0 !important; }
.pad-5 { padding:5px; }
.pad-10 { padding:10px; }
.pad-15 { padding:15px; }
.pad-30 { padding:30px; }
.pad-45 { padding:45px; }
.pad-60 { padding:60px; }
.pad-75 { padding:75px; }
.nopad-top { padding-top:0 !important; }
.nopad-btm { padding-bottom:0 !important; }

/* BORDER RADIUS CLASSES */
.borderRadius-0 { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.borderRadius-2 { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.borderRadius-5 { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.borderRadius-10 { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.borderRadius-15 { border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.borderRadius-50 { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }

/* ANIMATIONS */
.transition { -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }

/* LINES */
hr { width:100%; margin:15px 0; border:0; border-top:3px solid #c0ced8; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
hr.line-center { margin:15px auto; }
hr.line-thick { border-top-width:6px; }
hr.line-margin-30 { margin:30px 0; }
hr.line-light { border-color:#dfe7ec; }
hr.line-blue { border-color:#0f4d8a; }
hr.line-lightblue { border-color:#3281d0; }
hr.line-green { border-color:#26a65b; }
hr.line-50 { max-width:50px; }
hr.line-75 { max-width:75px; }
hr.line-100 { max-width:100px; }
hr.line-200 { max-width:200px; }
hr.line-300 { max-width:300px; }
hr.line-xs { max-width:767px; }
hr.line-sm { max-width:991px; }
hr.line-md { max-width:1199px; }

/* SPACERS */
div.spacer-5 { display:block; height:5px; }
div.spacer-10 { display:block; height:10px; }
div.spacer-15 { display:block; height:15px; }
div.spacer-30 { display:block; height:30px; }
div.spacer-45 { display:block; height:45px; }
div.spacer-60 { display:block; height:60px; }
div.spacer-75 { display:block; height:75px; }

/* GENERAL MEDIA QUERIES */
@media (max-width:991px) {
    .text-center-sm {text-align:center;}
}
@media (max-width:767px) {
    .text-center-xs {text-align:center;}
    hr.line-center-xs { margin-left:auto; margin-right:auto; }
}

/* -------- */
/* SITE NAV */
/* -------- */
.scc-nav-outer { margin:0 auto; padding:0; background-color:#133353; border-bottom:none; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif !important; }
/* STRUCTURE */
.scc-nav-container { margin:0; padding:0; max-width:none; }
.utility-nav-row { height:30px; margin:0; padding:0 10px 0 0; }
.nav-tabs-row { height:45px; margin:0; padding:0 10px; }
.charting-nav-row { height:45px; margin:0; padding:5px 10px 0 10px; background-color:#0e263e; text-align:center; }
/* UTILITY NAV ROW */
ul.utility-links-ul { list-style: none; float:right; margin:0; padding:0; }
ul.utility-links-ul li { display:inline-block; margin:5px 0 0 0; padding:0 14px 0 12px; border-right:1px solid #1c4d7d; }
ul.utility-links-ul li a { font-size:14px; font-weight:300; color:#fff; }
ul.utility-links-ul li a:hover { text-decoration:none; color:#6ea6de; }
/* LABEL TV LIVE */
.label-tv-live { display:none; vertical-align:middle; background:#cc000e; border-radius:0; font-size:70%; font-weight:normal; }
/* NAV TABS ROW */
a.primary-nav-brand { float:left; margin:0; }
a.primary-nav-brand:hover { opacity:0.8 !important;	}
.navbar-corner-logo { width:200px; }
ul.primary-nav-ul { float:left; list-style:none; height:45px; margin:0; padding:0 0 0 20px; }
ul.primary-nav-ul li { display:inline-block; height:45px; margin-left:-4px; padding:8px 0 0 0; }
ul.primary-nav-ul li a { padding:0 25px 9px 25px; font-size:18px; font-weight:normal; color:#fff; }
ul.primary-nav-ul li a:hover,
ul.primary-nav-ul li a:active,
ul.primary-nav-ul li a:focus,
ul.primary-nav-ul li a:active:focus { text-decoration:none; border-bottom:5px solid #3281d0; color:#d9d9d9; }
ul.primary-nav-ul li.primary-nav-members-tab a { font-weight:bold !important; }
ul.primary-nav-ul li.primary-nav-members-tab a:hover { /* color:#2abb67 !important; */ }
/* EXPANDING SITE SEARCH */
.container-for-searchbox { position:absolute; width:425px; right:0; margin:0; }
#nav-searchbox {
    position:absolute;
    height:45px;
    min-width:70px;
    width:0%;
    right:0;
    overflow:hidden;
    border-left:0;
    border-radius:0 !important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
    -webkit-transition:width 0.3s;
    -moz-transition:width 0.3s;
    -ms-transition:width 0.3s;
    -o-transition:width 0.3s;
    transition:width 0.3s;
}
#nav-searchbox.nav-searchbox-open { z-index:3; width:100%; }
#nav-searchbox-input {
    height:45px;
    width:100%;
    top:0;
    right:0;
    margin:0;
    padding:0 12px;
    outline:0;
    background:#fff;
    border:0 !important;
    border-radius:0 !important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
    font-size:16px;
    font-weight:bold;
    color:#333;
}
#nav-searchbox-input::-webkit-input-placeholder {font-weight:normal !important; color:#707f8f !important;}
#nav-searchbox-input:-moz-placeholder {font-weight:normal !important; color:#707f8f !important;}
#nav-searchbox-input::-moz-placeholder {font-weight:normal !important; color:#707f8f !important;}
#nav-searchbox-input:-ms-input-placeholder {font-weight:normal !important; color:#707f8f !important;}
#nav-searchbox-icon,
#nav-searchbox-submit {
    position:absolute;
    display:block;
    height:45px;
    width:70px;
    top:0;
    right:0;
    margin:0;
    padding:0;
    outline:0;
    border:0;
    border-radius:0 !important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
    cursor:pointer;
    text-align:center;
    line-height:45px;
    font-size:25px;
}
#nav-searchbox-icon { background-color:#133353; color:#fff; }
#nav-searchbox-icon:hover { color:#3281d0; }
#nav-searchbox-submit { background-color:#1c4d7d; font-size:16px; font-weight:normal; color:#fff; }
#nav-searchbox-submit:hover,
#nav-searchbox-submit:active,
#nav-searchbox-submit:focus { background-color:#3281d0; color:#fff; }
/* SIDEBAR TOGGLE */
a.sidebar-toggle { position:absolute; right:15px; line-height:45px; font-size:25px; color:#fff; }
a.sidebar-toggle:hover,
a.sidebar-toggle:active,
a.sidebar-toggle:focus { outline:none; box-shadow:none; color:#3281d0; }
/* CHARTING INPUT */
form#nav-search-symbol { max-width:475px; margin:0 auto; }
#nav-search-symbol-type-btn {
	height:35px;
    padding:0 20px;
    background-color:#0f4d8a;
    border:0;
    border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
    font-size:14px;
    font-weight:normal;
    color:#fff;
}
#nav-search-symbol-type-btn:active,
#nav-search-symbol-type-btn:focus,
#nav-search-symbol-type-btn:hover,
.open > #nav-search-symbol-type-btn { outline:none !important; box-shadow:none !important; background-color:#3281d0; color:#fff; overflow-y:auto; }
ul#nav-search-symbol-type-dropdown { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
ul#nav-search-symbol-type-dropdown li a { font-size:14px; color:#333; }
ul#nav-search-symbol-type-dropdown li a:hover { background-color:#dfe7ec; color:#0f4d8a; }
#navsearchtext {
    height:35px;
    margin:0 0 0 5px;
    padding:0 5px 0 15px;
    outline:none !important;
    box-shadow:none !important;
    border:0;
    border-top-left-radius:50px;
    border-bottom-left-radius:50px;
    background-color:#f2f5f7;
    font-size:16px;
    font-weight:bold;
    color:#333;
}
#navsearchtext:focus { outline:none; box-shadow:none; }
form#nav-search-symbol ::-webkit-input-placeholder {padding-top:1px; font-size:14px; font-weight:normal; color:#707f8f;}
form#nav-search-symbol :-moz-placeholder {padding-top:1px; font-size:14px; font-weight:normal; color:#707f8f;} /* Firefox 18- */
form#nav-search-symbol ::-moz-placeholder {padding-top:1px; font-size:14px; font-weight:normal; color:#707f8f;}  /* Firefox 19+ */
form#nav-search-symbol :-ms-input-placeholder {padding-top:1px; font-size:14px; font-weight:normal; color:#707f8f;}
#nav-search-symbol-go-btn {
    height:35px;
    padding:0 10px;
    background-color:#f2f5f7;
    border:0;
    border-left:none;
    border-top-right-radius:50px;
    border-bottom-right-radius:50px;
    font-size:16px;
    font-weight:normal;
    color:#707f8f;
}
#nav-search-symbol-go-btn:hover,
#nav-search-symbol-go-btn:active,
#nav-search-symbol-go-btn:focus { outline:none !important; box-shadow:none !important; color:#3281d0; }
/* SIDEBAR MENU */
#sidebar-pullright-menu-wrapper {
    position:fixed;
    z-index:1000;
    height:100%;
    width:275px;
    top:0;
    right:0;
    margin-right:-275px;
    overflow-y:auto;
    background:#1b2631;
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
    font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}
#sidebar-pullright-menu-wrapper.active {
    right:275px;
    width:275px;
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
#sidebar-pullright-menu-ul { list-style:none; width:275px; margin:0; padding:5px 0 0 0; }
#sidebar-pullright-menu-close-btn {
    margin:5px 5px 0 0;
    padding:4px 6px;
    background-color:transparent;
    border:1px solid #c9c9c9;
    border-radius:50%;
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
	line-height:0.5;
    font-size:20px;
    color:#c9c9c9;
}
#sidebar-pullright-menu-close-btn:hover,
#sidebar-pullright-menu-close-btn:active,
#sidebar-pullright-menu-close-btn:focus { background-color:#c9c9c9; color:#2d4052; }
#sidebar-pullright-menu-ul li:first-child() { margin-top:5px; }
#sidebar-pullright-menu-ul li a { display:block; padding:10px 0 10px 20px; text-decoration:none; font-size:18px; font-weight:normal; color:#fff; }
#sidebar-pullright-menu-ul li a:hover { background-color:#2d4052; text-decoration:none; color:#fff; }
#sidebar-pullright-menu-ul li a:active,
#sidebar-pullright-menu-ul li a:focus { text-decoration:none; }
#sidebar-pullright-menu-ul li#sidebar-pullright-menu-li-youraccount a,
#sidebar-pullright-menu-ul li#sidebar-pullright-menu-li-youraccount a:hover { font-weight:bold; color:#3281d0; }
#sidebar-pullright-menu-ul li.divider { height:1px; margin:5px 0 !important; background-color:#2d4052; }
/* SITE NAV MEDIA QUERIES */
@media (max-width:1199px) {
    ul.primary-nav-ul li {padding-top:10px;}
    ul.primary-nav-ul li a {padding:0 15px 10px 15px; font-size:16px;}
}
@media (min-width:992px) {
    a.sidebar-toggle {display:none;}
}
@media (max-width:991px) {
    ul.primary-nav-ul {display:none;}
    .container-for-searchbox {right:52px;}
    form#nav-search-symbol {max-width:450px;}
    #nav-search-symbol-type-btn {padding:0 15px;}
}
@media (min-width:768px) {
    .sidebar-pullright-menu-loginsales-links {display:none;}
}
@media (max-width:767px) {
    .utility-nav-row {display:none;}
    ul.utility-links-ul {display:none;}
    a.primary-nav-brand {float:none; position:absolute; z-index:2; margin:3px 0 0 0;}
    .navbar-corner-logo {width:190px;}
    .container-for-searchbox {width:100%; left:0; right:0; padding-right:52px;}
    #nav-searchbox {position:relative; float:right; min-width:60px;}
    #nav-searchbox-icon, #nav-searchbox-submit {width:60px;}
    #nav-searchbox-submit {font-size:14px;}
    #nav-search-symbol-type-btn {font-size:12px;}
}
/* 
@media (min-width:68px) and (max-width:991px) {
    .sidebar-pullright-menu-li-utility, #sidebar-pullright-menu-wrapper .divider {display:none !important;}
}
 */

/* ----------- */
/* AUTOSUGGEST */
/* ----------- */
.autosuggest {font-size:12px;}
.autosuggest input[type="text"] {font-size:12px; font-style:italic; color:#a9b2bc;}
.autosuggest .suggestions {cursor:pointer; border:1px solid #707f8f; background:#fff; margin:5px 0; text-align:left; color:#000;}
.autosuggest table.suggestions {border-spacing:0; border-collapse:collapse;}
.autosuggest table.suggestions td {padding:2px;}
.autosuggest .suggestions .suggestion .exchange {font-size:10px; color:#707f8f;}
.autosuggest .suggestions .suggestion .more {font-style:italic; color:#707f8f;}
.autosuggest .suggestions .suggestion.even {background:#f2f5f7;}
.autosuggest .suggestions .suggestion.odd {background:#fff;}
.autosuggest .suggestions .suggestion.hovered {background:#d0dbe2;}
.autosuggest .suggestions .suggestion.selected {background:#707f8f;}

/* ----------- */
/* SITE FOOTER */
/* ----------- */
.scc-footer-top { margin:0; padding:20px 0; background-color:#133353; }
.scc-footer-bottom { margin:0; padding:0; background-color:#0e263e; box-shadow:#0e263e 0 500px; /* prevent white space below short pages */ }
.scc-footer-bottom .container { padding:0; }
/* FOOTER TOP */
.scc-footer-cw-text-col h4 { margin:12px 0 0 0; text-align:left; line-height:130%; font-size:21px; font-weight:normal; color:#f2f5f7; }
.scc-footer-cw-text-col h4 span { font-style:italic; color:#fa8840; }
.scc-footer-cw-input-col .form-control { height:50px; outline:none !important; box-shadow:none !important; border:0 !important; font-size:18px; font-weight:normal; color:#0e263e; }
.scc-footer-cw-input-col .input-group-btn .btn-default { height:50px; z-index:3; background-color:#219155; border:0; font-size:14px; font-weight:normal !important; color:#fff; }
.scc-footer-cw-input-col .input-group-btn .btn-default:hover,
.scc-footer-cw-input-col .input-group-btn .btn-default:active,
.scc-footer-cw-input-col .input-group-btn .btn-default:focus,
.scc-footer-cw-input-col .input-group-btn .btn-default:active:focus { outline:none !important; box-shadow:none !important; background-color:#26a65b !important; font-weight:normal !important; color:#fff !important; }
/* FOOTER BOTTOM */
.scc-footer-links-col { padding:30px 15px 0 15px; }
.scc-footer-links-col h4 { margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:3px solid #133353; font-size:18px; font-weight:normal; color:#f2f5f7; }
.scc-footer-links-col h4 a { color:#f2f5f7; }
.scc-footer-links-col ul { margin-bottom:0; }
.scc-footer-links-col h4 a:hover { text-decoration:none; font-weight:normal; color:#3281d0; }
.scc-footer-links-col li a { line-height:1.75; font-size:15px; font-weight:300; color:#d0dbe2; }
.scc-footer-links-col li a:hover,
.scc-footer-links-col li a:active,
.scc-footer-links-col li a:focus,
.scc-footer-links-col li a:active:focus { text-decoration:none; font-weight:normal; color:#fff; }
.scc-footer-logo-col { margin:30px auto 10px auto; padding:0 10px 5px 10px; border-bottom:3px solid #133353; text-align:left; }
img.scc-footer-logo { max-width:225px; }
img.scc-footer-logo:hover { opacity:0.8; }
ul.scc-footer-social-ul { float:right; margin:0; }
ul.scc-footer-social-ul li a { padding:0 10px; font-size:33px; color:#3281d0; }
ul.scc-footer-social-ul li:last-child a { padding-right:0; }
ul.scc-footer-social-ul li a:hover { color:#6ea6de; }
.scc-footer-copright-col { margin:0 0 15px 0; padding:0 10px; font-size:14px; font-weight:300; }
.scc-footer-copright-col p { display:inline-block; margin:0; color:#d0dbe2; }
.scc-footer-copright-col .copyright-links-outer { float:right; margin:0; }
.scc-footer-copright-col .copyright-links-outer a { display:inline-block; padding:0 10px; color:#d0dbe2; border-right:1px solid #d0dbe2; }
.scc-footer-copright-col .copyright-links-outer a:hover { text-decoration:none; color:#fff; }
.scc-footer-copright-col .copyright-links-outer a.right-item { padding-right:0 !important; border-right:none !important; }
.scc-footer-bottom p.footnote-text { max-width:1020px; margin:0 auto 15px auto; line-height:1.30; font-size:12px; font-weight:300; color:#a9b2bc; }
/* SITE FOOTER MEDIA QUERIES */
@media (max-width:1199px) {
    .scc-footer-cw-text-col h4 {font-size:18px;}
    .scc-footer-bottom p.footnote-text {max-width:860px;}
}
@media (max-width:991px) {
    .scc-footer-cw-text-col h4 {margin:0; text-align:center;}
}
@media (max-width:767px) {
    .scc-footer-cw-input-col .input-group {max-width:350px; margin:15px auto 0 auto;}
    .scc-footer-links-col {padding:30px 0 0 0;}
    .scc-footer-links-col h4 {padding:0 0 5px 30px;}
    .scc-footer-links-col li a {padding:0 0 0 30px;}
    .scc-footer-logo-col {margin:15px auto; padding:10px; text-align:center;}
    ul.scc-footer-social-ul {float:none; margin-top:10px;}
    ul.scc-footer-social-ul li:last-child a {padding-right:10px;}
    .scc-footer-copright-col {text-align:center;}
    .scc-footer-copright-col p {display:block;}
    .scc-footer-copright-col .copyright-links-outer {float:none; display:block; margin:10px 0 0 0;}
    .scc-footer-copright-col .copyright-links-outer a.right-item {padding-right:10px !important;}
}

/* ----------- */
/* PAGE HEADER */
/* ----------- */
#page-header { margin:0 auto; padding:12px 10px; background-color:#f2f5f7; border-bottom:2px solid #c0ced8; text-align:center; font-family:'Lato','Helvetica Neue',Arial,sans-serif; }
#page-header h1 { display:inline-block; vertical-align:middle; margin:0; font-size:25px; font-weight:normal; color:#707f8f; }
#page-header h1 span { font-weight:bold; color:#2d3339; }
/* MENU HEADER */
#page-header.menu-header { padding:10px; }
#page-header.menu-header h1 { display:inline-block; vertical-align:middle; margin-right:6px; }
#page-header.menu-header .dropdown { display:inline-block; vertical-align:middle; }
#page-header.menu-header .dropdown-toggle { overflow:hidden; font-size:16px; }
#page-header.menu-header .dropdown ul.dropdown-menu { max-height:375px !important; }
/* PAGE HEADER MEDIA QUERIES */
@media (max-width:991px) {
    #page-header h1 {font-size:22px;}
}
@media (max-width:767px) {
	#page-header h1 {font-size:20px;}
	#page-header.menu-header h1 {display:block; margin:0 auto 8px auto;}
	#page-header.menu-header .dropdown-toggle {font-size:16px;}
}

/* ------- */
/* BUTTONS */
/* ------- */
.btn-row { margin:0 auto; }
.btn-row .btn { display:inline-block; margin:5px; padding:8px 12px; outline:none !important; box-shadow:none !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#0f4d8a; border:2px solid #0f4d8a; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; font-size:14px; font-weight:bold; color:#fff; }
.btn-row .btn:hover,
.btn-row .btn:active,
.btn-row .btn:focus,
.btn-row .btn:active:hover,
.btn-row .btn:active:focus { outline:none; background:#3281d0; border-color:#3281d0; text-decoration:none; color:#fff; }
.btn-row .btn-row-link { margin:5px; vertical-align:middle; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; font-weight:bold; white-space:nowrap; }
/* COLORED BUTTONS */                    
.btn-row .btn-blue { background:#0f4d8a; border-color:#0f4d8a; }
.btn-row .btn-lightgreen { background:#2abb67; border-color:#2abb67; }
.btn-row .btn-green { background:#219155; border-color:#219155; }
.btn-row .btn-grey { background:#a9b2bc; border-color:#a9b2bc; }
.btn-row .btn-red { background:#cc000e; border-color:#cc000e; }
.btn-row .btn-orange { background:#f9690e; border-color:#f9690e; }
.btn-row .btn-purple { background:#8740a5; border-color:#8740a5; }
.btn-row .btn-white { background:#fff; border-color:#c0ced8; color:#707f8f; }
/* TRANSPARENT BUTTONS */
.btn-row .btn-transparent { background:transparent; }
.btn-row .btn-blue.btn-transparent { color:#0f4d8a; }
.btn-row .btn-lightgreen.btn-transparent { color:#2abb67; }
.btn-row .btn-green.btn-transparent { color:#219155; }
.btn-row .btn-grey.btn-transparent { color:#a9b2bc; }
.btn-row .btn-red.btn-transparent { color:#cc000e; }
.btn-row .btn-orange.btn-transparent { color:#f9690e; }
.btn-row .btn-purple.btn-transparent { color:#8740a5; }
/* BUTTON SIZES */
.btn-row .btn-xs { padding:4px 8px; font-size:12px; font-weight:normal; }
.btn-row .btn-sm { padding:6px 10px; }
.btn-row .btn-md { padding:12px 20px; font-size:16px; }
.btn-row .btn-lg { padding:15px 30px; font-size:18px; }
.btn-row .btn-xl { padding:20px 30px; font-size:22px; }
.btn-row .btn-extrapadding { padding:15px 25px; }
.btn-row .btn-margin-0 { margin:0; }
.btn-row .btn-block { display:block; width:100%; }
/* BUTTON SHAPES */
.btn-row .btn-sq { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
/* HOVER STYLES */
.btn-row .btn-blue:hover, .btn-row .btn-blue:active, .btn-row .btn-blue:focus, .btn-row .btn-blue:active:hover, .btn-row .btn-blue:active:focus { background:#3281d0; border-color:#3281d0; color:#fff; }
.btn-row .btn-lightgreen:hover, .btn-row .btn-lightgreen:active, .btn-row .btn-lightgreen:focus, .btn-row .btn-lightgreen:active:hover, .btn-row .btn-lightgreen:active:focus { background:#26a65b; border-color:#26a65b; color:#fff; }
.btn-row .btn-green:hover, .btn-row .btn-green:active, .btn-row .btn-green:focus, .btn-row .btn-green:active:hover, .btn-row .btn-green:active:focus { background:#26a65b; border-color:#26a65b; color:#fff; }
.btn-row .btn-grey:hover, .btn-row .btn-grey:active, .btn-row .btn-grey:focus, .btn-row .btn-grey:active:hover, .btn-row .btn-grey:active:focus { background:#707f8f; border-color:#707f8f; color:#fff; }
.btn-row .btn-red:hover, .btn-row .btn-red:active, .btn-row .btn-red:focus, .btn-row .btn-red:active:hover, .btn-row .btn-red:active:focus { background:#e6000f; border-color:#e6000f; color:#fff; }
.btn-row .btn-orange:hover, .btn-row .btn-orange:active, .btn-row .btn-orange:focus, .btn-row .btn-orange:active:hover, .btn-row .btn-orange:active:focus { background:#fa8238; border-color:#fa8238; color:#fff; }
.btn-row .btn-purple:hover, .btn-row .btn-purple:active, .btn-row .btn-purple:focus, .btn-row .btn-purple:active:hover, .btn-row .btn-purple:active:focus { background:#a05abf; border-color:#a05abf; color:#fff; }
.btn-row .btn-white:hover, .btn-row .btn-white:active, .btn-row .btn-white:focus, .btn-row .btn-white:active:hover, .btn-row .btn-white:active:focus { background:#dfe7ec; border-color:#c0ced8; color:#707f8f; }
/* DISABLED BUTTONS */
.btn.disabled,
.btn[disabled] { cursor:not-allowed; filter:alpha(opacity=35); opacity:.35; }

/* -------------------- */
/* DROPDOWN (BOOTSTRAP) */
/* -------------------- */
.dropdown-inline { display:inline-block; vertical-align:middle; }
.dropdown .dropdown-toggle { padding:10px 20px; outline:none !important; box-shadow:none !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#0f4d8a; border:0; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; font-size:14px; font-weight:bold; color:#fff; }
.dropdown .dropdown-toggle i { margin-left:5px; font-weight:bold; }
/* DROPDOWN SIZES */
.dropdown .dropdown-toggle.btn-xs { padding:6px 12px; font-size:12px; }
.dropdown .dropdown-toggle.btn-sm { padding:8px 15px; }
/* COLORED DROPDOWNS */
.dropdown .dropdown-toggle.btn-grey { background:#a9b2bc; }
/* HOVER STYLES */
.open>.dropdown-toggle.btn-default { background:#0f4d8a; border:0; color:#fff; }
.dropdown .dropdown-toggle:hover,
.dropdown .dropdown-toggle:active,
.dropdown .dropdown-toggle:focus,
.open>.dropdown-toggle.btn-default:hover,
.open>.dropdown-toggle.btn-default:active,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default.focus { background:#3281d0; outline:none; box-shadow:none; color:#fff; }
.dropdown .dropdown-toggle.btn-grey:hover,
.dropdown .dropdown-toggle.btn-grey:active,
.dropdown .dropdown-toggle.btn-grey:focus,
.open>.dropdown-toggle.btn-grey:hover,
.open>.dropdown-toggle.btn-grey:active,
.open>.dropdown-toggle.btn-grey:focus,
.open>.dropdown-toggle.btn-grey.focus { background:#707f8f; }
/* ICON ANIMATION */
.dropdown.open .fa-angle-down, .input-group-btn.open button .fa-angle-down { transform: rotate( -180deg ); transition: transform 250ms ease; }
.dropdown:not(.open) .fa-angle-down, .input-group-btn:not(.open) button .fa-angle-down { transform: rotate( -0deg ); transition: transform 250ms ease; }
.dropup:not(.open) .fa-angle-down { transform: rotate( -180deg ); transition: transform 250ms ease; }
.dropup.open .fa-angle-down { transform: rotate( -0deg ); transition: transform 250ms ease; }
/* DROPDOWN MENU */
.dropdown .dropdown-menu,
.dropup .dropdown-menu {
    max-height:0;
    overflow:hidden;
    -webkit-transition:opacity 0.3s, max-height 0.6s;
    -moz-transition:opacity 0.3s, max-height 0.6s;
    -ms-transition:opacity 0.3s, max-height 0.6s;
    -o-transition:opacity 0.3s, max-height 0.6s;
    transition:opacity 0.3s, max-height 0.6s;
    opacity:0;
}
.dropdown.open .dropdown-menu,
.dropup.open .dropdown-menu { max-height:300px; overflow:scroll; overflow-x:hidden; opacity:1.0; }
.dropdown .dropdown-menu li a { font-size:14px; color:#333; }
.dropdown .dropdown-menu li a:hover { background-color:#dfe7ec; color:#0f4d8a; }
.dropdown-menu .divider { margin:5px 0; background-color:#c0ced8; }

/* ----------------- */
/* SCC DROPDOWN MENU */
/* ----------------- */
.scc-dropdown-btn {
    padding:10px 20px;
	outline:none !important;
	box-shadow:none !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:#0f4d8a;
	border:2px solid #0d4073;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
	line-height:1;
	font-size:16px;
	font-weight:400;
	color:#fff;
}
.scc-dropdown-btn:hover,
.scc-dropdown-btn:active,
.scc-dropdown-btn:focus,
.scc-dropdown-btn:active:focus,
.open>.dropdown-toggle.scc-dropdown-btn {
	outline:none !important;
	box-shadow:none !important;
	background:#3281d0 !important;
	border-color:#3281d0 !important;
	color:#fff !important;
}
ul.scc-dropdown-ul {
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    font-size:14px;
}
ul.scc-dropdown-ul li a {
    padding:4px 15px;
    font-weight:400;
    color:#333;
}
ul.scc-dropdown-ul li a:hover {
    background-color:#dfe7ec;
    color:#0f4d8a;
}
li.scc-dropdown-li-header, .scc-navbar-dropdown-ul li.scc-nav-dropdown-li-section {
	margin-top:0;
    padding:0 10px 3px 10px;
    border-bottom:3px solid #707f8f;
    font-size:16px;
    font-weight:700;
    color:#4f5964;
}
.scc-navbar-dropdown-ul li a {
    display:block;
    white-space:nowrap;
    padding:4px 15px;
    font-size:14px;
    font-weight:400;
    color:#333;
}
.scc-navbar-dropdown-ul li a:hover {
    text-decoration:none;
    background-color:#dfe7ec;
    color:#0f4d8a;
}
/* DROPDOWN MENU MEDIA QUERIES */
@media (max-width:991px) {
    .scc-dropdown-btn {font-size:14px;}
}
@media (max-width:767px) {
    ul.scc-dropdown-ul {right:0 !important; left:auto !important; font-size:12px;}
    ul.scc-dropdown-ul li a  {padding:3px 15px;}
}
@media (max-width:500px) and (max-height:500px) {
    .dropdown .dropdown-menu, .dropup .dropdown-menu { display:none; }
}

/* ----------- */
/* FORM STYLES */
/* ----------- */
h2.form-title { margin:0 0 5px 0; font-size:20px; font-weight:bold; color:#2d3339; }
h4.form-subtitle { margin:0 0 5px 0; font-size:16px; font-weight:bold; color:#707f8f; }
h6.form-subtitle { margin:0 0 5px 0; font-size:12px; font-weight:bold; text-transform:uppercase; color:#707f8f; }

/* FORM OPS WRAP */
.form-ops-wrap { margin:0 auto 15px auto; padding:15px 0; background-color:#f2f5f7; border:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.form-ops-wrap.wrap-dark { background-color:#e6ecef; }
.form-ops-wrap.wrap-bordered { border-bottom:3px solid #c0ced8; }

/* FORM GROUP */
.form-group { margin-bottom:15px; }
.form-group-xs { margin-bottom:5px; }
.form-group-sm { margin-bottom:10px; }
.form-group-lg { margin-bottom:30px; }
.form-group-0 { margin-bottom:0; }

/* FORM GROUP INLINE */
.form-group-inline { display:inline-block; vertical-align:middle; margin-right:10px; }
.form-group-xs.form-group-inline,
.form-group-sm.form-group-inline { margin-right:5px; }

/* LABELS */
.form-group label { display:block; height:auto; vertical-align:middle; margin:0 0 5px 0; padding:0 0 0 5px; text-align:left; line-height:1.0; font-size:16px; font-weight:bold; color:#707f8f; }
.form-group label.label-center { padding:0; text-align:center; }
.form-group label.label-inline { display:inline-block; margin:0 5px 0 0; padding:0; }
.form-group label.label-sm { font-size:12px; margin-bottom:2px; }
.form-group label.label-lg { margin-bottom:10px; font-size:18px; }
.form-group label.label-thin { font-weight:normal; }
.form-group label.label-dark { color:#4f5964; }
.form-group label.label-caps { text-decoration:uppercase; }
@media (max-width:767px) {
    .form-group label.label-inline { display:block; margin:0 0 5px 0; padding:0 0 0 5px; }
}

/* FORM CONTROL */
.form-group .form-control { height:40px; padding-left:10px; padding-right:10px; outline:none !important; box-shadow:none !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:2px solid #c0ced8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px; font-weight:bold !important; color:#707f8f; }
.form-group .input-xs,
.form-group .form-control-xs { height:30px; padding-left:5px; padding-right: 5px; font-size:12px; }
.form-group .input-sm,
.form-group .form-control-sm { height:35px; font-size:14px; }
.form-group .input-md,
.form-group .form-control-md { height:45px; font-size:16px; }
.form-group .input-lg,
.form-group .form-control-lg { height:50px; font-size:18px; }
.form-group .input-xl,
.form-group .form-control-xl { height:60px; font-size:20px; }
.form-group .form-control-rounded { border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
.form-group .form-control:hover,
.form-group .form-control:active,
.form-group .form-control:focus { border-color:#707f8f; font-weight:bold; color:#2d3339; }

/* CUSTOM SELECT */
.form-group select.form-control { display:inline-block; vertical-align:middle; width:100%; height:40px; padding:5px 20px 5px 10px; -moz-padding-start:5px; -moz-padding-end:15px; background:#fff url(//d.stockcharts.com/img/menu-icon.png) no-repeat right 6px center; background-size:10px 12px; border:2px solid #c0ced8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; line-height:1.5; color:#707f8f; }
.form-group select.form-control.d-inline-block { display:inline-block; width:auto; min-width:300px; }
.form-group select.form-control:hover { border-color:#707f8f; color:#2d3339; }
.form-group select.form-control:active,
.form-group select.form-control:focus,
.form-group select.form-control:active:focus { outline:0; box-shadow:0 0 0 0 rgba(255,255,255,0); border-color:#c0ced8; color:#707f8f; }
.form-group select.form-control::-ms-value { background-color:#fff; border-color:#c0ced8; color:#707f8f; }
.form-group select.form-control[multiple],
.form-group select.form-control[size]:not([size="1"]) { height:auto; padding-right:10px; background-image:none; }
.form-group select.form-control:disabled { background-color:#fff; border-color:#c0ced8; color:#707f8f; opacity:0.5; }
.form-group select.form-control::-ms-expand { opacity:0; }
.form-group select.form-control.input-xs,
.form-group select.form-control.form-control-xs { height:30px; padding-top:5px; padding-bottom:5px; font-size:12px; }
.form-group select.form-control.input-sm,
.form-group select.form-control.form-control-sm { height:35px; padding-top:5px; padding-bottom:5px; font-size:14px; }
.form-group select.form-control.input-md,
.form-group select.form-control.form-control-md { height:45px; font-size:16px; }
.form-group select.form-control.input-lg,
.form-group select.form-control.form-control-lg { height:50px; font-size:18px; }
.form-group select.form-control.input-xl,
.form-group select.form-control.form-control-xl { height:60px; padding-top:5px; padding-right:30px; padding-bottom:5px; background-size:15px; border-width:3px; font-size:20px; }
@media (max-width:767px) {
    .form-group select.form-control.d-inline-block { display:block; width:100%; min-width:none; }
}

/* TEXTAREA */
.form-group textarea.form-control { display:block !important; width:100% !important; max-width:100% !important; min-height:75px; margin:0 auto; padding:10px; resize:none; transition:min-height 0.5s; font-weight:normal; -webkit-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease; }
.form-group textarea.form-control { outline:none !important; }

/* DROPDOWN */
.form-group .dropdown .dropdown-toggle { height:40px; font-size:16px; }
.form-group .dropdown .dropdown-toggle.btn-xs { height:30px; font-size:12px; }
.form-group .dropdown .dropdown-toggle.btn-sm { height:35px; font-size:14px; }
.form-group .dropdown .dropdown-toggle.btn-md { height:45px; font-size:16px; }
.form-group .dropdown .dropdown-toggle.btn-lg { height:50px; font-size:18px; }
.form-group .dropdown .dropdown-toggle.btn-xl { height:60px; font-size:20px; }

/* BUTTON GROUP */
.form-group .btn-group label.btn { height:40px; margin:0 0 0 -2px; padding:12px; outline:none !important; box-shadow:none !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#fff; border:2px solid #c0ced8; font-size:16px; color:#707f8f; }

.form-group .btn-group-xs label.btn { padding:5px 10px; height:30px; font-size:12px; }
.form-group .btn-group-sm label.btn { padding:5px 10px; height:35px; font-size:14px; }
.form-group .btn-group-md label.btn { height:45px; font-size:16px; }
.form-group .btn-group-lg label.btn { padding:15px; height:50px; font-size:18px; }
.form-group .btn-group-xl label.btn { padding:15px 20px; height:60px; font-size:20px; }
.form-group .btn-group label.btn:hover { background:#e2e5e9; }
.form-group .btn-group label.active { z-index:3; outline:none !important; box-shadow:none !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#90aabb !important; border-color:#90aabb; color:#fff; }

/* CHECKBOX */
.fa-checkbox label { cursor:pointer; margin:0; padding:0; line-height:1.40; font-size:16px; font-weight:bold; color:#4f5964; }
.fa-checkbox-sm label { font-size:14px; }
.fa-checkbox label:hover { color:#4f5964; }
.fa-checkbox input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.fa-checkbox input[type=checkbox] + label:before { font-family:FontAwesome; content:"\f1db"; display:inline-block; vertical-align:middle; letter-spacing:5px; font-size:18px; color:#0f4d8a; } /* unchecked icon */
.fa-checkbox-sm input[type=checkbox] + label:before { letter-spacing:3px; }
.fa-checkbox input[type=checkbox]:checked + label:before { content:"\f058"; letter-spacing:5px; color:#0f4d8a; } /* checked icon */
.fa-checkbox-sm input[type=checkbox]:checked + label:before { letter-spacing:3px; }


/* SLIDER */
.slider-wrap { display:block; }
.form-control-range { -webkit-appearance:none; appearance:none; display:inline-block !important; width:100%; height:8px; margin:10px 0 0 0; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; background:#c0ced8; outline:none; -webkit-transition:.25s; transition:opacity.25s; }
.form-control-range::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:25px; height:25px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background:#0f4d8a; cursor:pointer; }
.form-control-range::-moz-range-thumb { width:30px; height:30px; background:#0f4d8a; cursor:pointer; }
.slider-wrap small.slider-value { display:block; margin:5px 0 0 0; text-align:right; font-size:14px; font-weight:normal; color:#707f8f; }
.slider-wrap small.slider-value span { font-weight:bold; color:#4f5964; }

/* ----------- */
/* INPUT GROUP */
/* ----------- */
.input-group .form-control { height:40px; padding-left:10px; padding-right:10px; outline:none !important; box-shadow:none !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:2px solid #c0ced8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px; font-weight:bold; color:#707f8f; }
.input-group.input-group-sm .form-control { height:30px; font-size:12px; }
.input-group.input-group-sm .form-control { height:35px; font-size:14px; }
.input-group.input-group-md .form-control { height:45px; font-size:16px; }
.input-group.input-group-lg .form-control { height:50px; font-size:18px; }
.input-group.input-group-xl .form-control { height:60px; font-size:20px; }
.input-group .form-control-rounded { border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
.input-group .form-control:hover,
.input-group .form-control:active,
.input-group .form-control:focus { border-color:#707f8f; font-weight:bold; color:#2d3339; }
/* BUTTON */
.input-group .input-group-btn .btn-default { height:40px; z-index:3; padding:0 15px; border:0; font-size:14px; font-weight:bold; color:#fff; }
.input-group.input-group-xs .input-group-btn .btn-default { height:30px; font-size:12px; }
.input-group.input-group-sm .input-group-btn .btn-default { height:35px; font-size:14px; }
.input-group.input-group-md .input-group-btn .btn-default { height:45px; font-size:16px; }
.input-group.input-group-lg .input-group-btn .btn-default { height:50px; font-size:18px; }
.input-group.input-group-xl .input-group-btn .btn-default { height:60px; font-size:20px; }
.input-group .input-group-btn .btn-wide { padding-left:30px; padding-right:30px; }
.input-group .input-group-btn .btn-default.btn-blue { background-color:#0f4d8a; }
.input-group .input-group-btn .btn-default.btn-green { background-color:#219155; }
.input-group .input-group-btn .btn-default:hover,
.input-group .input-group-btn .btn-default:active,
.input-group .input-group-btn .btn-default:focus,
.input-group .input-group-btn .btn-default:active:focus { outline:none !important; box-shadow:none !important; color:#fff; }
.input-group .input-group-btn .btn-default.btn-blue:hover,
.input-group .input-group-btn .btn-default.btn-blue:active,
.input-group .input-group-btn .btn-default.btn-blue:focus,
.input-group .input-group-btn .btn-default.btn-blue:active:focus { background-color:#3281d0; }
.input-group .input-group-btn .btn-default.btn-green:hover,
.input-group .input-group-btn .btn-default.btn-green:active,
.input-group .input-group-btn .btn-default.btn-green:focus,
.input-group .input-group-btn .btn-default.btn-green:active:focus { background-color:#26a65b; }
/* ADDON */
.input-group-addon { padding:0 15px; background-color:#707f8f; border:2px solid #707f8f; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; line-height:1.0; font-size:18px; font-weight:bold; color:#fff; }
.input-group-xs .input-group-addon { height:30px; padding:0 10px; font-size:12px; }
.input-group-sm .input-group-addon { height:35px; padding:0 15px; font-size:14px; }
.input-group-md .input-group-addon { height:45px; padding:0 15px; font-size:16px; }
.input-group-lg .input-group-addon { height:50px; padding:0 15px; font-size:18px; }
.input-group-xl .input-group-addon { height:60px; padding:0 20px; font-size:20px; }
        
/* ------ */
/* PANELS */
/* ------ */
.panel-default { margin:0 auto 15px auto; box-shadow:none; border:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
/* PANEL HEADING */
.panel-default .panel-heading { padding:10px; background-color:#434c56; border-color:#434c56; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; color:#fff; }
.panel-default .panel-heading.panel-lightgrey { background-color:#707f8f; border-color:#707f8f; }
.panel-default .panel-heading.panel-blue { background-color:#0f4d8a; border-color:#0f4d8a; }
.panel-default .panel-heading.panel-lightblue { background-color:#3281d0; border-color:#3281d0; }
.panel-default .panel-heading.panel-green { background-color:#219155; border-color:#219155; }
.panel-default .panel-heading.panel-red { background-color:#cc000e; border-color:#cc000e; }
.panel-default .panel-heading.panel-yellow { background-color:#f8d23a; border-color:#f8d23a; }
.panel-default .panel-heading.panel-purple { background-color:#8740a5; border-color:#8740a5; }
.panel-default .panel-heading .panel-title { display:inline; font-size:20px; font-weight:bold; color:#fff; }
.panel-default .panel-heading.panel-yellow .panel-title { color:#624f04; }
.panel-default .panel-heading i { margin:0 5px 0 0; }
/* PANEL HEADING BUTTON */
.panel-default .panel-heading .btn-default { height:28px; margin-left:5px; padding:0 10px; background:transparent; border:1px solid #c0ced8; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; line-height:26px; font-size:14px; font-weight:bold; color:#c0ced8; }
.panel-default .panel-heading .btn-default:hover,
.panel-default .panel-heading .btn-default:active,
.panel-default .panel-heading .btn-default:focus,
.panel-default .panel-heading .btn-default:active:focus { outline:none !important; box-shadow:none !important; text-decoration:none; }
.panel-default .panel-heading .btn-default:hover { background:#c0ced8; border-color:#c0ced8; color:#16191d; }
.panel-default .panel-heading .btn-default i { margin:0; }
/* PANEL HEADING DROPDOWN */
.panel-default .panel-heading .dropdown-toggle { height:28px; font-size:12px; font-weight:bold; }
.panel-default .panel-heading .dropdown-toggle:hover,
.panel-default .panel-heading .dropdown-toggle:active,
.panel-default .panel-heading .dropdown-toggle:focus,
.panel-default .panel-heading .dropdown-toggle:active:focus { outline:none !important; box-shadow:none !important; background:#c0ced8; border-color:#c0ced8; text-decoration:none; color:#16191d; }
/* PANEL BODY */
.panel-default .panel-body { padding:15px; background-color:#f2f5f7; border:1px solid #c0ced8; border-top:0; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; }
.panel-default .panel-body.bg-white { background-color:#fff; }
/* PANEL FOOTER */
.panel-footer { padding:15px; background-color:#dfe7ec; border:1px solid #c0ced8; border-top-width:3px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; }

/* -------------- */
/* FA BUTTON LIST */
/* -------------- */
ul.fa-btn-list { display:inline-block; vertical-align:middle; list-style:none; margin:0; padding:0; }
ul.fa-btn-list.pull-right { float:right; }
ul.fa-btn-list li { display:inline-block; vertical-align:middle; padding:0 0 0 5px; font-size:15px; font-weight:bold; color:#383f47; }
ul.fa-btn-list.btn-list-sm li { font-size:10px; }
ul.fa-btn-list li:first-child { padding-left:0; }
ul.fa-btn-list li a.light .fa-inverse,
ul.fa-btn-list li button.light .fa-inverse { color:#707f8f; }
/* LIST VERTICAL */
ul.fa-btn-list.fa-list-vertical { vertical-align:top; }
ul.fa-btn-list.fa-list-vertical li { display:block; vertical-align:top; padding:3px 0; }
ul.fa-btn-list.fa-list-vertical li:first-child { padding-top:0; }
ul.fa-btn-list.fa-list-vertical li:last-child { padding-bottom:0; }
/* LIST SMALL */
ul.fa-btn-list.fa-list-sm li { font-size:11px; }
/* BUTTON COLORS */
ul.fa-btn-list li a { color:#707f8f; }
ul.fa-btn-list li button { padding:0; background-color:transparent; border:0; color:#707f8f; }
ul.fa-btn-list li a.lightgrey,
ul.fa-btn-list li button.lightgrey { color:#dfe7ec; }
ul.fa-btn-list li a.blue,
ul.fa-btn-list li button.blue { color:#0f4d8a; }
ul.fa-btn-list li a.lightblue,
ul.fa-btn-list li button.lightblue { color:#3281d0; }
ul.fa-btn-list li a.green,
ul.fa-btn-list li button.green { color:#219155; }
ul.fa-btn-list li a.red,
ul.fa-btn-list li button.red { color:#cc000e; }
ul.fa-btn-list li a.orange,
ul.fa-btn-list li button.orange { color:#f9690e; }
ul.fa-btn-list li a.yellow,
ul.fa-btn-list li button.yellow { color:#f6c709; }
ul.fa-btn-list li a.purple,
ul.fa-btn-list li button.purple { color:#8740a5; }
ul.fa-btn-list li a.fb
ul.fa-btn-list li button.fb { color:#3b5998; }
ul.fa-btn-list li a.twtr
ul.fa-btn-list li button.twtr { color:#1da1f2; }
ul.fa-btn-list li a.lnkd,
ul.fa-btn-list li button.lnkd { color:#0077b5; }
/* HOVER STYLES */
ul.fa-btn-list li a:hover,
ul.fa-btn-list li a:active,
ul.fa-btn-list li a:focus,
ul.fa-btn-list li a:active:focus { outline:none !important; box-shadow:none !important; text-decoration:none; opacity:0.75; }
ul.fa-btn-list li a.light:hover,
ul.fa-btn-list li a.light:active,
ul.fa-btn-list li a.light:focus,
ul.fa-btn-list li a.light:active:focus,
ul.fa-btn-list li button.light:hover,
ul.fa-btn-list li button.light:active,
ul.fa-btn-list li button.light:focus,
ul.fa-btn-list li button.light:active:focus{ color:#c0ced8; }
ul.fa-btn-list li a.light:hover .fa-inverse,
ul.fa-btn-list li a.light:active .fa-inverse,
ul.fa-btn-list li a.light:focus .fa-inverse,
ul.fa-btn-list li a.light:active:focus .fa-inverse,
ul.fa-btn-list li button.light:hover .fa-inverse,
ul.fa-btn-list li button.light:active .fa-inverse,
ul.fa-btn-list li button.light:focus .fa-inverse,
ul.fa-btn-list li button.light:active:focus .fa-inverse { color:#383f47; }
/* FA BUTTON LIST MEDIA QUERIES */
@media (max-width:767px) {
    ul.fa-btn-list.pull-right {float:none !important; display:block; margin-top:10px; text-align:center;}
}

/* -------------- */
/* NON-MEM HEADER */
/* -------------- */
#nonmem-header { display:none; position:relative; z-index:1; overflow:hidden; padding:0; background-color:#022d46; }
#nonmem-header.scc-nomem { display:block; padding:30px 15px; }
#nonmem-header .container { padding:0; }
#nonmem-header .nonmem-bg {
	z-index:-1;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url(//d.stockcharts.com/img/bg-financial-icons-01.jpg) repeat center center scroll;
	-webkit-background-size:auto;
	-moz-background-size:auto;
	background-size:auto;
	-o-background-size:auto;
	opacity:0.04;
	width:100%;
	height:100%;
}
#nonmem-header .text-col h2 { margin:0; font-size:35px; font-weight:bold; color:#fff; }
#nonmem-header .text-col h2 span { font-weight:bold; color:#f8d23a; }
#nonmem-header .text-col p { margin:15px 0 0 0; font-size:18px; font-weight:normal; color:#f2f5f7; }
#nonmem-header .text-col p span { font-weight:bold; }
#nonmem-header .text-col p span.green { color:#fff; }
#nonmem-header .btn-col { padding-top:15px; text-align:center; }
#nonmem-header .btn-col h5 { margin:0 auto 10px auto; font-size:18px; font-weight:normal; line-height:1.25; color:#fff; }
#nonmem-header .btn-col .btn-block { margin:0 auto; text-align:center; }
#nonmem-header .btn-col .btn-block a.btn-default {
    margin:0 auto;
    padding:12px 45px;
    outline:none !important;
    box-shadow:none !important;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background-color:#2abb67;
    border:0;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    font-size:22px;
    font-weight:normal;
    line-height:1.25;
	color:#fff !important;
}
#nonmem-header .btn-col .btn-block a.btn-default:hover,
#nonmem-header .btn-col .btn-block a.btn-default:focus,
#nonmem-header .btn-col .btn-block a.btn-default:active { outline:none; box-shadow:none; background-color:#26a65b; color:#fff; }
#nonmem-header .btn-col .btn-block a.btn-default span { font-weight:bold; font-style:italic; }
/* NON-MEM HEADER MEDIA QUERIES */
@media (max-width:1199px) {
    #nonmem-header .text-col h2 {font-size:32px;}
	#nonmem-header .btn-col {padding-top:25px;}
}
@media (max-width:991px) {
    #nonmem-header .text-col h2 {font-size:25px;}
    #nonmem-header .text-col p {font-size:16px;}
    #nonmem-header .btn-col {padding-top:30px;}
	#nonmem-header .btn-col h5 {font-size:16px;}
	#nonmem-header .btn-col .btn-block a.btn-default {padding:12px 30px; font-size:18px;}
}
@media (max-width:767px) {
    #nonmem-header {text-align:center;}
    #nonmem-header .btn-col {padding-top:20px;}
	#nonmem-header .btn-col h5 {font-size:14px;}
	#nonmem-header .btn-col .btn-block a.btn-default {padding:12px 50px;}
}

/* --------- */
/* LINKS ROW */
/* --------- */
.section-links-row { margin:0; padding:15px 0; background-color:#f2f5f7; text-align:center; }
.section-links-row-bound { max-width:991px; margin:0 auto; padding:0 5px; }
.section-links-row-bound .dropdown,
.section-links-row-bound .dropup { float:right; margin-top:8px; }
ul.section-links-row-ul { display:inline-block; vertical-align:middle; list-style:none; margin:0; padding:0; text-align:center; }
ul.section-links-row-ul li { display:inline-block; vertical-align:middle; margin-left:-4px; padding:5px 20px; border-right:1px solid #c0ced8; font-size:16px; font-weight:bold; }
ul.section-links-row-ul li:last-child { border-right:none; }
ul.section-links-row-ul li a { color:#707f8f; }
ul.section-links-row-ul li a:hover,
ul.section-links-row-ul li a:active,
ul.section-links-row-ul li a:focus,
ul.section-links-row-ul li a:active:focus { text-decoration:none; color:#3281d0; }
ul.section-links-row-ul li.active a,
ul.section-links-row-ul .section-link-active { font-weight:bold; color:#219155 !important; }
ul.section-links-row-ul li a i { margin-right:5px; color:#707f8f; }
ul.section-links-row-ul li a:hover i { color:#0f4d8a; }
/* LINKS ROW MEDIA QUERIES */
@media (max-width:991px) {
    ul.section-links-row-ul li {padding-right:15px; padding-left:15px;}
}
@media (max-width:767px) {
    .section-links-row {text-align:center;}
    ul.section-links-row-ul li {display:block; padding-right:0; padding-left:0; border-right:0;}
}

/* ------ */
/* MODALS */
/* ------ */
.modal-dialog { margin:10px; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; }
/* MODAL HEADER */
.modal-header { padding:10px; background:#4f5964; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; }
.modal-header .close { outline:none !important; line-height:135%; color:#fff; opacity:0.5; }
.modal-header .close:focus, .modal-header .close:hover { opacity:1.0; }
.modal-title { font-size:20px; font-weight:bold; color:#fff; margin:0; }
.modal-title i { margin-right:5px; }
/* MODAL BODY */
.modal-body { padding:15px; text-align:center; }
.modal-body p { margin:0 auto 15px auto; font-size:16px; font-weight:normal; color:#4f5964; }
.modal-body .alert { margin:15px auto 0 auto; padding:15px; font-size:16px; }
.modal-body .form-group { margin:0 auto 15px auto; text-align:left; }
.modal-body label.entryLabel { display:block; height:auto; vertical-align:middle; margin:0 0 5px 0; padding-left:5px; line-height:1.0; font-size:16px; font-weight:bold; color:#4f5964; }
/* FORM CONTROL */
.modal-body input.form-control { height:40px; width:100%; margin:0 auto; padding-left:10px; padding-right:10px; outline:none !important; box-shadow:none !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color:#fff; border:2px solid #c0ced8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px; font-weight:bold; color:#707f8f; }
.modal-body input.form-control-xs { height:30px; font-size:12px; }
.modal-body input.form-control-sm { height:35px; font-size:14px; }
.modal-body input.form-control-md { height:45px; font-size:16px; }
.modal-body input.form-control-lg { height:50px; font-size:18px; }
.modal-body input.form-control-xl { height:60px; font-size:20px; }
.modal-body input.form-control-rounded { border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
.modal-body input.form-control:hover,
.modal-body input.form-control:active,
.modal-body input.form-control:focus { border-color:#707f8f; font-weight:bold; color:#2d3339; }
.modal-body .btn-row { margin:15px auto 0 auto; }
.modal-body .btn-row .btn { margin-top:0; margin-bottom:0; }
/* MODALS MEDIA QUERIES */
@media (min-width:768px) {
    .modal-dialog {margin:75px auto 0 auto;}
}
@media (max-width:767px) {
    .modal-body p {max-width:225px;}
    .modal-body .btn-row {margin-top:0;}
    .modal-body .btn-row .btn {display:block; margin:15px auto 0 auto;}
}

/* ----------------- */
/* ADDITIONAL STYLES */
/* ----------------- */
/* Do not display Your Account until login is verified */
#navbar-youraccount { display:none; }
noscript .alert { position:absolute; top:120px; left:0; width:100%; z-index:1000; }

/* Market Message has moved to Blogs tooltip */
#bs-example-navbar-collapse-1 .tooltip { width:211px; margin-top:13px; line-height:13px; }
#bs-example-navbar-collapse-1 .tooltip-inner { background-color:#ffff99; color:black; max-width:210px; }
#bs-example-navbar-collapse-1 .tooltip-arrow { border-top-color:#ffff99; }
@media (max-width:767px) {
    #bs-example-navbar-collapse-1 .tooltip { width:300px; margin-top:3px; }
    #bs-example-navbar-collapse-1 .tooltip-inner { max-width:285px; }
    #bs-example-navbar-collapse-1 .middle-nav-ul { overflow-x:hidden; }
    #bs-example-navbar-collapse-1 .tooltip-arrow { border-top-color:inherit; border-right-color:#ffff99; }
    #bs-example-navbar-collapse-1 .tooltip.right { margin-left:20px; }
}
#bs-example-navbar-collapse-1 .tooltip-inner a {
    padding: 0 0 0 5px;
    font-size: 12px;
    letter-spacing: .05em;
    font-weight:500;
    background-color:#ffff99;
    color:blue !important;
    text-decoration:underline;
}
#bs-example-navbar-collapse-1 .tooltip-inner a:hover { background-color:silver !important; }

/* Fix IE display of SVG logo image */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    #middle-navbar-outer a.navbar-brand { width:220px; }
    #middle-navbar-outer a.navbar-brand img[src*=".svg"] { width:99%; }
    #middle-navbar-outer .search-and-toggle-menu-ul { float:right; }
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none), (max-width: 768px) {
    #middle-navbar-outer .search-and-toggle-menu-ul { display:-ms-inline-flexbox; }
    #middle-navbar-outer .search-and-toggle-menu-ul .site-search-mobile-li { margin-top:9px; }
}
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) and (max-width: 768px) {
    #middle-navbar-outer .navbar-corner-logo { display:inline; }
    #middle-navbar-outer .search-and-toggle-menu-ul { display:inline; float:right; }
}

/* ----------------- */		
/* INVESTING CHANNEL */
/* ----------------- */
.ic-dvrtwrap { max-width:100%; margin:5px auto; text-align:center; overflow-x:scroll; }
.ic-dvrtwrap h6 { margin:5px auto 0 auto; font-size:11px; color:#707f8f; }
.ic-dvrtwrap h6 a { font-weight:bold; color:#219155; }
.ic-dvrtwrap h6 a:hover { text-decoration:underline !important; }

.ic-tradenow-88x31,
.ic-qtsearch-88x31 { display:inline-block; vertical-align:middle; height:31px; min-width:88px; margin:0 5px; }

.ic-equities-300x250,
.ic-quotepages-300x250,
.ic-equities-300x384 { min-height:250px; }

.ic-equities-728x90,
.ic-equities-970x250,
.ic-quotepages-970x250 { min-height:104px; }

.ic-quotepages-728x91 { min-height:70px; max-width:728px; }

.ic-dvrtwrap { display:none; }

/* ------------- */
/* NOTIFICATIONS */
/* ------------- */
#notification-banners { margin:0; padding-left:0; background-color:#fff; }

#notification-banners .notification-color-0 { background-color:#243342 !important; }
#notification-banners .notification-color-1 { background-color:#707f8f !important; }
#notification-banners .notification-color-2 { background-color:#1259a1 !important; }
#notification-banners .notification-color-3 { background-color:#3281d0 !important; }
#notification-banners .notification-color-4 { background-color:#26a65b !important; }
#notification-banners .notification-color-5 { background-color:#2abb67 !important; }

#notification-banners li { display:none; position:relative; list-style:none; margin:0 0 1px 0; padding:10px; text-align:center; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; line-height:1.25; font-size:16px; font-weight:normal; color:#fff; }
#notification-banners li:nth-child(-n+2) { display:block; } /* only allow the first to be displayed */

#notification-banners li .notification-startdate { float:left; font-size:11px; padding-top:6px; padding-right:6px; }

#notification-banners li button.close { position:absolute; top:1px; right:2px; padding:0; cursor:pointer; -webkit-appearance:none; background:0; border:0; text-shadow:none; line-height:1.0; font-size:22px; font-weight:bold; color:#eff3f5; filter:alpha(opacity=50); opacity:.5; }
#notification-banners li button.close:focus,
#notification-banners li button.close:hover { text-decoration:none; cursor:pointer; filter:alpha(opacity=100); opacity:1.0; }
/* IE fix for scrollbar over close */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #notification-banners li {padding-right:18px;}
    #notification-banners li button.close {right:13px;}
}

#notification-banners li a { text-decoration:underline; font-weight:bold; color:#fff; }
#notification-banners li a:hover { text-decoration:underline; color:#dfe7ec; }
#notification-banners li button.notification-btn {
    display:inline-block;
    margin:0 5px;
    padding:8px 10px;
    outline:none;
    box-shadow:none;
    white-space:nowrap;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    background-color:#fff;
    border:1px solid #c0ced8;
    border-radius:50px;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    text-align:center;
    line-height:1.0;
    font-size:14px;
    font-weight:bold;
    font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    background-color:#fff;
    color:#0f4d8a;
}
#notification-banners li button.notification-btn:hover,
#notification-banners li button.notification-btn:active,
#notification-banners li button.notification-btn:focus,
#notification-banners li button.notification-btn:active:focus { outline:none; box-shadow:none; filter:alpha(opacity=90); opacity:.90; }
/* NOTIFICATIONS MEDIA QUERIES */
@media (max-width:991px) {
	#notification-banners li .notification-startdate {display:none;}
    #notification-banners li button.notification-btn {display:block; margin:10px auto 0 auto;}
}

/* ------------------- */
/* PRINT COMPATIBILITY */
/* ------------------- */
@media print {
    a[href]:after { content:none !important; }
    .navbar { display:block; }
    .navbar-static-top .scc-nav-container, .utility-nav-row, .primary-nav-ul, .container-for-searchbox, .charting-nav-row { display:none; }
    .scc-footer-top, .scc-footer-links-col, .scc-footer-logo-col, .copyright-links-outer { display:none; }
    .navbar-static-top:before { content:url(//d.stockcharts.com/images/sc-blue-simple.png); margin:0 auto; }
    a.sidebar-toggle {display:none;}
    .autosuggest {display:none;}
    .section-links-row {display:none !important;}
    .ic-dvrtwrap,
    .ic-dvrtwrap h6 {display:none !important;}
}

/* SCC HIDDEN */
.scc-hidden {display:none;}
/* MOBILE HIDE */
@media (max-width:767px) {.mobile-hide {display:none;}}
/* HIDE QUERIES */
@media (max-width:1199px) {.hide-md {display:none;}}
@media (max-width:991px) {.hide-sm {display:none;}}
@media (max-width:767px) {.hide-xs {display:none;}}
/* SHOW QUERIES */
@media (min-width:1200px) {.show-md {display:none;}}
@media (min-width:992px) {.show-sm {display:none;}}
@media (min-width:768px) {.show-xs {display:none;}}