/* CSS Custom Style Sheet */

span.required {
    color: #ff0000;
}

.select2-container {
    width: 100% !important;
}

.range-label {
    vertical-align: middle;
    padding-top: 7px;
    text-align: center;
}

table .action-div {
    text-align: center;
    color: #dd4b39;
    width: 100%;
}

table .action-div a {
    color: #dd4b39;
}

table .action-icon {
    cursor: pointer;
    margin: 3px;
}

.listing-search-button-div {
    margin-bottom: 10px;
}

.table-responsive {
    padding-top: 10px;
}

html,
body,
header,
h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku GothicPro', 'ƒƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;*/
}

@media (min-width: 1200px) {
    .modal-xlg {
        width: 90%;
    }
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 4px;
        padding-right: 0px;
        padding-left: 0px;
    }
}

.control-label{
    text-align:right;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    padding-left: 4px;
}

.main_my_stock .select2-selection__arrow{
    margin-top:5px;
}

.main_my_stock .select2-container--default .select2-selection--single,
.main_my_stock .select2-selection .select2-selection--single {
    height:30px !important;
    background-color:#f4f4f4;
    border: solid 1px #ddd;
    border-radius: 3px;
}

.main_my_stock #select2-location-container, .main_my_stock #select2-yards-container{
    margin-top:1px;
}

.form-control {
    padding-left: 1px;
    padding-right: 1px;
}

.dataTables_length {
    width: 50%;
    float: left;
}


label {
    margin-bottom: 0px;
}

table {
    width: 100% !important;
}

/*.row {
    margin-right: 0px;
    margin-left: 0px;
}*/

.table-processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    border-color: #ddd !important;
    margin-bottom: 20px;
    background-color: #FFDF00;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.mg-bt-10 {
    margin-bottom: 10px !important;
}

.feature-img-check {
    right: 20px;
    margin: 0;
    position: absolute;
    top: 5px;
    z-index: 100;
    font-size: 18px;
    color: #fff;
    background: #36d91e;
    padding: 2px 10px;
    border-radius: 50%;
    opacity: 0.7;
}

.aucsheet-img-check {
    left: 20px;
    margin: 0;
    position: absolute;
    top: 5px;
    z-index: 100;
    font-size: 18px;
    color: #fff;
    background: #6a06ee;
    padding: 2px 10px;
    border-radius: 50%;
    opacity: 0.7;
}

.delete_car_image {
    left: 48%;
    margin: 0;
    position: absolute;
    top: 65px;
    z-index: 200;
    font-size: 18px;
    color: #fff;
    background: #f00;
    padding: 2px 10px;
    border-radius: 50%;
    opacity: 0.7;
    cursor: pointer;
}

.delete_registration_image {
    left: 43%;
    margin: 0;
    position: relative;
    margin-top: -50px;
    z-index: 200;
    font-size: 18px;
    color: #fff;
    background: #f00;
    padding: 2px 10px;
    border-radius: 50%;
    opacity: 0.7;
    cursor: pointer;
    width: 35px;
}

.featured-img {
    cursor: pointer;
    max-height: 100px !important;
    min-width: 100% !important;
}

.featured-reg-img {
    cursor: pointer;
    max-height: 200px !important;
    /*min-width: 100% !important;*/
}
input[type="file"] {
   // width: 185px;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#edit_my_stock_featured_img_div [class*="col-"] {
    margin-bottom: 10px;
}

.car-table-img {
    max-height: 50px;
}

.badge-warning {
    background: #ffc107;
}

.delete_car_temp_image {
    left: 20px;
    margin: 0;
    position: absolute;
    top: 5px;
    z-index: 200;
    font-size: 18px;
    color: #fff;
    background: #f00;
    padding: 2px 10px;
    border-radius: 50%;
    opacity: 0.7;
    cursor: pointer;
}

