
/*  ---------------------------------      THEME CHANGES --------- */

.heading-background {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #dedede;
    background-image: url("/source/5526a1799a9f2f29061051aa0fee7b41/boxes.png");
    padding: 4px 4px 4px 10px;
    font-size: 24px;
    height: 51px;
    color: #222222;
    float: left;
    width: 100%;
}

.heading-background button {
    background-color: transparent;
    color: #FFF !important;
}
.heading-background button:hover {
    background-color: transparent;
    color: #d2d2d2 !important;
}

.top-tabs {
    background-color: #fff;
    padding: 3px 18px 4px 18px;
    font-size: 17px;
    height: 35px;
    color: #252525;
    float: left;
    cursor: pointer;
    margin-top: 5px;
    text-align: center;
    border: solid 1px #cfcfcf;
    border-left: none;
    border-bottom: none;
}

.top-tabs:hover {
    background-color: #303030;
    color: #FFF;
}
.top-tabs-wrapper .top-tabs:first-child {
    border-left: solid 1px #cfcfcf;
}
.top-tabs-wrapper .top-tabs.selected:first-child {

}
.top-tabs-wrapper .top-tabs:last-child {

}

.top-tabs.selected {
    background-color: #252525 !important;
    color: #FFF;
    background-image: none;
    padding: 5px 18px 4px 18px;
    border: #eee solid 1px;
    border-bottom: none;
    position: relative;
    height: 40px;
    margin-top: 0px;
    font-weight: bold;


}
.top-tabs.selected:before {
    /*
    position: absolute;
    content: ' ';
    display: block;
    left: 0;
    top: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 10px;
    border-color: transparent transparent transparent #cccccc;
    */
}



.holdhighlighter {
    background-color: #FFFEE9;
}
.holdname {
    font-size: 15px;
    margin-top: 130px;
    position: absolute;
    text-align: center;
    color: #000;
    width: 90%;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);

}

.top-tabs-vans {
    background-color: #ededed;
    padding: 5px 18px 4px 18px;
    font-size: 18px;
    height: 40px;
    color: #323232;
    float: left;
    cursor: pointer;
    width: 16.666666666%;
    text-align: center;
    border-spacing: 0;
    border-top: solid 1px #bbbbbb !important;
    border-right: solid 1px #bbbbbb;
    border-bottom: solid 1px #bbbbbb;
}

.top-tabs-vans:hover {
    background-color: #0665d9;
    color: #fff;
}

.top-tabs-vans:last-child {
    border-right: solid 1px #bbbbbb !important;

}

.top-tabs-vans.selected {
    background-color: #FFF !important;
    background-image: none;
    color: #ffffff;
    /* height: 45px; */
    /* margin-top: -5px; */
    border: #bbbbbb solid 1px;
    border-bottom: none;
    -webkit-box-shadow: inset 0px 108px 140px 0px rgb(60, 60, 60);
    -moz-box-shadow: inset 0px 108px 140px 0px rgb(60, 60, 60);
    box-shadow: inset 0px 108px 140px 0px rgb(0, 0, 0);
    background-color: #000;
}
.top-tabs-vans:first-child {
    border-left: solid 1px #bbbbbb !important;

}

.crm-form .navigation-bar {

    border-bottom: solid 1px #eeee;
    border-top: none;
    border-left: none;
    border-right: none;
}

.progresswrap {
    position: absolute;
    display: none;
    height: 4px;
    width: 100%;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #ed1c24;
    margin-top: 40px;
    z-index: 999;
}
.progresswrap .label {
    color: #fff;
    background-color: transparent !important;
    font-size: 11px;
    position: absolute;
    margin-left: 15px;
    margin-top: 2px;
}
.progressinner {
    width: 0%;
    height: 4px;
}
.progressinner.images {
    background-color: #255ba7;
}
.progressinner.script {
    background-color: #dddddd;
    width: 100%;
}


@-webkit-keyframes siper {
    0% { left: -100px; }
    50% { left: 100%; }
    100% { left: -100px; }
}
@keyframes siper {
    0% { left: -100px; }
    50% { left: 100%; }
    100% { left: -100px; }
}


.progressswiper {
    background-color: #255ba7;
    width: 100px;
    left: -100px;
    position: absolute;
    height: 3px;
    -webkit-animation: siper 3s ease-out 500;
    animation: siper 3s ease-out 500;
}

.filterbar {

    z-index: 999999999;
    overflow: visible;

}
.filterbar-wrapper {
    padding-left: 10px;
    width: 30%;
    margin-top: 57px;
    height: 40px;
    z-index: 99999999;
}
.filterbar .filter-dropdown {
    display: none;


    background-color: #fff;

    width: 100%;
    padding-left: 20px;



}
.dropdown-toggle:before {
    display: none !important;
}
.filterbar .filter-dropdown ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}
.filterbar .filter-dropdown button {
    position: absolute;
    right: 5px;
    top: 5px;

}
.filterbar .filter-value {
    cursor: pointer;
    padding: 4px 8px;
}
.filterbar .filter-value:nth-child(odd)  {
    background-color: rgba(0,0,0,.05);

}
.filterbar .filter-value i  {
    position: absolute;
    padding: 4px 0 4px 0;

}
.filterbar .filter-value:hover  {
    background-color:#EAF5FF;

}
.filterbar .filter-value .dropdowntext  {
    margin-left: 15px;
}

.filterbar .dropdown-toggle {

    padding-right: 5px;
    overflow: visible;

}
.filterbar {
    position: absolute;
    max-height: 0;
    top: 0px;
    bottom: 140px;
    background-color:#E3E3E3;
    overflow-x:visible;
    width: calc(100% - 30px);
    overflow-y:auto;

    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;

}
.filterbar.open {
    max-height: 2000px;


}

.navigation-bar-content > div {
    background-color:#fff;
    border-bottom: solid 1px rgba(0,0,0,.2);

}

.navigation-bar-content > div:nth-child(odd) {

}


