﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.audit-rwb-nav-item:hover {
    text-decoration: underline;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
.navbar {
    background-color: #1b64b2 !important;
    /*background-color: #073b71 !important;
    background-color: #0a66ca !important;
    background-color: #0069da !important;*/
    /*opacity: 0.9;*/
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}
.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    /*background: #eee;*/
    /*background: #f1f3f4;*/
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    /*background: #1c7cbb;*/
    background: white;
    /*color: white !important;*/
    /*color: #0e4c84;*/
    color: #1c7cbb !important;
    font-size: 17px;
}

.fas.fa-bars {
    color: white;
}

.fa.fa-navicon {
    color: white;
}

.search-background {
    background: url('/images/dust_scratches.png');
}

.backgroundWhite {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.backgroundWhiteBorder {
    background-color: white;
    padding: 20px;
    border-radius: 2px;
    margin-bottom: 40px;
    border: 1px solid #ddd;
    box-shadow: 0 0 0.7142857142857143rem #cccccc;
}

.backgroundWhiteBorder10Padding {
    background-color: white;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    box-shadow: 0 0 0.7142857142857143rem #cccccc;
}

.backgroundWhiteBorder40Padding {
    background-color: white;
    padding: 40px;
    border-radius: 2px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    box-shadow: 0 0 0.7142857142857143rem #cccccc;
}



/*@font-face {
    font-family: 'ddb-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.e-db-icons {
    font-family: 'ddb-icons' !important;
    speak: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.e-cut::before {
    content: '\e700';
}

.e-copy::before {
    content: '\e70a';
}

.e-paste::before {
    content: '\e701';
}*/


.page-Header {
    /*color: #0070ba;*/
    /*color: #196cd6;*/
    /*color: #104068;*/
    /*color: #1c7cbb;*/
    /*color: #0d3c66;*/
    color: #333;
    /*margin: 40px 0 45px 0;*/
    /*margin: 20px 0 25px 0;*/
    margin: 10px 0 15px 0;
    /*padding-left: 20px;*/
}

.page-info-header {
    font-size: 18px;
    margin-bottom: 10px;
}

.section-header {
    /*color: #0070ba;*/
    /*color: #104068;*/
    /*color: #1c7cbb;*/
    /*color: #0d3c66;*/
    color: #333;
}

.section-body {
    margin-top: 15px;
}

.section-body-0margin {
    margin-top: 0px;
}

.section-body-15padding {
    padding: 15px;
}


/*Modals*/
.ftr-modal .modal-content {
    border: none;
    border-radius: 0rem;
}

.ftr-modal .modal-header {
    /*background: linear-gradient(100deg, #1c7cbb, #0e4c84);*/
    background: #1b64b2;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.ftr-modal .modal-title {
    color: white;
}

.ftr-modal .close {
    color: white;
}

.ftr-modal .modal-body {
    /*font-size: 22px;*/
    /*color: #1c7cbb;*/
}

.ftr-modal .fa {
    color: #1c7cbb;
}



/*Grid*/
.e-grid {
    font-size: 16px;
}

    .e-grid .e-headercelldiv {
        /*color: #196cd6;*/
        color: #104068;
        font-size: 16px !important;
    }

    .e-grid .e-icon {
        /*color: #666;*/
        font-size: 16px;
    }


    .e-grid .e-alt_row {
        /*background: #dde7f1;*/
        /*background: #d2e9fa;*/
        /*background: #d7e6f1;*/
        /*background: #e9f2fa;*/
        background-color: #e9f2fa;
    }

    .e-grid td.e-active a {
        color: #eee;
    }

    .e-grid tr.e-hover {
        /*background: linear-gradient(to bottom, #f4f4f4, #e9e9e9);*/
        /*background: #b5f5bd;*/
    }
    .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
        /*background: #b5f5bd !important;*/
        /*background: #f7e0e0 !important;*/
        background: #b5f5bd;
    }

#DirectionsGrid td.e-active a {
    color: #eee;
}

#DirectionsGrid .e-templatecell a {
    color: #0000FF;
}

