/*#region navigation side-bar overrides*/


.nav > li > a:hover {
    text-decoration: none;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    background-color: #4F82BB;
}

.nav > li > a:focus {
    text-decoration: none;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    background-color: #4F82BB;
}

/*#endregion navigation side-bar overrides*/

/*#region User Account Drop Down Box Overrides*/

#userDropDownToggle {
    background-color: #fff;
    text-shadow: none;
    border: 1px solid #287bbc;
    color: black;
}

/*#endregion User Account Drop Down Box Overrides*/

/*#region Admin Create Overrides*/

input[type="radio"][value="true"]:checked.YesNoSelection + span {
    background-color: #449d44;
}

input[type="radio"][value="false"]:checked.YesNoSelection + span {
    background-color: #E64D2B;
}

input[type="radio"][value=""].YesNoSelection + span {
    background-color: #256CA6;
    color: #fff;
}

/*#endregion Admin Create Overrides*/

#DataDisplay table {
    overflow: auto;
}

/*#region Open Times Summary Overrides*/

.OpenTimeSummaryTrue {
    color: black;
    font-size: 12px;
    background-color: #449d44;
    width: auto;
}

.OpenTimeSummaryFalse {
    color: black;
    font-size: 12px;
    background-color: #E64D2B;
    width: auto;
}

/*#endregion Open Times Summary Overrides*/

/*#region Bulk Generate Promo Codes Overrides*/

.GeneratedCodesDivClass.form-group [class*="col-"] {
    padding-left: inherit;
    padding-right: inherit;
}
/*#endregion Bulk Generate Promo Codes Overrides*/

.viewDetail {
    color: black;
}

.required {
    background-color: lightgoldenrodyellow;
}

.MultiSelectContentWrapperDiv .AdminEditModalFormWrapper {
    padding: 15px;
}

.MultiSelectListBox {
    width: 100%;
}
/*#endregion Admin Edit Modal Overrides*/

/*#region Font Awesome Overrides*/

.fa-envelope:hover {
    cursor: pointer;
    color: #287bbc;
}

.fa-ban:hover {
    cursor: pointer;
    color: #287bbc;
}

.fa-edit:hover {
    cursor: pointer;
    color: #287bbc;
}

.fa-envelope-open:hover {
    cursor: pointer;
    color: #287bbc;
}

/*#endregion Font Awesome Overrides*/

/*#region Spinner Overlay Overrides*/
.engine-loading-overlay-progress {
    z-index: 200;
    background: url(/image/ajax-loader_Admin.gif) no-repeat center center rgba(255,255,255, 0.2);
    background-size: contain;
    width: 100%;
    height: 100%;
    overflow: auto;
    min-height: 100px;
    min-width: 100px;
}

.engine-loading-overlay {
    z-index: 200;
    background: url(/image/ajax-loader_Admin.gif) no-repeat center center rgba(255,255,255, 0.2);
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}

/*#region Spinner Overlay Overrides*/

/*#region AdminOanelAddEdit Overrides*/
.AdminOanelAddEdit:hover {
    cursor: pointer;
}
/*#endregion AdminOanelAddEdit Overrides*/

/*#region AdminSearch div Overrides*/

.AdminSearchSeperatorTop {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    padding-top: 5px;
    margin-bottom: 5px;
}

.AdminSearchSeperatorBot {
    display: block;
    height: 1px;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    padding-bottom: 5px;
}

.AdminSearchBool input {
    /*hide the check box*/
    opacity: 0;
    position: absolute;
}

