/* Reset */
html, div, dd, dt, dl, img, ul, ol, li, p, h1, h2, h3, h4, h5, form, hr, fieldset, label, input, textarea, select {
    font-family: Arial, Verdana Helvetica, sans-serif;
    font-size: 12px;
    color: #555555;
}

#left-panel-01-data .msg-wrapper-table-01 .msg-table .timestamp {
    font-weight: bold;
    font-size: 10pt;
}

#left-panel-01-data .msg-wrapper-table-01 .msg-table .msg-short {
    font-weight: bold;
    font-size: 10pt;
}

.overview-left-divider {
    width: auto;
    height: 2px;
    right: 0px;
    left: 0px;
    background: url(/fleetmanager/javax.faces.resource/img/overview/PanelDivider_mid.png.xhtml) repeat-x;
}

.ui-blockui {
    z-index: 9001;
}

.pointer {
    cursor: pointer;
}

ul.kacheln {
    list-style: none;
}

.kachel {
    float: left;
    width: 250px;
    height: 250px;
    border: 1px solid grey;
    margin: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 1px 0px #555555;
}

.kachel a {
    display: block;
    height: 250px;
    width: 250px;
}

.kachel .head {
    margin: 10px;
}

.kachel .head img {
    float: left;
}

.kachel .head h4 {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.ui-dashboard-column:nth-child(1) {
    width: 30%;
}

.ui-dashboard-column:nth-child(2) {
    width: 40%;
}

.ui-dashboard-column:nth-child(3) {
    width: 30%;
}

.tree-accept {
    border: 5px solid blue;
    background-color: blue;
}

.tree-deny {
    border: 5px solid red;
    border-color: red;
}

/* Planning Tab Icons */
.ui-tabmenuitem .ui-icon-department {
    background-size: 100% auto;
    width: 50px;
    height: 30px;
    background-image: url("/fleetmanager/javax.faces.resource/img/planning/structure-select-default.png.xhtml");
}

.ui-tabmenuitem .ui-icon-vehicle {
    background-size: 100% auto;
    width: 50px;
    height: 30px;
    background-image: url("/fleetmanager/javax.faces.resource/img/planning/vehicle-select-default.png.xhtml");
}

.ui-tabmenuitem .ui-icon-driver {
    background-size: 100% auto;
    width: 50px;
    height: 30px;
    background-image: url("/fleetmanager/javax.faces.resource/img/planning/driver-select-default.png.xhtml");
}

.ui-tabmenuitem .ui-icon-battery {
    background-size: 100% auto;
    width: 50px;
    height: 30px;
    background-image: url("/fleetmanager/javax.faces.resource/img/planning/battery-select-default.png.xhtml");
}

.ui-tabmenuitem .ui-icon-attachment {
    background-size: 100% auto;
    width: 50px;
    height: 30px;
    background-image: url("/fleetmanager/javax.faces.resource/img/planning/attachment-select-default.png.xhtml");
}

.ui-tabmenuitem .ui-icon-charger {
    background-size: 100% auto;
    width: 50px;
    height: 30px;
    background-image: url("/fleetmanager/javax.faces.resource/img/planning/charger-select-default.png.xhtml");
}

.ui-tabmenuitem .ui-icon-accesstoken {
    background-size: 100% auto;
    width: 50px;
    height: 30px;
    background-image: url("/fleetmanager/javax.faces.resource/img/planning/accesstoken-select-default.png.xhtml");
}


.ui-tabmenuitem .ui-icon-sync {
    background-size: 100% auto;
    width: 50px;
    height: 30px;
    background-image: url("/fleetmanager/javax.faces.resource/img/planning/sync/sync-default.png.xhtml");
}

.ui-tabmenuitem  .ui-icon-sync {
    background-size: 100% auto;
    width: 50px;
    height: 30px;
    background-image: url("/fleetmanager/javax.faces.resource/img/planning/sync/sync-default.png.xhtml");
}

.form-field-errors input {
    border-color: red;
}

.form-field-errors select {
    border-color: red;
}

.form-field-errors label {
    color: red;
}

.form-field-required {
    color: red;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
}

.red {
    color: red;
    font-size: x-large;
}

.report-subtable-footer {
    font-weight: normal !important;
}

.report-table-footer {
    text-align: left !important;
}

body .booleanCheckbox.ui-chkbox {
    width: auto;
}

body .booleanCheckbox .ui-chkbox-box {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-left: 3px;
}

body .booleanCheckbox .ui-chkbox-label {
    vertical-align: middle;
    margin-top: 0;
    font-weight: bold;
}

body .booleanCheckbox.red .ui-chkbox-label {
    color: #cd0a0a;
}

body .booleanCheckboxNormal .ui-chkbox-label {
    vertical-align: top;
    margin-top: 0;
}

body .booleanCheckboxNormalText .ui-chkbox-label {
    vertical-align: middle;
    margin-top: 0;
    font-weight: normal;
}