a.element-menu {

    padding: 0px 6px 6px 15px;
    text-size: 12px;
    text-decoration: none;


    display:block;
    color: #000;


}
a.element-menu:hover {

    color: #000;


}



.button-tabs {
    background-color: #252525;
    background-image: url("/source/5526a1799a9f2f29061051aa0fee7b41/boxes.png");
    padding: 5px 18px 4px 18px;
    font-size: 18px;
    height: 40px;
    color: #FFF;
    float: left;
    cursor: pointer;
    width: 33.333%;
    text-align: center;
    border-right: solid 1px #fff;
    line-height: 32px;
}

.button-tabs-saved {
    background-color: #1577E0 !important;
    background-image: none  !important;
}

.button-tabs-error {
    background-color: #f70043 !important;
    background-image: none  !important;
}


.button-tabs:hover {
    background-color: #656565;
}
.button-tabs-wrapper .button-tabs:first-child {

}
.button-tabs-wrapper .button-tabs.selected:first-child {

}
.button-tabs-wrapper .button-tabs:last-child {
    border-right: solid 1px #252525;
}

.button-tabs.selected {
    background-color: #FFF !important;
    background-image: none;
    color: #252525;
    border: #bbbbbb solid 1px;
    border-bottom: none;

}




.not-finished {
    border-bottom: #f70043 solid 4px;
}
.finished {
    border-bottom: #1577E0 solid 4px;
}

.notice {
    background-color: #f1f1f1 !important;
    color: #484848 !important;
}
#imageuploads #showerrors {

    background-color: #dd1144 !important;

    border-radius: 2px;
}
#uploadprogress {
    text-align: center;
    padding: 20px 0;
}

#imageuploads #showerrors:before {
    display:none;
}
#overallpercent .label {
    font-size: 19px;
    background: transparent;
    color: #000;
}
#overallprogress {

    width: 50%;

    max-width: 400px;

    margin-left: auto;

    margin-right: auto;

    border-radius: 2px;

    overflow: hidden;
}
.fg_blue {
    color: #1577E0 !important;
}
.fg_red {
    color: #f70043 !important;
}


.fg_blue {
    color: #1577E0 !important;
}
.fg_red {
    color: #f70043 !important;
}


.van_stats {

    margin-top: 0px;
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    border-top: solid 1px #a4a4a4;
    height: 74px;
}
.search-wrapper {
    position:absolute;
    margin-left: 15px;
    margin-top:-10px;
}
.vans_search_box {

    height: 45px;
    padding-left: 8px;
    border: none;
    font-size: 18px;
    width: 180px;
    float: left;
    -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.1);
    border: solid 1px #408ecc;

}
#vanssearchbtn {
    height: 45px;

    font-size: 18px;
    float:left;
    -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.1);
    border: solid 1px rgba(0,0,0,.2);
    border-left:none;
    text-align:center;
    padding: 7px 10px 0 10px;
    color:#fff;
    background-color: #1577E0;
}

#browesvansbtn {
    height: 45px;

    font-size: 18px;
    padding: 7px 10px 0 10px;
    float:left;
    -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.1);
    border: solid 1px rgba(0,0,0,.2);
    margin-left: 10px;
    text-align:center;
    color:#fff;
    background-color: #1577E0;
}

#vanssearchbtn:hover {
    text-decoration: none;
    background-color: #155ab5;
}

#browesvansbtn:hover {
    text-decoration: none;
    background-color: #155ab5;
}

#browesvansbtn.open {
    background-color: #E40C27;
}
#browesvansbtn.open:hover {
    background-color: #AD091D;
}



#crop_mondal {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    background-image: url("/source/96d3fc5c668a04be93d42e8162bdf7ca/perforated-white-leather.png");
    z-index: 300;
    display: none;
}
#crop_mondal .inner {
    position: absolute;
    width: 640px;
    top: calc(50% - 300px);
    left: calc(50% - 320px);
    text-align: left;
    cursor: pointer;
}
#crop_mondal .inner h2 {
    margin-bottom: 30px;
}

#crop_mondal .crop {
    width: 640px;
    height: 360px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);

}

.crop_trans_logo {
    position: absolute;
    z-index: 400;
    width: 208px;
    height: 92px;
    background-image: url("/img/_imageoverlays/trans-med.png");
    overflow: hidden;
}


.content-wrapper {
    border: #eee solid 1px;
    border-top: #fff solid 1px;
    height: calc(100% - 55px);
}

.standard-border-wrapper {
    border: #eee solid 1px;
    border-top: none;
    position: relative;


}
.content-wrapper-vans {
    border: #bbbbbb solid 1px;
    border-top: #fff solid 1px;
    background-color: rgba(255,255,255,1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    height: calc(100% - 15px);
}

/*  Scrollbar Height is parent minus the height of the header for this area */
.vertical_scroll_chris {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 0px);
    padding-bottom: 30px;
}
/*  Scrollbar Height is parent minus the height of the header for this area */
.vertical_scroll_normal_height {
    overflow-y: scroll;
    overflow-x: hidden;

}


/*  Scrollbar Height is parent minus the height of the header for this area */
.vertical_scroll_listvans {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100% - 140px);
    border-top: solid 1px rgba(0,0,0,.2);

}



.vertical_scroll_crm_summary {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100% - 40px);
}

table.dataTable thead {
    border-bottom-color: #dc7d1c;
}


.full_height_crm_recent {

    height: calc(100% - 120px);
}

.full_height_crm_summary {

    height: calc(100% - 393px);
}

#selected_filters_list {


}
#selected_filters_list div {
    display: inline-block;
    padding: 0 0 0 30px;
    font-weight: normal;
}

.bottom-boxes {
    font-size: 21px !important;
    font-weight: normal;
    padding: 0px 15px 1px 15px;
    float: left;
    line-height: 28px;
    border-right: solid 1px #A4A4A4;
    height: 100%;
}

