html, body {
    background-color: #FFD39E;
}

body {
    font-family: FontAwesome, 'Source Sans Pro', sans-serif;
    margin: 20px;
    width: 95%;
    text-align: center;
}

#site {
    text-align: left;
    width: 98%;
    margin: 0 auto;
}

.header .headerbar {
    margin: -20px;
    height: 50px;
    background-color: #9ECAFF;
}

.header .headerbar .buttonbar {
    margin-left: 10px;
}

.header .headerbar .button {
    margin-top: 5px;
    
    font-size: 12pt;
    font-weight: bold;

    padding-right: 5px;
    padding-left: 5px;
    float: left;
}

.header .title {
    margin-top: 40px;
    height: 103px;
    background: url(/images/logo.png) no-repeat;
}

.header .title .text{
    font-size: 14pt;
    font-weight: bold;
    margin-left: 90px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000000;
    margin: 1em 0;
    padding: 0; 
}

.content {
    margin-bottom: 50px;
}

.content .title {
    font-size: 18pt;
}
.content .title .text {
    margin-left: 5px;
}

.content .formheader {
    margin-top: 10px;
    margin-bottom: 5px;;
    background-color: #9ECAFF;
    font-size: 12pt;
    font-weight: bold;
}

.content input {
    width: 100%;
}

.content select {
    width: 100%;
}

.content .formbuttonbar {
    margin-top: 10px;
    text-align: right;
}

.content .reportbuttonbar {
    vertical-align: bottom;
}

.content .usertable {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: 50%;
}

.content .equiptable {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: 50%;
}

.content .roles {
    width: 50%;
    margin: 5px;
    border: 1px solid black;
}

.content .roles th, .content .roles td {
    border: 1px solid black;
    text-align: center;
}

.content .roles th {
    background-color: #9ECAFF;
    height: 25px;
}

.content .roles td {
    height: 30px;
}

.content table#dockAvailability {
    width: 30%;
    border: 1px solid black;
    margin-bottom: 10px;
}

.content table#dockAvailability td {
    border: 1px solid black;
    text-align: center;
    font-weight: bold;
    font-size: 18pt;
}

.content table#dockAvailability .open {
    background-color: #84EE6D;
}

.content table#dockAvailability .closed {
    background-color: #F59795;
}

.content .queue {
    width: 1920px;
    margin: 5px;
    border: 1px solid black;

}

.content .queue th, .content .queue td {
    border: 1px solid black;
    text-align: center;
}

.content .queue th {
    background-color: #9ECAFF;
    height: 25px;
}

.content .queue td {
    height: 50px;
}

.content .queue .status-load-match {
    background-color: #FFA500;
}

.content .queue .status-inprocess {
    background-color: #F1F56F;
}

.content .queue .status-loading {
    background-color: #84EE6D;
}

.content .queue .status-complete {
    background-color: #DBD0CE;
}

.content .queue .pending-appt {
    background-color: #F59795;
}

.content .queuereport .totals {
    font-weight: bold;
}
.content .queuereport .summarytable {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: 25%;
}

.content .queuereport .operatortable {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 60%;
}

.content .queuereport .timeslotDistributionTable {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 40%;
}

.content .queuereport .rawdatatable {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 160%
}

.content .queuereport .gridIcon {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.content div#rats table#queue {
    width: 1800px;
    margin: 5px;
    border: 1px solid black;
}

.content div#rats table#queue th {
    background-color: #9ECAFF;
    height: 25px;
}

.content div#rats table#queue th a {
    color: #000000;
    cursor: pointer;
}

.content div#rats table#queue td {
    height: 50px;
}

.content div#rats table#queue .active {
    background-color: #FFFFFF;
}

.content div#rats table#queue .completed {
    background-color: #DBD0CE;
}

.content div#rats table#queue .loading {
    background-color: #84EE6D;
}

.content div#rats table#queue .started {
    background-color: #F1F56F;
}

.content div#rats table#queue th, .content div#rats table#queue td {
    border: 1px solid black;
    text-align: center;
}

.content div#ratsdropship table#queue {
    width: 1800px;
    margin: 5px;
    border: 1px solid black;
}

.content div#ratsdropship table#queue th {
    background-color: #9ECAFF;
    height: 25px;
}

.content div#ratsdropship table#queue th a {
    color: #000000;
    cursor: pointer;
}

.content div#ratsdropship table#queue td {
    height: 50px;
}

.content div#ratsdropship table#queue {
    background-color: #FFFFFF;
}

.content div#ratsdropship table#queue .completed {
    background-color: #DBD0CE;
}

.content div#ratsdropship table#queue th, .content div#ratsdropship table#queue td {
    border: 1px solid black;
    text-align: center;
}

.content .error .help-block,
.content .error label,
.content .error .radio,
.content .error .checkbox,
.content .error .radio-inline,
.content .error .checkbox-inline,
.content .error .radio label,
.content .error .checkbox label,
.content .error .radio-inline label,
.content .error .checkbox-inline label {
  color: #a94442;
}

.content .error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.content .error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.content .error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.lastActivity {
    margin-top: 10px;
    background-color: #9ECAFF;
}

.lastActivityTitle {
    font-weight: bold;
}

.gridAction {
    margin-left: 10px;
    cursor: pointer;
}

.footer .copyright {
    font-size:8pt;
    font-weight: bold;
}

.ui-grid-category {
  text-align: center;
  border-right: 0px;
  box-shadow: -1px 1px #d4d4d4 
}

.tablerow {
    height: 200px;
}