/*
  Author  :  Empirasign Strategies LLC
  Email    :  info@empirasign.com
  Website  :  www.empirasign.com

this version is not supposed to conflict with stuff that bootstrap is
configuring

eventually we will only have one version of this file as nothing we do will
conflict with bootstrap

Colors:
  #05144b - Empirasign brand blue

*/


/* ------ START General Site CSS ------ */

html {
  overflow-y:scroll;
}

body {
  background-image: url('/site_media/img/noise-1.png');
  /*background-color: #9ba6b1;*/ /*winner winner chicken dinner*/
}

/* for some reason IE has gives images borders, probably related a styling above */
img {
  border-style: none;
}

form {
  font-size: 100%;
}

/* ------ END General Site CSS ------ */


/* ------ START Third-Party CSS Overwrite ------ */

/* overwrite typeahead CSS */
span.twitter-typeahead {
  width: 100% !important;
}

/* make the jqui datepicker slightly smaller */
div.ui-datepicker {
  font-size: 87.5%;
  display: none;
}

/*overwriting bootstrap*/

.modal-open {
    padding-right: 0px !important; /* fix modal padding bug caused by scroll bar */
}

.nav-tabs > li.blue-active-tabs.active > a,
.nav-tabs > li.blue-active-tabs.active > a:hover,
.nav-tabs > li.blue-active-tabs.active > a:focus {
  color: white;
  background-color: #042c62;
}

.nav-tabs > li.blue-active-tabs > a,
.nav-tabs > li.blue-active-tabs > a:hover,
.nav-tabs > li.blue-active-tabs > a:focus {
  color: black;
  background-color: white;
}

.nav-tabs > li > a {
  background-color: #042c62;
  color: white;
  border: medium none !important;
}

.nav-tabs > li > a:hover {
  color: gray;
}

/* ------ END Third-Party CSS Overwrite ------ */

/* ------ START db_base.html CSS ------ */

/* body */
div.container {
  color: black;
  width: 1170px;
}

/* wraps all page contents and ensures footer is at the bottom of the view port */
#super-container {
  position: relative;
  min-height: 100vh;
  padding-bottom: 50px;
}

div.w1370 {
  width: 1370px;
}

div.w1370 #flow_ajax_id{
    margin-left: 90px;
}

div.container-wide{
  padding-left: 10vw;
  width: 1170px;
  color: black;
}

/* flex container definitions - flexible margins, horizontal scroll datatables when necessary */

div.container-flex {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 50px;
    color: black;
}

div.container-flex.flex-wide{
    margin-left: 5%;
    margin-right: 5%;
}

div.container-flex table.dataTable {
    width: 100% !important;
}

div.container-flex div.dataTables_wrapper {
    width: 100% !important;
}

div.container-flex {
    min-width: 1100px;
}

div.container-flex.flex-scroll div.dataTables_wrapper {
    overflow-x: auto;
}

@media screen and (min-width: 998px) {
    div.container-wide{
        margin-left: 5px;
    }
}

/* content */
#content {
  height: auto;
  margin: 0 auto;
  padding: 0px;
  width: auto;
}

#content h1 {
    border-bottom: 1px dashed #999;
    font-size: 2.0em;
    padding: 20px 0 0;
}

/* footer */
#footer {
  border-top: 1px solid #999;
  height: 50px;
  margin: 0px;
  padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

/* Free Page Header Banner CSS */
.jumbo-container {
  height: 100%;
  border-radius: 0px;
  position: relative;
}

/* banner image */
.banner-img {
  max-width: 100%;
  margin-top:50px;
  background-size: cover;
}

.banner-img.img-skyline {
  background-image: url("/site_media/img/black-and-white-city_blue.jpg");
  background-position: center top;
}

.banner-img.img-monitor {
  background-image: url("/site_media/img/data_monitor_blue.jpg") !important;
  background-position: center bottom;
}

.banner-img.img-global {
  background-image: url("/site_media/img/global_map_blue.jpg") !important;
  background-position: center top;
}