.total_vans {
    font-size: 21px;
    padding-top: 5px;
}
.filters-heading-bottom {
    font-size: 21px;
    padding-top: 5px;
}
button.removefilter {
    padding: 3px 6px;
    border: solid 1px rgba(0,0,0,.2);
    border-radius: 0px;
    margin-right: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.54);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.54);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.54);
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(219,219,219,1) 40%, rgba(234,234,234,1) 58%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(40%,rgba(219,219,219,1)), color-stop(58%,rgba(234,234,234,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 40%,rgba(234,234,234,1) 58%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 40%,rgba(234,234,234,1) 58%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 40%,rgba(234,234,234,1) 58%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 40%,rgba(234,234,234,1) 58%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
button.removefilter:hover {

    color: #fff;
    background: rgb(255,48,25); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}


.body_bg {
    background-color: #fff;

    height: 100%;
}
.vanlistrow {
    padding-left: 14px;
    margin-right: 0px;
}
.ima_van {
    padding: 0px; !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
a.bottombuttons  {
    font-size: 16px;
    text-decoration: none;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(219,219,219,1) 40%, rgba(234,234,234,1) 58%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(40%,rgba(219,219,219,1)), color-stop(58%,rgba(234,234,234,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 40%,rgba(234,234,234,1) 58%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 40%,rgba(234,234,234,1) 58%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 40%,rgba(234,234,234,1) 58%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 40%,rgba(234,234,234,1) 58%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



    padding: 8px;
    color: #000;
    font-weight: bold;
    margin-left: -15px;
    margin-right: -15px;
    height: 100%;

}
a.bottombuttons:hover  {
    font-size: 16px;
    text-decoration: none;
    background: rgb(235,241,246); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(213,235,251,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(213,235,251,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(213,235,251,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(213,235,251,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


    padding: 8px;
    color: #000;
    font-weight: bold;

}
.vehiclewrap {

    border-width: 1px !important;
    margin-bottom: 0px !important;
    border-right: none !important;
    border-top: none !important;

    padding: 15px !important;

}

.navbar_theme {

    border-bottom: solid 1px #29699C;

    -webkit-box-shadow: 0px 0px 6px 6px rgba(0,0,0,.2);

    -moz-box-shadow: 0px 0px 6px 6px rgba(0,0,0,.2);

    box-shadow: 0px 0px 6px 6px rgba(0,0,0,.2);


    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0076e5+1,2589e8+18,0463d8+100 */

    background: #0076e5; /* Old browsers */

    background: -moz-linear-gradient(top, #0076e5 1%, #2589e8 18%, #0463d8 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0076e5), color-stop(18%,#2589e8), color-stop(100%,#0463d8)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #0076e5 1%,#2589e8 18%,#0463d8 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #0076e5 1%,#2589e8 18%,#0463d8 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #0076e5 1%,#2589e8 18%,#0463d8 100%); /* IE10+ */

    background: linear-gradient(to bottom, #0076e5 1%,#2589e8 18%,#0463d8 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076e5', endColorstr='#0463d8',GradientType=0 ); /* IE6-9 */

    margin-bottom:  0;

    min-height: 48px;

    max-height:  48px;

    height:  48px;
}
.nav.navbar-nav > li > a, .nav.navbar-nav > li > a i {
    text-shadow: 1px 1px 0px #000;
    font-weight:bold;
}
.nav.navbar-nav > li > ul li:nth-child(odd) {
    background-color:rgba(0,0,0,.05);
}

.nav.navbar-nav > li > ul li.nobg {
    background-color: #fff !important;
}
.nav.navbar-nav > li > ul li a i {
    width:24px;
}
.nav.navbar-nav > li a {
    padding: 0 8px 0 20px;
    line-height: 40px;
}
.nav.navbar-nav > li > a {
    border-left: solid 1px rgba(255,255,255,.1);
    line-height: 48px;
    padding: 0 20px;
    border: none;
}
.nav.navbar-nav > li a.darker {
    background-color: rgba(0,0,0,.2);
}
.nav.navbar-nav > li a.darker:hover {
    background-color: rgba(0,0,0,1);
}

.nav.navbar-nav > li .badge {
    min-width: 38px;
    line-height: 24px;
    padding: 0;
    margin-top: 7px;
    font-size: 10px;
    border-radius:  2px;
}
.dropdown_theme {
    background: transparent;
}



.sub-menu-item {
    font-size: 15px;
    padding: 10px 10px 10px 32px;
    border-bottom: solid 1px #eee;
    cursor: pointer;
    float: none;
    clear: left;
}
.sub-menu-item:hover {
    background-color: #eaeaea;
}







.stage-two-btn {

}

.selected-sub-heading {
    font-weight: bold !important;
    font-size: 15px;
}
.selected-sub-heading i {
    color: #1577E0;
    text-shadow: 1px 1px 0 #161616;
}
.selected-sub-heading > .cattop {
    color: #505050;
    font-size: 12px;
    margin-top: -5px;
    margin-bottom: 2px;
    font-weight:  normal;
}
.selected-sub-item {
    background-color: #d7eaff;
    /* border: solid 1px #fff; */
    font-size: 16px !important;
    font-weight: bold !important;
    position: relative;
}
.selected-sub-item:before {
    content: '\ee76';
    font-family: MobilityPlusCRM;
    position: absolute;
    left: 12px;
    top: 11px;
    font-size: 14px;
    z-index: 1;
}
.selected-sub-item .non-folder {
    display: none;
}
.sub-menu-group {

    padding-bottom: 50px;



}

.sub-menu-item.addone {
    border-top: #fff solid 4px !important;
    background-color: #FFF !important;
    color: #1577E0;
    border-bottom: none;
    font-size: 13px;
    padding: 1px 0 1px 10px !important;

}
.sub-menu-item.addone:hover {
    border-top: #fff solid 4px !important;
    background-color: #fffeec !important;
    color: #1b8dff;
}


.light-gray-btn {
    background-color: #cbcbcb !important;
    color: #181818 !important;
    border-bottom: solid 0px #fff !important;
    border-left: solid 4px #f70043 !important;
    margin-bottom: 2px;
}
.light-gray-btn:hover {
    background-color: #cbcbcb !important;
    color: #181818 !important;
    /* border-bottom: solid 2px #fff !important; */
    border-left: solid 4px #f70043 !important;
}
.boldtext {
    font-weight: bold !important;


}

.add-remove-btn {
    right: 0px;
    margin-right: 40px;
    margin-top: 11px;
    position: absolute;
    z-index: 999;
    font-size:19px !important;
    cursor: pointer;


}
.add-remove-btn:hover {
    color: #f70043;

}

.fade-back-slight {

    background-color: #ebebeb !important;
    border-left: solid 4px #1577E0 !important;
}
.fade-back-slight:hover {
    background-color: #ebebeb !important;
    border-left: solid 4px #1577E0 !important;
}
.light-gray-btn.category_btn {
    border-left: solid 0px #1577E0;
}

.addinput_wrapper {
    font-size: 18px;
    padding: 5px;
    border: solid 1px #eee;
    margin: 8px;
    margin-bottom: 25px;

}
.addinput_wrapper .title {
    font-size: 18px;
    padding: 5px;
    background-color: #eee;
    color: #000;
    margin-bottom: 10px;
    margin-right: 0px;
    font-weight: bold;

}

.addinput_wrapper .visible_div {

    font-size: 17px;
    padding: 5px 0 8px 0;
    border-top: none;
    border-bottom: solid 1px #eee;
    margin-top: 5px;

}
.addinput_wrapper .ynbtns {
    font-size: 14px;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
    background-color: #e4e4e4;
    color: #404040;
    display: inline-block;
    float: right;
    margin-left: 2px;

}

.addinput_wrapper .ynbtns.selected {
    font-size: 14px;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
    background-color: #219f12;
    color: #fff;
    display: inline-block;
    float: right;
    margin-left: 2px;

}

.addinput_wrapper .addinput {
    font-size: 18px;
    padding: 4px;
    border: solid 1px #eee8de;
    width: 100%;

}
.addinput_wrapper .csavebtn {
    font-size: 18px;
    cursor: pointer;
    padding: 5px;
    background-color: #1577E0;
    color: #fff;
    display: inline-block;
    float: right;
    margin-top: 15px;
    text-align: right;
}



.addinput_wrapper .addinputbtn:hover {
    background-color: #3951a2;


}
.addinput_wrapper .addinputbtn_cancel {
    font-size: 18px;
    cursor: pointer;
    padding: 5px;
    background-color: #f70043;
    color: #ffffff;
    display: inline-block;
    float: right;
    margin-top: 15px;
}
.addinput_wrapper .addinputbtn_cancel:hover {
    background-color: #ba0032;

}
.addinput_wrapper .addinputbtn_holder {
    height: 56px;
}


.nav_tab_active {
    background-color: #f2f2f2 !important;
}
.conversion_description p {
    margin-bottom: 40px;

}
.conversion_description h2 {
    font-size: 31px;
    line-height: 38px;

}
.displaynone {
    display: none;
}

.conversion_description h3 {
    font-size: 31px;
    line-height: 38px;
    color: #3d3d3d;

}
.conversion_description .img {
    float: right;
    width: 250px;
    padding-left: 30px;
    padding-bottom: 30px;

}
.conversion_description ul, .conversion_description li {
    line-height: 24px !important;
    font-size: 18px;
    font-family: "Segoe UI_","Open Sans",Verdana,Arial;

}

.conversion_description .conv_not_selected_btn {

    font-size: 24px;
    background-color: #1577E0;
    color: #ffffff;
    margin-right: 15px;
    width: 280px;
    text-align: center;
    padding: 10px;
    margin-top: -70px;
    margin-bottom: 70px;
    position: relative;
    z-index: 555;

}
.conversion_description .conv_not_selected_btn:hover {
    background-color: #2b3468;
    color: #ffffff;

}

.conversion_description .borderwrapper {
    border: solid 1px #d0d0d0;
    padding: 10px;
    margin-bottom: 70px;

}
.conversion_description .borderwrapper h2:first-child {
    background-color: #fff;
    padding: 0 10px 0 10px;
    margin-top: -34px;
    margin-bottom: 42px;
    display: block;

}
.conversion_description textarea {
    border: solid 1px #eee;
    width: 100%;
    height: 150px;
    margin-top: -20px;

}
.conversion_description .novideo {
    text-align: center;
    height: 240px;
    padding-top: 100px;


}

.conversion_description .conv_selected_btn {
    font-size: 24px;
    background-color: #f70043;
    color: #ffffff;
    margin-right: 15px;
    width: 280px;
    text-align: center;
    padding: 10px;
    margin-top: -70px;
    margin-bottom: 70px;
    position: relative;
    z-index: 555;





}
.conversion_description .conv_selected_btn:hover {
    background-color: #c00035;
    color: #ffffff;

}



.outburst {


    height: 150px;
    position: absolute;
    background-color: #f9f9f9 !important;

    border: solid 1px rgba(75, 75, 75, 0.70);
    color: #494949 !important;
    padding: 20px;
    z-index: 998;
    left: 20px !important;
    right: 20px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: -160px;
    -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 1);
    box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 1);

}
.notice_back_wrapper {
    height: 25px;
    width: 60px;
    overflow: hidden;
    margin-left: 20px;
    margin-top: -11px;
    position: absolute;
    z-index: 999;
}


.notice_back {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: 20px;

    background-color: #f9f9f9 !important;

    border: solid 1px rgba(75, 75, 75, 0.70);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 1);
    box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 1);


}
.cancel_edit_category {
    position: absolute;
    right: 0px;
    width: 15px;
    height: 15px;
    margin-top: -18px;
}

.outburst .btn {
    width: 100%;
    text-align: left;
    color: #fff;

}
.outburst .btn:first-child {
    margin-bottom: 4px;

}

.outburst .btn_red {
    background-color: #f70043;

}
.outburst .btn_blue {
    background-color: #1577E0;

}
.metro .navigation-bar .navigation-bar-content .element, .metro .navbar .navigation-bar-content .element, .metro .navigation-bar .navbar-content .element, .metro .navbar .navbar-content .element {
    padding: 15px;
    line-height: 12px;
    color: inherit;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    text-decoration: none;
}

.van-btn-red {

    background-color: #f70043 !important;
    color: #fff !important;
    text-shadow: 1px 1px 1px #000 !important;
    font-family: 'Open Sans' !important;
    margin-bottom: 15px !important;
    border: solid 1px #b10000 !important;
    line-height: 24px;
}
.van-btn-blue {
    background-color: #1577E0 !important;
    color: #fff !important;
    text-shadow: 1px 1px 1px #000 !important;
    width: 100%;
    font-family: 'Open Sans' !important;
    font-size: 24px !important;
    margin-bottom: 15px !important;
    line-height: 24px;
}

.van-btn-red:hover {
    background-color: #960029;

}
.van-btn_blue:hover {
    background-color: #374b96;

}

.outburst .btn_red:hover {
    background-color: #ae002c;

}
.outburst .btn_blue:hover {
    background-color: #374890;

}


.outburst .right {
    font-size: 12px;
    height: 52px;

}


.edit-rebates .rebate {
    background-color: rgba(255,255,255,.7);
    padding: 5px;
    font-size: 30px;
    margin-bottom: 10px;
    height: 54px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #c8c8c8;
}
.edit-rebates .rebate > div {
    width: 33%;
    float: left;
    background-color: transparent;
    font-size: 19px;
}

.edit-rebates .rebate-single {
    background-color: rgba(255,255,255,.7);
    padding: 5px;
    font-size: 20px;
    margin-bottom: 10px;
    height: 100px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #c8c8c8;
}
.edit-rebates img {

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #c8c8c8;
}
.edit-rebates .rebate-single > div {
    width: 25%;
    float: left;
    background-color: transparent;
}
.main_bg {
    min-height: 100%;
    background-color: #FFF;

    background-repeat: repeat;
}
.edit-rebates h2 {
    margin-top: -30px;
    margin-bottom: 40px;
    font-size: 26px;
}
.edit-rebates input {
    font-size: 35px;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
    background-color: #ffffff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #c8c8c8;
    color: #404040;
    margin-top: -30px;
    margin-bottom: 20px;


}
.edit-rebates button {
    font-size: 35px;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #c8c8c8;
    margin-top: -30px;
    margin-bottom: 20px;
    margin-left: 10px;
    background-color: #404040;
    color: #ffffff;

}
.edit-rebates button:hover {
    background-color: #e0e0e0;
    color: #404040;

}
.edit-rebates #save {
    font-size: 35px;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #2055c8;
    margin-top: -30px;
    margin-bottom: 20px;
    margin-left: 10px;
    background-color: #4566b1;
    color: #ffffff;

}
.edit-rebates #save:hover {
    background-color: #4ba46b;
    color: #fff;
    border: solid 1px #1e6230;
}



#search_div {
    position: absolute;
    width: 20%;
    right: 0px;
    margin-top: -30px;
}

#save_pricing_btn {
    display: none;
    position: absolute;
    right: 48px;
    top: 68px;
    font-size: 20px;
    height: 34px;
    padding: 0px 18px;
    z-index: 5;
    background-color: rgb(255, 0, 68);
    font-weight: 900;
    font-family: Roboto, sans-serif;
    border-radius: 4px;
    border: solid 1px #ad0404;
    box-shadow: -3px 3px 12px 0px rgba(0,0,0,.3), inset 1px 1px 10px 0px rgba(0,0,0,.3);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -.6px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
#save_pricing_btn:hover {
    background-color: rgb(192, 0, 51);
}
#pricing_tab .container_no_label {
    /* min-height: 46px; */
    /* padding-top: 2px; */
    /* padding-bottom: 2px; */
    line-height: 36px;
    /* padding-bottom: 0px; */
    /* color: #414141; */
}
#pricing_tab .container_no_label input[type='text'] {
    /* min-height: 40px; */
    /* font-size: 16px; */
    /* line-height: 26px; */
}

#pricing_tab .new_van_layout .thevalue {

    font-size: 15px;

    line-height: 38px;
}
#price_upto_date {
    /* text-shadow: 1px 1px 1px #000; */
    /* position: absolute; */
    left: 33px;
    right: 42px;
    top: 46px;
    padding: 0px 20px 3px 10px;
    height: 22px;
    background-color: #ffffff;
    color: #1577e0;
    /* font-weight: bold; */
    z-index: 4;
    margin-bottom: -22px;
    text-align: right;
}
#expenses-container:after {
    clear: both;
    content: ' ';
    display: block;
}
.col-sm-12.new_van_layout {
    background-color: #fff;
    -webkit-transition: background-color 500ms linear !important;
    -moz-transition: background-color 500ms linear !important;
    -o-transition: background-color 500ms linear !important;
    -ms-transition: background-color 500ms linear !important;
    transition: background-color 500ms linear !important;
}