.box .overlay2>.fa,
.overlay-wrapper .overlay2>.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.box .overlay2,
.overlay-wrapper .overlay2 {
    z-index: 50;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

.box>.overlay2,
.overlay-wrapper>.overlay2,
.box>.loading-img,
.overlay-wrapper>.loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row .overlay2>.fa,
.overlay-wrapper .overlay2>.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.row .overlay2,
.overlay-wrapper .overlay2 {
    z-index: 50;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 3px;
}

.row>.overlay2,
.overlay-wrapper>.overlay2,
.row>.loading-img,
.overlay-wrapper>.loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*---------POINT OF SALE---------------------------------*/

.sectionfull {
    width: 100%;
    float: left;
}

.bg-brown {
    background-color: rgb(239, 235, 233);
    margin-bottom: 15px
}

.bg-deep-purple {
    background-color: rgb(237, 231, 246);
}

.bg-white {
    background-color: rgb(255, 255, 255);
    margin-top: 15px;
    margin-bottom: 15px;
}

.white {
    background-color: rgb(255, 255, 255);
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 5px 10px;
    border: 1px solid #cecece;
}

.hasaddons {
    display: none;
}

.adonsmore {
    cursor: pointer;
}

.table-wrapper-scroll-y {
    display: block;
    max-height: 250px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


/************After Customization**************/

.d-flex {
    display: -ms-flexbox;
    display: flex;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center;
}

.pt-0 {
    padding-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-l {
    margin-left: .5rem !important;
}

.mb-2 {
    margin-bottom: 1rem !important;
}

.loading:after {
    content: ' .';
    animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
    20%,
    20% {
        color: rgba(0, 0, 0, 1);
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);
    }
    40% {
        color: #F00;
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);
    }
    60% {
        text-shadow: .25em 0 0 #F00, .5em 0 0 rgba(0, 0, 0, 0);
    }
    80%,
    100% {
        text-shadow: .25em 0 0 #666, .5em 0 0 #666;
    }
}


/*.table-sm td, .table-sm th {
    padding: .3rem;
}*/

.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;
}

.nav-tabs>li>a.home {
    color: #FFF;
    background: #318d01;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0, 0, 0, .4), -2px -2px 5px -2px rgba(0, 0, 0, .4);
}

.nav-tabs>li>a.ongord {
    color: #FFF;
    background: #5b69bc;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0, 0, 0, .4), -2px -2px 5px -2px rgba(0, 0, 0, .4);
}

.nav-tabs>li>a.torder {
    color: #FFF;
    background: #08c;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0, 0, 0, .4), -2px -2px 5px -2px rgba(0, 0, 0, .4);
}

.nav-tabs>li>a.comorder {
    color: #FFF;
    background: #45babf;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0, 0, 0, .4), -2px -2px 5px -2px rgba(0, 0, 0, .4);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover {
    color: #37a000;
    background: #F5F5F5;
    font-weight:bold;
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .4), -2px -3px 5px -2px rgba(0, 0, 0, .4);
}


/* Tab Content */


/*                        .tab-pane {
                            background: #fff;
                            box-shadow: 0 0 4px rgba(0,0,0,.4);
                            border-radius: 0;
                            padding: 10px;
                            width:100%;
                            position:relative;
                        }*/

.btn-group-sm>.btn,
.btnleftalign,
.btn-group-sm>.btn,
.btnrightalign {
    padding: 1px 4px;
    font-size: 10px;
}

.table.table.table-bordered.footersumtotal {
    margin-bottom: 0;
    font-size: 13px;
}

.table.table.table-bordered.footersumtotal tr td {
    text-align: left;
}

.table.table.table-bordered.footersumtotal td,
.table.table.table-bordered.footersumtotal th {
    padding: .3rem;
    vertical-align: middle;
}

.table.table.table-bordered.footersumtotal .form-control {
    height: 22px;
    margin: 0 !important;
    max-width: 75px;
    font-size: 12px;
    padding: 3px 12px;
    border-radius: 2px;
}

.tab-pane table tr th,
.tab-pane table tr td {
    text-align: center;
}

.dt-button-collection.dropdown-menu {
    z-index: 9999;
}

.dropdown-menu>li.buttons-columnVisibility>a {
    cursor: pointer;
}

.dropdown-menu>li.buttons-columnVisibility>a:hover {
    background-color: #e1e3e9;
    color: #333;
}

*:focus {
    outline: none;
}

