html { 
    font-family: sans-serif; 
    background: #eee; 
    padding: 1rem; 
}
body { 
    max-width: 100%; 
    margin: 0 auto; 
    background: white; 
}
h1 { 
    font-family: serif; 
    color: #377ba8; 
    margin: 1rem 0; 
}
a { 
    color: #377ba8; 
}
hr { 
    border: none; 
    border-top: 1px solid lightgray; 
}
nav { 
    background: lightgray; 
    display: flex; 
    align-items: center; 
    padding: 0 0.5rem; 
}
nav h1 { 
    flex: auto; 
    margin: 0; 
}
nav h1 a { 
    text-decoration: none; 
    padding: 0.25rem 0.5rem; 
}
nav ul  { 
    display: flex; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}
nav ul li a, nav ul li span, header .action { 
    display: block; 
    padding: 0.5rem; 
}
.content { 
    padding: 0 1rem 1rem; 
}
.content > header { 
    border-bottom: 1px solid lightgray; 
    display: flex; 
    align-items: flex-end; 
}
.content > header h1 { 
    flex: auto; 
    margin: 1rem 0 0.25rem 0; 
}
.flash { 
    margin: 1em 0; 
    padding: 1em; 
    background: #cae6f6; 
    border: 1px solid #377ba8; 
}
input.danger { 
    color: #cc2f2e; 
}
input[type=submit] { 
    align-self: start; 
    min-width: 10em; 
}
input[type=button] { 
    align-self: start; 
    min-width: 10em; 
}
input[type="text"]{ 
    padding: 0px 0px; 
    line-height: 1px; 
}

.tg  {
    border-collapse:collapse;
    border-spacing:0;
    width: 100%;
}
.tg td{
    border-color:white;
    border-style:solid;
    border-width:1px;
    font-family:Arial, sans-serif;
    font-size:12px;
    overflow:hidden;
    padding:10px 5px;
    word-break:normal;
}
.tg th{
    border-color:white;
    border-style:solid;
    border-width:1px;
    font-family:Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    overflow:hidden;
    padding:10px 5px;
    word-break:normal;
    text-align: left;
}
.tg .tg-0lax{
    text-align:left;
    vertical-align:top
}

div.relative {
    position: relative;
    width: 100%;
    height: 1300px;
    border: 3px solid #1507ad;
}

div.recpinfo {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 600px;
    font-size: 10px;
    border: 3px solid #1507ad;
}

div.senderinfo {
    position: absolute;
    top: 488px;
    left: 2px;
    width: 600px;
    font-size: 10px;
    border: 3px solid #1507ad;
}

div.intldetail {
    position: absolute;
    top: 658px;
    left: 2px;
    width: 600px;
    font-size: 10px;
    border: 3px solid #1507ad;
}

div.shipinfo {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 600px;
    font-size: 10px;
    border: 3px solid #1507ad;
}

div.billdet {
    position: absolute;
    top: 359px;
    right: 2px;
    width: 600px;
    font-size: 10px;
    border: 3px solid #1507ad;
}

div.references {
    position: absolute;
    top: 550px;
    right: 2px;
    width: 600px;
    font-size: 10px;
    border: 3px solid #1507ad;
}

div.general{
    position: absolute;
    top: 2px;
    left: 2px;
    width: 600px;
    font-size: 10px;
    border: 3px solid #1507ad;
}

.shipBtn {
    top: 114px;
    right: 35px;
    position: absolute;
}

.resetBtn {
    top: 140px;
    right: 35px;
    position: absolute;
}

.cartonDetails{
    bottom: 5px;
    left: 101px;
    position: relative;

    overflow-y: scroll;
    height: 122px;
    resize: none;
}
.addCarton{
    bottom: 5px;
    left: 300px;
    position: absolute;
}

/* End of day report */
.endofday-filter {
    margin: 1em 0;
}

.endofday-filter label {
    font-weight: bold;
    margin-right: 0.5em;
}

.endofday-summary {
    font-weight: bold;
}

.endofday-scanform {
    margin: 1em 0;
    padding: 1em;
    background: #cae6f6;
    border: 1px solid #377ba8;
}

.endofday-print {
    margin: 1em 0;
}

.tg tr.carrier-row td {
    background: #dfe7ef;
    font-size: 13px;
}

table.tg input[type=submit] {
    min-width: 0;
    padding: 2px 8px;
}