.col-sm-12.new_van_layout.just-added-expense {
    background-color: #fff;
}
.col-sm-12.new_van_layout.glow-expense, .col-sm-12.new_van_layout.glow-expense input {
    background-color: #efefef;
}

.col-sm-12.new_van_layout.just-added-additionalitems {
    background-color: #fff;
}
.col-sm-12.new_van_layout.glow-additionalitems {
    background-color: #96e8c0;
}
.col-sm-12.new_van_layout.just-added-discount {
    background-color: #fff;
}
.col-sm-12.new_van_layout.glow-discount {
    background-color: #96e8c0;
}

.col-sm-12.new_van_layout.priceTotalLine {
    background-color: #fff;
    color: #000;
    text-shadow: none;
    /* border-bottom: solid 8px #000; */
    /* margin-left: 15px; */
    min-height: 48px;
}
.col-sm-12.new_van_layout.priceTotalLine.beforeAddons {
    background-color: #fff;
    color: #000;
    text-shadow: none;
    border-bottom: none;
}
.col-sm-12.new_van_layout.priceTotalLine.beforeAddons .totalAmount .thevalue {
    font-size: 20px !important;
    line-height: 32px;
}

#expenses-container, #discounts-container {
    /* border-bottom: solid 2px #000; */
    /* margin-left: 15px; */
    /* margin-right: 15px; */
}
#expenses-container:after, #discounts-container:after {
    clear: both;
    content: ' ';
    display: block;
}
.col-sm-12.new_van_layout.priceTotalLine .totalTitle {
    font-size: 14px;
    position: absolute;
    margin-top: -34px;
    right: 142px;
    text-align: right;
    width: 500px;
    font-size: 15px !important;
}
.col-sm-12.new_van_layout.priceTotalLine.beforeAddons .totalTitle {
    font-size: 14px;
    position: absolute;
    margin-top: -36px;
    /* right: 133px; */
    left: 109px;
    text-align: left;
    width: 500px;
    font-size: 15px !important;
}

