.year-tabs ul li a {
    width: 60px;
}

.year-tabs ul li {
    width: 60px;
    margin: 0 10px;
    border-radius: 0px;
    background-color: #4e6574;
    border: 0px !important;
}

.tableHeaders th {
    text-align: left;
}

.table-bordered th {
    text-align: left;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: -.5px;
}

.tableHeaders th,
.tableHeaders td {
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    color: #39aea1;
}

.bigTables {
    color: #a2a2a2 !important;
    background-color: #222836;
    z-index: -1;
}

.bigTables .table-bordered > tbody > tr > td,
.bigTables .table-bordered > tbody > tr > th {
    border: 2.5px solid #2d3041;
}


.bordered {
    border-top: 2.5px solid #ccc !important;
    border-bottom: 2.5px solid #ccc !important;
    z-index: 0;
}


.boldTitle {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding-left: 10px !important;
}

.page-header {
	margin: 60px 0px 20px 0px !important;
}

.mainSearch {
	margin-top: 10px;
}

/*.page-header[_ngcontent-c4][_ngcontent-c4] div[_ngcontent-c4][_ngcontent-c4]*/
.mainSearch {
    margin-bottom: 20px !important;
    border-bottom: 1px solid #4e6574;
    margin-right: 7px !important;
    display: inline-flex;
 }

.filters[_ngcontent-c4] {
    margin-bottom: 20px !important;
}

form.filters {
    display: inline-flex;
    flex-wrap: nowrap;
}

 input {
 	background-color: #262836;
	border: none;
	font-size: normal !important;
	color: #ddd !important;
    margin-bottom: 5px;
 }
 .smFilter input {
     width: 7em;
 }

 .form-submit {
    margin: 1em 2em 3em auto;
    width: 100%;
    padding: 1em;
}
 
 #searchTopID {
    vertical-align: top;
    line-height: 20px;
    color: #ccc;
    background-color: #2d3041;
    border: none;
 }

.second-row {
	display: inline-flex !important;
	line-height: 25px;
	font-size: 1em !important;
}

 .filterButton {
 	height: 30px;
    vertical-align: middle;
    background-color: #4e6574;
    border: none !important;
    font-size: .8em;
    text-transform: uppercase;
    color: #ddd;
    margin-right: 10px;
    margin-top: 10px;
    padding-left: 1em;
 }

 .filters btn:hover, .filters btn:active,
 .filters btn:focus, .filterButton:hover,
 .filterButton:focus, .filterButton:active {
 	background-color:#55818e;
    color: #FFFFFF;
}

.reset {margin-right: 30px;}

.leftFilters {
    display: grid;
}

#threeLeft {
    display: inline-flex !important;
}

.btn-group .dropdown-menu, .btn-group-vertical .dropdown-menu {
    border-radius: 0 0 3px 3px;
    background-color: #4e6574 !important;
    border: .5px solid #cdcdd1 !important;
    padding: 0px;
    color: #ddd;
    top: 30px !important;
    width: 100%;
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 0;
}

.btn-group.open > .dropdown-toggle.btn,
.btn-group.open > .dropdown-toggle.btn.btn-default,
.btn-group-vertical.open > .dropdown-toggle.btn,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-default {
    background-color: #4E6574;
}


.monthly button {
	background-color: #4e6574 !important;
	border: none !important;
	height: 30px;
    line-height: .8;
}

/*.leftFilters {
	margin-left: 3.2%;
}*/

#monthlyFilter> .dropdown-menu> li:hover,
#monthlyFilter> .dropdown-menu> li:focus,
#monthlyFilter> .dropdown-menu> li:active,
.third-row>.leftFilters>.open > .dropdown-menu> li:hover,
.third-row>.leftFilters>.open > .dropdown-menu> li:active,
.third-row>.leftFilters>.open > .dropdown-menu> li:focus {
	background-color: #697984 !important;
}

.third-row>.leftFilters>.open > .dropdown-menu {
    display: block;
    line-height: 2.5;
    padding-top: 0;
	padding-bottom: 0;
	padding-left: 0px;
}



