/*
    Copyright 2017-22 California Department of Transportation. All rights reserved.
    Created on : Oct 9, 2017, 1:23:26 PM
    Author     : s142065 John L. Mohammed at Caltrans ITSD
*/

.tabbedPanes {
    padding: 4px 0px 0px 0px;
    width: 100%;
    height: 100%;
}

.tabName {
    display:  inline;
    border-top: black solid 1px;
    border-left: black solid 1px;
    border-right: black solid 1px;
    border-bottom: black solid 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: white;
    margin-left: 1px;
    margin-right: 1px;
    padding: 2px 1px 2px 1px;
}

button.selected {
    border-bottom: 1px solid white;
}

table.selected {
    display: table;
}

.tables {
    position: relative;
    top: -1px;
    border-bottom: 1px solid black;
    padding-bottom: 2px;
    z-index: 0;
    width: 100%;
    overflow-y: scroll;
}

.CSVMessage {
    border: 1px solid black;
    padding: 30px 2px;
    z-index: 0;
    width: 100%;
    background-color:lightgray; 
    color:black; 
    font-size: larger; 
    text-align: center;
    height:100px
}

    .wait { 
        cursor: wait !important; 
    }
    
    #applyFilter:active {
        cursor: wait !important;
    }

    #clearFilter:active {
        cursor: wait !important;
    }

.tableHr {
    margin-top: 1px;
    margin-bottom: 1px;
    border: 0;
    border-top: 1px solid #ccc;
}

div.projectCount {
    font-size: smaller;
    padding-left: 0.5em;
}

.panelProjectCount {
    float:right; 
    font-size:smaller; 
    font-style: italic; 
}

.floating .panelProjectCount {
    display:inline-block; 
    margin-right:30px; 
    margin-top: 5px;
}

.topDocked .panelProjectCount {
    display: none;
}

.projectList {
    border-collapse: collapse;
    border: 1px solid grey;
    width: 100%;
}

.projectList tr:nth-child(even) {
    background-color: #e2f2f2;
}

.projectList th {
    font-size: smaller;
    border: 1px solid grey;
    text-align: center;
    padding: 2px 0px;
    color: white;
    background-color: #696969;
    top: 0;
    position: sticky;
    position: -webkit-sticky;
}

.projectList th.wideColumn {
    width: 18%;
	max-width: 250px;
}

.fixedHeader {
    position: absolute;
    left: 1px;
    z-index: 100;
}

.fixedHeaderColumn {
    display: table-cell;
    font-size: smaller;
    border: 1px solid grey;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    color: white;
    background-color: #696969;
}

.projectList td {
    font-size: smaller;
    border: 1px solid grey;
    text-align: center;
    padding: 2px;
}

.projectList td.wideColumn {
    text-align: left;
	max-width: 250px;
}

.projectList tr.selected {
    border: 3px solid green;
}

.projectList.printVersion td {
    font-size: x-small;
}