.header-logo-sm {
  height: 200px !important;
}

.headline {
  padding: 100px 25px;
}

/* free page headline */
.headline.free {
  height: 400px;
  padding-top: 200px;
}

.headline h2 {
  font-size: 45px;
}

.headline p {
  font-size: 34px;
}

/* ------ END db_base.html CSS ------ */


/* ------ START Site-Wide Styling ------ */

/* Background Styling*/
.bg-white {
  background-color: white;
}

.bg-blue {
  background-color: #05144b;
  color: white;
}

.bg-blue a{
  color: white;
}

.bg-blue .btn-lg, .bg-white .btn-lg {
  padding-top: 16px;
  padding-bottom: 16px;
}

/*Icon Styling*/

.color-esl-blue{
  color: #05144b;
}

.color-white {
  color: white;
}

.icon-xs {
  font-size: 12px;
}

.icon-sm {
  font-size: 20px;
}

.icon-sm-md {
  font-size: 40px;
}

.icon-md {
  font-size: 60px;
}

.icon-lg {
  font-size: 150px;
}

/*Logo styling*/
.social-logo {
  width: 90px;
  height: 90px;
  padding: 12px;
}

/*To Customize Bootstrap Buttons*/

.btn.sharp {
  border-radius: 0;
}

.btn-wrap {
  white-space: normal;
}

/* Button styling for dbhome */

.home-btn-white {
  background-color: white;
  border-color: #05144b;
  color: #05144b !important;
}

.home-btn-white:hover {
  background-color: #05144b;
  border-color: white;
  color: white !important;
}

.home-btn-blue {
  background-color: #05144b;
  border-color: white;
  color: white !important;
}

.home-btn-blue:hover {
  background-color: white;
  border-color: #05144b ;
  color: #05144b !important;
}

.anchor-white a:link, .anchor-white a:visited, .anchor-white a:active {
  color: white !important;
  text-decoration: none !important;
}

.anchor-white a:hover{
  color: #198cff !important;
}

/* Google-Font Classes */

.text-raleway {
    font-family: 'Raleway', sans-serif;
}

.text-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.text-overpass {
    font-family: 'Overpass', sans-serif;
}

.text-lato {
    font-family: 'Lato', sans-serif;
}

.divider-left {
    border-left: 1px solid black;
    padding-bottom: 10px;
}

/* should not use this anymore, should used boostrap labels/classes */
.error, ul.errorlist {
  font-weight: bold;
  color: #C00
}

/* ------ END Site-Wide Styling ------ */


/* ------ START cross-template CSS ------ */

/* start view_cusip.js and view_similar_bonds.js styling */
.single-cusip-glyph {
  vertical-align: top;
  padding: 10px;
  margin-right: 15px;
}

.single-cusip-ul.nav-tabs li a {
  height: 50px;
}

.single-cusip-ul.nav-tabs > li > a:hover {
  border: medium none;
  background-color: #365681 !important;
  color: white !important;
}

.line-above-tab {
  border-top: 2px solid #042c62;
}

/* white background for code samples in blog divs */
div.blog pre {
  background-color: white
}

div.blog h1 {
  /* override #content h1 padding-top b/c div.blog already has padding */
  padding-top: 0px !important;
  /* override h1 padding-top  b/c div.blog already has padding */
  margin-top: 0px !important;
}

div.blog {
  font: 14px/1.4 'PT Sans', 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
  padding: 30px;
  max-width: 800px;
  color: #161010;
  background-color: #F8F8F8;
  border: 2px solid black;
}