.calcbody {
    position: fixed;
    left: 30%;
    /*  top: 50%;
      left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    padding-bottom: 20px;
    width: 250px;
}

.cacldisplay {
    width: 100%;
    height: 45px;
    padding: 45px 0;
    background: #45c203;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.calcbuttons {
    padding: 15px 15px 0 15px;
}

.calcrow {
    width: 220px;
    float: left;
}

.calcrow input[type=button] {
    width: 45px;
    height: 45px;
    float: left;
    padding: 0;
    margin: 5px;
    box-sizing: border-box;
    background: #e7f7de;
    border: none;
    font-size: 24px;
    line-height: 24px;
    border-radius: 50%;
    font-weight: 700;
    color: #5E5858;
    cursor: pointer;
}

.calcrow button[type=button] {
    width: 45px;
    height: 45px;
    float: left;
    padding: 0;
    margin: 5px;
    box-sizing: border-box;
    background: #e7f7de;
    border: none;
    font-size: 24px;
    line-height: 24px;
    border-radius: 50%;
    font-weight: 700;
    color: #5E5858;
    cursor: pointer;
}

.cacldisplay input[type=text] {
    width: 200px;
    height: 36px;
    float: left;
    padding: 0;
    box-sizing: border-box;
    border: none;
    background: none;
    color: #ffffff;
    text-align: right;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    margin: 0 25px;
    outline: none;
}

.cacldispla input:focus {
    outline: none;
}

.calcred {
    background: #FF0509 !important;
    color: #ffffff !important;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    background-color: #37a000;
    padding: 6px;
}

.grid-item {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);
    padding: 10px;
    font-size: 30px;
    text-align: center;
}

.listcat {
    color: #fff;
    background: #37a000;
    cursor: pointer;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
    border: 1px solid rgb(55, 160, 0);
    box-shadow: 0 2px 6px 0 rgba(55, 160, 0, .5);
    font-size: 14px;
    font-weight: bold;
}

.seelist {
    position: relative;
}

.notif {
    display: inline !important;
    position: absolute !important;
    float: right;
    top: -25px;
    right: -15px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}


/*Select2------*/


/*Fullscreen*/

.fullscreen-active.pe-7s-expand1:before {
    content: "\e658";
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .fixedclasspos {
        margin-left: 50px;
    }
}

.fixedclasspos {
    bottom: 0;
    background: #fff;
    z-index: 999;
    padding: 5px 15px;
    border-top: 1px solid #e0e0e0;
    position: fixed;
    left: 0px;
    margin-left: 250px;
    right: 0;
    -webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
}

.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.product-panel {
    margin-bottom: 6px;
    cursor: pointer;
    border: 1px solid #bfbfbf;
}

.panel-bd,
.panel-danger,
.panel-info,
.panel-inverse,
.panel-primary,
.panel-success,
.panel-warning {
    border: 1px solid #e1e6ef;
}

.dropdown-menu,
.panel {
    box-shadow: none;
}

.product-panel .panel-footer {
    padding: 8px;
    border-top: 1px solid #bfbfbf;
    font-size: x-small;
}

.product-panel img {
    width: 100%;
    height: 80px;
}

.product-panel .panel-body {
    padding: 8px;
}

.tab-content .panel-body {
    background: #fff;
    padding: 10px;
    position: relative;
}


/* for search button through jquery */

.highlighted_field {
    background-color: #FAFFBD;
}

.loadingimage {
    content: " ";
    background-image: url('../../../../assets/images/loading2.gif');
    background-repeat: none;
    display: block;
    width: 200px;
    height: 200px;
    position: relative;
    z-index: 0;
    margin-bottom: -16px;
}

.modal label{
    font-size:11px !important;
}


.timeline>li>.timeline-item>.timeline-header{
    font-size:12px !important;
    padding: 7px !important;
}

.timeline>li>.timeline-item>.time{
    padding:0px !important;
    font-size: 10px;
}
.timeline>.time-label>span{
    padding: 3px !important;
    border-radius: 3px !important;
    font-size: 9px !important;
}
.timeline:before {
    left: 20px !important;
}
.timeline>li>.fa, .timeline>li>.glyphicon, .timeline>li>.ion{
    width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
    line-height: 23px !important;
    left:11px !important;
}

.timeline>li>.timeline-item{
    margin-left: 37px !important;
    margin-right: -10px !important;
    padding: 2px !important;
}
.timeline>li>.timeline-item>.timeline-body{
    padding: 3px;
}

.padding-bottom5px{
    padding-bottom:5px;
}

.MultiCheckBox {
    border: 1px solid #3c8dbc;
    padding: 1px;
    cursor: pointer;
    padding-left: 5px;
    padding-top: 3px;
}

.MultiCheckBox .k-icon{ 
    font-size: 6px;
    float: right;
    /* font-weight: bolder; */
    margin-top: -4px;
    margin-right: 8px;
    height: 8px;
    width: 10px;
    color: #787878;
} 

.MultiCheckBoxDetail {
    display:none;
    position:absolute;
    border:1px solid #e2e2e2;
    overflow-y:hidden;
    z-index:1;
    width:100%;
}

.MultiCheckBoxDetailBody {
    overflow-y:scroll;
    background-color:white;
}

.MultiCheckBoxDetail .cont  {
    clear:both;
    overflow: hidden;
    padding: 2px;
}

.MultiCheckBoxDetail .cont:hover  {
    background-color:#cfcfcf;
}

.MultiCheckBoxDetailBody > div > div {
    float:left;
}

.MultiCheckBoxDetailHeader {
    overflow: hidden;
    position: relative;
    height: 23px;
    background-color: #3c8dbc;
}

.MultiCheckBoxDetailHeader>input {
    position: absolute;
    top: 4px;
    left: 3px;
}

.MultiCheckBoxDetailHeader>div {
    position: absolute;
    top: 5px;
    left: 24px;
    color:#fff;
}
.mulinput{
    margin-top:0px !important;
    margin-right:4px !important;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 0px;
}
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{
    position: relative;
    bottom: 0px;
    right: 0px;
    left: 4px;
    top: 1px;
    display: initial;

}

.modal-header {
    padding:0px;
}

/*
 * KGC admin: collapsed mini logo text must match stock AdminLTE 2
 * (https://adminlte.io/themes/AdminLTE/index2.html). Higher specificity + !important
 * so minified skin bundles cannot hide .logo-mini; keep logo above navbar paint in IE.
 */
@media (min-width: 768px) {
    body.sidebar-mini.sidebar-collapse .main-header .logo {
        position: relative;
        z-index: 1040;
        width: 50px !important;
    }
    body.sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
        display: none !important;
    }
    body.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
        display: block !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
        font-size: 18px !important;
        line-height: 50px !important;
        color: #fff !important;
    }
    body.sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px !important;
    }
}

