:root {
    --appLogo: url(/Resources/Images/RAndR/Logo.svg);
    --tick16: url('/Resources/Images/RAndR/Tick_16.png');
    --rowHoverBackground: #ffa500;
    --rowHoverBackgroundRgba: rgba(255, 165, 0, 0.66);
    --navSelBackgroundColor: rgba(255, 165, 0, 0.18);
    --navSelForegroundColor: black;
    --DarkThemeColor: #ef8d31;
    --LightThemeColor: #fac695;
    --paleThemeColor: #fef4ec;
    --menuBarGradient: linear-gradient(90deg, #ef8d31 0%, #fac695 10%, #fac695 90%, #ef8d31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    --groupBorder: 1px solid rgba(0, 0, 0, 0.3);
    --buttonForeground: #fffacd;
    --buttonForegroundDisabled: #464;
    --buttonBackgroundDisabled: #e7ba98;
    --buttonBackground: linear-gradient(#cb6519, #ae5715);
    --buttonBackgroundHover: linear-gradient(#ae5715, #cb6519);
    --buttonBackgroundActive: #aa5515;
    --bannerBackground: #e3862e;
    /* The image URL as used in the progrss button */
    --buttonProgress: url("/Resources/Images/RAndR/ButtonProgress.svg");
    --autoComplete: url("/Resources/Images/RAndR/AutoComplete.png");
}

.form {
    background: #fef4ec;
    background: var(--paleThemeColor);
}

    .form input[type=submit] {
        background: var(--buttonBackground);
        border: var(--buttonBackground);
        color: var(--buttonForeground) !important;
        -webkit-transition: 0.3s ease-in !important;
        -o-transition: 0.3s ease-in !important;
        transition: 0.3s ease-in !important;
    }

        .form input[type=submit]:hover {
            -webkit-filter: contrast(140%) !important;
            filter: contrast(140%) !important;
        }



/* Entry Header */
.eh {
    background-color: #464646 !important;
}

/* ei hover menu */
.eih {
    display: none;
    max-width: 350px;
    min-width: 150px;
    padding: 3px;
    text-align: center;
    -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    border-radius: 2px;
}

.gl {
    padding: 1px 8px 1px 8px;
}

/* Lookup Header */
.lh {
    background-color: #464646;
}

/* Lookup Header Light */
.lhl, .lhl A {
    background-color: #767676;
}

/* Autocomplete */
.ac {
    padding-top: 2px;
    padding-bottom: 2px;
}

.loginTable {
    background-color: var(--mainBackground);
}

.logoff {
    border: 4px solid #5E5E5E;
}

.brandingText {
    padding-left: 8px;
}

.chatUserList {
    background-color: var(--paleThemeColor);
}

.ba {
    letter-spacing: 0.02em;
    vertical-align: middle;
}

    .ba:hover {
        color: #ffecdb !important;
    }

/* Lookup Table [recovery] */
.ltr {
    background: #ffffff;
    border-spacing: 1px;
    border: solid 1px #cccccc;
}

    .ltr tbody tr:not(:first-child) {
        -webkit-transition: 0.1s background ease-out !important;
        -o-transition: 0.1s background ease-out !important;
        transition: 0.1s background ease-out !important;
    }

    /* Lookup Table [recovery] */
    .ltr tbody tr:hover, .ltr tbody tr:active, .ltr tbody tr:focus, .selRow, table.dataTable tbody tr.selRow, .tablesorter tr.selRow {
        background: var(--LightThemeColor) !important;
        background-color: var(--LightThemeColor) !important;
        color: #000000 !important;
        cursor: pointer;
    }

    .ltr tbody .lh:hover {
        background: #464646 !important;
        color: white;
    }

.lrSel {
    background-color: var(--DarkThemeColor) !important;
    color: #000000 !important;
}

.infoPanel {
    bottom: 10px;
}

    .infoPanel.apexUser {
        bottom: 65px;
    }

@media only screen and (max-device-height : 1024px) {
    .infoPanel {
        bottom: -56px;
    }

        .infoPanel.apexUser {
            bottom: 0px;
        }
}

/*#region  From RAndR.css */

.od {
    background-image: url(/Resources/Images/RAndR/od.png);
    background-repeat: repeat-x;
}

.fuelgauge {
    background-image: url(/Resources/Images/RAndR/gauge.png);
    background-repeat: no-repeat;
    background-position: top left;
    width: 30px;
    height: 24px;
}

.fuelgaugeon {
    background-image: url(/Resources/Images/RAndR/gaugefilled.png);
    background-repeat: no-repeat;
    background-position: top left;
    width: 30px;
    height: 24px;
}

.chargeBlock {
    background-color: #f7f7f8;
    border: 1px solid #CCCCCC;
}

.chargeSummary {
    background-color: #D9D9D9;
    border: 1px solid #CCCCCC;
}

.netAmt {
    font-size: 11px;
    font-family: Arial,verdana;
    color: Blue;
    text-align: right;
}

.vatAmt {
    font-size: 11px;
    font-family: Arial,verdana;
    color: DarkGreen;
    font-weight: bold;
    text-align: right;
}

.totAmt {
    font-size: 11px;
    font-family: Arial,verdana;
    color: Blue;
    font-weight: bold;
    text-align: right;
}

/* Clear button alignment for off the road status in fleet different for pts*/
.vehClearBtn {
    display: inline-block;
    top: -4px;
    position: relative;
}

/* The following classes used in the recovery job list */
.recoveryJobDataDiv {
    height: 400px;
    overflow: auto;
}

.geo, .red, .pri, .sub, .wsMOT, .wsInspection, .wsServiceRepair, .activeReminder {
    background-position: right;
    background-repeat: no-repeat;
}

.geo {
    background-image: url(/Resources/Images/Global/Mapping/Common/Geolocate_Green_Faded.png);
}

.red {
    background-image: url(/Resources/Images/RAndR/Redelivery_16.png);
}

.pri {
    background-image: url(/Resources/Images/Global/alert_16.png);
}

.sub {
    background-image: url(/Resources/Images/RAndR/subcontract_16.png);
}

.fbold {
    font-weight: bold;
    text-decoration: underline;
}

.wsMOT, .wsInspection, .wsServiceRepair {
    position: relative;
    min-height: 80px !important;
}



/* The following classes used in the scheduled reminder list */
.activeReminder {
    background-image: url(/Resources/Images/RAndR/Reminder_16_On.png);
}

.safetyInspectionTyreTbl {
    background: #cccccc;
    border-spacing: 1px;
    border: solid 1px #cccccc;
}

    .safetyInspectionTyreTbl tbody > tr {
        height: 18px;
        background: #f7f7f8;
    }

        .safetyInspectionTyreTbl tbody > tr:nth-child(even) {
            height: 18px;
            background: #f6f3ee;
        }


.workshoplabourStatusInProgress {
    background-color: goldenrod;
    color: white;
}

.workshoplabourStatusCompleted {
    background-color: forestgreen;
    color: white;
}

*, *::after, *::before {
    -webkit-user-drag: none;
}

.salesAccImg {
    content: url('/Resources/Images/Global/SalesAccounts.png');
}

.salesAccGroupImg {
    content: url('/Resources/Images/RAndR/SalesAccountGroup.png');
}

.predictedOutcome {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 8px !important;
    color: black !important;
    text-align: left;
    background-color: transparent !important;
}

    .predictedOutcome.predictedOutcomePending {
        border-color: palegoldenrod;
    }

    .predictedOutcome.predictedOutcomeFailed {
        border-color: palevioletred !important;
    }

    /*Thinking maybe having a background image to show fix van/tow truck at some point */
    .predictedOutcome.JobPredictedOutcomeSuccessTOW, .predictedOutcome.JobPredictedOutcomeSuccessFIX {
        /*background-color: rgba(152, 251, 152, 0.51) !important;*/

        border: 2px solid;
        border-color: rgba(152, 251, 152, 0.80);
        background-position-x: 98%;
        background-position-y: center;
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-size: 16px 16px;
    }

    .predictedOutcome.JobPredictedOutcomeSuccessTOW {
        background-image: url(/Resources/Images/RAndR/TowTruck.svg);
    }

    .predictedOutcome.JobPredictedOutcomeSuccessFIX {
        background-image: url(/Resources/Images/RAndR/ServiceVan.svg);
    }

    .predictedOutcome.JobPredictedOutcomeSuccessUnsure {
        border-color: palegoldenrod;
    }

    .predictedOutcome.JobPredictedOutcomeUnknown {
        display: none !important;
    }




/*#endregion From RAndR.css*/