#AdminUsersGrid .e-selectionbackground {
    /*background: #b5f5bd !important;*/
    /*background: #f7e0e0 !important;*/
    background: #e4edff !important;
}

    #AdminUsersGrid .e-selectionbackground a {
        color: #007bff;
    }

#TripRecordsGrid2 .e-grid td.e-active a {
    color: none !important;
}

#TripRecordsGrid2 .e-grid .e-alt_row {
    background-color: none !important;
}

/*.e-headercelldiv {
    font-size: 18px;
    color: #196cd6;
}*/

/*#home img {
    background-image: url(~/images/PSDCHeaderLogo.png);
    height: 900px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    opacity: .3;
}*/

.company-case-header {
    font-size: 16px;
    font-weight: 400;
}

.worksheet-btn {
    color: #386f45;
    border-color: #b1debc;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
}
.worksheet-btn:hover, .worksheet-btn:active {
    background-image: linear-gradient(to bottom,#f2f5f2 0,#d4d4d4 100%);
    color: #1e7e34;
    border-color: #b1e0bc;
}
.worksheet-btn:not(:disabled):not(.disabled):focus {
    background-image: linear-gradient(to bottom,#ecefec 0,#c5e9c7 100%);
    box-shadow: 0 0 0 0.2rem rgba(160, 228, 160, 0.29);
}


.form-check-input.custom-checkbox-lg .custom-checkbox-label::before,
.custom-checkbox-lg .custom-checkbox-label::after {
    /*top: 0.1rem !important;
    left: -2rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;*/
    /*height: 1.5rem !important;
    width: 1.5rem !important;
    top: 0.1rem !important;*/
    height: 1.15rem !important;
    width: 1.15rem !important;
    top: 0.1rem !important;
    margin-top: 0.2rem;
}

/*.custom-checkbox-lg .custom-checkbox-label {
    margin-left: 0.5rem !important;
    font-size: 1rem !important;
}*/

#tblBodySheets > tr > td {
    border: none;
    padding: 10px 0 0 5px;
}


.fade {
    transition: opacity 0.07s linear !important;
}

.modal.fade .modal-dialog {
    /* transition: -webkit-transform 0.3s ease-out; */
    /* transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1); */
    /* transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; */
    /* -webkit-transform: translate(0, -50px); */
    /* transform: translate(0, -50px); */
    /* transform: translate(0,-25%); */
    transform: none !important;
    transition: none !important;
}



/*Styling the tabs*/
.e-tab {
    border: 1px solid #eee !important;
}
/*.e-tab .e-tab-header .e-toolbar-item.e-active {
    border-top: 3px solid #007bff !important;
}*/
.e-toolbar-item.e-active {
    border-top: 3px solid #007bff !important;
}

/*.e-tab .e-content {
    padding: 1em 1.4em;
}*/
.e-grid {
    /*padding: 0 10px 0 10px;*/
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-size: 16px;
}

#DirectionsGrid, #TripLegDistancesGrid, #JurisOrderTravelledGrid, #JurisAlphabeticalGrid {
    /*margin:15px;*/
}


/*Insert above and below icons*/
.e-insert-row-above::before {
    content: '\e783';
}

.e-insert-row-below::before {
    content: '\e736';
}

/*Fuel Management icons*/
.e-show-hide-checkbox-column::before {
    content: '\e77d';
}


/*.no-radius {
    border-radius: 0rem;
}*/
.btn {
    /*border-radius: 0rem;*/
    border-radius: 0.2rem;
}

.btn-secondary {
    border-color: #d5dce2;
}


.e-sub-stop {
    /*    background-color: #727e88 !important;*/
    background-color: #acbcca !important;
    color: white !important;
    /*color: red;
    font-family: 'Bell MT';
    font-size: 20px;*/
}

.e-bold-cell {
    font-weight: bold;
}




/* Styles for the ProMiles autocomplete widget. */
/*.pac-container {
    font-family: Arial, sans-serif;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
    /* background-color: white; */
/*}*/