/* Low-resolution / IE fallback: small screens use sidebar-open (not sidebar-collapse). */
@media (max-width: 767px) {
    body.sidebar-open .main-header .logo > .logo-lg {
        display: none !important;
    }
    body.sidebar-open .main-header .logo > .logo-mini {
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 18px !important;
        line-height: 50px !important;
        color: #fff !important;
    }
}

/* Visited: native :visited → link blue; session “visited” → .kgc-user-visited (red). See kgc-visited-links.js + head.php. */
.content-wrapper > section.content a:visited:not(.btn):not(.label),
.content-wrapper section.content a:visited:not(.btn):not(.label) {
    color: #337ab7 !important;
}

.content-wrapper section.content a:visited:not(.btn):not(.label) i,
.content-wrapper section.content a:visited:not(.btn):not(.label) i.fa,
.content-wrapper section.content a:visited:not(.btn):not(.label) .fa,
.content-wrapper section.content a:visited:not(.btn):not(.label) .glyphicon,
.content-wrapper section.content a:visited:not(.btn):not(.label) .ion {
    color: #337ab7 !important;
}

/* Grid tbody: avoid :visited forcing blue on FA/glyph icons */
.content-wrapper section.content table tbody a:visited:not(.kgc-user-visited):not(.btn):not(.label) i,
.content-wrapper section.content table tbody a:visited:not(.kgc-user-visited):not(.btn):not(.label) i.fa,
.content-wrapper section.content table tbody a:visited:not(.kgc-user-visited):not(.btn):not(.label) .fa,
.content-wrapper section.content table tbody a:visited:not(.kgc-user-visited):not(.btn):not(.label) .glyphicon,
.content-wrapper section.content table tbody a:visited:not(.kgc-user-visited):not(.btn):not(.label) .ion,
.content-wrapper section.content .dataTables_wrapper tbody a:visited:not(.kgc-user-visited):not(.btn):not(.label) i,
.content-wrapper section.content .dataTables_wrapper tbody a:visited:not(.kgc-user-visited):not(.btn):not(.label) .fa {
    color: inherit !important;
}

/* .kgc-user-visited (session storage) */
.content-wrapper > section.content a.kgc-user-visited:not(.btn):not(.label),
.content-wrapper section.content a.kgc-user-visited:not(.btn):not(.label) {
    color: #c62828 !important;
}