div.blog img {
  max-width: 700px;
  padding: 0px;
  border: 2px solid gray;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* no border */
div.blog img.icon{
  border-style: none;
}
/* https://www.xaprb.com/blog/how-to-style-images-with-markdown/ */
div.blog img[src*="#icon"] {
  border-style: none;
}

/* similar to blog, but no size constraints - used in paas_msg_viewer and view_msg */
div.press {
  font: 1.1em "Trebuchet MS", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
  color: #0E0D0D;
  background-color: white;
  padding: 5px;
  margin: 3px;
  border: 2px solid black;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* used in both view_bwic_guest and email_search */
div.bwic_preview {
  padding: 5px;
  border: 2px solid black;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.chevron-bullet li {
    display: block;
}
.chevron-bullet li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}

.chevron-bullet > li.down:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e114";
}

/* ESL Brand Blue Button */
/*505a81*/
.btn-esl {
  color: #fff;
  background-color: #1d2b5d;
  border-color: #05144b;
}
.btn-esl:focus,
.btn-esl.focus {
  color: #fff;
  background-color: #05144b;
  border-color: #05144b;
}
.btn-esl:hover {
  color: #fff;
  background-color: #05144b;
  border-color: #05144b;
}
.btn-esl:active,
.btn-esl.active,
.open > .dropdown-toggle.btn-esl {
  color: #fff;
  background-color: #05144b;
  border-color: #05144b;
}
.btn-esl:active:hover,
.btn-esl.active:hover,
.open > .dropdown-toggle.btn-esl:hover,
.btn-esl:active:focus,
.btn-esl.active:focus,
.open > .dropdown-toggle.btn-esl:focus,
.btn-esl:active.focus,
.btn-esl.active.focus,
.open > .dropdown-toggle.btn-esl.focus {
  color: #fff;
  background-color: #05144b;
  border-color: #05144b;
}
.btn-esl:active,
.btn-esl.active,
.open > .dropdown-toggle.btn-esl {
  background-image: none;
}
.btn-esl.disabled:hover,
.btn-esl[disabled]:hover,
fieldset[disabled] .btn-esl:hover,
.btn-esl.disabled:focus,
.btn-esl[disabled]:focus,
fieldset[disabled] .btn-esl:focus,
.btn-esl.disabled.focus,
.btn-esl[disabled].focus,
fieldset[disabled] .btn-esl.focus {
  background-color: #05144b;
  border-color: #05144b;
}
.btn-esl .badge {
  color: #1d2b5d;
  background-color: #fff;
}


/* ESL Light Blue button */
.btn-esl-light {
  color: #fff;
  background-color: #4467a4;
  border-color: #4467a4;
}
.btn-esl-light:focus,
.btn-esl-light.focus {
  color: #fff;
  background-color: #4467a4;
  border-color: #4467a4;
}
.btn-esl-light:hover {
  color: #fff;
  background-color: #404C77;
  border-color: #4467a4;
}
.btn-esl-light:active,
.btn-esl-light.active,
.open > .dropdown-toggle.btn-esl-light {
  color: #fff;
  background-color: #4467a4;
  border-color: #4467a4;
}
.btn-esl-light:active:hover,
.btn-esl-light.active:hover,
.open > .dropdown-toggle.btn-esl-light:hover,
.btn-esl-light:active:focus,
.btn-esl-light.active:focus,
.open > .dropdown-toggle.btn-esl-light:focus,
.btn-esl-light:active.focus,
.btn-esl-light.active.focus,
.open > .dropdown-toggle.btn-esl-light.focus {
  color: #fff;
  background-color: #4467a4;
  border-color: #4467a4;
}
.btn-esl-light:active,
.btn-esl-light.active,
.open > .dropdown-toggle.btn-esl-light {
  background-image: none;
}
.btn-esl-light.disabled:hover,
.btn-esl-light[disabled]:hover,
fieldset[disabled] .btn-esl-light:hover,
.btn-esl-light.disabled:focus,
.btn-esl-light[disabled]:focus,
fieldset[disabled] .btn-esl-light:focus,
.btn-esl-light.disabled.focus,
.btn-esl-light[disabled].focus,
fieldset[disabled] .btn-esl-light.focus {
  background-color: #4467a4;
  border-color: #4467a4;
}
.btn-esl-light .badge {
  color: #4467a4;
  background-color: #fff;
}