body{font-family : Arial, Helvetica, sans-serif;font-size : 12; background-color:#FFFFFF;}
td{font-family : Arial, Helvetica, sans-serif;font-size : 11px;color : Black;text-decoration : none;}
p{font-family : Arial, Helvetica, sans-serif;font-size : 11px;color : Black;text-decoration : none;}
input{font-family : Arial, Helvetica, sans-serif;font-size : 11px;color : Black;text-decoration : none;}
select{font-family : Arial, Helvetica, sans-serif;font-size : 11px;color : Black;text-decoration : none;}
textarea{font-family : Arial, Helvetica, sans-serif;font-size : 11px;color : Black;text-decoration : none;}
a{font-family : Arial, Helvetica, sans-serif; font-size : 11px;color : Black;text-decoration : underline;}
a:hover { color: #CC3333; text-decoration: underline}
/*'Bahnschrift', Verdana, Geneva, */

a.five:link {color:#ff0000;text-decoration:none;}
a.five:visited {color:#0000ff;text-decoration:none;}
a.five:hover {text-decoration:underline;}

.hd1{font-family : 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 18px;color : Black;text-decoration : none;}
h1{font-family : 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 18px;color : Black;text-decoration : none;}
.hd2{font-family: 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:Black; text-decoration:none; font-weight:bold;}
h2{font-family: 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:Black; text-decoration:none; font-weight:bold;}
.hd3{font-family : 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 12px;color : Black;text-decoration : none; font-weight:bold;}
h3{font-family : 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 12px;color : Black;text-decoration : none; font-weight:bold;}
.Whd2{font-family : 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 15px;color : White;text-decoration : none;}
.Whd3{font-family : 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 12px;color : White;text-decoration : none;}
.border{border-bottom: 1px solid black}
.mb{font-family : 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 11px;color : White;text-decoration : none;}
BR.page { page-break-after: always }

table{ border-color:#eee; }

.borderRed{border:1px solid red}
.borderBlack{border:1px solid black}
.borderSilver{border:1px solid silver}
.borderLive{border:1px solid red}
.borderWhite{border:1px solid white}
.borderTop{border-top:1px solid #e4e4e4}
.borderTopRight{border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4}
.borderTopY{border-top:1px solid #ffffcc}
.borderBottom{border-bottom:1px solid #e4e4e4}
.borderTopBottom{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.borderBottomLeft{border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4}
.borderBottomRight{border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4}
.borderNone{border:none !important;}
.borderNoneTran{border:None;background-color : transparent;text-align : right;color : blue}
.borderNoneTran2{border:None;background-color : transparent;text-align : right;}

.borderLeft{border-left:1px solid #e4e4e4}
.borderRight{border-right:1px solid #e4e4e4}
.borderTopLeft{border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4}
table.db {border: 1px solid #000000; border-color: #003399; background-color: #FFFFFF; color:#003399;}
.tableHead {font-size:11px; color:#003399; font-weight:bold; background-color: #F6DB9B;}
.dsfield{border:none; background-color: transparent; text-align : right;}
.inputWarning{border:1px solid white; color: red}

.msg {font-size:11px; color:#cc0000;}

.vsr {font-size:8px; color:red; vertical-align : super; font-weight:bold}
.vsr2 {font-size:8px; color:red; font-weight:bold}
.vsg {font-size:8px; color:green;vertical-align : super; font-weight:bold;text-decoration: none}
.vsg2 {font-size:11px; color:black;font-weight:bold}
.vsb2 {font-size:9px; color:blue;font-weight:bold}

.br{color:red; font-weight:bold}
.bb{color:black; font-weight:bold}

.text{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 11px;color : Black;text-decoration : none;}

.highlight{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 11px;color : white;background-color : black;}

.hide{visibility:hidden; color:red;}

.white{background-color : #87cefa ;}
.transparent{background-color : transparent;}
.yellow{background-color : #FFFFCC;}
.blue{background-color : #87cefa;}
.red{background-color : hotpink;}

.liketd {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px; color:Black; text-decoration:none;}
.smbold {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10px; color:Black; text-decoration:none; font-weight:bold}

td.table-data__page-links {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

em.page-links__title {
    display:block;
    width: 100%;
}

input[type="text"], input[type="number"] {
    border: 1px solid #000;
}

ul {margin-top: 5px; margin-bottom: 8px}

ul.page-links {
    display: inline-block;
    width: 30%;
}


ul.page-links li {
    display: inline-block;
    width: 50%;
    min-width: 160px;
}

.link_table__inner-table--no-border tbody {
    border:0;
}

.indexHead{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 18px;text-decoration : none;}

legend{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 9px;color : blue; font-weight:bold}
.rtfield{text-align : right;}
.lineRight{border-right: 1px solid silver}
.ui-datepicker-trigger{
    vertical-align:middle;
}


body#page__delivery-schedule .tippy-content .order-information {
    margin-bottom: 0;
}


body#page__delivery-schedule tr.clone-table-row--heading {
    background-color: rgb(192,192,192) !important;
}


body#page__delivery-schedule table#maintable tr,
body#page__lfu table#maintable tr,
body#page__forest-stocks table#forest-stocks tr {
    border-bottom: 1px solid #929292;
    border-top: 1px solid #929292;
}

body#page__delivery-schedule table#maintable td:first-of-type,
body#page__lfu table#maintable td:first-of-type,
body#page__forest-stocks table#forest-stocks td:first-of-type {
    border-left: 1px solid #929292;
}

body#page__delivery-schedule table#maintable td,
body#page__lfu table#maintable td,
body#page__forest-stocks table#forest-stocks td {
    border-right: 1px solid #929292;
}

.side--top > p {
    margin-bottom: 0;
    text-align:center;
}


#page__lfu table,
#page__forest-stocks table{
	width:auto;
}

.side--vertical {
    height: 220px;
    position: relative;
    white-space: pre-wrap;
    overflow:hidden;
}
#page__lfu .side--vertical,
#page__forest-stocks .side--vertical {
	min-width:50px;
}

.side--vertical span {
	margin: 0;
	-webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
	text-align: left;
    position: absolute;
    top: 10px;
    /*left: 40%;*/
    height: 190px;
    word-wrap: break-word;
}
@media only print{
	.side--vertical span{
		left:7px;
	}
}

@media only screen and (max-width:1566px){

	.side--vertical span {
		/*left:30%;*/
	}
}
.side--bottom {
    position: relative;
}

.side--bottom > p {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0;
}


#ui-datepicker-div{ z-index:999 !important; }
img.ui-datepicker-trigger {
    z-index: 3;
}


FIELDSET {border: 1px solid silver;}
@media print
{
    .printShow{visibility: visible}
    .printHide{visibility: hidden}
}

body#page__delivery-schedule .tippy-content table tbody {
    color: #fefefe !important;
    background-color: #333 !important;
    border: 0 !important;
}

body#page__quarterly-target-edit input:not([type="submit"]):not([type="button"]),
body#page__quarterly-target-edit select,
body#page__monthly-target-edit input:not([type="submit"]):not([type="button"]),
body#page__monthly-target-edit select,
body#page__docket-check input:not([type="submit"]):not([type="button"]),
body#page__docket-check select,
body#page__docket-list input:not([type="submit"]):not([type="button"]),
body#page__docket-list select:not([name="limit"]) {
    margin-bottom: 0;
    height: 25px;
    /*border-width: 1px;*/
}

body#page__material-sales input:not([type="submit"]):not([type="button"]),
body#page__material-sales select,
body#page__landing-edit input:not([type="submit"]):not([type="button"]),
body#page__landing-edit select {
    margin-bottom: 0 !important;
    height: 2rem;
}

body#page__monthly-target-edit td,
body#page__landing-edit td,
body#page__material-sales td {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

body#page__docket-check legend {
    font-size: 12px;
}
body#page__report-daily-summary table,
body#page__report-daily-reconciliation table {
    border-collapse: collapse;
}

#page__truck-data-edit td.truck-data--editable {
    background-color: #b8e3b5;
}

#page__service-report tr:nth-child(odd) {
    background-color: #E1E1FF;
}
#page__service-report tr.service--trailer {
    background-color: #FFE1E1;
}

#page__area-production .rowHide {
    display: none;
}

#page__hubbos td.data--editable {
    background-color: #b8e3b5;
}

.links--larger a {
    font-size: 1.2em;
    text-decoration:underline;
}

body#page__enter-truck-data #modal-background {
    display:none;
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,0.4);
}
body#page__enter-truck-data .trailer-detail__modal {
    display:none;
    position:absolute;
    width: fit-content;
    width: -moz-fit-content;
    height:auto;
    z-index: 80;
    left:0;
    right:0;
    margin: auto;
    top: 220px;
    background-color:#FFFFCC;
    padding:5px
}
body#page__enter-truck-data #header2 {
    display: none;
}
body#page__enter-truck-data img.editable {
    cursor: pointer;
}

body#page__incident table.incident-accident tr > td:first-of-type {
 font-weight: bold;
}

body#page__generic-edit input[name="crEmail"] {
    width: 100%;
}

.exceptions-report table.dataTable tfoot td,
.exceptions-report table.dataTable tfoot th
{
    padding: 8px 10px;
}

img.responsive {
   width: 100%;
    height: auto;
}