.content-wrapper section.content a.kgc-user-visited:not(.btn):not(.label) i,
.content-wrapper section.content a.kgc-user-visited:not(.btn):not(.label) i.fa,
.content-wrapper section.content a.kgc-user-visited:not(.btn):not(.label) .fa,
.content-wrapper section.content a.kgc-user-visited:not(.btn):not(.label) .glyphicon,
.content-wrapper section.content a.kgc-user-visited:not(.btn):not(.label) .ion {
    color: #c62828 !important;
}

/* Modal triggers: .kgc-action-visited set in custom-scripts.js */
.content-wrapper section.content a.kgc-action-visited:not(.btn):not(.label),
.content-wrapper section.content a.kgc-action-visited:not(.btn):not(.label) i,
.content-wrapper section.content a.kgc-action-visited:not(.btn):not(.label) .fa,
.content-wrapper section.content a.kgc-action-visited:not(.btn):not(.label) .glyphicon,
.content-wrapper section.content a.kgc-action-visited:not(.btn):not(.label) .ion {
    color: #c62828 !important;
}

/* Pagination / pager */
.content-wrapper section.content .pagination a:visited:not(.btn):not(.label),
.content-wrapper section.content .pager li > a:visited:not(.btn):not(.label),
.content-wrapper section.content .pagination a.kgc-user-visited:not(.btn):not(.label),
.content-wrapper section.content .pager li > a.kgc-user-visited:not(.btn):not(.label) {
    color: #337ab7 !important;
}

/* Pagination active page */
.content-wrapper section.content .pagination > li.active > a,
.content-wrapper section.content .pagination > li.active > a:visited:not(.btn):not(.label),
.content-wrapper section.content .pagination > li.active > a.kgc-user-visited:not(.btn):not(.label),
.content-wrapper section.content .pagination > li.active > span,
.content-wrapper section.content .pagination > li.active > a:hover,
.content-wrapper section.content .pagination > li.active > span:hover,
.content-wrapper section.content .pagination > li.active > a:focus,
.content-wrapper section.content .pagination > li.active > span:focus,
.content-wrapper section.content .pagination > li.active > a:active {
    color: #fff !important;
    font-weight: bold !important;
}

.content-wrapper section.content .nav-tabs > li > a:visited,
.content-wrapper section.content .nav-tabs > li > a.kgc-user-visited {
    color: #555 !important;
}

.content-wrapper section.content .nav-tabs > li.active > a:visited,
.content-wrapper section.content .nav-tabs > li.active > a.kgc-user-visited {
    color: #555 !important;
}

/* AdminLTE nav-pills / nav-stacked use #444, not Bootstrap default blue */
.content-wrapper section.content .nav-pills > li > a:visited,
.content-wrapper section.content .nav-pills > li.active > a:visited,
.content-wrapper section.content .nav-pills > li > a.kgc-user-visited,
.content-wrapper section.content .nav-pills > li.active > a.kgc-user-visited {
    color: #444 !important;
}

.content-wrapper section.content .nav-stacked > li > a:visited,
.content-wrapper section.content .nav-stacked > li.active > a:visited,
.content-wrapper section.content .nav-stacked > li > a.kgc-user-visited,
.content-wrapper section.content .nav-stacked > li.active > a.kgc-user-visited {
    color: #444 !important;
}

/* Pagination / tabs / pills icons */
.content-wrapper section.content .pagination a:visited:not(.btn):not(.label) i,
.content-wrapper section.content .pager li > a:visited:not(.btn):not(.label) i,
.content-wrapper section.content .pagination a.kgc-user-visited:not(.btn):not(.label) i,
.content-wrapper section.content .pager li > a.kgc-user-visited:not(.btn):not(.label) i {
    color: #337ab7 !important;
}