.col-sm-12.new_van_layout.priceTotalLine .totalAmount .thevalue {
    font-size: 28px !important;
    font-weight: bold;
    /* border-top: solid 4px #020202; */
    text-shadow: 1px 1px 3px rgba(0,0,0,.1);
    text-align: right;
    padding-top: 8px;
    padding-right: 15px;
}

.col-sm-12.new_van_layout.priceTotalLine.beforeAddons .totalAmount .thevalue {

    text-align: left;

    border-top: none;
}

h2.priceLineSubHeading {
    padding: 0 0 0 15px !important;
    margin: 0;
    background-color: #fbfbfb;
    font-size: 18px;
    font-weight: bold;
    border-top: solid 2px #a9a9a9;
    /* border-bottom: solid 2px #000; */
    font-family: Roboto, sans-serif;
}

.blue-btn.add_discount_btn, .blue-btn.add_expense_btn, .blue-btn.add_items_btn   {
    text-shadow: 1px 1px 0 #000;
    margin-top: 10px;
    margin-right: 15px;
    border-radius: 2px;
    padding: 4px 18px;
}





.on-off-checkbox {
    -webkit-appearance: none;
    background-color: #fff;
    display: inline-block;
    position: relative;
}

.on-off-checkbox.inline {
    width: 70px;
    margin-top: 4px;
    margin-bottom: 10px;
    display: inline-block;
}
.on-off-checkbox-label {
    display: inline-block !important;
    line-height: 40px;
    margin: 0px !important;
}

