.borderB{
	border-bottom:2px solid #445175;
}

.borderT{
	border-top:2px solid #445175;
}
.myTabHead{
	background-color:#a4abdd;
	color:black;
}
.myDataTable thead tr th, .myDataTable tr td{
    padding:5px 10px;
}

.myDataTable thead tr th{
    background-color:#a4abdd;
    text-align:right;
}

.myDataTable thead tr th:first-child{
    background-color:#a4abdd;
    text-align:left;
}

.myDataTable tr td{
    text-align:right;
}


/*The cells in the tfoot should be td, but bootstrap-tables has them as th, so I am doing it wrong here to match them.*/
.myDataTable tfoot tr th{
    background-color:#a4abdd;
    text-align:right;
}

.myDataTable tfoot tr th:first-child{
    background-color:#a4abdd;
    text-align:left;
}



.myDataTable tr .leadColumn, .myDataTable tfoot tr .colAlignLeft {
    text-align:left;
}


.myDataTable tbody tr td .colAlignLeft{
    text-align:left;
}

#orgDataTable_select select{
    background-color:yellow;
}


.mySelect select, .mySelect input{
    font-size:14px;
    font-weight:bold;
    color:black;
}
.myDataTable thead tr .nextYear{
    background-color:#e8e3e3;
}

.myDataTable tr .nextYear{
    background-color:#e8e3e3;
}
#bldgCostTable tfoot tr td:last-child{
    text-align:right;
    background-color:#a4ddd6;
}


.footerRow td{
    background-color:#a4abdd;
}

/*override the datatables styles for the search input box and length of page box */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter label{
    color:black;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_length label{
    color:black;
}



.fixed-table-toolbar{
     line-height:1em;
     font-size:11px;
} 
.dropdown-toggle{
    background-color:#a4ddd6;
    color:black;
}
.yearly_totals{
     text-align:left;
}

.fixed-table-toolbar{
    margin-top:0px;
}

#toolbar{
    border:none;
}
.form-control{
    border:none;
}
.fixed-table-loading{
    border:none;
    display:none;
}
label{
    color:white;
}
.login_label{
     color:rgb(0,0,0);
}

/*The no data message when none is returned*/
.noData{
    color:red;
    height:35px;
    font-size:24px;
    text-align:center;
}

/*standard button coloring*/
.spc_btn_standard{
    background-color:#a4ddd6;
    color:rgb(0,0,0);
}

/*Begin Styles for the annual black, annual color, and data totals boxes*/
.vols_card{
     border-radius: 25px 25px 0px 0px;
     box-shadow: 10px 10px 5px black;
     color:rgb(0,0,0);
     font-size:12px;
     font-weight:bold;
}

.vols_header_plate{
    background-color:#a4ddd6;
}

.data_totals_card{
    border-radius: 25px 25px 0px 0px;
    box-shadow: 10px 10px 5px black;
    font-size:14px;
    font-weight:bold;
}

.data_totals_header_plate{
    background-color:#a4abdd;
}

.top_category{
     border-top:2px solid black;
}

.annual_black, .annual_color, .data_totals{
   font-size:20px;
   text-align:center;
   padding:10px;
   color:rgb(255,255,255); 
}

.annual_color, .data_totals{
     color:rgb(0,0,0);
}



.vols_category{
     border-bottom:2px solid black;
     border-right:2px solid black;
     padding:5px 5px 5px 15px;
     font-size:14px;
}


.vols_totals{
   border-bottom:2px solid black;
   padding:5px 17px 5px 2px;
   text-align:right;
   font-size:14px;
}

/*.vols_totals{
   border-bottom:2px solid black;
   padding:5px 35px 5px 10px;
   text-align:right;
   font-size:12px;
}*/

/*.vols_totals_mid{
   border-bottom:2px solid black;
   border-right:2px solid black;
   padding:5px 10px 5px 10px;
   text-align:right;
   font-size:12px;
}*/

.vols_totals_mid{
   border-bottom:2px solid black;
   border-right:2px solid black;
   padding:5px 5px 5px 10px;
   text-align:right;
   font-size:14px;
}


.data_totals_category{
     border-bottom:2px solid black;
     border-right:2px solid black;
     padding:5px 5px 5px 25px;
}

.equipPaperTab{
    margin:0px 0px 0px 0px;
    padding:5px;
    border-radius: 25px 25px 0px 0px;
    font-size:14px;
    text-align:center;
    font-weight:bold;
}

.equipPaperRows{
    border-bottom:2px solid black;
    margin-left:0px;
    padding:5px;
    font-size:14px;
    text-align:center;
    font-weight:bold;
}


.panel > .vol-cost-hdr{
    padding:10px 15px;
    font-size:16px;
    font-weight:bold;
    color:rgb(0,0,0);
}


.non_reporting{
    color:rgb(0,0,0);
}

#sync_date_category{
    border-bottom:2px solid black;
    padding:5px 5px 5px 25px;
}

#sync_date_date{
    border-bottom:2px solid black;
    padding:5px 6px 5px 0px;
}
#not_reporting_note{
    color:red;
    padding:5px 5px 5px 25px;
}


.data_totals_vols{
    border-bottom:2px solid black;
    padding:5px 30px 5px 5px;
    text-align:right;
}

/*non_reporting_alerts_list*/
tbody > tr > .non-reporting-totals{
    color:red;
    font-weight:bold;
    font-style:italic;
}

/*over_under_budget_list*/
tbody > tr > .over-under-totals{
    color:blue;
    font-weight:bold;
    font-style:italic;
}


/*End Styles for the annual black, annual color, and data totals boxes*/


/*ul li .my_nav_item{
     color:red;
     font-size:20px;
     font-weight:bold;
}*/

/*These do not override bootstrap styles here. These styles are now inline.*/
.myModalStyles{
  position: absolute;
  left: 0px;
  top: 0px;
  border:2px solid red;
  width:450px; 
}






/*This is to the right of the list and download icons on the bootstrap-tables toolbar. I cannot seem to remove the square following the caret space.
.caret{
    
   
}*/

/*.myButton{
    background-color:#a4ddd6;
    color:rgb(0,0,0);
}*/