.content-wrapper section.content .pagination > li.active > a i,
.content-wrapper section.content .pagination > li.active > a:visited:not(.btn):not(.label) i,
.content-wrapper section.content .pagination > li.active > a.kgc-user-visited:not(.btn):not(.label) i,
.content-wrapper section.content .pagination > li.active > a .fa,
.content-wrapper section.content .pagination > li.active > a:visited:not(.btn):not(.label) .fa,
.content-wrapper section.content .pagination > li.active > a.kgc-user-visited:not(.btn):not(.label) .fa,
.content-wrapper section.content .pagination > li.active > a .glyphicon,
.content-wrapper section.content .pagination > li.active > a:visited:not(.btn):not(.label) .glyphicon,
.content-wrapper section.content .pagination > li.active > a.kgc-user-visited:not(.btn):not(.label) .glyphicon,
.content-wrapper section.content .pagination > li.active > a .ion,
.content-wrapper section.content .pagination > li.active > a:visited:not(.btn):not(.label) .ion,
.content-wrapper section.content .pagination > li.active > a.kgc-user-visited:not(.btn):not(.label) .ion {
    color: #fff !important;
}

.content-wrapper section.content .nav-tabs > li > a:visited i,
.content-wrapper section.content .nav-tabs > li.active > a:visited i,
.content-wrapper section.content .nav-tabs > li > a.kgc-user-visited i,
.content-wrapper section.content .nav-tabs > li.active > a.kgc-user-visited i {
    color: #555 !important;
}

.content-wrapper section.content .nav-pills > li > a:visited i,
.content-wrapper section.content .nav-pills > li.active > a:visited i,
.content-wrapper section.content .nav-stacked > li > a:visited i,
.content-wrapper section.content .nav-stacked > li.active > a:visited i,
.content-wrapper section.content .nav-pills > li > a.kgc-user-visited i,
.content-wrapper section.content .nav-pills > li.active > a.kgc-user-visited i,
.content-wrapper section.content .nav-stacked > li > a.kgc-user-visited i,
.content-wrapper section.content .nav-stacked > li.active > a.kgc-user-visited i {
    color: #444 !important;
}

/*
 * Unified page heading style for all AdminLTE module views.
 * Exclude API My List because it already has its own dedicated header style.
 */
.content-wrapper .content-header:not(.my-list-page-header) {
    padding-top: 8px;
    padding-bottom: 8px;
    clear: both;
}

.content-wrapper .content-header:not(.my-list-page-header) > h1 {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    line-height: 1.2;
    white-space: nowrap;
    font-size: 22px;
    overflow: visible;
    visibility: visible !important;
    color: #444;
}

.content-wrapper .content-header:not(.my-list-page-header) > h1 > .fa,
.content-wrapper .content-header:not(.my-list-page-header) > h1 > .ion,
.content-wrapper .content-header:not(.my-list-page-header) > h1 > .transport-page-header-icon,
.content-wrapper .content-header:not(.my-list-page-header) > h1 > div {
    margin-right: 8px;
    flex-shrink: 0;
}

.content-wrapper .content-header:not(.my-list-page-header) > h1 > .fa,
.content-wrapper .content-header:not(.my-list-page-header) > h1 > .ion {
    font-size: 18px;
}

.content-wrapper .content-header:not(.my-list-page-header) > h1 > .transport-page-header-icon img {
    display: block;
    width: 46px;
    height: 25px;
}

.content-wrapper .content-header:not(.my-list-page-header) > h1 > div img {
    display: block;
    width: 18px;
    height: 18px;
}

.content-wrapper .content-header:not(.my-list-page-header) > h1 > div {
    float: none !important;
    display: inline-flex;
    align-items: center;
}

.content-wrapper .content-header:not(.my-list-page-header) > h1 > small {
    margin-left: 8px;
    font-size: 15px;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .content-wrapper .content-header:not(.my-list-page-header) {
        margin-top: 18px;
        padding-top: 16px;
        padding-bottom: 10px;
    }

    .content-wrapper .content-header:not(.my-list-page-header) > h1 {
        font-size: 20px !important;
        line-height: 1.2;
        overflow: visible;
    }

    .content-wrapper .content-header:not(.my-list-page-header) > h1 > .fa,
    .content-wrapper .content-header:not(.my-list-page-header) > h1 > .ion {
        font-size: 16px !important;
    }

    .content-wrapper .content-header:not(.my-list-page-header) > h1 > .transport-page-header-icon img {
        width: 16px;
        height: 16px;
    }

    .content-wrapper .content-header:not(.my-list-page-header) > h1 > div img {
        width: 16px;
        height: 16px;
    }

    .content-wrapper .content-header:not(.my-list-page-header) > h1 > small {
        display: inline-block !important;
        font-size: 13px !important;
    }
}