/* ------- */
/* GENERAL */
/* ------- */
html, body { width:100%; height:100%; background-color:#0e263e; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; }
body.bg-dark { background-color:#111922 !important; }
body a { color:#0f4d8a; }
body a:hover { cursor:pointer; outline:none !important; box-shadow:none !important; text-decoration:none; color:#3281d0; }
body a:active, body a:focus { text-decoration:none; }
.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:active:focus { text-decoration:none; outline:none; box-shadow:none; }

#pagebody { background-color:#fff; }
#pagebody.fixed-nav { padding-top:110px; }

#pagebody.container-fluid,
#pagecontents .container-fluid { padding-left:0; padding-right:0; }
.o-hidden { overflow:hidden !important; }
.h-100 { height:100% !important; }
.d-inline-block { display:inline-block; }

/* FONT STYLES */
.font-headline { font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; }

/* 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-extradarkblue { background-color:#0e263e; }
.bg-overlayblue { background-color:#022d46; }
.bg-slate { background-color:#27353f; }
.bg-lightblack { background-color:#22262b; }
.bg-black { background-color:#16191d; }

/* LABEL COLORS */
.label { padding:3px 6px; border-radius:0; font-weight:900; }
.label-default { background-color:#707f8f; }
.label-primary { background-color:#0f4d8a; }
.label-success { background-color:#219155; }
.label-info { background-color:#3281d0; }
.label-warning { background-color:#f9690e; }
.label-danger { background-color:#cc000e; }

/* PARAGRAPH STYLES */
p.info { margin:0 auto 15px auto; line-height:1.40; font-size:16px; font-weight:normal; color:#5a6672; }
p.info-margin-0 { margin-bottom:0; }
p.info-margin-30 { margin-bottom:30px; }
p.info-margin-45 { margin-bottom:45px; }
p.info-margin-60 { margin-bottom:60px; }
p.info-lg { font-size:18px; }
p.info-light { color:#c6ccd2; }
p.info-dark { color:#2d3339; }
p.note { margin:5px auto; padding:0 5px; font-size:14px; font-weight:normal; color:#5a6672; }
p.info a,
p.note a { font-weight:bold; }

/* HEADLINES */
h6.headline { display:block; margin:0; padding:0; text-transform:uppercase; line-height:1.5; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; color:#707f8f; }
h6.headline.headline-bordered { margin:0 0 10px 0; border-bottom:1px solid #c0ced8; }

/* ALERTS */
.alert { padding:10px; text-align:center; line-height:1.50; font-size:16px; }
.alert.alert-lg { padding:30px 15px; }
.alert-secondary { background-color:#f2f5f7; border-color:#dfe7ec; color:#5a6672; }
.alert-warning { background-color:#fff3cd; }
.alert-orange { background-color:#fee0cd; border-color:#fcc19c; color:#e05906; }
.alert-dark { background-color:#22262b; border-color:#0b0d0e; color:#b8bfc7; }
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 { margin:0 0 10px 0; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:bold; }
.alert a { font-weight:bold; }
.alert.alert-dark a { color:#3d99f5; }
.alert.alert-dark a:hover { color:#3281d0; }

/* SCC UPGRADE TIPS */
.scc-upgrade-tip { max-width:991px; margin:15px auto; padding:0; overflow:hidden; }
.alert-info.scc-upgrade-tip { background-color:#eaf5fb; border-color:#3281d0; }
.alert-warning.scc-upgrade-tip { border-color:#ffc400; }
.scc-upgrade-tip .tip-header { padding:15px 5px; color:#fff; }
.alert-info.scc-upgrade-tip .tip-header { background-color:#3281d0; border-bottom:1px solid #bce8f1; }
.alert-success.scc-upgrade-tip .tip-header { background-color:#3c763d; border-bottom:1px solid #d6e9c6; }
.alert-danger.scc-upgrade-tip .tip-header { background-color:#a94442; border-bottom:1px solid #ebccd1; }
.alert-warning.scc-upgrade-tip .tip-header { background-color:#ffc400; border-bottom:1px solid #ffeeba; color:rgba(0,0,0,0.6); }
.alert-orange.scc-upgrade-tip .tip-header { background-color:#e05906; border-bottom:1px solid #fcc19c; }
.alert-secondary.scc-upgrade-tip .tip-header { background-color:#5a6672; border-bottom:1px solid #dfe7ec; }
.scc-upgrade-tip .tip-header h4 { margin-bottom:0; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:22px; }
.scc-upgrade-tip .tip-header h4 b { font-weight:900; }
.scc-upgrade-tip .tip-body { padding:15px 10px; background-color:#fff; line-height:1.4; color:#434c56; }
.alert-info.scc-upgrade-tip .tip-body { background-color:#eaf5fb; }
.scc-upgrade-tip .tip-body b a { text-decoration:underline; font-weight:900; }

/* ICONS */
i.icon { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; vertical-align:middle; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1; }
.fa-spin { -webkit-animation:fa-spin 1s infinite linear !important; animation:fa-spin 1s infinite linear !important; }
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.form-break { margin-top:30px; margin-bottom:30px; border:0; border-top:1px solid #c0ced8; }
hr.line-center { margin:15px auto; }
hr.line-thick { border-top-width:6px; }
hr.line-thin { border-top-width:2px; }
hr.line-margin-30 { margin-top:30px; margin-bottom:30px; }
hr.line-margin-10 { margin-top:10px; margin-bottom:10px; }
hr.line-margin-5 { margin-top:5px; margin-bottom:5px; }
hr.line-margin-0 { margin-top:0; margin-bottom:0; }
hr.line-light { border-color:#dfe7ec; }
hr.line-dark { border-color:#434c56; }
hr.line-blue { border-color:#0f4d8a; }
hr.line-lightblue { border-color:#3281d0; }
hr.line-green { border-color:#219155; }
hr.line-lightgreen { 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) {
  #pagebody.fixed-nav {padding-top:105px;}
  .text-center-sm {text-align:center;}
}
@media (max-width:767px) {
  #pagebody.fixed-nav {padding-top:105px;}
  .text-center-xs {text-align:center;}
  hr.line-center-xs { margin-left:auto; margin-right:auto; }
}

/* ----------- */
/* 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;}

/* ------ */
/* NAVBAR */
/* ------ */
#scc-navbar { margin:0 auto; padding:0; border-bottom:none; box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important; }
#scc-navbar #nav-upper { margin-right:0; margin-left:0; padding:10px 0; }
#scc-navbar #nav-lower { margin-right:0; margin-left:0; padding:0; }
#scc-navbar a,
#scc-navbar button { cursor:pointer; outline:none !important; box-shadow:none !important; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }
#scc-navbar .navbar-nav { margin:0; }
#scc-navbar .navbar-nav>li>a,
#scc-navbar .navbar-nav>li>a:active,
#scc-navbar .navbar-nav>li>a:focus,
#scc-navbar .navbar-nav>li>a:active:focus { font-size:16px; font-weight:bold; color:#d0dbe2; }
#scc-navbar .navbar-nav>li>a:hover { color:#fff; }
/* NAVBAR BRAND */
#scc-navbar .navbar-brand { float:left; height:auto; margin:0; padding:0; }
#scc-navbar .navbar-brand:hover { opacity:0.85 !important; }
#scc-navbar .navbar-brand img.navbar-logo { height:40px; }
#scc-navbar .navbar-brand img.navbar-logo.logo-icon { display:none; }
/* MENU TOGGLE */
#scc-navbar #nav-menuToggle { float:right; }
#scc-navbar #nav-menuToggle .navbar-toggle,
#scc-navbar #nav-menuToggle .navbar-toggle:active,
#scc-navbar #nav-menuToggle .navbar-toggle:focus,
#scc-navbar #nav-menuToggle .navbar-toggle:active:focus { margin:0 0 0 15px; padding:0; background-color:transparent; border:0; border-radius:0; line-height:35px; font-size:22px; color:#d0dbe2; }
#scc-navbar #nav-menuToggle .navbar-toggle:hover { background-color:transparent; color:#fff; }
/* CHART SEARCH */
#scc-navbar #nav-chartSearch { vertical-align:middle; max-width:1199px; margin:0 auto; padding:0 90px; outline-width:0 !important; }
#scc-navbar #nav-chartSearch .input-group-btn.dropdown .dropdown-toggle { z-index:4; padding-right:10px; padding-left:10px; background-color:#707f8f; border:0; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; font-size:14px; font-weight:bold; color:#fff; }
#scc-navbar #nav-chartSearch .input-group-btn.dropdown .dropdown-toggle:active,
#scc-navbar #nav-chartSearch .input-group-btn.dropdown .dropdown-toggle:focus
#scc-navbar #nav-chartSearch .input-group-btn.dropdown .dropdown-toggle:active:focus { background-color:#707f8f; }
#scc-navbar #nav-chartSearch .input-group-btn.dropdown .dropdown-toggle:hover,
#scc-navbar #nav-chartSearch .input-group-btn.dropdown.open>.dropdown-toggle:hover,
#scc-navbar #nav-chartSearch .input-group-btn.dropdown.open>.dropdown-toggle:active,
#scc-navbar #nav-chartSearch .input-group-btn.dropdown.open>.dropdown-toggle:focus,
#scc-navbar #nav-chartSearch .input-group-btn.dropdown.open>.dropdown-toggle.focus { background-color:#a9b2bc; }
#scc-navbar #nav-chartSearch .input-group-btn.dropdown .dropdown-toggle i { margin-left:2px; }
#scc-navbar #nav-chartSearch .form-control { min-width:165px; padding-right:0; border:0 !important; font-weight:900; }
#scc-navbar #nav-chartSearch .form-control::-webkit-input-placeholder { padding-top:0; text-transform:none !important; font-weight:normal !important; color:#707f8f !important; }
#scc-navbar #nav-chartSearch .form-control:-moz-placeholder { padding-top:0; text-transform:none !important; font-weight:normal !important; color:#707f8f !important; } /* Firefox 18- */
#scc-navbar #nav-chartSearch .form-control::-moz-placeholder { padding-top:0; text-transform:none !important; font-weight:normal !important; color:#707f8f !important; } /* Firefox 19+ */
#scc-navbar #nav-chartSearch .form-control:-ms-input-placeholder { padding-top:0; text-transform:none !important; font-weight:normal !important; color:#707f8f !important; }
#scc-navbar #nav-chartSearch .input-group-btn .btn-submit,
#scc-navbar #nav-chartSearch .input-group-btn .btn-submit:active,
#scc-navbar #nav-chartSearch .input-group-btn .btn-submit:focus,
#scc-navbar #nav-chartSearch .input-group-btn .btn-submit:active:focus { padding:0 10px; background-color:#fff; font-size:16px; font-weight:bold; color:#707f8f; }
#scc-navbar #nav-chartSearch .input-group-btn .btn-submit:hover { background-color:#fff; color:#3281d0; }
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu { min-width:200px; max-height:none !important; padding:3px 0; border-color:#c0ced8; opacity:1.0; overflow-y:scroll; scrollbar-width: none; -ms-overflow-style:none;}
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu::-webkit-scrollbar {width:0; height:0;}
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li.divider { margin:3px 0; }
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a { padding:5px 10px; font-size:14px; font-weight:bold; color:#5a6672; }
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a:hover,
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a:active,
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a:focus,
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a:active:focus { background-color:#dfe7ec; color:#16191d; }
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a i { vertical-align:middle; margin-right:5px; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1; }
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a .item-label { display:inline-block; vertical-align:middle; }
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a .item-star { float:right; vertical-align:middle; }
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a .item-star i { margin:0; }
#scc-navbar #nav-chartSearch .dropdown .dropdown-menu li a .item-star.starred i { font-weight:900; color:#f6c709; }
/* ACCOUNT LINKS */
#scc-navbar ul#nav-accountLinks { float:right; }
#scc-navbar ul#nav-accountLinks>li { display:inline-block; vertical-align:middle; margin:0 0 0 15px; }
#scc-navbar ul#nav-accountLinks>li:first-child { margin-left:0; }
/* NAVBAR BUTTONS */
#scc-navbar .navbar-nav>li>a.navbar-btn { height:35px; margin:3px 0 0 0; padding:7px 15px 0 15px; border:1px solid #c0ced8; font-size:14px !important; font-weight:bold; }
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-transparent,
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-transparent:active,
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-transparent:focus,
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-transparent:active:focus { background-color:transparent; border-color:#c0ced8; color:#d0dbe2; }
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-transparent:hover { background-color:#3281d0; border-color:#3281d0; color:#fff; }
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-green,
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-green:active,
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-green:focus,
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-green:active:focus { background-color:#2abb67; border-color:#2abb67; color:#fff; }
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-green:hover { background-color:#26a65b; border-color:#26a65b; color:#fff; }
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-blue,
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-blue:active,
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-blue:focus,
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-blue:active:focus { background-color:#0f4d8a; border-color:#0f4d8a; color:#fff; }
#scc-navbar .navbar-nav>li>a.navbar-btn.btn-blue:hover { background-color:#3281d0; border-color:#3281d0; color:#fff; }
/* USER PROFILE */
#scc-navbar ul#nav-accountLinks>li#nav-userProfile { display:none; }
#scc-navbar #nav-userProfile>a,
#scc-navbar #nav-userProfile>a:active,
#scc-navbar #nav-userProfile>a:focus,
#scc-navbar #nav-userProfile>a:active:focus { height:45px; padding:12px 0; background-color:transparent !important; white-space:nowrap; font-size:18px; }
#scc-navbar #nav-userProfile>a:hover { color:#fff; }
#scc-navbar #nav-userProfile>a i.fa-user-circle { margin-right:5px; }
/* USER MENU */
#scc-navbar ul#nav-userMenu { max-height:none !important; left:auto; right:0; border-color:#c0ced8; border-top-left-radius:4px; border-top-right-radius:4px; opacity:1.0; }
#scc-navbar ul#nav-userMenu li a { padding:5px 45px 5px 15px; font-size:16px; font-weight:bold; color:#5a6672; }
#scc-navbar ul#nav-userMenu li a:hover,
#scc-navbar ul#nav-userMenu li a:active,
#scc-navbar ul#nav-userMenu li a:focus,
#scc-navbar ul#nav-userMenu li a:active:focus { background-color:#dfe7ec; color:#16191d; }
#scc-navbar ul#nav-userMenu .divider { margin:5px 0; background-color:#c0ced8; }
/* SITE LINKS */
#scc-navbar ul.sitelinks.pull-right { margin-right:20px !important; }
#scc-navbar ul.sitelinks>li>a,
#scc-navbar ul.sitelinks>li>a:active,
#scc-navbar ul.sitelinks>li>a:focus,
#scc-navbar ul.sitelinks>li>a:active:focus { margin-right:20px; padding:10px 0; border-bottom:5px solid transparent; font-size:18px; }
#scc-navbar ul.sitelinks>li>a:hover { border-bottom-color:#3281d0; }
#scc-navbar ul.sitelinks>li.dropdown>a { background-color:transparent; border-top:0; border-right:0; border-left:0; border-radius:0; }
#scc-navbar ul.sitelinks>li.open>a,
#scc-navbar ul.sitelinks>li.open>a:focus,
#scc-navbar ul.sitelinks>li.open>a:hover { background-color:transparent !important; border-color:transparent; border-bottom-color:#3281d0; color:#fff; }
#scc-navbar ul.sitelinks>li.dashboard>a { margin-right:0; color:#36e27e; }
/* CHARTS AND TOOLS MENU */
#charts-and-tools-menu { max-height:none; padding:0; box-shadow:2px 2px 4px #c0ced8; }
#charts-and-tools-menu .container { padding:0; }
.toolsgroup { margin:0 auto; padding:20px 0 0 0; }
.toolsgroup h3 { margin:0; padding:0 0 5px 0; border-bottom:3px solid #c0ced8; text-transform:uppercase; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:16px; font-weight:bold; color:#707f8f; }
.toolsgroup h3 span { padding-left:5px; }
.toolsgroup ul { list-style:none; margin:0; padding:0; }
.toolsgroup ul li { padding:5px 0 5px 0; border-bottom:1px solid #e2e4e9; }
.toolsgroup ul li:last-child { border-bottom:0; }
.toolsgroup ul li a { padding:3px 6px !important; font-size:14px; font-weight:bold; color:#2d3339; }
.toolsgroup ul li a:hover { background-color:transparent !important; color:#3281d0 !important; }
.toolsgroup ul li a i.icon { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1; }
.all-tools-link { margin-top:10px; padding:15px 0 15px 0; border-top:1px dotted #c0ced8; text-align:right; }
.all-tools-link a { text-transform:uppercase; font-size:18px; font-weight:bold; }
/* TV LABEL */
#scc-navbar .label-tv-live { display:none; vertical-align:middle; margin-left:2px; padding:2px 3px; background:#cc000e; border-radius:0; font-size:9px; font-weight:900; }
/* SITE SEARCH */
#scc-navbar #nav-siteSearch-wrap { position:absolute; width:500px; right:0; margin:0; }
#scc-navbar #nav-siteSearch { position:absolute; height:45px; min-width:50px; 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.35s; -moz-transition:width 0.35s; -ms-transition:width 0.35s; -o-transition:width 0.35s; transition:width 0.35s; }
#scc-navbar #nav-siteSearch.nav-siteSearch-open { z-index:3; width:100%; }
#scc-navbar #nav-siteSearch-input { height:45px; width:100%; top:0; right:0; margin:0; padding:0 10px; outline:0; background:#fff; border:0 !important; border-bottom:1px solid #c0ced8 !important; border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; font-size:18px; font-weight:bold; color:#333; }
#scc-navbar #nav-siteSearch-input::-webkit-input-placeholder { padding-top:0; text-transform:none !important; font-weight:normal !important; color:#707f8f !important; }
#scc-navbar #nav-siteSearch-input:-moz-placeholder { padding-top:0; text-transform:none !important; font-weight:normal !important; color:#707f8f !important; } /* Firefox 18- */
#scc-navbar #nav-siteSearch-input::-moz-placeholder { padding-top:0; text-transform:none !important; font-weight:normal !important; color:#707f8f !important; } /* Firefox 19+ */
#scc-navbar #nav-siteSearch-input:-ms-input-placeholder { padding-top:0; text-transform:none !important; font-weight:normal !important; color:#707f8f !important; }
#scc-navbar #nav-siteSearch-icon,
#scc-navbar #nav-siteSearch-submit { position:absolute; display:block; height:45px; width:50px; 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:43px; font-size:18px; }
#scc-navbar #nav-siteSearch-icon { background-color:#111922; text-align:center; color:#d0dbe2; }
#scc-navbar #nav-siteSearch #nav-siteSearch-icon:after { font-family:'Font Awesome 5 Pro',FontAwesome,sans-serif; content:"\f002"; font-weight:900; width:1.28571429em; }
#scc-navbar #nav-siteSearch.nav-siteSearch-open #nav-siteSearch-icon:after { font-family:'Font Awesome 5 Pro',FontAwesome,sans-serif; content:"\f00d"; font-weight:900; width:1.28571429em; }
#scc-navbar #nav-siteSearch-icon:hover { border-bottom:5px solid transparent; color:#fff; }
#scc-navbar #nav-siteSearch-submit { background-color:#2c3a49; font-size:16px; font-weight:bold; color:#fff; -webkit-transition:background-color 0.35s; -moz-transition:background-color 0.35s; -ms-transition:background-color 0.35s; -o-transition:background-color 0.35s; transition:background-color 0.35s; }
#scc-navbar #nav-siteSearch-submit:hover,
#scc-navbar #nav-siteSearch-submit:active,
#scc-navbar #nav-siteSearch-submit:focus { background-color:#3281d0 !important; color:#fff; }
/* NAVBAR DARK */
#scc-navbar.navbar-dark { background-color:#111922; }
#scc-navbar.navbar-dark #nav-lower { background-color:transparent; /*background-color:#2c3a49;*/ }
/* NAVBAR BLUE */
#scc-navbar.navbar-blue { background-color:#133353; }
#scc-navbar.navbar-blue .navbar-collapse { border-top-color:#0e263e; }
#scc-navbar.navbar-blue #nav-lower { background-color:transparent; /*background-color:#0e263e;*/ }
#scc-navbar.navbar-blue #nav-siteSearch-icon { background-color:#133353; }
#scc-navbar.navbar-blue #nav-siteSearch-submit { background-color:#0f4d8a; }
/* NAVBAR LIGHT */
#scc-navbar.navbar-light { background-color:#dfe7ec; }
#scc-navbar.navbar-light #nav-lower { background-color:transparent; }
#scc-navbar.navbar-light .navbar-collapse { border-top-color:#0e263e; }
#scc-navbar.navbar-light .navbar-nav>li>a.navbar-btn.btn-transparent,
#scc-navbar.navbar-light .navbar-nav>li>a.navbar-btn.btn-transparent:active,
#scc-navbar.navbar-light .navbar-nav>li>a.navbar-btn.btn-transparent:focus,
#scc-navbar.navbar-light .navbar-nav>li>a.navbar-btn.btn-transparent:active:focus { background-color:transparent; border-color:#2d3339; color:#2d3339; }
#scc-navbar.navbar-light .navbar-nav>li>a.navbar-btn.btn-transparent:hover { background-color:#3281d0; border-color:#3281d0; color:#fff; }
#scc-navbar.navbar-light .navbar-nav>li>a,
#scc-navbar.navbar-light .navbar-nav>li>a:active,
#scc-navbar.navbar-light .navbar-nav>li>a:focus,
#scc-navbar.navbar-light .navbar-nav>li>a:active:focus { color:#2d3339; }
#scc-navbar.navbar-light .navbar-nav>li>a:hover { color:#0b0d0f; }
#scc-navbar.navbar-light #nav-userProfile>a:hover { color:#0b0d0f; }
#scc-navbar.navbar-light ul.sitelinks>li.dashboard>a { color:#219155; }
#scc-navbar.navbar-light #nav-menuToggle .navbar-toggle,
#scc-navbar.navbar-light #nav-menuToggle .navbar-toggle:active,
#scc-navbar.navbar-light #nav-menuToggle .navbar-toggle:focus,
#scc-navbar.navbar-light #nav-menuToggle .navbar-toggle:active:focus { color:#2d3339; }
#scc-navbar.navbar-light #nav-menuToggle .navbar-toggle:hover { color:#0b0d0f; }
#scc-navbar.navbar-light #nav-siteSearch-icon { background-color:#dfe7ec; color:#2d3339; }
#scc-navbar.navbar-light #nav-siteSearch-icon:hover { color:#0b0d0f; }
#scc-navbar.navbar-light #nav-siteSearch-submit { background-color:#0f4d8a; }
/* NAVBAR MEDIA QUERIES */
@media (max-width:1199px) {
  #scc-navbar #nav-chartSearch {padding:0 30px;}
}
@media (max-width:991px) {
  #scc-navbar .navbar-brand img.navbar-logo {height:35px; margin-top:5px;}
  #scc-navbar #nav-chartSearch .input-group-btn.dropdown .btn {font-size:12px;}
  #scc-navbar #nav-userProfile>a {font-size:16px !important;}
  #scc-navbar #nav-userProfile>a, #scc-navbar #nav-userProfile>a:active, #scc-navbar #nav-userProfile>a:focus, #scc-navbar #nav-userProfile>a:active:focus {height:35px; margin-top:3px; padding:0;}
  #scc-navbar #nav-userProfile>a span#nav-userID {display:none;}
  #scc-navbar #nav-userProfile>a i.fa-user-circle {margin-right:0; line-height:35px; font-size:22px;}
  #scc-navbar ul.sitelinks>li>a {font-size:16px !important;}
  #scc-navbar #nav-siteSearch-wrap {width:100%;}
}
@media (min-width:768px) {
  .charts-and-tools-xs {display:none !important;}
}
@media (max-width:767px) {
  #scc-navbar #nav-lower {margin-right:-15px; margin-left:-15px;}
  #scc-navbar .navbar-brand img.navbar-logo {display:none;}
  #scc-navbar .navbar-brand img.navbar-logo.logo-icon {display:block; margin:0;}
  #scc-navbar #nav-chartSearch {clear:both; padding:10px 0 0 0;}
  #scc-navbar ul#nav-accountLinks>li {margin-left:10px;}
  #scc-navbar .navbar-nav>li>a.navbar-btn {margin-top:0; padding-right:10px; padding-left:10px;}
  #scc-navbar #nav-userProfile>a {margin-top:0 !important;}
  #scc-navbar .navbar-nav .open ul#nav-userMenu {position:absolute; float:left; width:auto; margin-top:2px; background-color:#ffff; border:1px solid #c0ced8; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175);}
  #scc-navbar .navbar-collapse {padding:5px 0 0 0; border-top:1px solid #2c3a49; box-shadow:none !important;}
  .charts-and-tools-lg {display:none !important;}
  .charts-and-tools-xs {display:block !important;}
  #scc-navbar ul.sitelinks.pull-right {float:none !important; margin-right:0 !important;}
  #scc-navbar ul.sitelinks>li>a,
  #scc-navbar ul.sitelinks>li>a:active,
  #scc-navbar ul.sitelinks>li>a:focus,
  #scc-navbar ul.sitelinks>li>a:active:focus {margin-right:0; padding:10px 15px; border-bottom:0;}
  #scc-navbar ul.sitelinks>li>a:hover {background-color:#2c3a49;}
  #scc-navbar #nav-siteSearch-wrap {position:relative; right:auto; left:0;}
  #scc-navbar #nav-siteSearch {position:relative; float:left; min-width:50px;}
  #scc-navbar #nav-siteSearch-input {font-size:16px;}
  #scc-navbar #nav-siteSearch-icon,
  #scc-navbar #nav-siteSearch-submit {width:50px;}
  #scc-navbar #nav-siteSearch-submit {font-size:16px;}
  #scc-navbar.navbar-blue ul.sitelinks>li>a:hover,
  #scc-navbar.navbar-blue ul.sitelinks>li>a:active,
  #scc-navbar.navbar-blue ul.sitelinks>li>a:focus,
  #scc-navbar.navbar-blue ul.sitelinks>li>a:active:focus {background-color:#0e263e;}
  #scc-navbar.navbar-light ul.sitelinks>li>a:hover,
  #scc-navbar.navbar-light ul.sitelinks>li>a:active,
  #scc-navbar.navbar-light ul.sitelinks>li>a:focus,
  #scc-navbar.navbar-light ul.sitelinks>li>a:active:focus {background-color:#f2f5f7;}
}

/* -------- */
/* NAV LITE */
/* -------- */
#scc-nav-lite { margin:0 auto; padding:0; background-color:#0e263e; border-bottom:none; box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important; text-align:center; }
#scc-nav-lite.nav-lite-dark { background-color:#111922; }
#scc-nav-lite.nav-lite-transparent { position:absolute; width:100%; margin:0; text-align:center; background-color:transparent; box-shadow:0 0 0 !important; }
#scc-nav-lite .container-fluid { padding:10px 15px; }
#scc-nav-lite .navbar-brand { float:none; height:auto; width:100%; margin:0 auto; padding:0; text-align:center; }
#scc-nav-lite .navbar-brand:hover { opacity:0.85 !important; }
#scc-nav-lite .navbar-brand img.navbar-logo { height:45px; margin:0 auto; }
/* NAV LITE MEDIA QUERIES */
@media (max-width:767px) {
  #scc-nav-lite .navbar-brand img.navbar-logo {height:auto; width:100%; max-width:220px;}
}

/* ---------- */
/* SCC FOOTER */
/* ---------- */
#scc-footer #footer-upper { z-index:1; position:relative; overflow:hidden; padding:20px 0 15px 0; }
#scc-footer #footer-lower { padding:15px 0; }
#scc-footer a { -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }
/* NEWSLETTER */
#scc-footer #newsletter .bg-cw { z-index:-1; position:absolute; top:-15%; bottom:0; left:0; right:0; background:url(//d.stockcharts.com/img/chartwatchers/cw-logo-icon.png) no-repeat center center scroll; -webkit-background-size:contain; -moz-background-size:contain; background-size:contain; -o-background-size:contain; opacity:0.10; width:35%; height:130%; }
#scc-footer #newsletter img.cw-logo { width:100%; max-width:400px; }
#scc-footer #newsletter h4 { max-width:450px; margin:0 0 10px 0; line-height:1.35; font-size:25px; font-weight:900; color:#fff; }
#scc-footer #newsletter h4 span { color:#f8d23a; }
#scc-footer #newsletter p { margin:0; font-size:18px; font-weight:bold; color:#dfe7ec; }
#scc-footer #newsletter .input-col { padding-top:20px; }
#scc-footer #newsletter .input-group.input-group-xl .input-group-btn .btn { font-size:16px; }
#scc-footer #newsletter .more-link { margin:10px 0 0 0; text-align:right; font-size:14px; }
#scc-footer #newsletter .more-link a { color:#707f8f; }
#scc-footer #newsletter .more-link a:hover { font-weight:bold; }
/* SITELINKS */
#scc-footer #sitelinks { padding:0 0 15px 0; }
#scc-footer #sitelinks h4 { margin:15px 0 5px 0; padding-bottom:5px; border-bottom:1px solid #2c3a49; text-transform:uppercase; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:18px; font-weight:900; color:#707f8f; }
#scc-footer #sitelinks ul li a { line-height:1.70; font-size:16px; font-weight:normal; color:#a9b2bc; }
#scc-footer #sitelinks ul li a:hover,
#scc-footer #sitelinks ul li a:active,
#scc-footer #sitelinks ul li a:focus { text-decoration:none !important; font-weight:bold; color:#fff; }
/* LOGO */
#scc-footer #logo-col img.footer-logo { width:100%; max-width:200px; display:inline-block; }
#scc-footer #logo-col ul#social-links { float:right; margin:0; }
#scc-footer #logo-col ul#social-links li { padding:0 15px; }
#scc-footer #logo-col ul#social-links li:first-child { padding-left:0; }
#scc-footer #logo-col ul#social-links li:last-child { padding-right:0; }
#scc-footer #logo-col ul#social-links li a { font-size:30px; color:#707f8f; }
#scc-footer #logo-col ul#social-links li a:hover,
#scc-footer #logo-col ul#social-links li a:active,
#scc-footer #logo-col ul#social-links li a:focus { color:#fff; }
/* COPYRIGHT */
#scc-footer #copyright-col { margin:10px 0 30px 0; padding:15px 15px 0 15px; border-width:3px 0 0 0; border-style:solid; border-color:#2c3a49; font-size:14px; }
#scc-footer #copyright-col .app-buttons { display:inline-block; }
#scc-footer #copyright-col .app-buttons .app-btn { display:inline-block; margin:0 5px 0 0; }
#scc-footer #copyright-col .app-buttons .app-btn.external { display:none; }
#scc-footer #copyright-col .app-buttons .app-btn img { max-width:145px; }
#scc-footer #copyright-col .copyright-content { float:right; display:inline-block; text-align:center; }
#scc-footer #copyright-col .copyright-content p.copyright { display:block; margin:0 0 5px 0; line-height:1.75; font-weight:normal; color:#707f8f; }
#scc-footer #copyright-col .copyright-content ul { display:block; margin:0; }
#scc-footer #copyright-col .copyright-content ul li { padding:0 10px; border-left:1px solid #2c3a49; }
#scc-footer #copyright-col .copyright-content ul li:first-child { padding-left:0; border-left:0; }
#scc-footer #copyright-col .copyright-content ul li:last-child { padding-right:0; }
#scc-footer #copyright-col .copyright-content ul li a { color:#707f8f; }
#scc-footer #copyright-col .copyright-content ul li a:hover,
#scc-footer #copyright-col .copyright-content ul li a:active,
#scc-footer #copyright-col .copyright-content ul li a:focus { text-decoration:none !important; color:#a9b2bc; }
/* LEGAL */
#scc-footer #legal-col { padding:0 15px;text-align:center; }
#scc-footer #legal-col p.legal { max-width:1060px; margin:0 auto; font-size:12px; font-weight:normal; color:#5a6672; }
/* FOOTER DARK */
#scc-footer.footer-dark #footer-upper { background-color:#2c3a49; }
#scc-footer.footer-dark #footer-lower { background-color:#111922; }
/* FOOTER BLUE */
#scc-footer.footer-blue #footer-upper { background-color:#133353; }
#scc-footer.footer-blue #footer-lower { background-color:#0e263e; }
/* SCC FOOTER MEDIA QUERIES */
@media (max-width:991px) {
  #scc-footer #copyright-col .app-buttons .app-btn.relative {display:none;}
  #scc-footer #copyright-col .app-buttons .app-btn.external {display:inline-block;}
}
@media (max-width:767px) {
  #scc-footer #newsletter .bg-cw {top:0; left:-50%; width:100%; height:100%;}
  #scc-footer #newsletter h4 {max-width:300px; font-size:22px;}
  #scc-footer #logo-col img.footer-logo {display:block; margin:0 auto;}
  #scc-footer #logo-col ul#social-links {float:none; display:block; margin:15px auto 0 auto; text-align:center;}
  #scc-footer #copyright-col {margin-bottom:15px; text-align:center;}
  #scc-footer #copyright-col .app-buttons {display:block; margin:0 auto 15px auto;}
  #scc-footer #copyright-col .app-buttons .app-btn { margin:0 5px; }
  #scc-footer #copyright-col .app-buttons .app-btn img {max-width:125px;}
  #scc-footer #copyright-col .copyright-content { float:none; display:block;}
  #scc-footer #copyright-col .copyright-content ul {margin:0 auto;}
  #scc-footer #copyright-col .copyright-content ul li {display:block; padding:0 5px; border:0;}
  #scc-footer #copyright-col .copyright-content ul li a {line-height:1.75;}
}

/* ----------- */
/* 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:23px; 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:3px; }
#page-header.menu-header .dropdown { display:inline-block; vertical-align:middle; }
#page-header.menu-header .dropdown-toggle { overflow:hidden; padding:8px 15px; 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:21px;}
}
@media (max-width:767px) {
  #page-header h1 {font-size:19px;}
  #page-header.menu-header h1 {display:block; margin:0 auto 5px auto;}
}

/* --------- */
/* PAGE TABS */
/* --------- */
#pageTabs-wrap { padding:5px 0 0 0; background-color:#dfe7ec; border:1px solid #c0ced8; }
#pageTabs { border-color:transparent; }
#pageTabs.tabs-inline { display:inline-block; vertical-align:middle; }
#pageTabs.nav-tabs>li { margin-bottom:-5px; }
#pageTabs.nav-tabs>li>a { padding:10px; border:0; border-bottom:8px solid transparent; border-radius:0; font-size:16px; font-weight:bold; color:#707f8f; }
#pageTabs.nav-tabs>li>a:hover,
#pageTabs.nav-tabs>li>a:active,
#pageTabs.nav-tabs>li>a:focus,
#pageTabs.nav-tabs>li>a:active:focus {border-bottom-color:#c0ced8; background-color:transparent; color:#2d3339; }
#pageTabs.nav-tabs>li.active>a,
#pageTabs.nav-tabs>li.active>a:hover,
#pageTabs.nav-tabs>li.active>a:active,
#pageTabs.nav-tabs>li.active>a:focus,
#pageTabs.nav-tabs>li.active>a:active:focus { background-color:transparent; border-color:transparent; border-bottom-color:#3281d0; font-weight:900; color:#0f4d8a; }
/* PAGE TABS MEDIA QUERIES */
@media (max-width:767px) {
  #pageTabs.nav-tabs>li>a { padding:5px 15px; font-size:18px; }
}

/* --------------- */
/* PAGE GROUP TABS */
/* --------------- */
#pageGroupTabs { background-color:#dfe7ec; }
#pageGroupTabs .container { max-width:1199px; overflow:auto; white-space:nowrap; padding:0 5px; }
#pageGroupTabs .container-fluid { overflow:auto; white-space:nowrap; padding:0 5px; }
#pageGroupTabs a,
#pageGroupTabs a:active,
#pageGroupTabs a:focus,
#pageGroupTabs a:active:focus { display:inline-block; padding:15px 7px 10px 7px; border:0; border-bottom:5px solid transparent; border-radius:0; text-align:center; text-decoration:none; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:16px; font-weight:bold; color:#707f8f; }
#pageGroupTabs a:hover { background-color:transparent; border-bottom-color:#c0ced8; color:#2d3339; }
#pageGroupTabs a.active,
#pageGroupTabs a.active:hover,
#pageGroupTabs a.active:active,
#pageGroupTabs a.active:focus,
#pageGroupTabs a.active:active:focus { background-color:transparent; border-color:transparent; border-bottom-color:#3281d0; font-weight:900; color:#0f4d8a; }
/* PAGE GROUP TABS MEDIA QUERIES */
@media (max-width:767px) {
  #pageGroupTabs a:hover {border-bottom-color:transparent; color:#707f8f;}
}

/* ------- */
/* BUTTONS */
/* ------- */
.btn-row { margin:0 auto; }
.btn-row.margin-top-15 { margin-top:15px; }
.btn-row.margin-top-30 { margin-top:30px; }
.btn-row.margin-top-45 { margin-top:45px; }
.btn-row.margin-top-60 { margin-top:60px; }
.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:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -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; }
/* LINK */
.btn-row .btn-row-link { margin:5px; padding:0; vertical-align:middle; background-color:transparent; border:0; -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; color:#0f4d8a; }
.btn-row .btn-row-link.link-grey { color:#707f8f; }
.btn-row .btn-row-link.link-darkgrey { color:#2d3339; }
/* COLORED BUTTONS */
.btn-row .btn-blue { background:#0f4d8a; border-color:#0f4d8a; }
.btn-row .btn-lightblue { background:#3281d0; border-color:#3281d0; }
.btn-row .btn-green { background:#219155; border-color:#219155; }
.btn-row .btn-lightgreen { background:#2abb67; border-color:#2abb67; }
.btn-row .btn-grey { background:#a9b2bc; border-color:#a9b2bc; }
.btn-row .btn-darkgrey { background:#707f8f; border-color:#707f8f; }
.btn-row .btn-red { background:#cc000e; border-color:#cc000e; }
.btn-row .btn-orange { background:#f9690e; border-color:#f9690e; }
.btn-row .btn-yellow { background:#f8d23a; border-color:#f8d23a; }
.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-lightblue.btn-transparent { color:#3281d0; }
.btn-row .btn-green.btn-transparent { color:#219155; }
.btn-row .btn-lightgreen.btn-transparent { color:#2abb67; }
.btn-row .btn-grey.btn-transparent { color:#a9b2bc; }
.btn-row .btn-darkgrey.btn-transparent { color:#707f8f; }
.btn-row .btn-red.btn-transparent { color:#cc000e; }
.btn-row .btn-orange.btn-transparent { color:#f9690e; }
.btn-row .btn-yellow.btn-transparent { color:#ddb308; }
.btn-row .btn-purple.btn-transparent { color:#8740a5; }
/* BUTTON SIZES */
.btn-row .btn-xxs { margin:1px; padding:3px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:10px; }
.btn-row .btn-xs { padding:4px 8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:12px; }
.btn-row .btn-sm { padding:6px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.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-rounded { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.btn-row .btn-xxs.btn-rounded,
.btn-row .btn-xs.btn-rounded,
.btn-row .btn-sm.btn-rounded { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.btn-row .btn-squared,
.btn-row .btn-xxs.btn-squared,
.btn-row .btn-xs.btn-squared
.btn-row .btn-sm.btn-squared { border-radius:1px !important; -moz-border-radius:1px !important; -webkit-border-radius:1px !important; }
.btn-row .btn-pill,
.btn-row .btn-xxs.btn-pill,
.btn-row .btn-xs.btn-pill
.btn-row .btn-sm.btn-pill { border-radius:50px !important; -moz-border-radius:50px !important; -webkit-border-radius:50px !important; }
/* LABELED BUTTONS */
.btn-row .btn-wrap { display:inline-block; vertical-align:middle; margin:0 3px; }
.btn-row .btn-wrap .btn { margin:0; }
.btn-row .btn-wrap .btn-title { display:block; margin:3px 0 0 0; text-align:center; font-size:10px; font-weight:bold; color:#707f8f; }
/* 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-lightblue:hover, .btn-row .btn-lightblue:active, .btn-row .btn-lightblue:focus, .btn-row .btn-lightblue:active:hover, .btn-row .btn-lightblue:active:focus { background:#1282f3; border-color:#1282f3; 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-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-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-darkgrey:hover, .btn-row .btn-darkgrey:active, .btn-row .btn-darkgrey:focus, .btn-row .btn-darkgrey:active:hover, .btn-row .btn-darkgrey:active:focus { background:#8d99a5; border-color:#8d99a5; 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-yellow:hover, .btn-row .btn-yellow:active, .btn-row .btn-yellow:focus, .btn-row .btn-yellow:active:hover, .btn-row .btn-yellow:active:focus { background:#f8d23a; border-color:#f8d23a; 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; }
.btn-row .btn-row-link:hover, .btn-row .btn-row-link:active, .btn-row .btn-row-link:focus, .btn-row .btn-row-link:active:focus { text-decoration:none !important; color:#3281d0; }
.btn-row .btn-row-link.link-grey:hover, .btn-row .btn-row-link.link-grey:active, .btn-row .btn-row-link.link-grey:focus, .btn-row .btn-row-link.link-grey:active:focus { color:#434c56; }
.btn-row .btn-row-link.link-darkgrey:hover, .btn-row .btn-row-link.link-darkgrey:active, .btn-row .btn-row-link.link-darkgrey:focus, .btn-row .btn-row-link.link-darkgrey:active:focus { color:#5a6672; }
/* 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:8px 15px; 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 transparent; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -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; }
.dropdown .dropdown-toggle i { margin-left:5px; font-weight:bold; }
/* DROPDOWN LINK */
.dropdown .dropdown-toggle.dropdown-link { padding:0; vertical-align:middle; background:transparent; border:0; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; white-space:nowrap; color:#0f4d8a; }
.dropdown .dropdown-toggle.dropdown-link i { margin-left:0; font-weight:normal; }
/* DROPDOWN SIZES */
.dropdown .dropdown-toggle.btn-xs { padding:4px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:12px; }
.dropdown .dropdown-toggle.btn-sm { padding:6px 12px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/* BUTTON SHAPES */
.dropdown .dropdown-toggle.btn-rounded { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.dropdown .dropdown-toggle.btn-squared { border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; }
.dropdown .dropdown-toggle.btn-pill { border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
/* DROPDOWN COLORS */
.dropdown .dropdown-toggle.btn-default { background:#0f4d8a; border-color:#0f4d8a; }
.dropdown .dropdown-toggle.btn-blue { background:#0f4d8a; border-color:#0f4d8a; }
.dropdown .dropdown-toggle.btn-lightblue { background:#3281d0; border-color:#3281d0; }
.dropdown .dropdown-toggle.btn-green { background:#219155; border-color:#219155; }
.dropdown .dropdown-toggle.btn-lightgreen { background:#2abb67; border-color:#2abb67; }
.dropdown .dropdown-toggle.btn-grey { background:#a9b2bc; border-color:#a9b2bc; }
.dropdown .dropdown-toggle.btn-darkgrey { background:#707f8f; border-color:#707f8f; }
.dropdown .dropdown-toggle.btn-red { background:#cc000e; border-color:#cc000e; }
.dropdown .dropdown-toggle.btn-orange { background:#f9690e; border-color:#f9690e; }
.dropdown .dropdown-toggle.btn-purple { background:#8740a5; border-color:#8740a5; }
.dropdown .dropdown-toggle.btn-white { background:#fff; border-color:#c0ced8; color:#707f8f; }
/* STATE STYLES */
.open>.dropdown-toggle { outline:none; box-shadow:none; background:#0f4d8a; border-color:transparent; color:#fff; }
.dropdown .dropdown-toggle:hover,
.dropdown .dropdown-toggle:active,
.open>.dropdown-toggle,
.open>.dropdown-toggle:hover,
.open>.dropdown-toggle:active,
.open>.dropdown-toggle.focus { outline:none; box-shadow:none; background:#3281d0; border-color:transparent; color:#fff; }
.dropdown .dropdown-toggle.btn-default:hover,
.dropdown .btn-default.dropdown-toggle:hover,
.dropdown .dropdown-toggle.btn-default:active,
.dropdown .btn-default.dropdown-toggle:active,
.open>.dropdown-toggle.btn-default,
.open>.btn-default.dropdown-toggle,
.open>.dropdown-toggle.btn-default:hover,
.open>.btn-default.dropdown-toggle:hover,
.open>.dropdown-toggle.btn-default:active,
.open>.btn-default.dropdown-toggle:active,
.open>.dropdown-toggle.btn-default.focus,
.open>.btn-default.dropdown-toggle.focus { background:#3281d0 !important; border-color:#3281d0 !important; color:#fff !important; }
/* BLUE */
.dropdown .dropdown-toggle.btn-blue:hover,
.dropdown .dropdown-toggle.btn-blue:active,
.open>.dropdown-toggle.btn-blue,
.open>.dropdown-toggle.btn-blue:hover,
.open>.dropdown-toggle.btn-blue:active,
.open>.dropdown-toggle.btn-blue.focus { background:#3281d0; border-color:#3281d0; color:#fff; }
/* LIGHTBLUE */
.dropdown .dropdown-toggle.btn-lightblue:hover,
.dropdown .dropdown-toggle.btn-lightblue:active,
.open>.dropdown-toggle.btn-lightblue,
.open>.dropdown-toggle.btn-lightblue:hover,
.open>.dropdown-toggle.btn-lightblue:active,
.open>.dropdown-toggle.btn-lightblue.focus { background:#1282f3; border-color:#1282f3; color:#fff; }
/* GREEN */
.dropdown .dropdown-toggle.btn-green:hover,
.dropdown .dropdown-toggle.btn-green:active,
.open>.dropdown-toggle.btn-green,
.open>.dropdown-toggle.btn-green:hover,
.open>.dropdown-toggle.btn-green:active,
.open>.dropdown-toggle.btn-green.focus { background:#26a65b; border-color:#26a65b; color:#fff; }
/* LIGHTGREEN */
.dropdown .dropdown-toggle.btn-lightgreen:hover,
.dropdown .dropdown-toggle.btn-lightgreen:active,
.open>.dropdown-toggle.btn-lightgreen,
.open>.dropdown-toggle.btn-lightgreen:hover,
.open>.dropdown-toggle.btn-lightgreen:active,
.open>.dropdown-toggle.btn-lightgreen.focus { background:#26a65b; border-color:#26a65b; color:#fff; }
/* GREY */
.dropdown .dropdown-toggle.btn-grey:hover,
.dropdown .dropdown-toggle.btn-grey:active,
.open>.dropdown-toggle.btn-grey,
.open>.dropdown-toggle.btn-grey:hover,
.open>.dropdown-toggle.btn-grey:active,
.open>.dropdown-toggle.btn-grey.focus { background:#707f8f; border-color:#707f8f; color:#fff; }
/* DARKGREY */
.dropdown .dropdown-toggle.btn-darkgrey:hover,
.dropdown .dropdown-toggle.btn-darkgrey:active,
.open>.dropdown-toggle.btn-darkgrey,
.open>.dropdown-toggle.btn-darkgrey:hover,
.open>.dropdown-toggle.btn-darkgrey:active,
.open>.dropdown-toggle.btn-darkgrey.focus { background:#8d99a5; border-color:#8d99a5; color:#fff; }
/* RED */
.dropdown .dropdown-toggle.btn-red:hover,
.dropdown .dropdown-toggle.btn-red:active,
.open>.dropdown-toggle.btn-red,
.open>.dropdown-toggle.btn-red:hover,
.open>.dropdown-toggle.btn-red:active,
.open>.dropdown-toggle.btn-red.focus { background:#e6000f; border-color:#e6000f; color:#fff; }
/* ORANGE */
.dropdown .dropdown-toggle.btn-orange:hover,
.dropdown .dropdown-toggle.btn-orange:active,
.open>.dropdown-toggle.btn-orange,
.open>.dropdown-toggle.btn-orange:hover,
.open>.dropdown-toggle.btn-orange:active,
.open>.dropdown-toggle.btn-orange.focus { background:#fa8238; border-color:#fa8238; color:#fff; }
/* PURPLE */
.dropdown .dropdown-toggle.btn-purple:hover,
.dropdown .dropdown-toggle.btn-purple:active,
.open>.dropdown-toggle.btn-purple,
.open>.dropdown-toggle.btn-purple:hover,
.open>.dropdown-toggle.btn-purple:active,
.open>.dropdown-toggle.btn-purple.focus { background:#a05abf; border-color:#a05abf; color:#fff; }
/* WHITE */
.dropdown .dropdown-toggle.btn-white:hover,
.dropdown .dropdown-toggle.btn-white:active,
.open>.dropdown-toggle.btn-white,
.open>.dropdown-toggle.btn-white:hover,
.open>.dropdown-toggle.btn-white:active,
.open>.dropdown-toggle.btn-white.focus { background:#dfe7ec; border-color:#c0ced8; color:#707f8f; }
/* DROPDOWN LINK */
.dropdown .dropdown-toggle.dropdown-link:active,
.dropdown .dropdown-toggle.dropdown-link:focus,
.dropdown .dropdown-toggle.dropdown-link:active:focus { outline:none; box-shadow:none; background:transparent; border-color:transparent; text-decoration:none !important; color:#0f4d8a; }
.dropdown .dropdown-toggle.dropdown-link:hover,
.open>.dropdown-toggle.dropdown-link,
.open>.dropdown-toggle.dropdown-link:hover,
.open>.dropdown-toggle.dropdown-link:active,
.open>.dropdown-toggle.dropdown-link.focus { outline:none; box-shadow:none; background:transparent; border-color:transparent; text-decoration:none !important; color:#3281d0; }
/* 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; border:1px solid #c0ced8; opacity:0; }
.dropdown .dropdown-menu.dropdown-noborder,
.dropup .dropdown-menu.dropdown-noborder { border:0; }
.dropdown .dropdown-menu.align-right,
.dropup .dropdown-menu.align-right { right:0; left:auto; }
.dropdown.open .dropdown-menu,
.dropup.open .dropdown-menu { max-height:300px; overflow:auto; overflow-x:hidden; opacity:1.0; }
.dropdown .dropdown-menu li a,
.dropup .dropdown-menu li a { padding:3px 15px; font-size:14px; font-weight:bold; color:#2d3339; }
.dropdown .dropdown-menu li a:hover,
.dropup .dropdown-menu li a:hover { background-color:#dfe7ec; color:#0f4d8a; }
.dropdown-menu li.menu-section-title { padding:10px 10px 2px 10px; border-bottom:1px solid #c0ced8; text-transform:uppercase; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:16px; font-weight:bold; color:#707f8f; }
.dropdown-menu li.menu-section-title.title-top { padding-top:0; }
.dropdown-menu li.menu-section-title.no-border { padding:3px 10px; border-bottom:none !important; }
.dropdown-menu .divider { margin:5px 0; background-color:#c0ced8; }
.dropdown-menu i.fab.fa-facebook,
.dropdown-menu i.fab.fa-facebook-square,
.dropdown-menu i.fab.fa-facebook-f { color:#3b5998; }
.dropdown-menu i.fab.fa-twitter,
.dropdown-menu i.fab.fa-twitter-square { color:#1da1f2; }
.dropdown-menu i.fab.fa-linkedin,
.dropdown-menu i.fab.fa-linkedin-in { color:#0077b5; }

/* ----------- */
/* 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-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:16px; font-weight:bold; color:#707f8f; }
.form-group label.label-note { float:right; text-transform:none; font-size:12px; font-weight:normal; 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-xs { margin-bottom:2px; text-transform:uppercase; font-size:10px; }
.form-group label.label-sm { margin-bottom:2px; font-size:12px; }
.form-group label.label-md { margin-bottom:3px; font-size:14px; }
.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-transform:uppercase; }
.form-group .input-subnote { margin-top:5px; padding-left:5px; text-align:left; font-size:12px; color:#707f8f; }
@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; -webkit-appearance:none; 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-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:16px; font-weight:bold !important; color:#707f8f; text-overflow:ellipsis; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }
.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.input-inline { display:inline-block; width:auto; }
.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 25px 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.input-inline,
.form-group select.form-control.d-inline-block { display:inline-block; vertical-align:middle; width:auto; }
.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; padding-right:20px; padding-left:8px; 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; padding-right:20px; 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:100px; margin:0 auto; padding:10px; resize:none; font-weight:normal; transition:all 0.25s ease; outline:none !important; }

/* BUTTON GROUP */
.form-group .btn-group .btn { height:40px; margin:0 0 0 -2px; padding:12px 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; text-align:center; line-height:1.0; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; color:#707f8f; }
.form-group .btn-group-xs .btn { height:30px; padding:8px 10px; font-size:12px; }
.form-group .btn-group-sm .btn { height:35px; padding:9px 10px; font-size:14px; }
.form-group .btn-group-md .btn { height:45px; padding:12px; font-size:16px; }
.form-group .btn-group-lg .btn { height:50px; padding:15px; font-size:18px; }
.form-group .btn-group-xl .btn { height:60px; padding:18px 20px; font-size:20px; }
.form-group .btn-group .btn:hover { background:#e2e5e9; }
.form-group .btn-group .btn:first-child { margin-left:0; }
.form-group .btn-group .btn.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:2.0; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:17px; font-weight:bold; color:#707f8f; }
.fa-checkbox-sm label { font-size:14px; }
.fa-checkbox-xs label { font-size:12px; }
.fa-checkbox-light label { color:rgba(255,255,255,0.75); }
.fa-checkbox-dark label { color:#2d3339; }
.fa-checkbox label:hover { color:#2d3339; }
.fa-checkbox-light label:hover { color:rgba(255,255,255,1.0); }
.fa-checkbox-dark label:hover { color:#707f8f; }
.fa-checkbox input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.fa-checkbox input[type=checkbox] + label:before { font-family:'Font Awesome 5 Pro',FontAwesome,sans-serif; content:"\f111"; display:inline-block; vertical-align:text-bottom; line-height:1; letter-spacing:5px; font-size:20px; font-weight:normal; color:#0f4d8a; } /* unchecked icon */
.fa-checkbox-sm input[type=checkbox] + label:before { font-size:16px; }
.fa-checkbox-xs input[type=checkbox] + label:before { font-size:14px; }
.fa-checkbox-light input[type=checkbox] + label:before { color:rgba(255,255,255,0.75); }
.fa-checkbox-square input[type=checkbox] + label:before { font-family:'Font Awesome 5 Pro',FontAwesome,sans-serif; content:"\f0c8"; font-weight:normal; }
.fa-checkbox input[type=checkbox]:checked + label:before { content:"\f058"; letter-spacing:5px; font-weight:bold; color:#0f4d8a; } /* checked icon */
.fa-checkbox-sm input[type=checkbox]:checked + label:before { font-size:16px; }
.fa-checkbox-xs input[type=checkbox]:checked + label:before { font-size:14px; }
.fa-checkbox-light input[type=checkbox]:checked + label:before { color:rgba(255,255,255,0.75); }
.fa-checkbox-light:hover input[type=checkbox] + label:before,
.fa-checkbox-light:hover input[type=checkbox]:checked + label:before { color:rgba(255,255,255,1.0); }
.fa-checkbox-square input[type=checkbox]:checked + label:before { content:"\f14a"; font-weight:bold; }
        
/* SLIDER */
.slider-wrap { display:block; }
.form-control-range { -webkit-appearance:none; appearance:none; display:inline-block !important; width:100%; height:5px; margin:10px 0 0 0; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; background:#c6ccd2; 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:#1282f3; cursor:pointer; }
.form-control-range::-moz-range-thumb { width:30px; height:30px; background:#1282f3; 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; }
.slider-wrap .slider-controls { display:block; margin:5px 0 0 0; text-align:right; font-size:12px; font-weight:bold; color:#707f8f; }
.slider-wrap .slider-controls i:hover { color:#fff; }
.slider-wrap .slider-icons { display:inline-block; vertical-align:middle; font-size:16px; }
.slider-wrap .slider-value { display:inline-block; vertical-align:middle; margin-left:7px; }
.slider-wrap .slider-value span { font-weight:bold; color:#c6ccd2; }
.slider-wrap .slider-value input { display:inline-block; vertical-align:middle; width:45px; height:22px; font-weight:bold; color:#c6ccd2; }

/* ----------- */
/* 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-right:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px; font-weight:bold; color:#707f8f; }
.input-group.input-group-xs .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; }
.input-group:hover .form-control,
.input-group:focus-within .form-control { 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; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }
.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.btn-white { padding-left:0; padding-right:10px; background-color:#fff; border:2px solid #c0ced8; border-left:0; border-radius:0 5px 5px 0; color:#707f8f; }
.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; }
.input-group .input-group-btn .btn-default.btn-white:hover,
.input-group .input-group-btn .btn-default.btn-white:active,
.input-group .input-group-btn .btn-default.btn-white:focus,
.input-group .input-group-btn .btn-default.btn-white:active:focus { border-color:#c0ced8; color:#3281d0; }
.input-group:hover .input-group-btn .btn-default.btn-white,
.input-group:focus-within .input-group-btn .btn-default.btn-white,
.input-group:hover .input-group-btn .btn-default.btn-white:hover,
.input-group:focus-within .input-group-btn .btn-default.btn-white:hover { border-color:#707f8f; }
/* 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; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease; transition:all 0.35s ease; }
.input-group.input-group-xs .input-group-addon { height:30px; padding:0 10px; font-size:12px; }
.input-group.input-group-sm .input-group-addon { height:35px; padding:0 15px; font-size:14px; }
.input-group.input-group-md .input-group-addon { height:45px; padding:0 15px; font-size:16px; }
.input-group.input-group-lg .input-group-addon { height:50px; padding:0 15px; font-size:18px; }
.input-group.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-transparent { padding:0 5px 5px 5px; background-color:transparent; border-color:transparent; border-bottom:3px solid #c0ced8; color:#2d3339; }
.panel-default .panel-heading .panel-title { display:inline; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:20px; font-weight:bold; color:#fff; }
.panel-default .panel-heading .panel-title.title-bold { font-weight:900; }
.panel-default .panel-heading .panel-title.title-uppercase { text-transform:uppercase; }
.panel-default .panel-heading.panel-yellow .panel-title { color:#624f04; }
.panel-default .panel-heading.panel-transparent .panel-title { color:#2d3339; }
.panel-default .panel-heading i { margin:0 5px 0 0; }
.panel-default .panel-heading .title-note { padding-top:5px; text-decoration:none !important; font-size:14px; font-weight:normal; color:#fff; }
.panel-default .panel-heading .title-note:hover { opacity:0.85; }
.panel-default .panel-heading .title-note:not(.collapsed) i.fa-angle-up { transform:rotate(-0deg); transition:transform 250ms ease; }
.panel-default .panel-heading .title-note.collapsed i.fa-angle-up { transform:rotate(-180deg); transition:transform 250ms ease; }
.panel-default .panel-heading .title-note a { font-weight:bold; color:rgba(255,255,255,0.75); }
.panel-default .panel-heading .scroll-note { padding-top:5px; text-decoration:none !important; font-size:13px; font-weight:normal; color:#fff; opacity:0.35; }
.panel-default .panel-heading .scroll-note:hover { opacity:0.85; }
/* 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:12px; 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-green { background:#2abb67; border-color:#2abb67; color:#ffffff; }
.panel-default .panel-heading .btn-green:hover,
.panel-default .panel-heading .btn-green:active,
.panel-default .panel-heading .btn-green:focus,
.panel-default .panel-heading .btn-green:active:focus { background:#26a65b; border-color:#26a65b; color:#ffffff; }
.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-default .panel-body.body-0 { padding:0; }
.panel-default .panel-body.body-5 { padding:5px; }
.panel-default .panel-body.body-10 { padding:10px; }
/* PANEL FOOTER */
.panel-footer { margin-top:-3px; 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 1px; font-size:15px; font-weight:bold; color:#707f8f; }
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; }
ul.fa-btn-list li .fa-stack { width:2em; }
ul.fa-btn-list li .icon.fa-stack-1x { line-height:2.35; }
ul.fa-btn-list li.fa-list-label { font-size:10px; color:#4f5964; }
ul.fa-btn-list li.fa-list-label.label-caps { text-transform:uppercase; }
/* 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 SIZES */
ul.fa-btn-list.fa-list-sm li,
ul.fa-btn-list.btn-list-sm li { padding:0; font-size:11px; }
ul.fa-btn-list.btn-list-md li { padding:0; font-size:13px; }
/* 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;}
}

/* --------- */
/* PILL TABS */
/* --------- */
.nav-pills>li+li { margin-left:5px; }
.nav-pills>li>a { padding:6px 8px; border:1px solid #c0ced8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:12px; font-weight:bold; color:#707f8f; }
.nav-pills>li>a:hover,
.nav-pills>li>a:active,
.nav-pills>li>a:focus,
.nav-pills>li>a:active:focus { background-color:#dfe7ec; color:#5a6672; }
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover { background-color:#3281d0; border-color:#3281d0; color:#fff; }

/* -------------- */
/* PAGE PILL TABS */
/* -------------- */
#pagePillTabs { padding:10px 0; background-color:#f2f5f7; }
#pagePillTabs .container,
#pagePillTabs .container-fluid { max-width:1199px; padding:0 15px; }
#pagePillTabs .nav-pills { display:inline-block; }
#pagePillTabs .nav-pills>li>a { padding:6px 12px; font-size:14px; }

/* ----------- */
/* SCROLL TABS */
/* ----------- */
#scrollTabs { background-color:#dfe7ec; }
#scrollTabs .container,
#scrollTabs .container-fluid { overflow:auto; white-space:nowrap; padding:0 15px; }
#scrollTabs .container-fluid { text-align:center; }
#scrollTabs a,
#scrollTabs a:active,
#scrollTabs a:focus,
#scrollTabs a:active:focus { display:inline-block; padding:15px 10px 10px 10px; border:0; border-bottom:5px solid transparent; border-radius:0; text-align:center; text-decoration:none; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; color:#707f8f; }
#scrollTabs a:hover { background-color:transparent; border-bottom-color:#c0ced8; color:#2d3339; }
/* TABS LG */
#scrollTabs.tabs-lg a,
#scrollTabs.tabs-lg a:active,
#scrollTabs.tabs-lg a:focus,
#scrollTabs.tabs-lg a:hover,
#scrollTabs.tabs-lg a:active:focus { padding:20px 15px 15px 15px; font-size:16px; }
/* TABS SM */
#scrollTabs.tabs-sm a,
#scrollTabs.tabs-sm a:active,
#scrollTabs.tabs-sm a:focus,
#scrollTabs.tabs-sm a:hover,
#scrollTabs.tabs-sm a:active:focus { padding:13px 8px 8px 8px; font-size:12px; }
/* TABS BLUE */
#scrollTabs.tabs-blue a,
#scrollTabs.tabs-blue a:active,
#scrollTabs.tabs-blue a:focus,
#scrollTabs.tabs-blue a:active:focus { color:#0f4d8a; }
#scrollTabs.tabs-blue a:hover { color:#3281d0; }
/* SCROLL TABS MEDIA QUERIES */
@media (max-width:767px) {
  #scrollTabs .container,
  #scrollTabs .container-fluid {padding:0 5px;}
  #scrollTabs a:hover {border-bottom-color:transparent; color:#707f8f;}
}

/* ----- */
/* TILES */
/* ----- */
.tile { position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; min-width:0; margin-bottom:15px; word-wrap:break-word; background-color:#707f8f; background-clip:border-box; border:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
/* TILE COLORS */
.tile.bg-blue { background-color:#007bff !important; }
.tile.bg-green { background-color:#28a745 !important; }
.tile.bg-lightgreen { background-color:#eafaf2 !important; }
.tile.bg-red { background-color:#dc3545 !important; }
.tile.bg-lightred { background-color:#fce9e8 !important; }
.tile.bg-orange { background-color:#f9690e !important; }
.tile.bg-yellow { background-color:#ffc107 !important; }
.tile.bg-purple { background-color:#8740a5 !important; }
/* TILE CONTENTS */
.tile-body { -ms-flex:1 1 auto; flex:1 1 auto; padding:10px; }
.tile-body-icon { position:absolute; z-index:0; top:-30px; right:-30px; opacity:0.5; font-size:100px; -webkit-transform:rotate(15deg); transform:rotate(15deg); }
.tile-title { margin:5px 0 0 0; font-size:22px; font-weight:bold; }
.tile-subtitle { text-transform:uppercase; font-size:14px; font-weight:normal; }
/* QUOTE TILES */
.quote-tiles { overflow:auto; white-space:nowrap; padding:0; }
.quote-tiles .container-fluid { min-width:900px; padding-left:0; padding-right:0; }
.quote-tiles .tile-col { padding:0; }
.quote-tiles .tile { margin:0 5px !important; background-color:#f2f5f7; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-width:1px 1px 1px 1px; border-style:solid; border-color:#c0ced8; color:rgba(255,255,255,0.25); }
.quote-tiles .tile.bullish { color:#135333 !important; }
.quote-tiles .tile.bearish { color:#70140f !important; }
.quote-tiles .tile-body { padding:5px 2px 5px 10px; }
.quote-tiles .tile-body-icon { top:-40px; right:-30px; opacity:0.15; font-size:93px; -webkit-transform:rotate(0); transform:rotate(0); color:#707f8f !important; }
.quote-tiles .tile-name { display:block; margin:0 0 3px 0; text-transform:uppercase; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; line-height:1.0; font-size:14px; font-weight:bolder; }
.quote-tiles .tile-values { display:block; margin:0; line-height:1.2; font-size:16px; }
.quote-tiles .tile-percent { margin:0 5px 0 0; font-weight:900; }
.quote-tiles .tile-value { font-weight:normal; }
.quote-tiles .textwrap { display:inline-block; vertical-align:middle; margin:0; line-height:1.1; font-size:11px; font-weight:bold; }
/* QUOTE TILES (DARK BLUE) */
.quote-tiles.darkblue .tile { background-color:#0e263e; border-color:#133353; }
.quote-tiles.darkblue .tile:hover { background-color:#091a2a; }
.quote-tiles.darkblue .tile.bullish { color:#26a65b !important; }
.quote-tiles.darkblue .tile.bearish { color:#cc000e !important; }
.quote-tiles.darkblue .tile.bullish .tile-body-icon { color:#26a65b !important; }
.quote-tiles.darkblue .tile.bearish .tile-body-icon { color:#ff1a29 !important; }
/* QUOTE TILES (DARK) */
.quote-tiles.dark .tile { background-color:#121a21; border-color:#434c56; }
.quote-tiles.dark .tile:hover { background-color:#1b2631; }
.quote-tiles.dark .tile.bullish { color:#26a65b !important; }
.quote-tiles.dark .tile.bearish { color:#cc000e !important; }
.quote-tiles.dark .tile .tile-body-icon { opacity:0.20; }
/* QUOTE TILES (COLORFILL) */
.quote-tiles.colorfill .tile.bullish { background-color:#eafaf2 !important; border-color:#c1f0d9; color:#0e3e26 !important; }
.quote-tiles.colorfill .tile.bearish { background-color:#fce9e8 !important; border-color:#f9d4d2; color:#5a100c !important; }
.quote-tiles.colorfill .tile .tile-body-icon { opacity:0.08; }
.quote-tiles.colorfill .tile.bullish .tile-body-icon { color:#0e3e26 !important; }
.quote-tiles.colorfill .tile.bearish .tile-body-icon { color:#5a100c !important; }

/* -------------- */
/* 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.border-top { border-top:1px solid #dfe7ec; }
.section-links-row.border-bottom { border-bottom:1px solid #dfe7ec; }
.section-links-row.bg-lighter { background-color:#fff; }
.section-links-row.bg-darker { background-color:#dfe7ec; border-top:1px solid #d0dbe2; }
.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; vertical-align:middle; 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:#434c56; 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 { margin:0; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:20px; font-weight:bold; color:#fff; }
.modal-title i { margin-right:5px; }
/* MODAL BODY */
.modal-body { padding:15px; text-align:center; }
.modal-body h4.title { margin:0 auto 15px auto; font-size:20px; font-weight:bold; color:#2d3339; }
.modal-body p { margin:0 auto 15px auto; font-size:16px; font-weight:normal; color:#4f5964; }
.modal-body a { font-weight:bold; }
.modal-body .alert { margin:15px auto 0 auto; padding:15px; font-size:16px; }
.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.input-xs,
.modal-body input.form-control-xs { height:30px; font-size:12px; }
.modal-body input.input-sm,
.modal-body input.form-control-sm { height:35px; font-size:14px; }
.modal-body input.input-md,
.modal-body input.form-control-md { height:45px; font-size:16px; }
.modal-body input.input-lg,
.modal-body input.form-control-lg { height:50px; font-size:18px; }
.modal-body input.input-xl,
.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; }
/* MODAL FOOTER */
.modal-footer { padding:10px; text-align:center; border-top:1px solid #c0ced8; }
/* 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;}
}

/* ------------- */
/* UPGRADE ALERT */
/* ------------- */
.alert.upgrade-alert { margin:0 0 10px 0 !important; text-align:center !important; }
.alert.upgrade-alert .text { display:inline-block; vertical-align:middle; font-weight:bold; }
.alert.upgrade-alert .btn-row { display:inline-block; vertical-align:middle; }

/* ------------ */
/* UPGRADE CARD */
/* ------------ */
.upgrade-card { z-index:1; position:relative; width:100%; max-width:900px; margin:0 auto; padding:30px 15px 15px 15px; background-color:#243342; border-radius:5px; outline:0; -webkit-box-shadow:0 4px 10px rgba(0,0,0,.5); box-shadow:0 4px 10px rgba(0,0,0,.5); text-align:center; overflow:hidden; }
.upgrade-card .bg { z-index:-1; position:absolute; top:0; bottom:0; left:0; right:0; background:url(//d.stockcharts.com/img/bg-chart-graphic-01.jpg) no-repeat center center scroll; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover; opacity:0.15; width:100%; height:100%; }
.upgrade-card h2 { max-width:530px; margin:0 auto 20px auto; line-height:1.20; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:35px; font-weight:bold; color:#fff; }
.upgrade-card h4 { margin:0 auto 15px auto; line-height:1.20; font-size:20px; font-weight:bold; color:#ff1a29 !important; }
.upgrade-card h4.blue { color:#1282f3 !important; }
.upgrade-card h4.green { color:#36e27e !important; }
.upgrade-card h4.yellow { color:#f8d23a !important; }
.upgrade-card p { max-width:530px; margin:0 auto 15px auto; line-height:1.45; font-size:16px; font-weight:normal; color:#e2e5e9; }
.upgrade-card .btn-row { margin:30px auto 0 auto; }
.upgrade-card .btn-row .btn-row-link { margin:0 0 0 15px; font-size:14px; color:#1282f3; }
.upgrade-card .btn-row .btn-row-link.login { display:block; margin:15px auto 0 auto; text-decoration:underline; font-size:14px; font-weight:bold; color:#8d99a5; }
/* UPGRADE CARD SM */
.upgrade-card.upgrade-sm h2 { font-size:30px; }
.upgrade-card.upgrade-sm h4 { font-size:16px; }
.upgrade-card.upgrade-sm p { font-size:14px; }
.upgrade-card.upgrade-sm .btn-row .btn-row-link,
.upgrade-card.upgrade-sm .btn-row .btn-row-link.login { font-size:12px; }
/* UPGRADE CARD MEDIA QUERIES */
@media (max-width:767px) {
  .upgrade-card .btn-row .btn {display:block; margin:0 auto 10px auto;}
  .upgrade-card .btn-row .btn-row-link {margin: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; }
}

/* -------- */
/* FREESTAR */
/* -------- */
.freestar-dvrt { display:block; margin:5px auto; }
.freestar-dvrt h6 { margin:5px auto 0 auto; font-size:11px; color:#707f8f; }
.freestar-dvrt h6 a { font-weight:bold; color:#219155; }
.freestar-dvrt h6 a:hover { text-decoration:underline !important; }

/* ------------- */
/* NOTIFICATIONS */
/* ------------- */
#notification-banners { margin:0; padding-left:0; background-color:#fff; }
#notification-banners li { display:none; position:relative; list-style:none; margin:0; padding:8px 20px; border-top:1px solid #c0ced8; border-bottom:1px solid #c0ced8; 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 .notification-color-0 { background-color:#383f47 !important; border-top-color:#434c56; border-bottom-color:#434c56; }
#notification-banners .notification-color-1 { background-color:#657281 !important; border-top-color:#5a6672; border-bottom-color:#5a6672; }
#notification-banners .notification-color-2 { background-color:#1259a1 !important; border-top-color:#0d4073; border-bottom-color:#0d4073; }
#notification-banners .notification-color-3 { background-color:#3281d0 !important; border-top-color:#2666a6; border-bottom-color:#2666a6; }
#notification-banners .notification-color-4 { background-color:#219155 !important; border-top-color:#1e824c; border-bottom-color:#1e824c; }
#notification-banners .notification-color-5 { background-color:#b3000c !important; border-top-color:#99000a; border-bottom-color:#99000a; }

#notification-banners li .notification-startdate { float:left; font-size:11px; padding-top:6px; padding-right:6px; }
#notification-banners li button.close { position:absolute; top:2px; right:5px; padding:0; cursor:pointer; -webkit-appearance:none; background:0; border:0; text-shadow:none; line-height:1.0; font-size:18px; 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 10px;
  padding:6px 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;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
  background-image:none;
  background-color:rgba(255,255,255,0.35);
  border:1px solid rgba(255,255,255,0.25);
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  text-align:center;
  line-height:1.0;
  font-size:14px;
  font-weight:bold;
  font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
  color:#fff;
}
#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; background-color:rgba(255,255,255,0.50); color:#fff; }
/* 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; }
  #scc-navbar { display:block; }
  #scc-navbar #nav-lower,
  #scc-navbar .navbar-brand,
  #scc-navbar #nav-menuToggle,
  #scc-navbar #nav-chartSearch,
  #scc-navbar ul#nav-accountLinks,
  #scc-navbar ul#nav-userMenu,
  #scc-navbar ul.sitelinks,
  #scc-navbar #nav-siteSearch-wrap { display:none; }
  #scc-navbar #nav-upper:before { content:url(//d.stockcharts.com/img/scc-logo-com-dark-print.jpg); margin:0 auto; }
  #scc-footer #footer-upper,
  #scc-footer #sitelinks,
  #scc-footer #logo-col img.footer-logo,
  #scc-footer #copyright-col ul { display:none; }
  #scc-footer #logo-col { text-align:center; }
  #scc-footer #logo-col:before { content:url(//d.stockcharts.com/img/scc-logo-com-dark-print.jpg); margin:0 auto; }
  .autosuggest { display:none; }
  .section-links-row {display:none !important; }
  .freestar-dvrt,
  #sticky-footer.sticky-parent {display:none !important;}
  #notification-banners,
  #notification-banners li {display:none !important;}
}

/* -------------------- */
/* MODAL - CREATE ALERT */
/* -------------------- */
#modal_createAlert .modal-body { text-align:left; }
#modal_createAlert .modal-body .form-group label.label-sm { margin-bottom:5px; }
#modal_createAlert .modal-body .btn-row { text-align:center; }
/* ALERT COUNT */
#modal_createAlert #alert-count { margin:0; padding:5px; background:#f2f5f7; border:1px solid #dfe7ec; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; color:#707f8f; }
#modal_createAlert #alert-count a { outline:none !important; text-decoration:none !important; }
/* PRICEWRAP */
#pricewrap .input-group .form-control { border-radius:5px !important; }
#pricewrap button.dropdown-toggle { height:35px; margin-left:5px; padding-left:3px; padding-right:3px; outline:none !important; -webkit-appearance:none; box-shadow:none !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:transparent; border:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; font-weight:normal; color:#8d99a5; }
#pricewrap button.dropdown-toggle i.fa-angle-down { font-weight:bold; }
#pricewrap button.dropdown-toggle:hover, #pricewrap .open>button.dropdown-toggle { background-color:#f2f5f7; }
#pricewrap  ul.dropdown-menu { min-width:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#pricewrap  ul.dropdown-menu li a { padding-left:15px; padding-right:15px; font-size:14px; color:#333; }
#pricewrap  ul.dropdown-menu li a:hover { background-color:#dfe7ec; color:#0f4d8a; }
/* MEDIA QUERIES */
@media (max-width:767px) {
    #modal_createAlert #alert-count {text-align:center;}
    #modal_createAlert #alert-count a {float:none !important; display:block; margin-top:5px;}
}

/* ----------------- */
/* MODAL - SCC TRIAL */
/* ----------------- */
#modal_sccTrial .close { z-index:1032; position:relative; top:15px; right:15px; background-color:transparent; padding:0; border:0; line-height:1.0; font-size:45px; color:#fff; opacity:0.85; }
#modal_sccTrial .close:hover, #modal_sccTrial .close:active, #modal_sccTrial .close:focus { outline:none !important; opacity:1.0; }
/* MODAL DIALOG */
#modal_sccTrial .modal-body { padding:0; text-align:center; }
#modal_sccTrial .modal-body img.header-image { display:block; width:100%; border-radius:5px 5px 0 0; }
#modal_sccTrial .modal-body .textwrap { padding:0 15px 15px 15px; }
#modal_sccTrial .modal-body .textwrap h2 { max-width:520px; margin:0 auto 15px auto; line-height:1.20; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:40px; font-weight:bold; color:#383f47; }
#modal_sccTrial .modal-body .textwrap h2 span { font-weight:900; color:#3281d0; }
#modal_sccTrial .modal-body .textwrap h4 { margin:0 auto 15px auto; line-height:1.20; font-size:20px; font-weight:bold; color:#3281d0; }
#modal_sccTrial .modal-body .textwrap h4.blue { color:#1282f3; }
#modal_sccTrial .modal-body .textwrap h4.red { color:#ff1a29; }
#modal_sccTrial .modal-body .textwrap h4.green { color:#36e27e; }
#modal_sccTrial .modal-body .textwrap h4.yellow { color:#f8d23a; }
#modal_sccTrial .modal-body .textwrap p { margin:0 auto 15px auto; line-height:1.45; font-size:16px; font-weight:normal; color:#4f5964; }
#modal_sccTrial .modal-body .btn-row { margin:20px auto 0 auto; }
#modal_sccTrial .modal-body .btn-row .btn-row-link { margin:0 0 0 10px; font-size:14px; }
#modal_sccTrial .modal-body .btn-row .btn-row-close { display:block; margin:15px auto 0 auto; text-decoration:underline; font-size:14px; font-weight:bold; color:#8d99a5; }
#modal_sccTrial .modal-body .btn-row .btn-row-close:hover { color:#707f8f; }
/* MEDIA QUERIES */
@media (min-width:768px) {
  #modal_sccTrial .modal-dialog {margin:75px auto 0 auto;}
}
@media (max-width:767px) {
  #modal_sccTrial .close {top:5px; right:5px; font-size:30px;}
  #modal_sccTrial .modal-dialog {max-width:500px; margin:40px auto 0 auto; padding:0 15px;}
  #modal_sccTrial .modal-body .textwrap h2 {font-size:32px;}
  #modal_sccTrial .modal-body .textwrap p {max-width:none;}
  #modal_sccTrial .modal-body .btn-row {margin-top:15px;}
  #modal_sccTrial .modal-body .btn-row .btn {display:block; margin:0 auto 10px auto;}
  #modal_sccTrial .modal-body .btn-row .btn-row-link {margin:0 auto;}
  #modal_sccTrial .modal-body .btn-row .btn-row-close {font-weight:normal;}
}

/* --------------------- */
/* MODAL - BASIC UPGRADE */
/* --------------------- */
#modal_basicUpgrade .close { z-index:1032; position:relative; top:15px; right:15px; background-color:transparent; padding:0; border:0; line-height:1.0; font-size:45px; color:#fff; opacity:0.85; }
#modal_basicUpgrade .close:hover, #modal_basicUpgrade .close:active, #modal_basicUpgrade .close:focus { outline:none !important; opacity:1.0; }
/* MODAL DIALOG */
#modal_basicUpgrade .modal-body { padding:0; text-align:center; }
#modal_basicUpgrade .modal-body img.header-image { display:block; width:100%; border-radius:5px 5px 0 0; }
#modal_basicUpgrade .modal-body .textwrap { padding:0 15px 15px 15px; }
#modal_basicUpgrade .modal-body .textwrap h2 { max-width:520px; margin:0 auto 15px auto; line-height:1.20; font-family:'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:40px; font-weight:bold; color:#383f47; }
#modal_basicUpgrade .modal-body .textwrap h2 span { font-weight:900; color:#3281d0; }
#modal_basicUpgrade .modal-body .textwrap h4 { margin:0 auto 15px auto; line-height:1.20; font-size:20px; font-weight:bold; color:#3281d0; }
#modal_basicUpgrade .modal-body .textwrap h4.blue { color:#1282f3; }
#modal_basicUpgrade .modal-body .textwrap h4.red { color:#ff1a29; }
#modal_basicUpgrade .modal-body .textwrap h4.green { color:#36e27e; }
#modal_basicUpgrade .modal-body .textwrap h4.yellow { color:#f8d23a; }
#modal_basicUpgrade .modal-body .textwrap p { margin:0 auto 15px auto; line-height:1.45; font-size:16px; font-weight:normal; color:#4f5964; }
#modal_basicUpgrade .modal-body .btn-row { margin:20px auto 0 auto; }
#modal_basicUpgrade .modal-body .btn-row .btn-row-link { margin:0 0 0 10px; font-size:14px; }
#modal_basicUpgrade .modal-body .btn-row .btn-row-close { display:block; margin:15px auto 0 auto; text-decoration:underline; font-size:14px; font-weight:bold; color:#8d99a5; }
#modal_basicUpgrade .modal-body .btn-row .btn-row-close:hover { color:#707f8f; }
/* MEDIA QUERIES */
@media (min-width:768px) {
  #modal_basicUpgrade .modal-dialog {margin:75px auto 0 auto;}
}
@media (max-width:767px) {
  #modal_basicUpgrade .close {top:5px; right:5px; font-size:30px;}
  #modal_basicUpgrade .modal-dialog {max-width:500px; margin:40px auto 0 auto; padding:0 15px;}
  #modal_basicUpgrade .modal-body .textwrap h2 {font-size:32px;}
  #modal_basicUpgrade .modal-body .textwrap p {max-width:none;}
  #modal_basicUpgrade .modal-body .btn-row {margin-top:15px;}
  #modal_basicUpgrade .modal-body .btn-row .btn {display:block; margin:0 auto 10px auto;}
  #modal_basicUpgrade .modal-body .btn-row .btn-row-link {margin:0 auto;}
  #modal_basicUpgrade .modal-body .btn-row .btn-row-close {font-weight:normal;}
}

/* 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;}}