/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}
a, .warning-helper {
    cursor: pointer;
}
/*  tbody is used as the object being sent back from react for a in/out set
    does not need the bolder border from bootstrap*/
.table>tbody+tbody {
    border-top: 0px;
}
.table>tbody>tr>th.dayDivider {
    padding: 5px 3px 3px 8px;
    text-transform: uppercase;
    font-size: .85em;
    color: #7E9AA9;
}
.dayDivider.info::after {
    content: 'End Week 1 (Begin Week 2)';
    text-align: right;
    display: block;
    float:right;
    padding-right: 8px;
    text-transform: none;
    font-weight: 400;
}
.buffer-top {
    margin-top: 20px;
}
.buffer-bottom {
    margin-bottom: 20px;
}
.jumbotron .container {
    position: relative;
}
small.super-small {
    font-size: .3em;
}
.muted {
    color:#aaa;
}

#hcgLogo {
    position: absolute;
    right: 0;
    top: -75px;
    width: 170px;
    height: 170px;
}
.btn.disabled,
.btn[disabled] {
    opacity: .25;
}
.huge {
    font-size: 3.5em;
}
.huge small {
    color: #aaa;
    font-size: .5em;
}
.table>tbody>tr>td.huge {
    padding: 8px 18px;
    font-size:2em;
}
.label-header {
    font-size: 24.5px;
    color: #aaa;
}
.table>tbody>tr>td.vertical-center,
.table>tbody>tr>th.vertical-center {
    vertical-align: middle;
}
.sorted-asc::before {
    content: '\f0de';
    font-family: 'FontAwesome';
    margin-right: .5em;
}
.sorted-desc::before {
    content: '\f0dd';
    font-family: 'FontAwesome';
    margin-right: .5em;
}
.well.loading {
    text-align: center;
    font-size: 2em;
    padding: 2.5em;
}
.well.loading::before {
    content: 'Loading... ';
}
.well.loading::after {
    font-family: 'FontAwesome';
    content: '\f110';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.navbar-dev {
	background-color: #7746A2 !important;
}
.navbar-dev .navbar-brand {
	color:#e0e0e0 !important;
}
.progress-label {
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}
.reportTable {
    width: 100%;
    font-family: monospace;
    font-size: 8pt;
    line-height: 1em;
}
.reportTable tr td hr.dashed {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px dashed #000;
}
#indicator {
    position: absolute;
    width: 150px;
    left: calc(50% - 75px);
    top: 1em;
    text-align: center;
    color: #558acc;   
}
#invasiveMsg {
    position: fixed;
    z-index: 1030;
    padding: 1em;
    text-align: center;
    background: #558acc;
    background: rgba(85, 138, 204, 0.85);
    width: 100%;
    color: #fff;
}
#invasiveMsg a {
    color: #fff;
    text-decoration: underline;
}
#invasiveMsg.danger {
    background: #cc5555;
    background: rgba(204,85,85,.85);
}
.table tbody tr td.overtime-cell {
	border-left: solid 3px #a94442;
}
/* just for fun */
#coocoo {
    position: absolute;
    top: -51px;
    width: 80px;
    height: 54px;
    right: 20px;
    display: none;
}

.jTipContainer {
    position: relative;
    white-space: pre;
}
.jTip {
    font-size: 10px;
    position:absolute;
    z-index: 999;
    white-space:nowrap;
    bottom:9999px;
    left: 50%;
    background:#000;
    color:#e0e0e0;
    padding:0px 7px;
    line-height: 24px;
     
    opacity: 0;  
    transition:opacity 0.4s ease-out; 
}
     
.jTipContainer:hover .jTip {
    opacity: 1;
    bottom:-35px;
}

@media (min-width: 992px) {
    .text-right-resp {
        text-align: right;   
    }
    #coocoo {
        display: block;
    }
}

@media print {
    .no-print {
        display: none;   
    }
}

.loginError { 
    margin: 10px 0 -10px 5px;
    color: red;
    font-size: 16px;
}

.loginNotice {
    text-align: center;
    margin: 50px 0 -10px 5px;
    padding: 15px;
    background-color: aliceblue;
    border: 2px dashed darkgrey;
    font-size: 20px;
}