body
{
    background-color:white;
}

div.scrollmenu {
    background-color: #354251;
    overflow: auto;
    white-space: nowrap;
    width: 55%;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    background-color: #777;
}

div.content {
	width: 54%;
	background-color: #f4f9ff;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

.container {  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 10px;
    grid-auto-flow: row;
    grid-template-areas:
      "left center right";
  }

  .container2 {  display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1px 10px;
    grid-auto-flow: row;
    grid-template-areas:
      "driver_left driver_right";
  }
  
  .driver_left { grid-area: driver_left; }
  .driver_right { grid-area: driver_right; }
  
  .left { grid-area: left; }
  .center { grid-area: center; }
  .right { grid-area: right; }
  
  .log
  { 
    width: 75%;
	background-color: #ebf3fd;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
    max-height: 500px;
    overflow: auto;
}

.log a { text-decoration: none; }

/* styles loads table */
table.iksweb_loads{text-decoration: none;border-collapse:collapse;width:70%;text-align:center;}
table.iksweb_loads th{font-weight:normal;font-size:14px; color:#ffffff;background-color:#354251;}
table.iksweb_loads td{font-size:13px;color:#354251;}
table.iksweb_loads td,table.iksweb_loads th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #52667c;}	table.iksweb_loads tr:hover{background-color:#ebf5ff}
table.iksweb_loads tr:hover td{color:#354251;cursor:default;}

/* styles all loads table */
table.iksweb_loads_all{text-decoration: none;border-collapse:collapse;width:71%;text-align:center;}
table.iksweb_loads_all th{font-weight:normal;font-size:14px; color:#ffffff;background-color:#354251;}
table.iksweb_loads_all td{font-size:13px;color:#354251;}
table.iksweb_loads_all td,table.iksweb_loads_all th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #52667c;}	table.iksweb_loads_all tr:hover{background-color:#ebf5ff}
table.iksweb_loads_all tr:hover td{color:#354251;cursor:default;}

/* styles all loads invoiced table */
table.iksweb_loads_invoiced{text-decoration: none;border-collapse:collapse;width:76%;text-align:center;}
table.iksweb_loads_invoiced th{font-weight:normal;font-size:14px; color:#ffffff;background-color:#354251;}
table.iksweb_loads_invoiced td{font-size:13px;color:#354251;}
table.iksweb_loads_invoiced td,table.iksweb_loads_invoiced th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #52667c;}	table.iksweb_loads_invoiced tr:hover{background-color:#ebf5ff}
table.iksweb_loads_invoiced tr:hover td{color:#354251;cursor:default;}

/* styles drivers table */
table.iksweb_drivers{text-decoration: none;border-collapse:collapse;width:90%;text-align:center;}
table.iksweb_drivers th{font-weight:normal;font-size:14px; color:#354251;background-color:#d1e0f3;}
table.iksweb_drivers td{font-size:13px;color:#354251;}
table.iksweb_drivers td,table.iksweb_drivers th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #52667c;}	table.iksweb_drivers tr:hover{background-color:#fbf8e9}
table.iksweb_drivers tr:hover td{color:#354251;cursor:default;}

/* styles brokers table */
table.iksweb_brokers{text-decoration: none;border-collapse:collapse;width:95%;text-align:center;}
table.iksweb_brokers th{font-weight:normal;font-size:14px; color:#354251;background-color:#fbf8e9;}
table.iksweb_brokers td{font-size:13px;color:#354251;}
table.iksweb_brokers td,table.iksweb_brokers th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #52667c;}	table.iksweb_brokers tr:hover{background-color:#fcfbf2}
table.iksweb_brokers tr:hover td{color:#354251;cursor:default;}

/* styles tasks table*/
table.iksweb_tasks{text-decoration: none;border-collapse:collapse;width:80%;text-align:center;}
table.iksweb_tasks th{font-weight:normal;font-size:15px; color:#354251;background-color:#fbf8e9;}
table.iksweb_tasks td{font-size:13px;color:#354251;}
table.iksweb_tasks td,table.iksweb_tasks th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #52667c;}	table.iksweb_tasks tr:hover{background-color:#fcfbf2}
table.iksweb_tasks tr:hover td{color:#354251;cursor:default;}

/* styles detention table*/
table.iksweb_detention{text-decoration: none;border-collapse:collapse;width:85%;text-align:center;}
table.iksweb_detention th{font-weight:normal;font-size:15px; color:#ff9898;background-color:#fbf8e9;}
table.iksweb_detention td{font-size:13px;color:#354251;}
table.iksweb_detention td,table.iksweb_detention th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #52667c;}	table.iksweb_detention tr:hover{background-color:#fcf2f2}
table.iksweb_detention tr:hover td{color:#354251;cursor:default;}


input:focus {
    background-color: rgb(252, 252, 172);
  }

  .tbl { border-collapse: collapse; text-align:center;}
  .tbl th, .tbl td { padding: 10px; border: solid 1px #777; text-align:center;}
  .tbl th { background-color: lightblue; text-align:center;}