.headerBG {
    background: url("../images/HeaderBG2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    max-height: 100%;
    color: white
}

.vehicle-header-info {
font-size:11px;
}
.vehicle-header-button {
    font-size: 10px;
}

.segmentVehicle {
    width: 150px;
}

.vehicleEdit {
    width: 150px;
}

.highlightRow {
    background-color: orangered !important;
    font-weight: bold;

    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
        



.segmentEdit-Toolbar {
    border-style: none;
    border-width: 1px;
/*    margin-top: -18px;
    padding-left: 2px;*/
    padding-right: 2px;
    font-size: 12px;
    z-index: 999999;    
}

.priceEdit-Toolbar {
    border-style: none;
    border-width: 1px;
    /* margin-top: -18px; */
    /* padding-left: 2px; */
    padding-right: 2px;
    font-size: 12px;
    z-index: 1000;
}

.vehicle-segment-item-lbl {
    float: left;
    width: 100%;
}


.toolbar, .toolbar2 {
    float: left;
}


.toolbar-button {
    font-size: xx-small;
    padding: 1px 3px;
}

.modal-overlay {
    position: fixed;
    z-index: 10000;
    background: #000000;
    display: block;
    opacity: .75;
    filter: alpha(opacity=75);
    width: 100%;
    height: 100%;
}

.level2Note {
    font-size: 9px;
    color: gray;
}

.level2OptionNote {
    font-size: 9px;
    color: steelblue;
}

.importSourceHeader {
    background-color: orangered !important
}

.importTargetHeader {
    background-color: forestgreen !important
}

.importSpec {
    background-color: dodgerblue !important
}

.spec-row-new {
    background-color: coral;
}
/*.specCategoryList {
    font-size: 14px;
}*/
.vehicle-spec-list-filter-button-short {
    width: 35px;
    margin-top: 2px;
}

.vehicle-spec-list-filter-button {
    width: 188px;
    margin-left: 11px;
    margin-top: 2px;
    text-align: left;
}

.manage-spec-lvl-itm {
    padding-right: 2px;
    padding-left: 5px;
}

.selectedTargetSpec {
    background-color: green;
}

#progressbar {
    background-color: black;
    background-repeat: repeat - x;
    border-radius: 13px;
    padding: 3px;
}

    #progressbar > div {
        background-color: orange;
        width: 0 %;
        height: 20px;
        border-radius: 10px;
    }

/*********side bar*******/
#sidebar-wrapper {
    height: 83vh;
    margin-left: -15rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
    width: 350px;
    z-index: 1;
    position: absolute;
}

    #sidebar-wrapper .sidebar-heading {
        padding: 0.875rem 1.25rem;
        font-size: 1.2rem;
    }

    #sidebar-wrapper .list-group {
        width: 15rem;
    }

/*********specside bar*******/
#spec-sidebar-wrapper {
    height: 83vh;
    margin-left: -15rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
    width: 200px;
    z-index: 1;
    position: absolute;
}

    #spec-sidebar-wrapper .spec-sidebar-heading {
        padding: 0.875rem 1.25rem;
        font-size: 1.2rem;
    }

    #spec-sidebar-wrapper .list-group {
        width: 15rem;
    }

#page-content-wrapper {
    min-width: 100vw;
}

#wrapper.toggled {
    margin-left: 0;
}



@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: -14px;
    }

    #spec-sidebar-wrapper {
        margin-left: -14px;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: -23rem;
    }

    #wrapper.toggled #spec-sidebar-wrapper {
        margin-left: -10.5rem;
    }
}



.filter-link {
    position: absolute;
    right: -132px;
    width: 132px;
    height: 31px;
    background-color: #1d3175;
    border: 1px solid #dee2e6;
    border-left-width: 0;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
    z-index: 1;
    margin-top: -9px;
}

.filter-link-spec {
    position: absolute;
    right: -35px;
    width: 35px;
    padding-right: 9px;
    height: 36px;
    background-color: #1d3175;
    border: 1px solid #dee2e6;
    border-left-width: 0;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .filter-link {
        transition: none;
    }
}

.filter-link:hover, .filter-link:focus {
    color: #fff;
    background-color: #1d3175;
    text-decoration: none;
}



/*********side bar end******/

.w-2 {
    width: 20px;
}

/*********stacked modals******/
/*.modal-backdrop {
    visibility: hidden !important;
}

.modal.in {
    background-color: rgba(0,0,0,0.5);
}*/
.modal:after {
    content: "";
    display: block;
    background: rgba(0,0,0, .5);
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.hangfire-active {
    background-color: limegreen;
}

.hangfire-inactive {
    background-color: orangered;
}


.priceCurrent {
    background-color: lightblue !important;
}
.priceFuture {
    background-color: lightpink !important;
}
.pricePast {
    
}

.vehicle-info-icon {
    font-size: large;
}

/*.vehicle-info-delete {
    font-size: large;
}*/

.isTest {
    animation-name: isTestAnimation;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}

@keyframes isTestAnimation {
    0% {
        background-color: #f8f9fa;
    }

    50% {
        background-color: #FF4136;
    }

    100% {
        background-color: #f8f9fa;
    }
}



/*X-EDITABLE*/
.form-group label {
    font-size: 0.875rem;
    line-height: 1.4rem;
    vertical-align: top;
    margin-bottom: .5rem
}

.editable-form .editable {
    color: #000;
    font-size: .8125rem
}

.editable-input {
    width: 350px !important;

}

.editable-form .editable-click {
    border-color: #000
}

.editable-container.editable-inline {
    max-width: 100%;
    min-width: 100% !important;
}

    .editable-container.editable-inline .editableform {
        max-width: 100%
    }

        .editable-container.editable-inline .editableform .control-group {
            max-width: 100%;
            white-space: initial
        }

            .editable-container.editable-inline .editableform .control-group > div {
                max-width: 100%
            }

            .editable-container.editable-inline .editableform .control-group .editable-input input,
            .editable-container.editable-inline .editableform .control-group .editable-input textarea {
                max-width: 100%;
                width: 100%
            }

            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .form-control,
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .asColorPicker-input,
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .dataTables_wrapper select,
            .dataTables_wrapper .editable-container.editable-inline .editableform .control-group .editable-input .combodate select,
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
            .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=text],
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row select,
            .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate select,
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
            .jsgrid .jsgrid-table .jsgrid-filter-row .editable-container.editable-inline .editableform .control-group .editable-input .combodate input[type=number],
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single,
            .select2-container--default .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-selection--single,
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-container--default .select2-selection--single .select2-search__field,
            .select2-container--default .select2-selection--single .editable-container.editable-inline .editableform .control-group .editable-input .combodate .select2-search__field,
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .typeahead,
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-query,
            .editable-container.editable-inline .editableform .control-group .editable-input .combodate .tt-hint {
                padding-left: 0;
                padding-right: 0
            }

@media (max-width: 991px) {
    .editable-container.editable-inline .editableform .control-group .editable-buttons {
        display: block;
        margin-top: 10px
    }
}
/*
.btn-group-sm > .btn,
.btn-sm {
    padding: 0.49rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-warning {
    color: #fff
}*/