.AdminSearchBool label {
    position: relative;
    display: block;
    border: 1px solid #f0f0f0;
    /*border-radius: 2em;*/
    border-radius: 5px;
    padding: .5em 1em .5em 15px;
    /*box-shadow: 0 1px 2px rgba(100,100,100,.5) inset,0 0 10px rgba(100,100,100,.1) inset;*/
    cursor: pointer;
}

    .AdminSearchBool label::before {
        content: '';
        position: absolute;
        top: 50%;
        right: .7em;
        width: 3em;
        height: 1.2em;
        /*border-radius: .6em;*/
        border-radius: 15%;
        background: #eee;
        /*background: #84CDF7;*/
        transform: translateY(-50%);
        box-shadow: 0 1px 3px rgba(100,100,100,.5) inset,0 0 10px rgba(100,100,100,.2) inset;
    }

    .AdminSearchBool label::after {
        content: '';
        position: absolute;
        top: 50%;
        /*right: .5em;*/
        right: 2.5em;
        width: 1.4em;
        height: 1.4em;
        border: .25em solid #fafafa;
        /*border: .25em solid #84CDF7;*/
        border-radius: 25%;
        box-sizing: border-box;
        /*background-color: #E9F7FF;*/
        background-color: #ddd;
        background-image: linear-gradient(to top, #fff 0%, #fff 40%, transparent 100%);
        /*background-image: linear-gradient(to top, #fff 0%, #fff 40%, transparent 100%);*/
        transform: translateY(-50%);
        /*box-shadow: 0 3px 3px rgba(0,0,0,.5);*/
        box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    }

.AdminSearchBool label, label::before, ::after {
    transition: all .2s cubic-bezier(0.165, 0.840, 0.440, 1);
}

    .AdminSearchBool label:hover, input:focus + label {
        color: white;
    }

        .AdminSearchBool label:hover, input:focus + label::after {
            /*background-color: #ccc;*/
            background-color: #287bbc;
            box-shadow: 0 1px 2px rgba(0,0,0,.5);
        }

.AdminSearchBool input:checked {
    counter-increment: total;
}

    /* next two selectors are rather long winded to get around the hidden field that is generated by Html.Checkbox() - i.e. <input><input><label>*/
    .AdminSearchBool input:checked + label::before {
        background: #1CE;
        background: #6FFA5F;
    }

    .AdminSearchBool input:checked + label::after {
        transform: translateX(2em) translateY(-50%);
    }

.AdminSearchItemWrapper {
    padding-bottom: 5px;
}

.AdminSearchItem {
    display: block;
    min-height: 38px;
}

.AdminSearchLabel {
    text-align: left;
    padding-bottom: 0px;
}

    .AdminSearchLabel > strong > label {
        margin-bottom: 0px;
    }
    .AdminSearchLabel > label {
        margin-bottom: 0px;
    }

/*#endregion AdminSearch div Overrides*/

/*#region Experimentation*/

/*Add a glass effect*/
.glass {
    /* background styles */
    position: relative;
    display: block;
    background-color: blue; /*for compatibility with older browsers*/
    background-image: linear-gradient(#249ECD,#58C0E8);
    /* text styles */
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    /*box bordering*/
    box-shadow: 0px 1px 4px -2px #333;
    text-shadow: 0px -1px #333;
}

    .glass:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: calc(100% - 4px);
        height: 50%;
        background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
    }

    .glass:hover {
        background: linear-gradient(#53A0EC,#53c2ec);
    }

.gradientAdminPanel {
    position: relative;
    display: block;
    background-image: linear-gradient(#286090,lightblue);
    /*background-image: linear-gradient(to right, white,#286090);*/
    /*background-image: linear-gradient(to right, #286090, lightblue , #286090);*/
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*#endregion Experimentation*/

/*.mainmenu {
    margin: 90px auto;
    font-size: 16px;
    position: relative;
    padding: 0;
}

    .mainmenu > li {
        background-color: #e4644b;
        border-top: 1px solid #d05942;
        height: 48px;
        color: #f7f1e3;
        box-sizing: border-box;
    }

        .mainmenu > li:first-child {
            border-radius: 7px 7px 0 0;
            border-top: 0;
        }

        .mainmenu > li:last-child {
            border-radius: 0 0 7px 7px;
        }

        .mainmenu > li span {
            display: block;
            line-height: 48px;
        }

        .mainmenu > li .icon {
            padding: 14px 20px 0 20px;
            float: left;
            width: 20px;
            height: 20px;
            display: block;
        }

        .mainmenu > li .messages {
            background: url("../images/messages.png") no-repeat;
            padding: 0;
            margin-top: -33px;
            margin-right: 19px;
            float: right;
            display: block;
            width: 34px;
            height: 18px;
            text-align: center;
            font-size: 11px;
            line-height: 19px;
        }

.expand-triangle {
    background: url("../images/expand.gif") top left no-repeat;
    height: 10px;
    width: 276px;
    content: " ";
    margin-left: -40px;
}

.mainmenu-submenu {
    box-sizing: border-box;
    color: #ae9f9f;
    font-size: 13px;
    content: " ";
}

    .mainmenu-submenu li {
        line-height: 20px;
        height: 35px;
        padding-top: 11px;
        margin-left: -40px;
        background-color: #484141;
        border-left: solid 6px #484141;
        transition: border-left 220ms ease-in;
    }

    .mainmenu-submenu .chosen, .mainmenu-submenu .chosen:hover {
        border-left: solid 6px #96d145;
    }

    .mainmenu-submenu li:hover {
        border-left: solid 6px #d05942;
    }

    .mainmenu-submenu li span {
        margin-left: 30px;
    }*/

/*#region Admin Menu*/

.mainmenu {
    margin: auto;
    font-size: 16px;
    position: relative;
    padding: 0;
}

    .mainmenu > li {
        background-color: #e4644b;
        border-top: 1px solid #d05942;
        height: 48px;
        color: #f7f1e3;
        box-sizing: border-box;
        list-style-type: none;
    }

        .mainmenu > li:first-child {
            /*border-radius: 7px 7px 0 0;*/
            border-radius: 0;
            border-top: 0;
        }

        .mainmenu > li:last-child {
            border-radius: 0 0 7px 7px;
        }

        .mainmenu > li div span {
            display: inline-block;
            line-height: 48px;
            padding-left: 3px;
        }

        .mainmenu > li div {
            display: inline-block;
        }

        .mainmenu > li .icon {
            padding: 14px 20px 0 20px;
            float: left;
            width: 20px;
            height: 20px;
            display: inline-block;
        }

        .mainmenu > li .messages {
            background: url("../images/messages.png") no-repeat;
            padding: 0;
            margin-top: -33px;
            margin-right: 19px;
            float: right;
            display: block;
            width: 34px;
            height: 18px;
            text-align: center;
            font-size: 11px;
            line-height: 19px;
        }

.expand-triangle {
    background: url("../images/expand.gif") top left no-repeat;
    height: 10px;
    width: 276px;
    content: " ";
    margin-left: -40px;
}

.mainmenu-submenu {
    box-sizing: border-box;
    color: #ae9f9f;
    font-size: 13px;
    content: " "; /*opacity: 0.5;*/
}

    .mainmenu-submenu li {
        line-height: 20px;
        height: 35px;
        padding-top: 11px;
        margin-left: -40px;
        background-color: #484141;
        border-left: solid 6px #484141;
        transition: border-left 220ms ease-in;
    }

        .mainmenu-submenu li div {
            display: inline-block;
        }

.mainmenu li {
    position: relative;
}

    .mainmenu li div a {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
    }

.mainmenu-submenu .chosen, .mainmenu-submenu .chosen:hover {
    border-left: solid 6px #96d145;
}

.mainmenu-submenu li:hover {
    border-left: solid 6px #d05942;
}

.mainmenu-submenu li div span {
    margin-left: 30px;
}

/*#endregion Admin Menu*/

/*#region Button Overrides*/
.ApproveDocumentButton {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #48d50f;
}

    .ApproveDocumentButton:hover {
        cursor: pointer;
        color: #287bbc;
        text-shadow: 0px 0px 3px white;
    }

.DeclineDocumentButton {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #e82c2c;
}

    .DeclineDocumentButton:hover {
        cursor: pointer;
        color: #287bbc;
    }

.NotAvailableButton {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #E8E8E8;
}

.ViewVehicleButton {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .ViewVehicleButton:hover {
        cursor: pointer;
        color: #287bbc;
    }

.ViewDocumentButton {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .ViewDocumentButton:hover {
        cursor: pointer;
        color: #287bbc;
    }

.ViewDetailsButton {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .ViewDetailsButton:hover {
        cursor: pointer;
        color: #287bbc;
    }

.ViewCustomerAccessCodeButton {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .ViewCustomerAccessCodeButton:hover {
        cursor: pointer;
        color: #287bbc;
    }

.ContractParkerCardAssignmetButton {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .ContractParkerCardAssignmetButton:hover {
        cursor: pointer;
        color: #287bbc;
    }

.AdminGenericAddButton {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .AdminGenericAddButton:before {
        display: inline-block;
        content: "\f0fe";
        font-family: FontAwesome, sans-serif;
        text-align: center;
    }

    .AdminGenericAddButton:hover {
        cursor: pointer;
        color: #287bbc;
    }

.HideDefaultButton {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

.AdminAddButton {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #337ab7;
}

    .AdminAddButton:hover {
        cursor: pointer;
        color: #449d44;
    }

/*#endregion Button Overrides*/

/*#region No Restuls*/

.NoResultsClass:before {
    color: #00529B;
    background-color: #BDE5F8;
    padding: 5px 5px 5px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    content: "\f05a";
    font-size: 30px;
    font-family: FontAwesome, sans-serif;
    display: inline-block;
    vertical-align: middle;
}

.NoResultsClass {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid;
    margin: 10px 0px;
    color: #00529B;
    background-color: #BDE5F8;
    vertical-align: central;
}

/*#endregion No Results*/

.panel-headingCustom {
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
}

.panel-titleCustom {
    border-style: solid;
    border: 10px;
    border-color: black;
    float: right;
}

.longStringEditorSmallBox {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 150px !important;
    /*padding-right: 15px;
    padding-left: 10px;*/
}

/*#region ProgressMeter*/
.ProgressMeter {
    height: 20px; /* Can be anything */
    position: relative;
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    /*padding: 10px;*/
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

    .ProgressMeter > span {
        display: block;
        height: 100%;
        background-color: rgb(43,194,83);
        background-image: linear-gradient(to bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
        box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
        border-radius: 25px;
    }

/*Example:
<div class="ProgressMeter">
    <span style="width: 25%"></span>
</div>*/

/*#endregion ProgressMeter*/

.PercentageCircleTd {
    text-align: center !important;
    vertical-align: middle !important;
}

.PercentageCircleSpan {
    display: inline block;
}

.AjaxFormErrorDiv {
    border-style: solid;
    border-width: 2px;
    border-color: red;
    padding: 15px;
    text-align: center;
    background-color: #FFD2D2;
}

.AjaxFormErrorIcon {
    font-size: xx-large;
    color: #D8000C;
    display: block;
    padding: 5px;
}

.btn-default {
    background-color: #f5f5f5;
}

/*.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    margin-bottom: 0.25rem;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }*/
.btn-secondary {
    margin-bottom: 0.25rem;
}
.btn-primary {
    color: #fff!IMPORTANT;
    background-color: #041E42; /* New base color */
    border-color: #031739; /* Adjusted to match the base tone */
    margin-bottom: 0.25rem;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #03193D; /* Slightly darker than the base */
        border-color: #021333; /* Further darkened for contrast */
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #021333; /* Darker focus color */
        border-color: #010A1C; /* Deep, contrasting border for focus */
    }

    .btn-primary:disabled, .btn-primary.disabled {
        color: #ccc; /* Muted text to indicate disabled state */
        background-color: #2A3B4F; /* Muted version of the base color */
        border-color: #202E3D; /* Muted border to match the disabled state */
        cursor: not-allowed; /* Indicates the button is not clickable */
        opacity: 0.65; /* Slight transparency for a disabled appearance */
    }
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.admin_LayoutContentContainer {
    width: 100%;
    padding: 0;
}

.admin_sidebarNav.active ~ .admin_LayoutContentContainer {
    width: 100vw;
}


.admin_LayoutContentRenderViewContainer {
    padding: 15px;
    display: inline-block !important;
    min-width: 100% !important;
}

.footerbg {
    float: left;
    width: 100%;
    height: 75px;
    background-color: #e5e5e5;
    border-color: #1b5480;
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
    background-image: -moz-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
    background-image: linear-gradient(to top, #e5e5e5 0%,#ffffff 100%);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    border-top: 1px solid #cccccc;
}

.AdminSearchMultiSelect {
    min-height: 38px;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    text-align: center;
}

.DynamicDatePickerCard {
    border-color: #17a2b8;
    width: 100%;
}

.DynamicDatePickerCardHeader {
    background-color: #17a2b8;
    padding: 5px;
}

.DynamicDatePickerCardTitle {
    display: flex;
    margin: auto;
}

.DynamicDatePickerCardBody {
    padding: 5px;
}

/* Keep this if you want to control layout for multiple file upload groups */
.thumbnail-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* This is for each individual file group (thumbnail + reason text + button) */
.file-upload-group {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.thumbnail {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-right: 10px;
}

.reason-text {
    font-size: 14px;
    margin-right: 10px;
}

.file-upload-group button {
    margin-left: 10px;
}

.HighContrastBlue {
    color: #005F89 !important;
}


.Table table {

}

#AdminAuditModal {
    overflow:auto;
}

table.Audit.table.table-striped.table-bordered.table-hover.display {
    line-height: 1;
}


/*
th.auditheader {
    padding: 0.2rem;
}


td.auditheader {
    padding: 0.2rem;
}*/
    /*

.ApcoaCyanBlueBg {
    background-color: #00ADEF;
    color: #FFF !important;
}*/
    /*.ApcoaCyanBlue {
    color: #00ADEF !important;
}
*/
    /*.ApcoaDarkBlue {
    color: #053A5C !important;
}

.ApcoaDarkBlueTextShadow {
    text-shadow: 1px 1px 1px #053A5C, 3px 3px 5px #ffffff;
}
*/