.on-off-checkbox:after, .on-off-checkbox:checked:after {
    width: 50px;
    height: 25px;
    position: absolute;
    content: ' ';
    display: block;
    margin-top: -11px;
    background-repeat: no-repeat;
}
.on-off-checkbox.small-check:after, .on-off-checkbox.small-check:checked:after {
    width: 100%;
    height: 100%;
}
.on-off-checkbox:after {
    background-image: url("/source/541529a894ebbbd987e56cc4190892fc/unchecked.svg");
}

.on-off-checkbox:checked:after {
    background-image: url("/source/7a52b3420206ef571c5a291d0e83ac0a/checked.svg");
}

input.on-off-checkbox:focus {
    outline-width: 0;
}



.crm-form .warn-empty-input:before {
    display: none;
}

.crm-form .warn-empty-input.active:before {
    background-color: #f70043;
    width: 4px;
    position: absolute;
    content: ' ';
    display: block;
    top: 0;
    bottom: 0;
    left: 0px;
}

#show_online {
    /* float: right; */
    margin-top: 0px;
    margin-bottom: -8px;
}

.show_to_public, .hide_to_public {
    background-repeat: no-repeat;
    width: 50px;
    height: 25px;
    cursor: pointer;
}
.show_to_public {
    background-image: url("/source/7a52b3420206ef571c5a291d0e83ac0a/checked.svg");

}

.hide_to_public {
    background-image: url("/source/541529a894ebbbd987e56cc4190892fc/unchecked.svg");


}


select[multiple].popupSelectList {
    position: absolute;
    z-index: 1;
    /* right: -1px; */
    left: 5px;
    border: #eee solid 1px;
    box-shadow: 2px 21px 107px 0px rgb(68, 68, 68);
    width: calc(100% + -9px);
    height: 270px;
    top: -80px;
    border-radius: 3px;
    overflow-y: auto;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
select[multiple].popupSelectList:before {
    background-color: rgb(42, 42, 42);
    display: block;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
}
select[multiple].popupSelectList.makeSelectList:before {
    content: 'Select A Make';
}
select[multiple].popupSelectList.yearSelectList:before {
    content: 'Select A Year';
}
select[multiple].popupSelectList.modelSelectList:before {
    content: 'Select A Model';
}
select[multiple].popupSelectList.trimSelectList:before {
    content: 'Select A Trim';
}
select[multiple].popupSelectList.engineSelectList:before {
    content: 'Select An Engine';
}
select[multiple].popupSelectList.ecolorSelectList:before {
    content: 'Select Exterior Color';
}
select[multiple].popupSelectList.icolorSelectList:before {
    content: 'Select Interior Color';
}
select[multiple].popupSelectList option {
    padding: 4px 15px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.09);
}
select[multiple].popupSelectList option:nth-child(even) {
    background-color: rgb(249, 249, 249);
}


select[multiple].popupSelectList option:hover {
    background-color: rgb(202, 218, 255);
}
select[multiple].popupSelectList option.optionManualKey {
    border-top: solid 3px rgb(68, 68, 68);
    padding: 14px 15px;
    font-weight:bold;
}
select[multiple].popupSelectList option.optionManualKey:hover {

}

select[multiple].popupSelectList option.currentVal {
    background-color: rgb(202, 218, 255);
    font-weight: bold;
}
select[multiple].popupSelectList option.currentVal:hover {

}



.crm-form input.priceField {
    margin-left: 15px;
    width: calc(100% - 5px);
    /* font-size: 16px; */
    /* line-height: 28px; */
    padding:  0;
}





