/* Copy this section below to your client's tabpane.css to tweak styles */
/* be sure to grab the import line below and un-comment it for your client */
@import url(/style/shared/tabpane.css); 

.tabs a, .tabs a:visited  { /* regular tabs */
        background-color: #003366;
        color: #ffffff;
}

.tabs a.tab-active, .tabs a.tab-active:visited { /* currently selected tab */
        background-color: #6B9ACC;
        color: #ffffff;
}

.tabs a:hover, .tabs a#confex:hover { /* tabs on mouse-over */
        background-color: #6B9ACC;
        color: #ffffff
}

.tabsline { /* bar below tabs */
       /* background-color: #003366;*/
       background-color: #70af16;
}

.tabs a span {
	color: white;
	}
ul.programlist  {
        list-style-type: none;
        margin: 1.5em .75em 0 0;
        padding-left: 0;
}
ul.programlist li:nth-child(2n) {
        background: #F0F0F0;
      }
ul.programlist li {
        display: flex;
        font-size: small;
        padding: .25em;
}
ul.programlist li a {
        text-decoration: none;
}
ul.programlist li div.proofprogram, ul.programlist li div.spacer { 
        flex-grow: 1;
        flex-shrink: 1;
        text-align: right;
        padding-right: 1em;
        
}
ul.programlist li .deadlines {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        text-align: center;
        /* flex-grow: 1;
        flex-shrink: 1; */
}
ul.programlist li .deadlines div.deadline {
        width: 100px;
}
/* end tabpanes */