html{
    height:100%;
}
body{
    position: relative;
    padding-top: 10vh;
    padding-bottom: 1rem;
    min-height: 100%;
    background-image: url("../images/rexroth_hubb_bg.jpg");
    background-image: url("../images/rexroth_hubb_bg.jpg"), linear-gradient(#06032b, black);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
   
th a {
    color:black;
}

th a:hover{
    text-decoration: none;
    color:black;
}

.bg-rexroth {
    background-color: #002B49;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;}

.navbar {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    background-color: white;
    /* the rest of your styling */
}

.cont-padd{
    padding-top:126px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    text-align: center;
    font-size: 14px;
}

.footer::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 16px;
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("../images/supergraphic.svg");
}
    
.attention{
	background-color: yellow;
	color: red;
}

.jumbotron {
    background-image: url("../images/Rexroth-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 250px;
}

.jumbotron h1{
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #FFF;
}

#main-content {
	min-height:100%;
}

.label-info{
	font-size:16px;
	font-weight:bold;
}

.sts{
	font-weight:bold;
}

.sts-received{
	background-color: black;
    color: white;
}

.sts-assessed{
	background-color: blue;
    color: white;
}

.sts-quoted{
    background-color: orange; 
    color : black;
}

.sts-repaired{
    background-color: limegreen;
    color:black;
}

.sts-delivered{
    background-color: none;    
    color: black;
}

.sts-overdue{
    background-color: red !important;    
    color: black;
}

.jobs:hover{
    cursor: pointer;
    opacity: 0.8;
}

.custom-button{
    -webkit-appearance:  none; 
    width:  auto;
    min-width:  200px;
    border-radius:  20px; 
    text-align:  center; 
    padding:  10px 40px;
    margin-top:  5px; 
    margin-bottom: 10px;
    background-color:  indianred; 
    color:  #fff; 
    font-size:  24px;
    margin-left:  auto; 
    font-weight:  bold; 
    box-shadow:  0px 2px 6px -1px rgba(0,0,0,.13); 
    border:  none;
    transition:  all .3s ease; 
    outline: 0;     
}

.custom-button:hover {
    transform:  scale(1.1);
}

.custom-button:active {
    transform:  scale(.99);
}

.customlogin label{
    color: white;
}

.customlogin a{
    color: yellow;
}

.customlogin a:hover{
    text-decoration: none;
    font-weight: bold;
}

.customlogin{
	padding:10px;
	background:rgba(0,0,0,0.70);
	border-radius: 10px;
	border: 2px solid #000000;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

.customtable{
    border-collapse: separate;
	background: rgba(248,248,255,0.7);
	border: 2px solid #000000;    
}

.clickable{
    cursor:pointer;
}

.table td.fit{
    width: 10%;
}

.toprint{
    display: none;
}

.td-print-l{
    width:33%;
    padding:10px;
    justify-content: left;
}

.td-print-m{
    width:33%;
    padding:10px;
    justify-content: center;
}

.td-print-r{
    width:33%;
    padding:10px;
    justify-content: right;
}

.chart{
    width: 100%;
    height: 70vh;
    margin: 5px auto;
}

.full-screen{
    min-height:100vh;
    width:100vw;
}

.row{
    margin:0 !important;
}

.custom-chart{
    width:99%;
    margin: 30px 10px 10px 10px;
	padding:10px;
	background:rgba(200,200,200,0.90);
	border-radius: 10px;
	border: 2px solid #000000;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;    
}

@media print {
    
   .printarea {
       display: none;
    }
    .toprint{
        display: block;
        padding:0px;
        border:none;
    }
    .cont-padd{
        padding-top:0px;
    }
    .customtable{
        border:none;
        page-break-before: avoid;
        page-break-after:avoid;
        page-break-inside:avoid;
    }
}