#price_not_saved_alert {
    display: none;
    height: 60px;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 12px 20px 3px 10px;
    background-color: #ff0044;
    color: #FFF;
    font-weight: bold;
    z-index: 999999;
    text-align: center;
    font-size: 19px;
    text-shadow: 1px 1px 2px #000;
}

#price_save_in_progress {
    display: none;
    padding: 10px 20px;
    background-color: #242424;
    color: #FFF;
    margin: 0px 15px -20px -1px;
    font-weight: bold;

}
#main_van_image {
    height: 100px;
    float: right;
    margin-right: 15px;
    margin-top: 20px;
}


h2.pricingH2 {
    font-size: 21px;
    padding-top: 0px !important;
    padding-bottom: 0 !important;
    font-weight: 800;
    margin-bottom: 3px;
    font-family: Roboto, sans-serif;
    /* text-transform: uppercase; */
    margin-left: 0px;
    /* border-radius: 5px; */
    /* display: inline-block; */
    /* text-shadow: 1px 1px 2px #000; */
    /* background-color: #575757; */
    /* color: #fff; */
}
h2.retailH2 {

}

.retailPricingWrapper, .costPricingWrapper {
    position: relative;
    /* padding-left: 15px; */
    /* margin-top: 15px; */
    /* margin-right: 15px; */
}
.retailPricingWrapper:before, .costPricingWrapper:before {
    display: block;
    content: ' ';
    position: absolute;
    width: 0px;
    top: 21px;
    bottom: 0px;
    left: 4px;
    background-color: #4f4f4f;
    z-index: 1;
    border-radius: 5px;
}
.costPricingWrapper {
    margin-top: 30px;
}

.priceTotalLine .container_no_label {
    border-bottom: none;
    border-right: none;
    padding-right: 0px;
}

.no-discounts-applied-notice, .no-expense-applied-notice {
}
.no-discounts-applied-notice .container_no_label, .no-expense-applied-notice .container_no_label {
    /* padding-top: 0px !important; */
}

.col-sm-12.new_van_layout.priceTotalLine .totalAmount .thevalue:before {
    content: '$';
}
.top-tabs-van-edit {
    background-color: #252525;
    /* background-image: url("/source/5526a1799a9f2f29061051aa0fee7b41/boxes.png"); */
    padding: 5px 18px 4px 18px;
    font-size: 16px;
    height: 40px;
    color: #FFF;
    float: left;
    cursor: pointer;
    width: 12.5%;
    text-align: center;
    border-right: solid 1px #ffffff4d;
    line-height: 32px;
}

.top-tabs-van-edit:hover {
    background-color: #5a5a5a;
}
.top-tabs-van-edit-wrapper .top-tabs-van-edit:first-child {

}
.top-tabs-van-edit-wrapper .top-tabs-van-edit.selected:first-child {

}
.top-tabs-van-edit-wrapper .top-tabs-van-edit:last-child {
    border-right: solid 1px #252525;
}

.top-tabs-van-edit.selected {
    background-color: #FFF !important;
    background-image: none;
    color: #252525;
    border: #eee solid 1px;
    border-bottom: none;
}

#vehicleImageLine  {
    height: 100px;
    overflow: hidden;
    width: calc(100% + 200px);
}
#vehicleImageLine img {
    float: left;
    height: 90px;
    margin: 5px 2px 5px 5px;
    cursor: pointer;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3);
    border-radius: 2px;
}

.new_van_layout .thevalue.inline {
    display: inline;
}

.noVanImagesWrapper {
    font-size: 14px;
    padding-right: 250px;
    padding-left: 50px;
    text-align: center;
    padding-top: 28px;
    color: #b3b3b3;
}
button, .metro button {
    border: none;
}
.metro h4 {
    font-family: Roboto, sans-serif;
    font-weight: bold;
    color: #000000;
    font-size: 18px;
}

button.editTabJump, button.editTabJump:focus, button.editTabJump:active {
    background-image: url("/source/61caeeb50f877a0688043b561d6c4d82/edit-round.svg");
    border:none;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 10px;
}
button.editTabJump:hover {
    background-image: url("/source/df9a4aa777b091315f250a444198e4d6/edit-round-hover.svg");
}


#aging_vehicles .holdIcon {
    width: 90px;
    margin: -7px 0 -3px 0px;
    /* position: absolute; */
}

#vehicleAgingTable_wrapper {
    margin-bottom: 50px;
}
#vehicleAgingTable_wrapper .dataTables_filter, #vehicleAgingTable_wrapper .dataTables_length {
    display: none;
}
#vehicleAgingTable_wrapper .dataTables_info {
    margin-top: -18px;
}
#vehicleAgingTable_wrapper th {
    padding-right:20px;
    position: relative;
    cursor: pointer;
}
#vehicleAgingTable_wrapper th.sorting:after, #vehicleAgingTable_wrapper th.sorting_asc:after, #vehicleAgingTable_wrapper th.sorting_desc:after {
    width: 11px;
    height: 20px;
    margin-left: 8px;
    cursor: pointer;
    content: ' ';
    position: absolute;
    background-repeat: no-repeat;
    margin-top: 2px;
}
#vehicleAgingTable_wrapper th.sorting:after {
    background-image: url("/source/0acbf077dd46e172371f61188c7cf896/sorting.svg");
}
#vehicleAgingTable_wrapper th.sorting_asc:after {
    background-image: url("/source/cc365f5d196a9c9ed6ed34e9711ceff7/sorting_asc.svg");
}
#vehicleAgingTable_wrapper th.sorting_desc:after {
    background-image: url("/source/4f603fa26b1d4b179337ec18442afa11/sorting_desc.svg");
}

#vehicleAgingTable_wrapper tr {
    overflow: hidden;
}
#vehicleAgingTable_wrapper .dataTables_info {
    display: none;
}
#vehicleAgingTable_wrapper tr td {
    overflow: hidden;
}
#vehicleAgingTable_wrapper td.vehicleaging {
    position: relative;
    padding-left: 14px;
}