.btn.active, .btn:focus, .btn:active, .btn:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover, .navbar .navbar-nav > li > a.btn:focus, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn.btn-default:focus, .navbar .navbar-nav > li > a.btn.btn-default:active, .navbar .navbar-nav > li > a.btn.btn-default:hover {
    background-color: rgb(26, 42, 53);
	transition: background-color .1s .2s;
	border: none !important;
	border-radius: 0px;
}

/* add Company */

.addCompany-card {
    max-width: 80%;
}

.addCompany-title {
    background-color: #222836;
    font-size: .5em;
    color: #39aea1;
    margin-top: 5%;
    padding: 0 2em;
}


/* Statements fixed td width */

.statement > tfoot > tr > th, .statement > thead > tr > td, .statement > tbody > tr > td, .statement > tfoot > tr > td {
    min-width: 5em !important;
}

.statement > thead > tr > th, .statement > tbody > tr > th {
    min-width: 17em !important;
    padding-bottom: 10px !important;
}

/* Statements border and cell stylling */

.statement > thead > tr.tableHeaders > th, .statement > thead > tr.tableHeaders > td {
    font-size: 0.85em;
    border: none;
    border-bottom: 2px solid #2d3041;
}
 
.table > thead > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td {
    white-space: nowrap !important;
}

.card .title {
    margin-top: 0;
    margin-bottom: 5px;
    width: 230px;
    font-size: 0.9em;
    color:#bcbfc5;
    padding-left: 20px;
  }
  th.title {font-size: 1em !important;}
  th.title.margins {font-size: 0.90em !important;}
  h2.title{
    font-size: 1.2em !important;
    width: 230px;
    color: #39aea1 !important;
    border-top: 0;
    font-weight: 300;
    text-transform: uppercase;
  }
  
  /* target chrome for cell max-width */
  @media screen and (-webkit-min-device-pixel-ratio:0) { 
    .statement > tfoot > tr > th, .statement > thead > tr > td, .statement > tbody > tr > td, .statement > tfoot > tr > td {
        min-width: 5em !important;
    }
    .statement > thead > tr > th, .statement > tbody > tr > th {
        min-width: 17em !important;
    }
  }
  /* target edge for cell max-width */
  @supports (-ms-ime-align:auto) {
    .statement > tfoot > tr > th, .statement > thead > tr > td, .statement > tbody > tr > td, .statement > tfoot > tr > td {
        min-width: 5em !important;
    }
    
    .statement > thead > tr > th, .statement > tbody > tr > th {
        min-width: 17em !important;
    }
    
  }

  /* Statement tables */
.table.statement {
    margin-bottom: 3.5rem !important;
}

.card.statementTables {
    margin-bottom: 0 !important;
}

.rowTitle {
    border-right: none !important;
}

div.year-tabs {
    display: flex;
    justify-content: space-between;
}
.year-tabs h2 {
    color: #39aea1 !important;
    font-size: 1.7em;
    margin: 0 !important;
}

h2.statement-title {
    width: auto !important;
    align-self: center;
}

td.margins {
    font-size: 0.9em !important;
}

.fas.fa-pull-right, .far.fa-pull-right {
    margin-left: -0.3em !important;
    margin-top: -0.3em;
    color:#49e1d0; 
    margin-right: -0.5em;
}
a.pdfLink {
    color: #49e1d0;
}

a:hover > i.fas.fa-pull-right, a:hover > i.far.fa-pull-right {
    color: #787981;
}

/* Monitor buttons */

select#gate {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;       /* remove default arrow */
    background-image: url("images/arrow-d.svg");
    background-repeat: no-repeat;
    background-position: 93% 60%;
    background-size: 0.9em;
 }

 select#gate::-ms-expand { 
    display: none; /* hide the default arrow in ie10 and ie11 */
}

.btn, .navbar .navbar-nav > li > a.btn {
    border-radius: unset !important;
}

/* Title */

h1#portfolioTitle {
    margin-bottom: 0;
    margin-top: 1em;
}

/* Margins padding */
.mr-3 {margin-right: 0.75em !important;}
.mt-3 {margin-top: 1em !important;}
.mt-5 {margin-top: 2.5em !important;}

.panel-border {
    border: 0.5px solid #4e6574;
    padding: 1em 2em;
}