@media print {
    * { -webkit-columns: auto !important; }
}
.worker {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0;
    border-style: none;
    border-bottom: 2px solid black;
    box-shadow: none !important;
    margin: 3px;
}
html{
    height: 100%;
    width: 100%;
    font-size: 10pt;
}
body{
height: 100%;
width: 100%;
}
.wrapper{

    width: 98%;
    border: none;

   
}
.column{
  
}
.geonoteDisplay{
    position: absolute !important;
}
.workerCol{
    width: 500px !important;
    display: none;
    overflow: hidden !important;
    visibility: hidden !important;
    font-size: 100% !important;
    
}
.WBdate {
    width: 100%;
}

.worker{

    width: 100% !important;
    font-size: 50%;
    transform: translateZ(0);
}
.test{
    display: inline-block;
    font-size: 9pt !important;
    float: right;
    visibility: visible;
    height: 95% !important;
    width: 71%  !important;
    position: relative;
    column-count:2!important;
    -moz-column-count:2!important;
    -webkit-column-count: 2!important;
    column-gap: 35px!important;
    
    

}
.test .worker{

     visibility: visible;
     column-count: auto;
     font-size: 9pt !important;
     -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    -webkit-float: left;
    

}
.infocol{
    float: left;
    position: absolute;
}
.info {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    border-style: none;
    border-width: 1px;
    margin: 1px;
    padding: 5px;
    width: 25%;
    font-size: inherit !important;
    max-width: 250px;
    


}

.weather .current {
    border: 1px solid black;
    border-radius: 3px;
    float: left;
    margin: 5px 5px 5px 0;
    text-align: center;
    width: 45%;
    
 
}
.weather .forcast {
    border: 1px solid black;
    border-radius: 3px;
    float: left;
    margin: 5px 5px 5px 0;
    text-align: center;
    width: 45%;
 
}
.weather img{
    max-width: 20%;
}
@supports (-webkit-appearance:none) {
@media print and (max-width: 7.0in) and (min-width:1.0in){
  .test{
    font-size: 10pt!important;
    
}
.test .worker{
    font-size: 10pt !important;
    }
}

@media print and (max-width: 9.0in) and (min-width:7.1in) {
  .test{
    font-size: 8.5pt !important;
    -webkit-column-count:3!important;
    -webkit-column-count: 3!important;
    
}
.test .worker{
    font-size: 8.5pt !important;
    }
.info {
    width: 24%!important;
}
.test{
    width: 72%!important;
}
}
@media print and (max-width: 10in) and (min-width:9.1in) {
  .test{
    font-size: 10pt !important;
    -webkit-column-count:4!important;
    -webkit-column-count: 4!important;

}
.test .worker{
    font-size: 10pt!important; 
    }
.info {
    width: 20%!important;
}
.test{
    width: 75%!important;
}
}
}

@media print and (max-width: 10.0in) and (min-width:1.0in){
  _:-moz-tree-row(hover),.test{
    font-size: 8pt !important;
    -moz-column-count:2!important;
    -moz-column-count:2!important;

}
_:-moz-tree-row(hover),.test .worker{
    font-size: 8pt !important;
    }
}

@media print and (max-width: 12.0in) and (min-width:10.1in) {
  _:-moz-tree-row(hover),.test{
    font-size: 8pt !important;
    -moz-column-count:3!important;
    -moz-column-count:3!important;

}
_:-moz-tree-row(hover),.test .worker{
    font-size: 8pt !important;
    }
}



.title {

    font-size: 1.5em;

}
.hole {
    font-size: 100%;
    height: 356px;
    position: relative;
    width: 178px;
}
.WBdate{
    font-size: 120%;
}
.workboard{
    width: 100%;
    height: 100%;
}
.infocol{
    height: inherit;
    width: inherit;
}
.color{
    padding-left: 1%;

}
.tabs .activetab {

    padding: 8px;
    color: black;
    margin-bottom: -1px;
    font-weight: bold;
    font-size: 90% !important;
}
.tabs .tab {
    vertical-align: bottom;
    display: inline-block;
    color: #808080;
    padding: 5px;
    border: solid 1px black;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: -1px;
    cursor: pointer;
    font-size: 60%;
}
.color.v3 .employeeImage{
  max-width: 25px!important;
  box-shadow: 2px 2px 2px rgba(0,0,0,.5);
  z-index: 2000;
    
}
.color.v2 .employeeImage{

    max-width: 25px!important;
    box-shadow: 2px 2px 2px rgba(0,0,0,.5);
    z-index: 2000;
    
}
.WBdate {
    width: 100%;
    }