#vehicleAgingTable_wrapper td.vehicleaging:before {
    position: absolute;
    content: ' ';
    width: 8px;
    top: 1px;
    bottom: 1px;
    left: 0;
}
.agingLegend {
    margin-left: -15px;
    margin-top: 70px;
}
.agingLegend .vehicleaging {
    position: relative;
    padding-left: 15px !important;
    margin-bottom: 50px !important;
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 20px;
    text-align: left;
    /* font-weight: 600; */
    font-size: 15px;
    line-height: 15px;
}

.agingLegend .vehicleaging:before {
    position: absolute;
    content: ' ';
    height: 10px;
    top: 0px;
    left: 15px;
    right: 0px;
}
.agingLegend .ageClassCount {
    position: absolute;
    margin-top: -44px;
    /* width: 100%; */
    left: 15px;
    right: 0;
    font-size: 28px;
    text-shadow: 0px 0px 2px #fff,0px 0px 3px #fff,0px 0px 4px #fff;
    font-weight: bold;
    text-align: center;
}
.vehicleaging.zero:before {
    background-color: #969696;
}
.vehicleaging.thirty:before {
    background-color: #4aa369;
}

.vehicleaging.sixty:before {
    background-color: #5c52b3;
}
.vehicleaging.ninety:before {
    background-color: #f47932;
}
.vehicleaging.onetwenty:before {
    background-color: #f8002a;
}
.vehicleaging.threesixtyfive:before {
    background-color: #ff0096;
}
.checkList {
    margin-bottom: 20px;
}
.ageCheck {
    position: absolute;
    left: 52%;
    top: 8px;
    width: 46px;
    height: 28px;
    background-color: transparent;
    margin-left: 15px;
}
.ageCheck .on-off-checkbox {
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.ageCheck .on-off-checkbox:after, .ageCheck .on-off-checkbox:checked:after {
    background-color: transparent;
    margin-top: -0px;
}
.agingLegend .dayRange {
    position: absolute;
    right: 51%;
    margin-left: 15px;
    top: 17px;
    text-align: center;
}
#aging_vehicles h2 {
    margin:0;
}
.checkList .ageCheck {
    margin-top: 0;
    right: 0px;
    top: -3px;
    left: auto;
    margin-left: 0;
}
.checkList .checklistLine {
    position: relative;
    height: 30px;
    padding-left: 0px;
    /* font-weight: bold; */
    border-bottom: solid 1px rgba(0,0,0,.1);
    line-height: 30px;
    margin-right: 14px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
}
#aging_vehicles .selectorListHeading {
    font-size: 19px;
    margin: 0px 15px 10px 0px;
    font-weight: bold;
    /* text-align: center; */
}
.agingStatLineWrapper {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 12px;
}
.agingStatLine {
    /* line-height: 50px; */
    float: left;
    width: calc(33.3333% - 10px);
    height: 120px;
    background: rgba(230, 230, 230, 0.59);
    margin: 5px;
    text-align: center;
    color: #000;
    /* border-radius: 50%; */
    padding-top: 10px;
}
.agingStatLine .statNumber {
    font-size: 42px;
}


.container.home .tab-container {
    display: none;
}
.container.home .tabButtons  {
    margin: 24px 0 24px 0;
}
.container.home .tabButtons .tab  {
    float: left;
    margin: 0px 7px 0 0px;
    font-size: 20px;
    background-color: rgba(0,0,0,.05);
    padding: 6px 15px 6px 15px;
    cursor: pointer;
}
.container.home .tabButtons .tab:hover  {
    background-color: rgb(198, 224, 255);
}
.container.home .tabButtons .tab.active  {
    background-color: rgb(10, 106, 219);
    color: #fff;
    border-bottom: solid 1px #29699C;
    -moz-box-shadow: 0px 0px 6px 6px rgba(0,0,0,.2);
    background: -moz-linear-gradient(top, #0076e5 1%, #2589e8 18%, #0463d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0076e5), color-stop(18%,#2589e8), color-stop(100%,#0463d8));
    background: -webkit-linear-gradient(top, #0076e5 1%,#2589e8 18%,#0463d8 100%);
    background: -o-linear-gradient(top, #0076e5 1%,#2589e8 18%,#0463d8 100%);
    background: -ms-linear-gradient(top, #0076e5 1%,#2589e8 18%,#0463d8 100%);
    background: linear-gradient(to bottom, #0076e5 1%,#2589e8 18%,#0463d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076e5', endColorstr='#0463d8',GradientType=0 );
    text-shadow: 1px 1px 1px #000;
}

.container.home .add-new-badge-before-dropdown:before {
    position: absolute;
    display: block;
    content: 'New';
    background-color: #ff0039;
    color: #fff;
    padding: 0px 5px;
    margin-top: -25px;
    z-index: 5;
    text-shadow: 1px 1px 0px #000;
    transform: rotate(-11deg);
    margin-left: 32px;
    box-shadow: 1px 1px 1px 0px #000;
    font-size: 16px;
}

.container.home h2 {
    margin: 13px 0px 40px 0px;
}

#aging-tab h2 {
    margin: -60px 0px 29px 0px;
}
#aging-tab  {
    margin: 90px 0px 20px 0px;
}


.site-images-single-wrapper {
    border: solid 1px #e1e1e1;
    padding: 15px 15px 150px 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 12px 0px rgba(0,0,0,.15);
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
    background: url("/source/721123b764072bd90e93706970525388/transparent-grid.png") repeat;
}


.site-images-single-wrapper:hover {
    box-shadow: 6px 6px 23px 2px rgba(0,0,0,.15);
}

.site-images-single-wrapper img {
    border: dashed 1px #6a6a6a;
    padding: 2px;
}

.site-images-single-wrapper .imgdetails {
    border-top: solid 1px #e1e1e1;
    padding: 15px;
    background-color: rgba(29, 29, 29, 0.72);
    position: absolute;
    bottom: 0px;
    height: 130px;
    left: 0px;
    right: 0;
    color: #fff;
    text-shadow: 1px 1px #000;
}


#soldrequest .alert  {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*  ---------------------------------      END THEME CHANGES --------- */