/* Style individual suggestion items */
/*.pac-item {
    border-bottom: 1px solid #eee;
}

.ui-menu-item {
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 25px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #515151;
    text-decoration: none !important;
}
.ui-autocomplete {
    font-size: 14px;
    color: #333;
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.pac-icon-marker {
    background-position: -1px -161px !important;
}
.pac-icon-marker-red {
    background-position: 18px -161px !important;
}
li.ui-menu-item:hover {
    background-color: #fafafa !important;
}
#ui-id-1 > ul > li:hover {
    background-color: gray !important;
}
.hdpi.psdc-pac-logo:after {
    background-image: url(../../images/2025/MFProMilesLogo3.png);
}
.psdc-pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    display: block;
    background-image: url(../../images/2025/MFProMilesLogo3.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 20px;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    border: none !important;
    background-color: #fafafa !important;
    background: #fafafa !important;
}
.ui-menu .ui-state-active {
    margin: 0px;
}*/





/* Styles for the ProMiles autocomplete widget. */
.pac-container {
    font-family: Arial, sans-serif;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* background-color: white; */
}

/* Style individual suggestion items */
.pac-item {
    /* padding: 8px 12px;
        cursor: pointer;
        border-bottom: 1px solid #eee; */
    /* cursor: pointer; */
    border-bottom: 1px solid #eee;
}

    /* Style the selected suggestion item */
    .pac-item:hover, .pac-selected {
        /* background-color: #f0f0f0; */
        /* background-color: #fafafa; */
    }
/* .pac-item:hover {
            background-color: #fafafa;
        } */


/* Hide the default Google logo (optional) */
.pac-logo:after {
    /* display: none; */
}

/* .ui-autocomplete {
        font-family: Arial, sans-serif;
        font-size: 14px;
        color: #333;
    } */

.ui-menu-item {
    /* cursor: default; */
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* line-height: 30px; */
    line-height: 25px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #515151;
    text-decoration: none !important;
}

.ui-autocomplete {
    /* font-family: Arial, sans-serif; */
    font-size: 14px;
    color: #333;
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}


.pac-icon {
    /* background-image: url('../img/geo-alt-fill.svg') !important; */
    /*      background-image: url('../images/MapIcons/red2_pin32x32.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important; */
}

.pac-icon-marker {
    background-position: -1px -161px !important;
}

.pac-icon-marker-red {
    background-position: 18px -161px !important;
}


li.ui-menu-item:hover {
    background-color: #fafafa !important;
    /* background-color: navajowhite !important; */
}
/*  li.ui-menu-item:hover, div.ui-menu-item-wrapper:hover{
        background-color: navajowhite !important;
    } */

#ui-id-1 > ul > li:hover {
    background-color: gray !important;
}

.hdpi.psdc-pac-logo:after {
    /* background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png); */
    /* background-image: url(../../images/2025/aa68c8ca5040661b529e2a37ee9facca897db5b61f5affd4750758b655f3c4e8.png); */
    /* background-image: url(../../images/2025/logo_pro2.png); */
    /* background-image: url(../../images/2025/PoweredbyProMiles.png); */
    background-image: url(../../images/2025/MFProMilesLogo3.png);
}

.psdc-pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    display: block;
    /* background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png); */
    /* background-image: url(../../images/2025/aa68c8ca5040661b529e2a37ee9facca897db5b61f5affd4750758b655f3c4e8.png); */
    /* background-image: url(../../images/2025/logo_pro2.png); */
    /* background-image: url(../../images/2025/PoweredbyProMiles.png); */
    background-image: url(../../images/2025/MFProMilesLogo3.png);
    background-position: right;
    background-repeat: no-repeat;
    /* -webkit-background-size: 120px 14px; */
    /* background-size: 120px 14px; */
    /* background-size: 80px 16px; */
    background-size: 120px 20px;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    /* .ui-state-active { */
    /* background:blue !important; */
    /* background-color:orange !important; */
    border: none !important;
    background-color: #fafafa !important;
    background: #fafafa !important;
    /* cursor: default; */
}

.ui-menu .ui-state-active {
    margin: 0px;
}