:root {
    --width: 150px;
    --DriverHeight : 500px;
}
html, body, main {
    height: 98%;
    
}
@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-color: #adadada6 white !important;
        scrollbar-width: unset !important;
    }
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #616161;
    background: #f5f5f6;
    overflow-x: hidden;
}

.form-control, .dropdown-menu {
    font-size: 13px;
}

.btn.disabled, .btn:disabled {
    opacity: .65;
    cursor: not-allowed;
}
/*a:not([href]):not([tabindex]) {
    line-height: 25px;
}

a:not([href]):not([tabindex]) span{
    margin-top:0 !important;
}
a .fa-plus-circle {
    line-height: 25px;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0 !important;
}*/
#self-service-alias-tab .nav-tabs .nav-link.active {
    background-color: transparent;
}

#driverManagement-Tab .nav-tabs .nav-link.active {
    background-color: transparent;
}

.dropdown-menu .dropdown-item a i {
    margin-right: 10px !important;
}

a {
    color: #0c52b1;
}

    a:hover, a:focus {
        color: #2e6fa7;
    }

.form-control:focus, .single-line:focus {
    border-color: #0c52b1 !important;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 0px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

a:hover, a:focus {
    text-decoration: none;
}

.field-validation-error,
.validation-summary-errors {
    color: Red;
    padding-top: 2px;
    padding-left: 2px;
    font-size: 12px;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

select.form-control, .form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn {
    margin-left: 5px;
    background: transparent;
    box-shadow: none !important;
    font-size: 13px;
}

.btn-primary {
    background-color: #0090FC;
    border-color: #0090FC;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills .nav-link.active > span > svg > path{
    color: #fff;
    fill: #fff !important;
    background-color: #1062d1;
}
    .nav-pills .nav-link.active > span > svg > path.svg-detail {
        fill: #1062d1 !important;
    }

    .btn-lg {
        padding: 8px 20px !important;
        font-size: 13px;
    }

.btn-rnd {
    border-radius: 50px !important;
    box-shadow: none !important;
}

.btn-default {
    background-color: transparent !important;
    color: #1062d1 !important;
    border-color: #1062d1 !important;
    box-shadow: none;
}

.text-underline {
    text-decoration: underline;
}

.html5buttons a.btn-default {
    border-color: #e7eaec !important;
}

table .btn-primary {
    background-color: transparent;
    color: #1062d1;
    box-shadow: none;
}

table .label-danger, .btn.label-danger {
    border-color: #d9534f !important;
    color: #d9534f !important;
    background: none;
}


.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #1062d1 !important;
    border-color: #1f90d8 !important;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
    background-color: #0090FC !important;
    border-color: #0090FC !important;
}
nav-icons
table .btn-primary:hover, table .btn-primary:focus, table .btn-primary:active {
    background-color: transparent !important;
}

header .btn-primary, header .btn-primary:hover, header .btn-primary:focus, header .btn-primary:active, header .btn-primary:visited {
    background-color: #0090FC;
    border-color: #0090FC;
    border-radius: 50px;
    box-shadow: none;
}

header .btn-default, header .btn-default:hover, header .btn-default:focus, header .btn-default:active, header .btn-default:visited {
    border-radius: 50px;
}

.hidden {
    display: none !important;
}
/* ==========================================================================
   Password strength indicator classes
   ========================================================================== */
#pwindicator {
    margin-top: 4px;
    width: 100%;
}

.strength-label {
    cursor: pointer;
}

.strength-bar {
    height: 5px;
}

.pw-very-weak .strength-bar {
    background: #d00;
    width: 20%;
}

.pw-weak .strength-bar {
    background: #d00;
    width: 40%;
}

.pw-mediocre .strength-bar {
    background: #f3f01a;
    width: 60%;
}

.pw-strong .strength-bar {
    background: #f3b31a;
    width: 80%;
}

.pw-very-strong .strength-bar {
    background: #0d0;
    width: 100%;
}

.pw-very-weak .strength-label {
    color: #d00;
}

.pw-weak .strength-label {
    color: #d00;
}

.pw-mediocre .strength-label {
    color: #f3f01a;
}

.pw-strong .strength-label {
    color: #f3b31a;
}

.pw-very-strong .strength-label {
    color: #0d0;
}
/* ==========================================================================
   SiteFuel global helper classes
   ========================================================================== */
.no-bg {
    background: none;
}

.no-radius {
    border-radius: 0px;
}

.radius-10, .widget {
    border-radius: 10px !important;
}

.radius-circle {
    border-radius: 50% !important;
    height: 30px;
    width: 30px;
    line-height: 30px !important;
}

.no-b-radius {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.no-t-radius {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.radius-3 {
    border-radius: 3px;
}

.radius-capsule {
    border-radius: 50px !important;
}

.radius-5 {
    border-radius: 5px !important;
}

.bottom-radius {
    border-radius: 0 0 5px 5px;
}

.bg-purple {
    background: #ab47bc;
}

.bg-cyan {
    background: #00897b;
}

.bg-blue {
    background: #1062d1;
}

.bg-green {
    background: #1ab89c;
}

.bg-orange {
    background: #f6af27;
}

.bg-red {
    background: #ed5565;
}

.bg-grey {
    background: #a5a5a5;
}

.color-default {
    color: #616161 !important;
}

.color-lighticon {
    color: #787878a6;
}

.color-lightgrey {
    color: #787878;
}

.color-red {
    color: #FF0000;
}

.color-lightgreen {
    color: #86d627 !important;
}

.color-failed {
    color: #f17d7d !important;
}

.color-exception {
    color: #e8c131 !important;
}
.color-purple {
    color: purple !important;
}
.text-label-color {
    color: #2b2b2b;
}


.text-failed-color {
}

.text-exception-color {
}

.bg-darkblue {
    background: #303a6f;
}

.bg-lightgrey {
    background: #f6f5f5 !important;
}

.bg-maroon {
    background: #dc4949;
}

.bg-white {
    background: #FFFFFF;
}

.bg-gray {
    background: #fafafa;
}

.bg-midgray {
    background: #dcdcdc !important;
}

.bg-darkgray {
    background: #747578 !important;
}

.color-white {
    color: white;
}

.color-grey {
    color: #a5a5a5;
}

.color-lightgrey {
    color: #7e7b7b;
}

.color-darkgrey {
    color: #333;
}

.color-maroon {
    color: rgb(201, 94, 97);
}

.color-orange {
    color: #f7b543 !important;
}

.color-green {
    color: #18a689;
}

.color-lightgreen {
    color: #1ab394;
}

.color-black {
    color: black;
}

.color-icon-light {
    color: #7878788c !important;
}

.fixed {
    position: fixed;
}

.shadow-b {
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

.shadow-t {
    box-shadow: 0 -3px 11px rgba(0,0,0,0.05);
}

.no-shadow {
    box-shadow: none !important;
}

.border-light2 {
    border-color: #f2f3f5 !important
}

.border-circle {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
}

.border-b {
    border-bottom: 1px solid #ededed;
}

.border-b-w {
    border-bottom: 1px solid #ffffff;
}

.border-t-dash {
    border-top: 1px dashed #ededed;
}

.border-b-dash {
    border-bottom: 1px dashed #c0c0c0;
}

.border-dash {
    border: 1px dashed #ededed;
}

.border-dash-dark {
    border: 1px dashed #a0a0a0;
}


.border, .border-popover {
    border: 1px solid #ededed;
}

.overflow-h {
    overflow: hidden;
}

.overflow-x {
    overflow-x: auto;
}

.full-width {
    width: 100% !important;
}
.full-height{
    height: 100% !important;
}

.auto-width {
    width: auto !important
}

.no-border {
    border: 0px !important;
}

.no-outline {
    outline: none;
}

.border-t-3x {
    border-top: 3px solid #808080 !important;
}

.border-b-3x {
    border-bottom: 3px solid #808080 !important;
}

.dib {
    display: inline-block;
}

.di {
    display: inline;
}

.db {
    display: block;
}

.dtable {
    display: table;
    height: 100%
}

.dtable-cell {
    display: table-cell;
}

.float-none {
    float: none;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.f-light {
    font-weight: normal;
}

.f-normal {
    font-weight: normal !important;
}

.f-semibold {
    font-weight: 600 !important;
}

.f-bold {
    font-weight: bold !important;
}

.fs8 {
    font-size: 8.5px;
}

.fs10 {
    font-size: 10px;
}

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

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs19 {
    font-size: 19px !important;
}

.fs21 {
    font-size: 21px !important;
}

.fs25 {
    font-size: 25px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fs35 {
    font-size: 35px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt1 {
    padding-top: 1px;
}

.pt3 {
    padding-top: 3px;
}

.pt5 {
    padding-top: 5px !important;
}

.pt8 {
    padding-top: 8px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt17 {
    padding-top: 17px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}
.pt32 {
    padding-top: 32px;
}
.plr7 {
    padding-left: 7px;
    padding-right: 7px;
}

.pr0 {
    padding-right: 0px !important;
}

.pr3 {
    padding-right: 3px !important;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb1 {
    padding-bottom: 1px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pl0 {
    padding-left: 0px !important;
}

.pl2 {
    padding-left: 2px;
}

.pl3 {
    padding-left: 3px;
}

.pl4 {
    padding-left: 4px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl16 {
    padding-left: 16px !important;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.ph0 {
    padding-left: 0px;
    padding-right: 0px;
}

.ph5 {
    padding-left: 5px;
    padding-right: 5px;
}

.ph20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pa3 {
    padding: 3px;
}

.pa5 {
    padding: 5px !important;
}

.pa10 {
    padding: 10px !important;
}

.pa15 {
    padding: 15px;
}

.pa20 {
    padding: 20px;
}

.pa25 {
    padding: 25px;
}

/* margins */
.ma15 {
    margin: 15px;
}

.mv15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mt60 {
    margin-top: 60px;
}

.mtm1 {
    margin-top: -1px;
}

.mtm2 {
    margin-top: -2px;
}

.mtm3 {
    margin-top: -3px;
}

.mbm2 {
    margin-bottom: -2px;
}

.mb-rem-5 {
    margin-bottom: .5rem;
}

.mtm2 {
    margin-top: -2px;
}

.mtm5 {
    margin-top: -5px;
}

.mtm10 {
    margin-top: -10px;
}

.mbm20 {
    margin-bottom: -20px;
}

.ml75 {
    margin-left: 75px !important;
}

.mlm5 {
    margin-left: -5px;
}

.mlm10 {
    margin-left: -10px;
}

.mlm12 {
    margin-left: -12px;
}

.mlm8 {
    margin-left: -8px;
}

.mlm15 {
    margin-left: -15px;
}

.mlm20 {
    margin-left: -20px;
}

.mlm30 {
    margin-left: -30px;
}

.mtm19 {
    margin-top: -19px;
}

.mtm30 {
    margin-top: -30px;
}

.mt0, .table.dataTable.mt0 {
    margin-top: 0 !important;
}

.mt1 {
    margin-top: 1px;
}

.mt2 {
    margin-top: 2px;
}

.mt3 {
    margin-top: 3px !important;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt6 {
    margin-top: 6px;
}

.mt7 {
    margin-top: 7px;
}

.mt8 {
    margin-top: 8px;
}

.mt9 {
    margin-top: 9px;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt17 {
    margin-top: 17px;
}

.mt20 {
    margin-top: 20px;
}

.mt24 {
    margin-top: 24px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt75 {
    margin-top: 75px;
}

.mr0 {
    margin-right: 0px;
}

.mr2 {
    margin-right: 2px;
}

.mr5 {
    margin-right: 5px;
}

.mr7 {
    margin-right: 7px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr-xl{
    margin-right:50px;
}

.mrm10 {
    margin-right: -10px;
}

.mtm10 {
    margin-top: -10px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb2 {
    margin-bottom: 3px;
}

.mb3 {
    margin-bottom: 3px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb7 {
    margin-bottom: 7px;
}

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

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.ml0 {
    margin-left: 0px;
}

.ml2 {
    margin-left: 2px;
}

.ml3 {
    margin-left: 3px;
}

.ml5 {
    margin-left: 5px;
}

.ml7 {
    margin-left: 7px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.mlm5 {
    margin-left: -5px;
}

.col-centered {
    float: none;
    margin: 0 auto !important;
}

label, label.f-normal {
    font-weight: normal !important;
    color: #373737;
}

form label {
    color: #2b2b2b;
}

.radio {
    margin-top: 0px;
}

    .radio-controls label, .checkbox-controls label, .normal-label label,
    .checkbox label, .radio label,
    .checkbox-inline, .radio-inline {
        font-weight: normal;
        font-size: 13px;
        text-transform: none;
    }

.required {
    color: #e41813;
}

.v-middle {
    vertical-align: middle;
}

.no-width {
    width: 0px;
}

.terms-and-conditions {
    border: 1px solid #e5e5e5;
    height: 300px !important;
    overflow: auto;
    padding: 10px;
    resize: none;
}

.slideInRight {
    -webkit-animation: slideInRight 0.2s; /* Safari 4+ */
    -moz-animation: slideInRight 0.2s; /* Fx 5+ */
    -o-animation: slideInRight 0.2s; /* Opera 12+ */
    animation: slideInRight 0.2s; /* IE 10+, Fx 29+ */
}

.right0 {
    right: 0%;
}

.rightm20 {
    right: -20px !important;
}

.left0 {
    left: 0%;
}

.top0 {
    top: 0%;
}

.top3 {
    top: 3px;
}

.top5 {
    top: 5px;
}

.left2 {
    left: 2px;
}

.bottom0 {
    bottom: 0%;
}

.box-shadow {
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

#company-logo {
    width: 200px;
    height: 200px;
    border-radius: 100px;
}

#choose-file {
    top: 27%;
    margin-left: 25px;
}

.step-wrapper {
    margin: 10px 0 40px 11%;
}

.step-inprogress .step-text-last {
    left: -90px;
}

.step-incomplete .step-text-last {
    left: -85px;
}

.step-complete span.step-number,
.step-incomplete span.step-number {
    width: 32px;
    height: 32px;
    padding-top: 3px;
    margin-top: 5px;
}

.step-complete .step-text {
    color: #619b1b;
}

.step-complete .step-number span {
    display: none;
}

.step-inprogress span.step-number {
    background: #36417a;
    color: #fff;
    width: 32px;
    height: 32px;
    padding-top: 3px;
    margin-top: 5px;
    font-size: 22px;
    font-weight: bold;
}

.step-inprogress .first-step.step-number {
    padding-top: 6px;
}

.step-incomplete span.step-number {
    background: #e7e4e4;
    color: #b9b8b8;
}

.step-incomplete .step-text {
    color: #aaaaaa;
}

.box {
    display: none;
}

input[type="text"].datepicker {
    background: #fff url(../images/ico-calendar.png) right 8px no-repeat;
}

    input[type="text"].datepicker:disabled {
        background: #eee url(../images/ico-calendar.png) right 8px no-repeat !important;
    }

input[disabled="disabled"].datepicker {
    background: #eee url(../images/ico-calendar.png) right 8px no-repeat;
}

input[readonly="readonly"].datepicker {
    background: #eee url(../images/ico-calendar.png) right 8px no-repeat;
}

.show-element {
    display: block;
}

.dropdown-menu > li > a.hide-element {
    display: none !important;
}

.hide-element {
    display: none;
}

.hide {
    display: none !important;
}

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

.dl-horizontal dt, .dl-horizontal dd {
    text-align: left;
    margin-bottom: 10px;
}

.dl-horizontal dt {
    font-weight: normal;
}

hr {
    border-top: 1px solid #cecece;
}

.l-height22 {
    line-height: 22px;
}

.l-height32 {
    line-height: 32px;
}

.no-lineheight {
    line-height: normal !important;
}

.modal-tax {
    width: 50%
}

.dataTables_length, .html5buttons, .dataTables_filter, .dataTables_info {
    position: absolute;
}

div.dataTables_wrapper div.dataTables_length select {
    margin-left: 5px;
    margin-right: 5px;
}

/*.html5buttons {
    right: 35px;
    top: 20px
}*/

.html5buttons {
    right: 70px;
    top: 20px;
}

.dataTables_filter {
    right: 285px;
    top: 20px
}

.dataTables_info {
    /*top: 55px;*/
    bottom: 45px;
    left: 35px;
}

#salesCalculatorResult .dataTables_info {
    top: 50px;
}

.dataTables_length {
    top: 20px
}

    .dataTables_length label, .dataTables_length label.f-normal {
        font-weight: normal !important;
    }

table.dataTable {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}


div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    position: absolute;
    right: 30px;
    bottom: 39px;
}

.modal-acceptoffer {
    min-width: 991px;
}


/* ==========================================================================
   SiteFuel media-queries
   ========================================================================== */
/* Large Devices, Wide Screens */
@media all and (min-width : 1200px) and (max-width:1320px) {
    .container {
        width: 1170px;
    }

    .modal-tax {
        width: 80% !important
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

    .modal-tax {
        width: 90% !important
    }

    .modal-acceptoffer {
        min-width: 90%;
    }

    .nmt {
        margin-top: 0px
    }

    .no-sm-padding {
        padding: 0px !important;
    }

    h4.text-right {
        text-align: left !important;
    }

    .tab-container h4 {
        margin-top: 15px;
    }

    .remove-contact {
        margin-top: 32px;
    }

    #btnSeeMore, #btnSearch {
        margin-top: 0px !important;
    }

    .sm-pull-left {
        float: left !important
    }

    .html5buttons {
        right: 32%;
        top: 20px
    }

    .dataTables_filter {
        right: 32%;
        top: 100px;
    }

    .dataTables_info {
        top: 135px;
        padding-left: 10px;
    }

    .dataTables_length {
        top: 63px;
        left: 36%;
    }

    table.dataTable {
        margin-top: 150px !important;
    }
}

/* Small Devices, Tablets */
@media all and (max-width : 768px) {
    .modal-tax {
        width: 95% !important
    }

    .nmt {
        margin-top: 0px
    }

    .nml {
        margin-left: 0px
    }

    .remove-schedule {
        margin-top: 12px !important;
        margin-right: -15px !important
    }

    .xs-center {
        text-align: center !important;
    }

    .xs-left {
        text-align: left !important;
    }

    .xs-right {
        text-align: right !important;
    }

    .xs-mt10 {
        margin-top: 10px;
    }

    .remove-contact {
        margin-top: 0px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 400px) {
    .mapheight {
        height: auto !important;
    }

    .html5buttons {
        right: 20%;
        top: 0px;
        margin-top: 5px !important;
    }

    .dataTables_filter {
        right: 0%;
        width: 100%;
        text-align: left;
        top: 46px !important;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 100%;
    }

    .dataTables_filter label {
        margin-right: 70px !important;
    }

    .dataTables_length {
        top: 90px;
        left: 7%;
    }

    table.dataTable {
        margin-top: 105px !important;
        margin-bottom: 50px !important;
    }

    .dataTables_info {
        padding-left: 3px;
        right: unset;
        bottom: 90px !important;
        top: unset;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        bottom: 55px !important;
    }

    .fc-left, .fc-right {
        text-align: center;
        width: 50%;
        margin-bottom: 10px;
    }

        .fc-left button, .fc-left div,
        .fc-right button, .fc-right div {
            float: none !important;
        }

    .modal-tax {
        width: 80% !important
    }
}

.fc-more-cell .fc-more {
    float: right;
}

.slideInLeft, .slideOutLeft {
    animation-duration: 0.2s !important;
}

.company-logo-dim {
    height: 50px;
}
.company-favicon-dim {
    height: 50px;
}
.tab-headers a {
    padding: 2px 0px;
    float: left;
    color: #848484;
    border-bottom: 2px solid;
    /*border-bottom-color: #ffffff;*/
    border-bottom-color: transparent;
}

    .tab-headers a.active {
        border-bottom-color: #0c52b1;
        color: #0c52b1;
    }

    /*.tab-headers a.active {
        border-bottom: 2px solid #0c52b1;
        color: #0c52b1;
    }*/

    .tab-headers a:hover {
        /*border-bottom: 2px solid #0c52b1;*/
        border-bottom-color: #0c52b1;
    }

.tab-headers span.step-text {
    font-weight: 400;
}

.subSectionOpacity {
    opacity: 0.6 !important;
}

.z-index5 {
    z-index: 5;
}

.z-index10 {
    z-index: 10;
}

.z-index101 {
    z-index: 101 !important;
}

.dit {
    display: inline-table;
}

.dif {
    display: flex;
}

.pntr-none {
    pointer-events: none !important;
}
.pntr-none-all * {
    pointer-events: none !important;
}

.pntr-auto {
    pointer-events: auto !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
    width: 35%;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: grey !important;
        cursor: inherit;
        display: block;
    }

.pa0 {
    padding: 0px !important;
}

.close:not(:disabled):not(.disabled):focus{
    outline: 0px auto -webkit-focus-ring-color
}
.close {
    font-weight: normal;
    text-shadow: 0px 0px 0px transparent;
    opacity: initial;
    right: -14px !important;
}

.offer-container .ibox-content, .order-container .ibox-content {
    background: #fafafa;
}

.alert {
    border-radius: 0px;
}

.errorMessage {
    font-size: 1.3em;
}

.noresize {
    resize: none;
}

.borderless td, .borderless th {
    border: none !important;
    padding: 0px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
}

.fa-trash-alt:hover {
    color: #dc4949;
}

.btn-primary[disabled], .btn-primary[disabled]:hover,
.btn-warning[disabled], .btn-warning[disabled]:hover {
    background: #e0e0e0 !important;
    color: #aaaaaa;
    border: 1px solid #d2d2d2 !important
}

a.color-white:hover {
    color: #fff;
}

.dataTable {
    width: 100% !important
}

.mr4 {
    margin-right: 4px;
}

.opacity1 {
    opacity: 1;
}

.popover {
    font-family: 'Open Sans';
    min-width: 130px;
    max-width: 275px;
}

.custom-popover.popover {
    font-family: 'Open Sans';
    min-width: 275px !important;
    max-width: 500px !important;
}

.popover-header {
    text-align: center !important;
    font-size: 14px !important;
}

.popover-content {
    width: 180px !important;
    word-wrap: break-word;
}

.popover-title {
    text-align: center !important;
    padding: 11px 14px 8px 14px !important;
    font-size: 14px !important;
}

.navigation-menu li.separator {
    width: 1px;
    padding: 0px;
}

table.details-table tr th {
    color: #273679;
    font-size: 13px;
    font-weight: bold;
}

.loader {
    background: rgba(255,255,255,0.8);
    height: 100%;
    width: 100%;
    z-index: 10000000;
    top: 0px;
    left: 0px;
    position: fixed;
}

.loading-content {
    width: 200px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
    position: absolute;
}

.spinner, .spinner-small, .spinner-xsmall, .spinner-ajax, .spinner-dashboard {
    width: 35px;
    height: 35px;
    display: inline-block;
    padding: 0px;
    border-radius: 100%;
    border: 2px solid;
    border-top-color: #fff;
    border-bottom-color: #797979;
    border-left-color: #fff;
    border-right-color: #797979;
    -webkit-animation: spinner 0.8s linear infinite;
    animation: spinner 0.5s linear infinite;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid;
    border-top-color: rgba(255,255,255,0);
    border-left-color: rgba(255,255,255,0);
    border-bottom-color: #1062d1;
    border-right-color: #1062d1;
}

.spinner-small, .spinner-xsmall, .spinner-ajax, .spinner-dashboard {
    border-top-color: #d5d5d5;
    border-left-color: #d5d5d5;
}

.spinner-small, .spinner-dashboard {
    width: 25px;
    height: 25px;
}

.spinner-small {
    top: 50%;
}

.spinner-xsmall, .spinner-ajax {
    width: 15px;
    height: 15px;
}

@keyframes spinner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.add-partial-block {
    float: left;
}

.fr-type {
    display: none;
}

.break-word, tr.break-word td {
    word-wrap: break-word !important;
    -moz-word-break: break-word;
    -webkit-word-break: break-word;
    word-break: break-word;
}

.no-break {
    word-break: normal;
    word-wrap: normal
}

.no-wrap {
    white-space: nowrap
}

.pre-space {
    white-space: pre;
}

.loading-wrapper {
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 97;
    border-radius: 10px;
    top: 0;
    left: 0;
}

.loading-wrapper2 {
    width: 100%;
    height: 50px;
    opacity: 0.8;
    z-index: 97;
    border-radius: 10px;
    top: 0;
    left: 0;
}


.spinner-dashboard {
    top: 50% !important;
    left: 50% !important;
    margin-top: -13px;
    margin-left: -13px;
}

/*datatable filter*/
.dt-filterIcon {
    height: 12px;
    width: 13px;
    position: absolute;
    top: 10px;
    right: 0;
    color: #ddd;
    font-size: 13px;
}

.dt-modalFilter {
    display: none;
    height: auto;
    background: #FFF;
    border: solid 1px #ccc;
    padding: 5px;
    position: absolute;
    z-index: 1000;
    min-width: 200px;
    box-shadow: 0px 0px 10px #ccc;
}

    .dt-modalFilter .dt-modal-content {
        max-height: 250px;
        overflow-y: auto;
    }

    .dt-modalFilter .dt-modal-footer {
        background: #FFF;
        height: 35px;
        padding-top: 6px;
    }

#dt-mask {
    display: none;
    background: transparent;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 1000;
}

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

.btn {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 2px -2px rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.position-abs {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
}

.position-abs-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
}

.po-edit {
    top: 50px;
    left: 0px;
    width: 205px;
}

.breadcrumb-wrapper {
    padding: 0 0 5px;
}

/*supplier dashboard - calendar css*/
.missedActionTakenSchedule, .missedSchedule, .pendingSchedule, .completedSchedule, .orderStartDate {
    border-radius: 10px;
    padding: 2px 10px;
}

.missedActionTakenSchedule {
    background-color: #ed5565 !important;
    position: relative;
    color: white;
}

    .missedActionTakenSchedule:after {
        content: "\f00c"; /* this is your text. You can also use UTF-8 character codes as I do here */
        font-family: FontAwesome;
        position: relative;
        top: 1px;
        float: left;
        margin-left: 4px;
    }

.missedSchedule {
    background-color: #ed5565 !important;
    color: white;
}

.pendingSchedule {
    background-color: #f6af27 !important;
    color: #1e2562;
}

.completedSchedule {
    background-color: #1ab89c !important;
    color: #1e2562;
}

.orderStartDate {
    background-color: #f6af27;
    position: relative;
    color: white;
}

    .orderStartDate:before {
        content: "\f024"; /* this is your text. You can also use UTF-8 character codes as I do here */
        font-family: FontAwesome;
        position: relative;
        top: 1px;
        float: left;
        margin-left: 4px;
    }

.fc-day-top {
    height: 3px !important;
}

.fc-day-number {
    width: 75%;
    text-align: right;
    margin: 5px 0 0;
    font-size: 11px;
    padding-right: 8px !important;
    margin-right: 3px !important;
}

    .fc-day-number:hover {
        color: white;
        text-decoration: none !important;
    }

.fc-basic-view .fc-week-number {
    padding: 0 !important;
}

.fc-month-view .fc-day-grid-event {
    width: 90%;
    margin: 1px auto;
    padding: 0px;
    border-radius: 40px;
    font-size: 9px;
    text-align: center;
}

.daily-view {
    padding: 0px 10px !important;
    font-family: 'open sans';
    color: #4b4b4b;
}

    .daily-view > div:first-child {
        width: 90%
    }

    .daily-view > div:last-child {
        width: 10%
    }

.fc-event {
    border: 0px !important;
    background-color: #0b4f82 !important;
}

.fc-month-view .fc-day-grid-event {
    width: 90% !important;
    margin: 1px auto !important;
    padding: 0px !important;
    border-radius: 40px !important;
    font-size: 9px !important;
    text-align: center;
}

.fc-widget-header span {
    display: inline-block;
    height: 25px;
    padding-top: 5px;
}

#calendar h2 {
    font-size: 13px;
}

.dashboard h1 {
    font-size: 21px !important;
}

.dashboard h2 {
    font-size: 20px;
}

#calendar .fc-header-toolbar h2 {
    font-size: 21px;
    margin-top: 0;
    padding-top: 3px;
}

.tbl-text-center td, .tbl-text-center th {
    text-align: center;
}

.grey-btn-group .btn, .grey-btn-group .btn.active {
    box-shadow: none;
    border: 1px solid #e5e5e5;
}

    .grey-btn-group .btn.active {
        background-color: #d4d4d4 !important;
    }

.btn-message {
    font-family: 'Open Sans', sans-serif;
    background-color: #1bbb9e;
    color: white;
    border: none;
    padding: 5px 10px 5px 10px;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 1px 2px 3px #9b9b9b;
    text-decoration: none;
}

.fc-toolbar button, .btn-flat button {
    background: #fbfbfb;
    box-shadow: none;
    border: 1px solid #e5e5e5;
}

.fc-toolbar .fc-state-active {
    background: #d4d4d4;
}

.btn-dispatch .btn {
    padding: 4px 11px 0px 11px;
    height: 34px;
}

.btn-dispatch .tooltip-inner:last-child {
    min-width: 100px;
}

.driver-timecardgrid {
    max-height: 600px;
}

.driver-schedulegrid {
    max-height: 350px;
}

#table-my-schedules tbody tr td:nth-child(2) {
    min-width: 100px !important
}

#table-my-schedules tbody tr td:nth-child(6) {
    min-width: 150px !important
}

#table-my-schedules tbody tr td:nth-child(4) {
    min-width: 120px !important
}

#table-my-schedules tbody tr td:nth-child(1) {
    max-width: 120px !important;
    word-wrap: break-word;
}

/*.dt-modalFilter ~ .popover {
    width: 450px !important;
    max-width: 450px !important;
}*/

.popover-content {
    width: auto !important;
}

.hide-element-important {
    display: none !important;
}

.confirmation-buttons .btn-secondary {
    background-color: #ed5565 !important;
    border-color: #ed5565 !important;
    color: #FFFFFF !important;
}

#newsfeed-container > div:last-child .border-b {
    border-bottom: none;
}

#newsfeed-container h4 {
    line-height: 18px !important;
}

.confirmation-box {
    position: absolute;
    margin-top: -101px;
    padding: 0 0 10px 0;
    border-radius: 10px;
    margin-left: -8px;
}



/*.modal-dialog {
    position: absolute;
    top: 46.5%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}*/


.modal-content {
    border-radius: 5px !important;
}

.close {
    font-size: 22px;
    margin: -8px 35px 0 0;
}

.table-bordered.white-header > thead > tr > th, .table-bordered > thead > tr > td {
    background: #fff;
}

.handpointer {
    cursor: pointer !important;
}

/*.tab-headers a {
    position: relative;
    color: #000;
    text-decoration: none;
}

    .tab-headers a:hover {
        color: #000;
        border-bottom:0px;
    }
    .tab-headers a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: 0;
        left: 0;
        background-color: #000;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    .tab-headers a:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }*/

.handpointer {
    cursor: pointer;
}

.tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.nearest-fueltype, .cityrackterminalinput {
    padding-left: 15px;
    cursor: default
}

input.nearest-fueltype:-moz-read-only, input.cityrackterminalinput:-moz-read-only {
    background-color: #ffffff;
}

input.nearest-fueltype:read-only, input.cityrackterminalinput:read-only {
    background-color: #ffffff;
}

.nearest-fuellist {
    border: 1px solid lightgrey;
    display: none;
    max-height: 200px;
    overflow: auto;
    z-index: 100;
    width: 94%;
}

    .nearest-fuellist li {
        padding: 0px 16px;
        cursor: default
    }

        .nearest-fuellist li:hover {
            background: #1e90ff;
            color: white;
        }

#fuelTypeNearYourArea .fa-caret-down, #cityrackterminalsdiv .fa-caret-down {
    right: 10px;
    top: 10px;
}

.incoming-alerts {
    width: 300px;
    min-height: 70px;
    cursor: pointer;
    background: #1ab394;
    border-radius: 5px;
}

#fr-incoming-alert {
    position: fixed;
    right: 20px;
    bottom: 0px;
    z-index: 100;
}

.eula-box {
    height: 450px;
    overflow: auto;
    border: 1px solid lightgrey
}

.footer-wrapper {
    width: 190px;
    margin: 0 auto;
}

    .footer-wrapper img {
        margin-top: -26px;
        width: 70px;
    }

.app-themes img {
    border: 2px solid white;
    border-radius: 10px;
    box-sizing: border-box
}

    .app-themes img:hover {
        border: 2px solid green;
    }

.active-theme img, .active-theme img:hover {
    border: 2px solid green;
    border-radius: 10px;
}

#btnSeeMore {
    margin-top: 27px;
}

#btnSearch {
    margin-top: 23px;
}

.color-link {
    color: #337ab7 !important;
}

.submit-invoice {
    background: white;
    box-shadow: none;
    border: 0px;
    color: inherit;
    line-height: 25px;
    line-height: 10px;
    padding: 8px;
    text-align: left;
    font-weight: normal;
    width: 100%;
}

    .submit-invoice:hover {
        color: #262626;
        background-color: #f5f5f5;
    }

.nearest-fueltype, .cityrackterminalinput {
    background: url("../images/down-arrow.png") no-repeat right 13px !important;
}

.tbl-fuel-cost {
    max-height: 400px;
    overflow: auto;
}

.select2-container--default .select2-selection--multiple, .select2-dropdown {
    border: 1px solid #e5e6e7 !important;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
    line-height: 34px !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
}

.clearboth {
    clear: both;
}

.tooltip-inner {
    white-space: pre;
    max-width: none;
}
.undo-tooltip .tooltip-inner {
    transform: translateX(-52px) !important;
}
.delete-tooltip .tooltip-inner {
    transform: translateX(-32px) !important;
}
.right-tooltip .tooltip-inner {
    transform: translateX(-32px) !important;
}
.cross-tooltip .tooltip-inner {
    transform: translateX(-52px) !important;
}
.multiselect.btn {
    min-height: 34px;
    border-radius: 0px;
}

#MeterData {
    min-height: 300px;
}

.hoverwhite:hover {
    color: #fff !important;
}

#assetlist + .btn-group ul {
    max-height: 250px;
    overflow: auto;
}

.row-hightlight, .table-hover > tbody > tr.row-hightlight:hover {
    background: #dedede
}

.quantity-range.subSectionOpacity {
    opacity: 1 !important
}

.dd-dispatch .multiselect-native-select {
    float: left;
}

.terminal-price ul {
    height: 275px;
    overflow: auto;
}

.tier-terminal-price ul {
    height: 275px;
    overflow-y: auto;
    overflow-x:hidden;
}

.terminal-price.subSectionOpacity button {
    pointer-events: none;
}

.singleselect + div ul li:nth-child(2) input {
    display: none;
}

label.grey-inverse {
    background-color: #464a4c;
    color: #FFFFFF;
}

#auditreport-datatable thead tr th:nth-child(9),
#auditreport-datatable thead tr th:nth-child(10),
#auditreport-datatable thead tr th:nth-child(11),
#auditreport-datatable tbody tr td:nth-child(9),
#auditreport-datatable tbody tr td:nth-child(10),
#auditreport-datatable tbody tr td:nth-child(11),
#auditreport-datatable thead tr th:nth-child(15),
#auditreport-datatable thead tr th:nth-child(16),
#auditreport-datatable thead tr th:nth-child(17),
#auditreport-datatable tbody tr td:nth-child(15),
#auditreport-datatable tbody tr td:nth-child(16),
#auditreport-datatable tbody tr td:nth-child(17) {
    background: #ebeeef !important;
}

#auditreport-datatable thead tr th:nth-child(12),
#auditreport-datatable thead tr th:nth-child(13),
#auditreport-datatable thead tr th:nth-child(14),
#auditreport-datatable tbody tr td:nth-child(12),
#auditreport-datatable tbody tr td:nth-child(13),
#auditreport-datatable tbody tr td:nth-child(14) {
    background: #dddfe0 !important;
}

.ddterminallist {
    z-index: 50;
}

#country-list button,
#country-list button:hover,
#country-list button:focus,
#country-list.open > .dropdown-toggle.btn-default:hover {
    background: #fff !important;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e5e6e7 !important;
    color: #616161;
    width: 100%
}

.blue-bg #country-list button,
.blue-bg #country-list button:hover,
.blue-bg #country-list button:focus,
.blue-bg #country-list.open > .dropdown-toggle.btn-default:hover {
    background: none !important;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e5e6e7 !important;
    color: #fff;
    width: 100%
}

.blue-bg #country-list li {
    color: #616161;
}

#country-list ul a {
    border-radius: 0px;
    padding: 4px 8px;
}

    #country-list ul a:hover {
        background: #1e90ff;
        color: white;
        padding: 4px 8px;
    }

.btn-assignorder-uom ~ .popover, .btn-assignorder-uom ~ .popover {
    width: 240px !important;
}

    .btn-assignorder-uom ~ .popover .popover-title,
    .btn-assignorder-uom ~ .popover .popover-title {
        color: #ed5565;
        font-size: 13px;
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        line-height: 18px;
    }

.floating-buttons {
    bottom: 0;
    left: 0;
    height: 53px;
    position: fixed;
    z-index: 1;
    width: 100%;
    box-shadow: 0 -3px 11px rgba(0,0,0,0.05);
}

.hide-onsubmit {
    display: none !important
}

.show-onsubmit {
    display: inline-block !important
}

.dataTable.fixedHeader-floating, .dataTable.fixedHeader-locked {
    width: 1000px !important;
}

    .dataTable.fixedHeader-floating.small-grid, .dataTable.fixedHeader-locked.small-grid,
    .dataTable.fixedHeader-floating.show-fixedheader, .dataTable.fixedHeader-locked.show-fixedheader {
        width: 882px !important;
    }

    .dataTable.fixedHeader-floating.xsmall-grid, .dataTable.fixedHeader-locked.xsmall-grid {
        width: 774px !important;
    }

table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
    z-index: 9;

}

/*table.dataTable.fixedHeader-floating {
    top: -9px !important;
}*/

/*table.dataTable.fixedHeader-floating {
    top: -25px !important;
}*/

table.dataTable.fixedHeader-floating {
    top: 0px !important;
}

.mapheight {
    height: 320px;
}

.authbg-01, .authbg-02, .authbg-03, .authbg-04 {
    background-size: cover !important;
}

.authbg-01 {
    background: white url(../images/authbg-01.jpg) no-repeat;
}

.authbg-02 {
    background: white url(../images/authbg-02.jpg) no-repeat;
}

.authbg-03 {
    background: white url(../images/authbg-03.jpg) no-repeat;
}

.authbg-04 {
    background: white url(../images/authbg-04.jpg) no-repeat;
}

.select2-container .select2-search--inline {
    width: 100%;
}

.cxml-banner {
    background: white url(../images/cxml-background.png) no-repeat;
    height: 160px;
}

    .cxml-banner .cxml-banner-content {
        display: table;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

        .cxml-banner .cxml-banner-content .cxml-banner-cell {
            display: table-cell;
            vertical-align: middle;
        }

            .cxml-banner .cxml-banner-content .cxml-banner-cell .cxml-welcome {
                color: white;
                padding: 10px;
                background: #0711db;
                text-align: center;
            }

            .cxml-banner .cxml-banner-content .cxml-banner-cell .cxml-company {
                color: white;
                font-weight: 400;
                padding: 10px;
                text-shadow: 0px 0px 1px #616161;
            }

.width-20-percent {
    width: 20%;
}

.width-80-percent {
    width: 80%;
}

#fr-details .container {
    width: auto;
}

#accept-offer {
    max-height: 600px;
    overflow: auto
}

.ico-tracking, .ico-invoicing, .ico-dispatch, .ico-taxes {
    background-image: url("../images/sprite-icons.png");
}

.ico-tracking {
    background-position: 0 0;
    height: 27px;
    width: 19px;
    margin-bottom: -20px;
}

.ico-invoicing {
    background-position: -23px 0;
    height: 24px;
    width: 18px;
    margin-bottom: -15px;
}

.ico-dispatch {
    background-position: -46px 0;
    height: 20px;
    width: 30px;
    margin-bottom: -10px;
}

.ico-taxes {
    background-position: -81px 0;
    height: 24px;
    width: 24px;
    margin-bottom: -12px;
}

.right-droparrow {
    right: 15px;
    top: -13px;
}

.left-droparrow {
    left: 15px;
    top: -13px;
}

.user-profile, .user-profile:hover, .user-profile:focus, .user-profile:active {
    background: #0090FC;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    color: white;
}

header .dropdown-menu {
    min-width: 250px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    border-radius: 5px;
}

    header .dropdown-menu > li:first-child > a {
        border-radius: 5px 5px 0 0;
    }

    header .dropdown-menu > li:last-child > a {
        border-radius: 0 0 5px 5px;
    }

    header .dropdown-menu > li > a {
        font-weight: normal;
        /*padding: 4px 8px 4px 11px;*/
        border-radius: 0px;
    }

        header .dropdown-menu > li > a:hover {
            /*background-color: #1062d1;
    color: white;*/
        }

    header .dropdown-menu li span {
        width: 24px;
        margin-right: 10px;
        display: inline-block;
        float: left;
    }

header .dropdown-menuleft {
    min-width: 210px;
}

header .dropdown-menuxs {
    min-width: 216px;
}

.nav-icons {
    width: 30px;
    height: 30px;
    box-shadow: 1px 1px 4px #D5D8D9;
    border-radius: 50px;
    margin-top: 8px;
    text-align: center
}

    .nav-icons i {
        color: #0B4F82;
    }

.customer-offer {
    animation-duration: 100ms !important;
    bottom: 10px;
    position: fixed;
    z-index: 500;
    border: 1px solid lightgrey;
    box-shadow: 0 5px 15px rgba(0,0,0,0.04)
}

.fa-trash-alt {
    font-size: 16px;
}

.zip-settings {
    min-height: 200px;
}

.disable-anchor-link, .disable-anchor-link a {
    pointer-events: none;
    color: #616161 !important
}

.tilegrid > tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

    .tilegrid > tbody tr td:first-child {
        border-radius: 15px 0 0 15px;
        border-left: 1px solid #ebebeb;
        padding-left: 30px;
    }

    .tilegrid > tbody tr td:last-child {
        border-radius: 0 15px 15px 0;
        border-right: 1px solid #ebebeb;
    }

.tilegrid > tbody > tr.blank-row td {
    background: white;
    height: 15px;
    padding: 0px;
    border: none;
}

.tilegrid > thead > th {
    border: none;
}

.tilegrid > tbody > tr:hover td {
    border-color: #c8c6c6;
}

.tilegrid > tbody > tr.odd td {
    background: #f9f9f9;
}

.tilegrid > tbody > tr.even td {
    background: #efefef;
}

.ico-exclusive {
    left: 0;
    top: 0;
}

.badge-new {
    right: 1px;
    top: -4px;
    padding: 2px 3px 2px 2px !important;
    animation: blinkingText 1.2s infinite;
}


@keyframes blinkingText {
    0% {
        color: rgba(255,255,255,1)
    }


    50% {
        color: rgba(255,255,255,0);
    }


    100% {
        color: rgba(255,255,255,1);
    }
}

.dropdown-menu {
    border: 1px solid #e3e3e3 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.08) !important;
    border-radius: 3px !important;
}

.offer-well {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    padding-top: 20px;
    margin: 0
}

    .offer-well .cards {
        border: 0;
    }

.cards tbody tr td {
    border: 0;
}

.cards tbody tr {
    float: left;
    margin: 10px 30px 20px 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08) !important;
    border-radius: 5px !important;
    border: 1px solid #e5e6e7;
}

.cards tbody td {
    display: block;
    width: 340px;
    overflow: hidden;
    text-align: left;
}

.cards.table-bordered > tbody > tr > td {
    border: 0;
    border-bottom: 1px solid #e5e6e7;
}

.toggle-card tbody label {
    display: none;
}

table.tbl-cardview.toggle-card tbody label {
    margin-right: 5px;
    width: 70px;
}

.cards tbody label {
    display: inline;
    position: relative;
    font-size: 85%;
    float: left;
    font-weight: bold
}

.cards tbody td:nth-child(1) {
    text-align: center;
}

.no-lengthdropdown .dataTables_length,
.no-lengthdropdown .dataTables_info {
    display: none !important;
}

.no-lengthdropdown .html5buttons {
    position: relative;
    top: 0;
    right: 0;
}

.dashboard th, .dashboard td {
    font-size: 13px;
}

@media (min-width: 992px) {
    .modal-xl {
        width: 972px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        width: 1180px;
    }
}

h4, h3 {
    color: #2b2b2b !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding-bottom: 5px !important;
}

.well {
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.1);
    background: #fff;
}

.main-wrapper, .bg-footer {
    background: #f7f7f7;
}

.direct-tax-container {
    padding: 10px 0px 10px 5px;
    border: 1px solid #d0c5c5;
    border-radius: 10px;
}

.html5buttons a {
    color: #616161 !important;
}

.multiselect.btn-default {
    color: #616161 !important;
}

#map {
    height: 400px;
}

#mapLegend {
    color: #3c4750;
    padding: 0 10px 0 0;
    margin: 10px;
    opacity: 0.9;
    width: 190px;
}

    #mapLegend img {
        width: 15%
    }

    #mapLegend a:hover {
        background: #f5f5f5;
        font-weight: bold;
    }

    #mapLegend a:active {
        background: #f5f5f5;
        font-weight: bold;
    }

    #mapLegend a .active {
        background: #f5f5f5;
        font-weight: bold;
    }


.btn-toggle {
    border: 1px solid #c0c0c0;
    border-radius: 50px;
    padding: 3px;
}

    .btn-toggle label {
        background: none;
        border-radius: 50px;
        padding: 3px 15px;
    }

        .btn-toggle label.active {
            background: #0090fc !important;
            border-radius: 50px !important;
            color: white;
            margin-right: 0px;
            margin-left: 0px;
        }

        .btn-toggle label:focus, .btn-toggle label:active {
            outline: 0 !important;
            box-shadow: none !important;
        }

.btn.focus, .btn.active.focus {
    outline: 0px;
}

.left-panel, .supp-details .well.cust-stat {
    margin-top: 42px;
}

.cityrack-validation .field-validation-error {
    color: #8a6d3b !important
}

.modal-body {
    padding: 20px;
}

.ui-menu .ui-menu-item-wrapper {
    color: #2b2b2b;
    padding: 8px !important;
    font-family: 'Open Sans', sans-serif;
}

    .ui-menu .ui-menu-item-wrapper:hover {
        background: #5897fb !important;
        color: #fff;
        padding: 8px !important;
        border-top: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important;
    }

.calendar-icon {
    -webkit-transform-origin: 0 0;
    transform: rotate(-90deg);
    position: absolute;
    margin-top: 160px;
    margin-left: -23px;
    z-index: 96;
    transform: rotate(-90deg);
}

    .calendar-icon a {
        color: #484747;
        background: #d8d8d8;
        width: 120px;
        padding: 5px 25px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border: 1px solid #cecece;
    }

    .inventory-icon {
        -webkit-transform-origin: 0 0;
        transform: rotate( -90deg );
        position: absolute;
        margin-top: 285px;
        margin-left: -23px;
        z-index: 96;
        transform: rotate( -90deg );
    }

    .inventory-icon a {
        color: #484747;
        background: #d8d8d8;
        width: 120px;
        padding: 5px 25px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border: 1px solid #cecece;
    }

.calendar-section {
    top: 80px;
    z-index: 98;
    left: 45px;
    width: 50%;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    position: absolute;
    border: 1px solid #b3b3b3;
}

.calendar-icon.calendar-active {
    z-index: 99
}

    .calendar-icon.calendar-active a {
        background: white;
        color: black;
        border-bottom: none;
    }

.dashboard .well {
    position: relative;
    z-index: 96;
    padding: 15px;
}

#calendar h4 {
    font-size: 14px !important;
}

#Calendar-tile h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.color-blue {
    color: #0c52b1;
}

.modal-autoscroll {
    max-height: 550px;
    overflow: auto;
}

.modal-pricingcodescroll {
    max-height: 365px;
    overflow: auto;
}

/*.dropdown-menu .fa, .dropdown-menu .far, .dropdown-menu .fas {
    width: 30px;
    text-align: center;
}*/

.dropdown-menu.large-menu {
    min-width: 245px;
}

.dropdown-menu.medium-menu {
    min-width: 200px;
}

.verticalLine {
    border-right: solid #616161;
}

.discard-include label:first-child.active {
    background: #ed5565 !important;
}

.discard-include label:last-child.active {
    background: #5eb759 !important;
}

/*.ico-create-invoice {
    background: url(../images/ico-dollar.png) 13px center no-repeat;
    background-size: 17px 17px;
    padding-left: 41px;
}*/

.ico-create-invoice {
    background: url(../images/ico-dollar.png) 0px center no-repeat;
    background-size: 17px 17px;
    padding-left: 25px;
}

.panel-icon {
    -webkit-transform-origin: 0 0;
    transform: rotate(-90deg);
    position: absolute;
    margin-left: -30px;
    z-index: 96;
    transform: rotate(-90deg);
    display: inline-block !important;
    margin-top: 140px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .panel-icon {
        margin-left: -75px;
        margin-top: 65px;
    }
}

.job-panel-icon {
    margin-top: 180px;
}

.panel-icon.no-actionmenu {
    margin-top: 155px;
}

.panel-icon a {
    color: #484747;
    background: #d8d8d8;
    width: 150px;
    padding: 5px 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #cecece;
    border-bottom: none;
    width: 120px
}

.panel-section {
    z-index: 98;
    width: 350px;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    position: absolute;
    border: 1px solid #b3b3b3;
}

.panel-icon.icon-active {
    z-index: 99
}

    .panel-icon.icon-active a {
        background: white;
        color: black;
        border-bottom: none;
    }

.upload-modal {
    width: 325px;
    margin-left: -200px;
}

.fa-trash-alt.fs13 {
    font-size: 13px !important;
}

.upload-btn {
    position: absolute;
    z-index: -1;
}

.btn-choosefile {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-choosefile#choose-file {
        margin-left: 0;
        top: 0;
    }


/*.html5buttons a.buttons-colvis {
    right: -1px;
    padding: 5px 5px;
    margin-left: 0px;
    float: right !important;
    position: absolute !important;
    margin-top: 34px;
    background: #e5e5e5 !important;
}*/

.html5buttons a.buttons-colvis {
    right: -34px;
    padding: 6px 10px;
    margin-left: 0px;
    float: right !important;
    position: absolute !important;
    margin-top: 0px;
    background: #e5e5e5 !important;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

    .html5buttons a.buttons-colvis span {
        margin-left: 5px;
        /*display:none;*/
    }

.buttons-colvis span {
    visibility: hidden;
    width: 120px;
    background-color: #656565;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: -30px;
    right: -111%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.buttons-colvis:hover span {
    visibility: visible;
}

    .html5buttons a.buttons-colvis::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    .html5buttons a.buttons-colvis::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f06e";
    }

ul.dt-button-collection {
    max-height: 200px;
    min-width: 200px;
    overflow: auto;
    overflow-x: hidden
}

    ul.dt-button-collection li a {
        color: #616161;
    }

        ul.dt-button-collection li a:hover {
            background-color: none !important;
            color: #616161;
        }

    ul.dt-button-collection.dropdown-menu > li > a {
        padding: 4px 0 4px 0px;
        border-radius: 0;
    }

        ul.dt-button-collection.dropdown-menu > li > a::before,
        ul.dt-button-collection.dropdown-menu > li.active > a::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            margin-right: 10px;
            font-size: 19px;
            float: left;
            margin-top: -1px;
        }

        ul.dt-button-collection.dropdown-menu > li > a::before {
            content: "\f0c8";
            color: #e5e6e7;
        }

    ul.dt-button-collection.dropdown-menu > li.active > a::before {
        content: "\f14a";
        color: #1062d1;
    }

    ul.dt-button-collection li.active a, ul.dt-button-collection li.active a:active, ul.dt-button-collection li.active a:focus,
    ul.dt-button-collection li.active a:hover {
        background: #fff;
        color: #616161;
    }

.code-tile:hover {
    cursor: pointer;
    background: #efefef;
}

th {
    white-space: nowrap;
}

.side-panel-preview {
    position: fixed;
    background: white;
    right: 0;
    display: none;
    top: 0;
    z-index: 200;
    box-shadow: 2px 0 123px 2px rgba(0,0,0,0.56)
}

.side-panel {
    /*position: fixed;
    background: white;
    right: 0;
    display: none;
    top: 0;
    z-index: 200;
    box-shadow: 2px 0 123px 2px rgba(0,0,0,0.56)*/
    display: none;
    position: fixed;
    width: 100% !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(90, 90, 90, 0.5) !important;
    z-index: 1040;
}

.side-panel-wrapper {
    width: 90%;
    height: 100%;
    background: #fff;
    right: 0 !important;
    position: absolute;
}

.side-panel-body {
    /*max-height: 90%;*/
    max-height: 92vh;
    overflow: auto;
    overflow-x: hidden;
    background: #fff !important;
}
.cg-side-panel-body {
    max-height: 82vh !important;
}

.order-unread {
    color: #d2d2d2;
}

.order-read {
    color: #34B7F1;
}

.order-acknowledged {
    color: #99dc4c;
}

.order-notacknowledged {
    color: #d2d2d2;
}

.order-reacknowledment {
    color: #ff7700;
}

.reassign-driver {
    width: 82% !important;
}

.map-wrapper {
    height: 300px;
    width: 100%;
    border: 1px solid #dedede;
}

.equal-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .equal-container > .equal-column {
        display: flex;
        flex-direction: column;
    }

.equal-column > .well {
    height: 100%;
}

.thumb-wrapper {
    width: 18.5%;
    margin-right: 1.5%
}

.img-thumb {
    height: 70px;
    width: 100%;
}

.pdf-thumb {
    height: 60px;
    width: 100%;
}

.btn-link, .btn-link:hover {
    color: #1062d1 !important;
    padding-left: 0;
    margin-left: 0;
}

.drag-border {
    border: #ff525b dashed 2px;
}

.drag-handle {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

    .drag-handle:active {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

/* Droppable */

.drag-hint-border {
    border: #3c763d dashed 1px;
}

.drag-over-border {
    border: #fbbc05 dashed 1px;
}

.drag-transit {
    border: #3500FF dashed 1px;
}

/* ng multiselect dropdown */
.dropdown-list {
    padding-top: 0 !important;
    border-radius: 5px !important;
    margin-top: 0 !important;
    -webkit-box-shadow: 6px 7px 23px -14px rgba(0,0,0,0.43) !important;
    -moz-box-shadow: 6px 7px 23px -14px rgba(0,0,0,0.43) !important;
    box-shadow: 6px 7px 23px -14px rgba(0,0,0,0.43) !important;
    z-index: 999 !important; /* to avoid overlapping of dropdowns with side menu */
}

.dropdown-btn {
    background: white !important;
}

.selected-item {
    border: 0px solid #337ab7 !important;
    background: #007bff !important;
    padding: 3px 10px !important;
    margin: 2px 0 4px;
    border-radius: 5px !important;
    font-size: 12px;
}

    .selected-item:hover {
        box-shadow: 0;
    }

.group-height {
    height: calc(100vh - 200px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important
}

.group-maxheight {
    max-height: calc(100vh - 200px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important
}
/*.bg0 {
    background: rgb(245,176,176);
    background: linear-gradient(90deg, rgba(245,176,176,1) 0%, rgba(250,148,148,1) 47%, rgba(230,166,166,1) 100%);
}
.bg1 {
    background: rgb(249,162,162);
    background: linear-gradient(90deg, rgba(249,162,162,1) 0%, rgba(250,148,148,1) 47%, rgba(232,142,142,1) 100%);
}
.bg2 {
    background: rgb(254,136,136);
    background: linear-gradient(90deg, rgba(254,136,136,1) 0%, rgba(250,148,148,1) 47%, rgba(231,106,106,1) 100%);
}
.bg3 {
    background: rgb(255,113,113);
    background: linear-gradient(90deg, rgba(255,113,113,1) 0%, rgba(250,148,148,1) 47%, rgba(233,81,81,1) 100%);
}*/
.dropdown-down {
    border-top: 6px solid #adadad !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
}

.dropdown-up {
    border-bottom: 6px solid #adadad !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important
}

.order-list {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.group-cust {
    min-height: 117px;
}

.no-data {
    background: #efa7a7;
    color: #9a5757;
    font-weight: bold;
}

    .no-data h5 {
        font-weight: bold;
    }

.btn-filter .btn {
    background-color: transparent !important;
    color: grey;
    border: 0;
    border-radius: 50px !important;
    padding: 5px 10px !important
}

.icon-toggle .btn-filter .btn {
    padding: 5px 10px !important;
    background-image: none;
    background-color: white;
    color: #D1D1D1;
    border: 1px solid #D1D1D1;
    border-radius: 5px 0 0 5px;
}

.btn-filter .btn.active {
    background-image: linear-gradient(96deg, #0090fc, #0090fc) !important;
    color: white !important;
}

    .btn-filter .btn.mustgo,
    .btn-filter .btn.shouldgo,
    .btn-filter .btn.couldgo 
    .btn-filter .btn.servicerequest {
        border: 1px solid transparent;
    }

        .btn-filter .btn.mustgo.active,
        .btn-filter .btn.shouldgo.active,
        .btn-filter .btn.couldgo.active 
        .btn-filter .btn.servicerequest.active {
            background-image: none;
            color: grey;
            border: 1px solid grey;
        }

.btn-filter .btn {
    background-color: transparent !important;
    color: grey;
    border: 0;
    border-radius: 50px !important;
}

    .btn-filter .btn.active {
        background-image: linear-gradient(96deg, #0090fc, #0090fc) !important;
        color: white;
    }

    .btn-filter .btn.mustgo,
    .btn-filter .btn.shouldgo,
    .btn-filter .btn.couldgo 
    .btn-filter .btn.servicerequest{
        border: 1px solid transparent;
    }

        .btn-filter .btn.mustgo.active,
        .btn-filter .btn.shouldgo.active,
        .btn-filter .btn.couldgo.active 
        .btn-filter .btn.servicerequest.active {
            background-image: none;
            color: grey;
            border: 1px solid grey;
        }

.btn-filter input[type='text'].datepicker {
    border-radius: 50px;
    width: 125px;
    background-position: 95px 5px;
    height: 28px !important;
}

.missed .drlist {
    max-height: calc(100vh - 375px);
}

.mustgo .drlist {
    max-height: calc(100vh - 375px);
}

.shouldgo .drlist {
    max-height: calc(100vh - 450px);
}

.couldgo .drlist {
    max-height: calc(100vh - 450px);
}

.servicerequest .drlist {
    max-height: calc(100vh - 450px);
}


/*.mustgo .drlist {
    max-height: 200px;
}

.shouldgo .drlist {
    max-height: 170px;
}

.couldgo .drlist {
    max-height: 120px;
}*/
.mustgo, .shouldgo, .couldgo, .accepted-broker, .requested-broker {
    border: 0px solid orange;
}

    .accepted-broker h2 {
        color: #008600;
    }

    .requested-broker h2 {
        color: #4545ff;
    }

.accepted-broker_bg {
    /*background-color: #bae4ba;*/
    background-color: #ffffff;
    border: 1px solid #BABABA;
}

    .accepted-broker_bg .text-color {
        color: #ababab;
    }

.requested-broker_bg {
     background-color: #ffffff;
    border: 1px solid #BABABA;
}

    .requested-broker_bg .text-color {
        color: #ababab;
    }

.mustgo-status {
    background: #FF8686 !important;
}

.callin-status {
    background: #cec2eb !important;
}
    .callin-status .product-name,
    .callin-status .product-sub-text,
    .callin-status .product-qty,
    .callin-status .product-timing label,
    .callin-status .product-status-details,
    .callin-status .text-callIn {
        color: #0b0b44 !important;
    }
.shouldgo-status {
    background: #FFED72 !important;
}

.couldgo-status {
    background: #E8E3E3 !important;
}

.servicerequest-status {
    background: #96b2d9 !important;
    color: white !important;
}

.extsource-status {
    background: #87e0c9;
}

.font-weight-600 {
    font-weight: 600;
}

.missed-status {
    background: #765252;
    color: white;
}

.diverted-status {
    background: #765252 !important;
    color: white !important;
}
.carrier-accepted {
    background: #85BBFB !important;
    color: #fff !important;
}

.carrier-rejected {
    background: #765252 !important;
    color: #fff !important;
}

.carrier-accepted .cust_name,
.carrier-accepted .prod_type,
.carrier-accepted .cust_address {
    color: #ffffff !important;
}

.carrier-rejected .cust_name,
.carrier-rejected .prod_type,
.carrier-rejected .cust_address {
    color: #ffffff !important;
}

.published-status {
    background: #85BBFB;
    opacity: 0.5;
    color: black;
}

    .published-status + div.published {
        position: absolute;
        right: 5px;
        bottom: 5px;
        display: inline-block;
    }

.mustgo h2 {
    color: #f17d7d;
}

.shouldgo h2 {
    color: #e8c131;
}

.missed h2 {
    color: #ff2525;
}

@-moz-document url-prefix() {
    .drlist {
        overflow-y: auto;
    }
}

.drlist {
    overflow-y: overlay;
    overflow-x: hidden;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    /*padding-top: 5px;*/
    /*padding-right: 5px;*/
}

.dr-color-default {
    background: #EEEEEE;
}

.dr-color-servicerequest {
    background: #007bff1f;
}

.dt-tanks {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    overflow-x: hidden
}

.tank-wrapper {
    height: calc(100vh - 160px);
    overflow-y: auto;
    overflow-x: hidden
}

.searchbar {
    border-radius: 50px !important;
}

    .searchbar:before {
        content: "\f00c"; /* this is your text. You can also use UTF-8 character codes as I do here */
        font-family: FontAwesome;
        position: relative;
        top: 1px;
        float: left;
        margin-left: 4px;
    }

.progress-bar-success {
    background-color: #59c759 !important
}

.nav.nav-region > li.active {
    border-left: 0 solid #0b4593 !important;
    background-color: white !important;
    border: 0 !important;
    border-bottom: 2px solid #0b4593 !important;
}

    .nav.nav-region > li.active a {
        border-width: 0 !important;
    }

.nav.nav-region > li > a:hover, .nav.nav-region > li > a:focus {
    background-color: #fff !important;
    color: #0b4593 !important;
    border-width: 0;
}

.close-map {
    font-size: 30px;
}

.badge.jobname {
    padding: 6px 13px !important
}

.dg-wrapper {
    min-height: 120px;
}

.dr-wrapper {
    background: #F0F1F2;
}

.dark-gradient {
    background: #de6161; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2657eb, #de6161); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2657eb, #de6161); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
}

    .dark-gradient input {
        border-radius: 10px;
    }

.confirm-box .modal-body {
    padding: 15px !important
}

.confirm-box .modal-dialog {
    width: 350px !important
}

.tank, .tank-manifold {
    border: 1px solid lightgrey;
    border-radius: 10px;
    line-height: 60px;
    position: relative;
}

.tank {
    height: 60px;
}

.tank-manifold {
    height: 123px;
}

.level {
    bottom: 0px;
    width: 100%;
    position: absolute;
    border-radius: 0 0 7px 7px;
}

.level-couldgo {
    background: green
}

.level-mustgo {
    background: red;
}

.dg-wrapper {
    min-height: 120px;
}

.dr-wrapper {
    background: #F0F1F2;
}

.dark-gradient {
    background: #de6161; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2657eb, #de6161); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2657eb, #de6161); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
}

    .dark-gradient input {
        border-radius: 10px;
    }

#confirm-delete .modal-body {
    padding: 15px !important
}

#confirm-delete .modal-dialog {
    width: 350px !important
}

.tank {
    border: 2px solid grey;
    border-radius: 10px;
    height: 60px;
    position: relative;
}

.level {
    bottom: 0px;
    width: 100%;
    position: absolute;
    border-radius: 0 0 7px 7px;
}

.level-couldgo {
    background: green
}

.level-mustgo {
    background: red;
}

.opacity8 {
    opacity: 0.8;
}

.wrapper-nodata {
    position: absolute;
    top: 39%;
    left: 44%;
}

    .wrapper-nodata h1 {
        font-size: 18px;
        color: #a5a5a5;
    }

    .wrapper-nodata > i {
        font-size: 70px;
        color: #d2d2d2;
    }

.trip-wrapper {
    /*min-height: 150px;*/
    min-height: 80px;
    /*height:100%;*/
    background: #F1F1F1;
    background: -webkit-linear-gradient(top left, #F1F1F1, #F7F7F7);
    background: -moz-linear-gradient(top left, #F1F1F1, #F7F7F7);
    background: linear-gradient(to bottom right, #F1F1F1, #F7F7F7);
}

a[aria-expanded=true] .fa-chevron-circle-down {
    display: none !important;
}

a[aria-expanded=false] .fa-chevron-circle-up {
    display: none !important;
}

.btn-pending {
    border: 1px solid #f17d7d;
    color: #f17d7d;
}

.btn-pending, .btn-addtrip {
    border-radius: 30px !important;
    font-size: 13px;
    font-weight: bold;
    background: white;
    outline: none;
    padding: 6px 12px;
}

input:focus + .auto-select {
    display: inline-block
}

input + .auto-select:hover {
    display: inline-block;
}

input + .auto-select {
    display: none;
}

.auto-select {
    list-style: none;
    position: absolute;
    width: 100%;
    background-color: white;
    padding: 0;
    z-index: 10;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
    border: 1px solid #e5e6e7;
    max-height: 250px;
    overflow-y: auto;
}

    .auto-select li {
        padding: 10px 5px;
        border-bottom: 1px solid #e5e6e7;
    }

        .auto-select li:hover {
            background-color: #f8f8f8;
            cursor: pointer;
        }

        .auto-select li[selected="true"],
        .auto-select li:active {
            background-color: #dee0f2;
            cursor: pointer;
        }

        .auto-select li:last-child {
            padding: 10px 5px;
            border-bottom: none;
        }

.searchbox {
    height: 40px;
    font-size: 14px;
}

.buyer-drpanel {
    max-height: calc(100vh - 220px) !important;
    overflow: auto;
    overflow-x: hidden;
    width: 100%
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    overflow: scroll;
    background-color: inherit;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background-color: #cccaca;
}

::-webkit-scrollbar-thumb {
    background-color: #a5a2a2;
    border-radius: 5px;
    opacity: .2;
}

html::-webkit-scrollbar, body::-webkit-scrollbar, main::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    overflow: scroll;
    background-color: inherit;
    border-radius: 0px;
}

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, main::-webkit-scrollbar-thumb {
    background-color: #a5a2a2;
    border-radius: 20px;
    opacity: .2;
}

.truncate_200 {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Style the input container */
.input-container {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
/* Style the form icons */
.icon {
    padding: 10px;
    background: #1062d1;
    color: white;
    min-width: 50px;
    text-align: center;
}
/* Style the input fields */
.input-field {
    width: 100%;
    padding: 5px 5px;
    outline: none;
}

    .input-field:focus {
        border: 1px solid #1062d1;
    }



.c_no_overflow {
    overflow: hidden;
}

.c_s_height {
    float: left;
    /*margin: 20px;*/
    background-color: grey;
    padding-bottom: 100%;
    margin-bottom: -100%;
}

#csvFileTankType {
    width: 20%;
}

.badge-trailer {
    background: #dbf312 !important
}

.unselect {
    display: none !important;
}

.mustgo-wrapper, .shouldgo-wrapper, .couldgo-wrapper, .servicerequest-wrapper, .missed-wrapper {
    overflow: auto;
    overflow-x: hidden;
    padding: 0 10px;
}

.mustgo-wrapper {
    max-height: calc(100vh - 250px) !important;
}

    .mustgo-wrapper .selected {
        background: #d95a67 !important;
        color: white;
        position: relative;
    }

        .mustgo-wrapper .selected .unselect,
        .shouldgo-wrapper .selected .unselect,
        .couldgo-wrapper .selected .unselect 
        .servicerequest-wrapper .selected .unselect {
            display: inline-block !important;
            right: 5px;
            top: 3px;
            font-size: 16px;
            color: #f1f1f1;
            z-index: 1000;
        }

.shouldgo-wrapper {
    max-height: 300px;
}

    .shouldgo-wrapper .selected {
        background: #ec9f5a !important;
        color: white;
        position: relative;
    }

.couldgo-wrapper {
    max-height: 300px;
}

.servicerequest-wrapper {
    max-height: 300px;
}

.couldgo-wrapper .selected {
    background: #a5a5a5 !important;
    color: white;
    position: relative;
}

.servicerequest-wrapper .selected {
    background: #a1c3f1 !important;
    color: white;
    position: relative;
}

.missed-wrapper .mustgo.selected {
    background: #d95a67 !important;
    color: white;
    position: relative;
}

.missed-wrapper .couldgo.selected {
    background: #a5a5a5 !important;
    color: white;
    position: relative;
}

.missed-wrapper .shouldgo.selected {
    background: #ec9f5a !important;
    color: white;
    position: relative;
}

.cust-radio-chk {
    display: inline-flex;
    align-items: center;
    place-content: space-between;
    padding-right: 8px;
}
    .cust-radio-chk input {
        margin-right: 5px;
    }

.modal-dialog-xs {
    width: 300px !important;
}

.toggle-dr-panel {
    width: 22%;
    padding: 0 15px;
    padding: 0px 15px 0px 10px;
}

.schedule-panel {
    padding: 5px 15px 0px 0px;
    height: calc(100vh - 135px);
    overflow-y: hidden;
    position: relative;
}
.schedule-panel.non-toggle{
    width: 78%;
}

.schedule-panel.toggled{
    width: 100%;
    padding-left: 15px;
}


.width_100 {
    width: 100%;
}

.width_60 {
    width: 60%;
}

.width_40 {
    width: 60%;
}

.width_70 {
    width: 30%;
}

.width_30 {
    width: 30%;
}

.height_115 {
    height: calc(100vh - 115px);
}
.height-225 {
    min-height: 225px;
}
.recurring-dr-scroll {
    max-height: 230px;
    overflow-y: auto;
}


.dash_container_height {
    height: calc(100vh - 50px);
    background: #fff !important;
}

.cursor_pointer {
    cursor: pointer;
    pointer-events: auto;
}
/* Style the input container */
.input-container_dr {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    padding: 0 !important;
}
/* Style the form icons */
.icon_dr {
    padding: 10px;
    background-image: linear-gradient(96deg,#53b2fe,#065af3);
    color: white;
    min-width: 35px;
    text-align: center;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}
/* Style the input fields */
.input-field_dr {
    width: 100%;
    padding: 5px 5px;
    outline: none;
    /*border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;*/
    border: 1px solid #ededed;
    border-radius: 50px;
}

    .input-field_dr:focus {
        border: 1px solid #1062d1;
    }


.fav-icon {
    position: absolute;
    z-index: 10000;
    right: -1px;
    top: 16px;
    font-size: 15px;
    color: #d2d2d2;
}

    .fav-icon:hover {
        color: #bdbdbd;
        cursor: pointer;
    }

    .fav-icon.active {
        color: #f5b708;
    }



.inner-addon {
    position: relative;
}

    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

        .inner-addon .glyphicon.glyphicon-remove {
            position: absolute;
            padding: 10px;
            pointer-events: auto;
            cursor: pointer;
        }

.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}
/* add padding  */
.left-addon input {
    padding-left: 30px;
    border-radius: 50px;
}

.right-addon input {
    padding-right: 30px;
    border-radius: 50px;
}



.dr_accordian_panel {
    /* height: calc(100vh - 195px); */
    height: calc(100vh - 210px);
    /*overflow-y: auto;
    margin-right: -10px;
    padding-right: 10px;*/
    overflow-y: overlay;
    margin-right: -10px;
    padding-right: 0px;

   
}

.dr_accordian_panel::-webkit-scrollbar-thumb{
    cursor: pointer;
}
.dr_accordian_panel::-webkit-scrollbar{
width: 11px;
height: 11px;
cursor: pointer;
}

.dr_accordian_panel_h_150 {
    height: calc(100vh - 135px);
}

.dr-accordian .panel-body {
    padding: 0px 10px;
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
}
.dr-accordian .panel-body::-webkit-scrollbar-thumb{
    cursor: pointer;
}
.dr-accordian .panel-body::-webkit-scrollbar{
width: 11px;
height: 11px;
cursor: pointer;
}

.dr-accordian .max-height-single {
    max-height: 600px!important;
}

.dr-accordian .max-height-twice {
    max-height: 300px!important;
}

.dr-accordian .panel-heading {
    padding: 5px 5px;
    /*box-shadow: 0 2px 4px rgba(0,0,0,.08);*/
    /*border: 1px solid #ededed;
    border-radius: 5px;*/
}



.dr-accordian.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0 !important;
    border-left: 1px solid whitesmoke;
    border-bottom: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    box-shadow: 3px 4px 5px rgba(0,0,0,.08);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 10px;
}

.dr_panel_filter.btn-filter .btn {
    padding: 0px 0px !important;
    margin-left: 0px !important;
    margin-right: 15px;
    font-size: 14px;
}

.dr-accordian .panel-default a[aria-expanded="false"] > .panel-heading {
    border-radius: 6px !important;
}

.dr-accordian .panel-default a[aria-expanded="true"] > .panel-heading {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}


.dr-accordian .panel-default .fa-stack {
    font-size: 0.7em;
}

.dr-accordian .panel-default i {
    vertical-align: middle;
}

.dr_panel_filter input[type=radio]:checked + label {
    /* background-image: linear-gradient(96deg,#53b2fe,#065af3); */
    color: #065af3 !important;
    border-bottom: 2px solid #065af3;
    background: white !important;
    border-radius: 1px !important;
    font-weight: 700 !important;
}

.mustgo_bg {
    background-color: #FF8686;
}

    .mustgo_bg .text-color {
        color: #fff;
    }

.shouldgo_bg {
    background-color: #FFED72;
}

    .shouldgo_bg .text-color {
        color: #000;
    }

.couldgo_bg {
    background-color: #E8E3E3;
}

.callin_bg {
    background-color: #cec2eb;
}
h4.callin-header {
    color: #0b0b44 !important;
}
.callin_bg .text-color {
    color: #0b0b44;
}

.externalsource_bg {
    background-color: #87e0c9;
}

.externalsource_bg .text-color {
    color: #0b0b44;
}

.servicerequest_bg {
    background-color: #7bb4db;
}

.couldgo_bg .text-color {
    color: #000;
}

.servicerequest_bg .text-color {
    color: #fff;
}

.missed_bg {
    background-color: #765252;
}

    .missed_bg .text-color {
        color: #fff;
    }

.dr-accordian .panel-heading h2 {
    margin-bottom: 0px;
}

.dr-accordian .panel {
    border: 0;
    margin-bottom: 5px;
}

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #bbb;
    display: inline-block;
}

    .dot.mustgo {
        background-color: #f17d7d;
    }

    .dot.shouldgo {
        background-color: #e8c131;
    }

    .dot.missed {
        background-color: #ff2525;
    }

/*.dr_cards_new .cust_name {
    color: #707070;
    color: #383016;
    font-size: 12px;
    font-weight: bold;
}

.dr_cards_new .prod_type {
    color: #616161;
    font-size: 12px;
}

.dr_cards_new .cust_address {
    color: #A5A5A5;
    font-size: 10px;
}*/

.dr_cards_new .cust_name {
    color: #383016;
    font-size: 12px;
    font-weight: bold;
}

.dr_cards_new .prod_type {
    color: #585858;
    font-size: 12px;
}

.dr_cards_new .cust_address {
    color: #585858;
    font-size: 10px;
}



.dr_cards_new p {
    margin: 0 0 0px;
}

.line-height_18 {
    line-height: 18px !important;
}

.fav-icon {
    position: absolute;
    right: 0;
    top: 16px;
}

.fav-icon {
    color: #bdbdbd;
}

    .fav-icon:hover {
        color: #ffffff;
        cursor: pointer;
    }

    .fav-icon.active {
        color: #f5b708;
    }

.flash {
    -webkit-animation: flash 5s; /* Safari 4+ */
    -moz-animation: flash 5s; /* Fx 5+ */
    -o-animation: flash 5s; /* Opera 12+ */
    animation: flash 5s; /* IE 10+, Fx 29+ */
}

.trailer-shifts .dropdown-btn {
    padding: 2px 6px !important;
    border-radius: 5px !important;
}

header .btn {
    padding: 4px 10px !important;
}

.driverfilter-in-map {
    width: 1200px;
}

.locationfilter-in-map {
    width: 90%;
}

.driverfilter-in-map,
.locationfilter-in-map {
    background: lightgrey;
    position: absolute;
    top: 20px;
    left: 40px;
    border-radius: 5px;
}

.dr-cancelled {
    background: #765252 !important;
    color: #ffffff;
}

    .dr-cancelled .status {
        color: #ffffff;
    }

.dr-new {
    background: #85BBFB !important;
    color: #ffffff;
}
    .dr-new .status {
        color: #4074B2;
    }

.dr-completed {
    background: #90DD8F !important;
    color: #ffffff;
}

    .dr-completed .status {
        color: #365336;
    }

.dr-inprogress {
    background: #FFC37C !important;
}

    .dr-inprogress .status {
        color: #B8721F;
    }


.custom_tabs .nav > li.active, .right_side_panel .assets-panel .nav-pills > li.active > a, .right_side_panel .assets-panel .nav-pills > li.active > a:focus, .right_side_panel .assets-panel .nav-pills > li.active > a:hover, .right_side_panel .assets-panel .submenu li.active {
    background: #ffffff;
    color: #1062d1 !important;
}

.custom_tabs .nav-tabs > li > a {
    margin-right: 15px;
    padding: 8px 0px 0px 0px;
}

.custom_tabs .nav-tabs > li.active > a, .custom_tabs .nav-tabs > li.active > a:hover, .custom_tabs .nav-tabs > li.active > a:focus {
    background: none;
    border-image: none;
    border: 0;
    border-bottom: 2px solid #1062d1;
    color: #1062d1;
}


.custom_tabs .nav > li > a {
    font-weight: 600;
    font-size: 16px;
}

.custom_tabs .tab-content {
    padding: 15px 0px;
}

.custom_tabs .nav-tabs {
    border-bottom: 0;
}

.custom_tabs .nav > li > a:hover, .custom_tabs .nav > li > a:focus {
    border-bottom: 2px solid #1062d1;
    color: #1062d1;
}

.nav-tabs > li > a:hover {
    border: 0;
}

.custom_tabs .nav > li > a:hover, .custom_tabs .nav > li > a:focus {
    background-color: #ffffff;
    border-radius: 0px;
    color: #A7B1C2;
}

.small-table td {
    padding: 2px 8px !important;
}

.small-tab .nav-tabs {
    border-bottom: 0;
}

.small-tab .nav > li.active {
    background: none !important;
}

.small-tab .nav > li > a {
    padding: 2px 0 !important;
    border-width: 0 !important;
    border-bottom: 2px solid transparent !important;
    margin-right: 8px;
}
.small-tab .nav > li.active > a {
    padding: 2px 0 !important;
    border-width: 0 !important;
    border-bottom: 2px solid #0c52b1 !important;
    color: #0c52b1;
}
.small-tab .nav-tabs .nav-link.active {
    padding: 2px 0 !important;
    border-width: 0 !important;
    border-bottom: 2px solid #0c52b1 !important;
    color: #0c52b1;
}

.toggle-tab .nav > li > a:hover {
    border-width: 0 !important;
    border-bottom: 0px solid #0c52b1 !important;
    background: none !important;
    color: #848484 !important;
}

.small-tab .nav > li > a.active {
    border-width: 0 !important;
    border-bottom: 2px solid #0c52b1 !important;
    background: none !important;
    color: #848484 !important;
}
.toggle-tab ul li a:focus, .toggle-tab ul li a:active, .toggle-tab ul li a.active:focus, .toggle-tab ul li a.active:active{
    background-color: #0090fc;
    color: #fff;
}
 
.toggle-tab ul li a.active:hover {
        background: #0090fc !important;
        color: #fff !important;
 }
.toggle-tab ul .rounded-pill {
  padding: 4px 8px !important;
}

.toggle-tab ul .rounded-pill.active {
    background-color: #0090fc;
    border: 0;
    color:#fff;
}
.toggle-tab ul {
    border: 1px solid #dee2e6;
    padding: 4px;
}
.toggle-tab {
    display: inline-block;
}
.chat-loader {
    width: 25px;
    height: 25px;
    display: inline-block;
    padding: 0px;
    border-radius: 100%;
    border: 3px solid;
    -webkit-animation: spinner 0.8s linear infinite;
    animation: spinner 0.5s linear infinite;
    border-top-color: rgba(255,255,255,0);
    border-left-color: rgba(255,255,255,0);
    border-bottom-color: #1062d1;
    border-right-color: #1062d1;
}

.tank_dip {
    border: 2px solid grey;
    border-radius: 10px;
    height: 154px;
    line-height: 50px;
    position: relative;
}

    .tank_dip .red-bg {
        border-radius: 0 0 7px 7px;
    }

.tank_dip_chart {
    border: 2px solid grey;
    border-radius: 10px;
    height: 129px;
    position: relative;
}

.chat-wrapper {
    position: fixed;
    bottom: 1px;
    right: 20px;
    z-index: 200;
}

.tfx-chat {
    width: 300px;
    border: 1px solid #b1b1b1;
    background: white;
    border-radius: 5px;
    height: 330px;
    float: right;
    margin-left: 20px;
}

.chat-user {
    height: 60px;
    background: #696767 !important;
    color: white
}

    .chat-user img {
        border-radius: 50px;
    }

.chat-details {
    height: 204px;
    overflow: auto;
}

.chat-details {
    background: #eaeaea;
    padding: 10px;
}

    .chat-details .you,
    .chat-details .messageHeader,
    .chat-details .driver {
        max-width: 70%;
        border-radius: 10px;
        padding: 5px 10px;
        margin-bottom: 10px;
        clear: both;
        font-size: 12px;
    }

    .chat-details .messageHeader {
        max-width: 32% !important;
        text-align: center;
        background: #faebd7;
        font-size: 10px;
        font-weight: bold;
        margin-left: 94px !important;
    }

    .chat-details .you {
        float: right;
        background: #1062d1;
        color: white;
    }

    .chat-details .driver {
        float: left;
        background: white
    }

    .chat-details .time {
        font-size: 10px;
        opacity: 0.5;
    }

.message-box {
    padding: 9px;
}

    .message-box textarea {
        width: 87%;
        float: left;
        border-radius: 5px;
        height: 46px;
        resize: none;
        padding: 5px 5px 0 10px;
        outline: none;
        border: 1px solid #cacaca;
    }

        .message-box textarea::placeholder {
            opacity: 0.5;
        }

    .message-box button {
        width: 30px;
        float: left;
        height: 30px;
        border-radius: 50px;
        border: none;
        background: #1062d1;
        outline: none;
        margin: 8px 0 0 5px;
    }

        .message-box button i {
            color: white;
            margin-left: 2px;
        }

.chat-minimized, .chat-minimized .chat-user {
    height: 58px;
}

.chat-minimized {
    margin-top: 272px;
}

    .chat-minimized.chat-active .chat-user {
        background: #62d07a;
    }

    .chat-minimized.chat-active {
        border: 1px solid #29bd49;
    }
/*bootstrap 4 class to change start*/
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.well {
    padding: 15px;
    margin-bottom: 15px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 2px;
    white-space: nowrap;
}

.btn-toggle .btn:hover {
    cursor: pointer;
}



.dropdown-menu.show {
    display: block !important;
}

.dropdown-item {
    padding: .25rem 0.5rem;
}

#modal-pricing-codes .modal-lg {
    max-width: 1062px !important;
}

#modal-pricing-codes .modal-dialog {
    width: 1000px;
}

#modal-pricing-codes .close {
    right: 18px !important;
}

#Buyer-Delivery-Statistics-datatable.dataTable {
    margin-top: 15px !important;
}

.btn-filter .btn {
    margin-bottom: 0;
    cursor: pointer;
}

ul.dt-button-collection.dropdown-menu > li > a::before, ul.dt-button-collection.dropdown-menu > li.active > a::before {
    margin-right: 10px;
}

ul.dt-button-collection.dropdown-menu > li > a {
    /*padding: 4px 0 4px 0px;*/
    padding: 1px 0 1px 0px;
}

ul.dt-button-collection.dropdown-menu > * {
    padding: 2px 0 2px 20px;
}

.upload-orderbulk {
    width: 350px;
    /*margin-left: -190px;*/
}

.btn-secondary {
    border-color: transparent;
    color: #212529;
}
/*bootstrap 4 class to change end*/
.driver-details {
    padding-top: 5px !important;
    max-height: 400px;
    overflow: auto;
}

.bg_must_go {
    background-color: #f5d0d0;
}

.bg_should_go {
    background-color: #f7e6a9;
}

.bg_could_go {
    background-color: #e4e2e2;
}

.level-radius {
    border-radius: 0 0 7px 7px;
}

.multiselect-container > li > a > label {
    padding: 3px 10px 3px 15px !important;
    width: 100%;
}

    .multiselect-container > li > a > label:hover {
        background-color: #5897fb;
    }

.hide-element-important {
    display: none !important;
}


.width_20 {
    width: 20%;
}

.r_link {
    position: relative;
}

.a_link {
    position: absolute;
    top: 18px;
    right: 3px;
    width: 94%;
    padding: 0px;
    background: white;
    z-index: 100;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    border-radius: 5px;
}

.diptest_panel_body {
    height: calc(100vh - 270px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
    margin-right: -15px;
    padding-right: 5px;
}


.abs_menu {
    display: none;
    position: absolute;
    top: -2px;
    right: 0;
    background: #fff;
    padding: 1px 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    border-radius: 3px;
}

.load_div:hover .abs_menu {
    display: block;
}


.active-feature {
    background: #87db87 !important;
    color: #fff;
}

    .active-feature h4 {
        color: #fff !important;
    }

    .active-feature p {
        opacity: 1;
    }

.sidePanel_overflow {
    height: calc(100vh - 90px);
    overflow-y: auto;
}


@media only screen and (max-width : 480px) {
    .well {
        padding: 12px;
    }

    .mt5-xs {
        margin-top: 5px;
    }

    .mb5-xs {
        margin-bottom: 5px;
    }

    .ml5-xs {
        margin-left: 5px;
    }

    .mr5-xs {
        margin-right: 5px;
    }

    .mb10-xs {
        margin-bottom: 10px;
    }
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.allow-white-spaces {
    white-space: pre;
}

#dvwebsiteConfigure .stepbox {
    width: 55px;
    height: 55px;
    padding: 11px 0 0 21px;
}

.colorwell {
    height: 50px;
    font-size: 20px;
}

/*.main-wrapper, .bg-footer, body {
    background: #fff
}*/

.main-wrapper {
    padding-right: 15px;
    padding-left: 15px;
}

.text-w {
    color: #ffffff !important;
}

.full-width-container {
    padding-top: 20px;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.text-active {
    color: orange;
}

.pointer_null {
    cursor: no-drop !important;
    pointer-events: none !important;
}

.blinking {
    animation: blinkingText 0.8s infinite;
}

@keyframes blinkingText {
    0% {
        color: white;
    }

    49% {
        color: transparent;
    }

    100% {
        color: black;
    }
}

.edit-td {
    background: white;
    border: 2px solid lightgray !important;
    border-radius: 5px;
}



.row-number {
    border: 1px solid #fe965f;
    border-radius: 6px;
    color: #fe965f;
    padding: 0 3px;
    /*position: absolute;*/
}

.exception-details td {
    padding: 1px 5px 2px 0 !important;
}

.max-height_90 {
    max-height: 90% !important;
    overflow-y: auto;
}

.input-group-addon {
    background-color: #eee !important;
}

.btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.form-check-label {
    background-image: none !important;
    color: #000000 !important;
}

.login-xs-lg {
    float: right;
}

.dropdown-menu li a {
    display: block;
}

.recurring_dr {
    color: green;
    font-size: 10px;
    font-weight: bold;
}

.recurring_text {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.scqtyText {
    font-size: 11px;
}

.form-check.form-check-inline .form-check-input {
    margin-top: 0;
}

.form-check .form-check-input {
    margin-top: .2rem;
}
/*.radio-controls label,
.checkbox-controls label,
.checkbox label,
.radio label,
.checkbox-inline,
.radio-inline {
    display: flex;
    align-items: center;
    align-content: space-between;
    margin-right:10px;
}
.radio {
    display: inline-flex;
    align-items: center;
    align-content: space-between;
}
input[type=checkbox],
input[type=radio] {
    margin-right: 5px;
}*/


#location-tanks .card-header {
    padding: 5px;
}


#location-tanks .accordion-toggle {
    background-color: gray;
    display: block;
    padding: 10px;
    margin: -10px -15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    #location-tanks .accordion-toggle.collapsed {
        background-color: white;
    }


.inline-chk-custom {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

    .inline-chk-custom input {
        margin-right: 5px;
    }

.modal-dialog {
    height: 100vh;
    display: flex;
    align-items: center;
}

.apexcharts-toolbar {
    z-index: 2 !important;
}

.accordionExitingDrReq .btn {
    width: 100%;
    /*font-weight: bold;*/
    color: #004987;
    padding: 0;
}

#schedulesModal .modal-body {
    padding: 5px 10px !important;
}

#accordionExitingDrReq .btn-link {
    color: #2b2b2b !important;
}

.dt-body-center {
    text-align: center !important;
}

.active-dot {
    height: 10px;
    width: 10px;
    background-color: #ff5858;
    border-radius: 50%;
    display: inline-block;
    animation: 1s blink ease infinite;
}



@keyframes blink {
    from,to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-ms-keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    from, to {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

#prod-seq-sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #prod-seq-sortable li {
        display: inline-flex;
        width: 100%;
        align-items: center;
        justify-items: center;
        place-content: space-between;
        margin: 0 5px 5px 5px;
        padding: 5px;
        font-size: 14px;
        border: 1px solid #eae7e7;
    }

 #prod-seq-sortable li:hover {
    cursor: all-scroll;
 }

 #prod-seq-sortable .ui-state-highlight {
    height: 30px !important;
    line-height: 1.2em;
    padding: 5px;
 }

.sequence-product-div .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sequence-product-div .multiselect.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 0px;
}
.carr-seq-sortable-cursor {
    cursor: all-scroll;
}
/*datatable sort filter aligment*/
table.dataTable thead .sorting:after {
    top: 8px !important;
}
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    top: 8px !important;
}
/*datatable sort filter aligment*/

/*single select dropdown code*/
.single-select .multiselect-item-checkbox input[type=checkbox] + div {
    padding:0.5em 1em !important;
}

.single-select .dropdown-list li:not(.filter-textbox):hover {
    background: aliceblue !important;
}

.single-select .multiselect-item-checkbox input[type=checkbox] + div:before {
    box-sizing: content-box !important;
    color: #337ab7;
    top: 0% !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    border: 0px solid #337ab7 !important;
    text-align: center;
    transition: .4s;
    z-index: -8;
}

.single-select .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    background: #a9d7ff !important;
}

.single-select .multiselect-item-checkbox input[type=checkbox] + div:after {
    display: none;
    /*color: red !important;*/
}

.single-select .dropdown-list li {
    padding: 0 !important;
}
.single-select .dropdown-list li.no-data {
    padding: 8px 10px !important;
}
.single-select .dropdown-list li.no-data h5{
    margin-bottom: 0 !important;
}
.search-fix ng-multiselect-dropdown .filter-textbox {
    padding-top: 0px !important;
}

.single-select .multiselect-dropdown .dropdown-btn {
    padding: 4px 3px !important;
    line-height: 1.52857143 !important;
}
.single-select .selected-item{
    margin-bottom: 0px !important;
}
.multiselect-dropdown .dropdown-btn{
    padding-right:23px !important;
}
/* single select dropdown code end*/
.pagination > li > a:focus {
    outline: none;
}

.buttons-html5, .buttons-print, .buttons-colvis {
    transition: all ease-in-out 50ms
}


.buttons-html5:hover, .buttons-print:hover, .buttons-colvis:hover {
    transform: scale(1.05);
}

.add-note-tarea{
    resize: none;
    overflow-y: auto;
}

.class-disabled {
    background-color: #d8d8d8 !important;
}

.multiselect-dropdown .dropdown-list:focus {
outline:none;
}

/*.multiselect-dropdown:focus {
    outline: none;
}
ng-multiselect-dropdown:focus{
    outline:none;
}*/
.custom-control-label{
    padding-top:3px;
}
/*.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #9cea85;
    background-color: #9cea85;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow:none
}*/

.vertical-tab.nav-tabs .nav-item {
    margin-bottom: 10px;
}

/* css that only worked in IE11 browser */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .driver_view_panel {
        height: calc(100vh - 146px) !important;
        overflow-y: auto !important;
    }
    .dr_accordian_panel {
        height: calc(100vh - 195px);
        overflow-y: auto;
        margin-right: -10px;
        padding-right: 0px;
    }

    #diptest-summary-datatable_wrapper div.dataTables_paginate {
        bottom: 20px !important;
    }

    #diptest-summary-datatable_wrapper .dataTables_info {
        bottom: 30px !important;
    }
 }

/*only for IE browser start*/
_:-ms-fullscreen, :root div.dataTables_wrapper div.dataTables_paginate {
    bottom: 50px;
}

_:-ms-fullscreen, :root .dataTables_info {
    bottom: 60px;
}

/*only for IE browser end*/


/*.dataTable thead {
    position: sticky !important;
    top: 119px;
    z-index: 99;
    background-color: white;
    box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.08);
}*/

.float-btn{
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 5;
 }

.pluse-icon{
    animation: icon_pulse 2s infinite;
    border-radius: 50%;

}


@-webkit-keyframes icon_pulse {
    0% {
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
    }

    70% {
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
    }

    100% {
        transform: scale(0.95);
        -webkit-box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
    }
}

@keyframes icon_pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
    }
}
.newasset{
    width:65%;
}
.vh50 {
    max-height: 50vh;
}
.cal-tooltip-inner {
    background-color: #b5b5b5 !important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232B2B2A' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232B2B2A' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1
    }
    .dropdown-menu.no-green > li.active:hover {
        color:#fff;
        background-color: #007bff;
    }

        .dropdown-menu > li:hover > .submenu {
            display: block;
        }
}

.carousel-cg .carousel-control-prev, .carousel-cg .carousel-control-next {
    width: auto !important;
    opacity: 1 !important;
}
.carousel-cg .carousel-control-next-icon, .carousel-cg .carousel-control-prev-icon {
    width: 30px;
    height: 30px
}
.sec-upload-bdnimg{
    max-height:55vh;
    overflow:auto;
}

.download-box {
    right: 10px;
    bottom: 10px
}
.span-margin-bottom-05-rem {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.cust-tab .nav-link {
    border: none !important;
    border-bottom: 2px transparent;
}
.cust-tab .nav-tabs .nav-item.show .nav-link,
.cust-tab .nav-tabs .nav-link.active {
    border: none !important;
    border-bottom: 2px solid #0c52b1 !important;
    color: #0c52b1;
}
.cust-tab .nav-tabs .nav-link:focus,
.cust-tab .nav-tabs .nav-link:hover {
    background: none;
    color: #0c52b1;
    border-bottom: 2px solid #0c52b1 !important;
}

#filter-data-list .btn{
    margin-left:0;
}
#filter-data-list .required {
    display:none;
}

.ico-hold {
    font-size: 19px;
    margin-left: -1px;
}

.flip-element{
    transform: scaleX(-1) 
}

.filter-circle-badge {
    color: red !important;
    position: relative;
    top: -13px;
    right: -10px;
    background: #fa9393 !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    text-align: center !important;
    color: white !important;
    display: inline-flex ;
    align-items: center !important;
    justify-content: center !important;
    min-width: 17px !important;
    max-width: 25px !important;
    max-height: 20px !important;
    min-height: 17px !important;
}

button.multiselect.dropdown-toggle.btn.btn-default::after {
    float: right;
    margin: 5px;
}

button.multiselect.dropdown-toggle.btn.btn-default{
    padding-right: 5px;
}
.cus-tootip:hover::after {
    position: fixed;
    z-index: 10;
    transform: translateX(-40%);
    display: block;
    background-color: #656565;
    margin-top : 4px;
    padding: 6px 18px;
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 4px;
    animation: anime-fadeIn linear 0.2s;
}
.cus-tootip.fa-repeat:hover::after {
    content: "Retry";
}
.cus-tootip.btn-link:hover::after {
    margin-top  : 0 !important;
    transform: translate(-40% -4px);
    padding: 3px 18px !important;
    content: "Force Approve";
}
.cus-tootip.fa-edit:hover::after {
    content: "Edit";
}
.cus-tootip.fa-trash-alt:hover::after {
    content: "Delete";
}
@keyframes anime-fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.limit-dropdown + div > ul.multiselect-container {
    top: 34px !important;
    transform: translate3d(5px,0px, 0px) !important;
    max-height: 300px !important;
    overflow: auto;
    width: max-content !important;
}

.limit-dropdown + div > ul.multiselect-container .input-group {
    width: auto;
}

.flex-display {
    display: flex;
}
.adjust-info-icon {
    margin-left: 5px;
    align-self: center;
}
/*Side menu Search Option CSS*/
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 10001;
    background: #fff;
    box-shadow: 1px 1px 10px #cdcdcd;
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 10001;
    background: #fff;
}

nav.side-menu {
    z-index: 5000;
}

nav.side-menu::-webkit-scrollbar {
    width: 9px;
}

.searchbox-input {
    border: 0;
    font-size: 14px;
}

.loader-popup {
    position: fixed;
    top: 70px;
    left: 210px;
    z-index: 4000;
}

.loader-popup > span {
    border-radius: 0 5px 5px 0;
    background-color: #5eb659;
    color: #fff;
}

.loader-popup > span > span {
    position: absolute;
    left: 80% !important;
    top: 45% !important;
    border-top-color: #fff !important;
    border-left-color: #fff !important;
}
/*Side menu Search Option CSS END*/


span.applyPop {
    display: none;
    position: absolute;
    left: 28%;
    background-color: #656565;
    color: #fff;
    text-align: center;
    padding: 16px 24px;
    border-radius: 6px;
}

/*Adjustment classes for Static usage Grid Start*/
/*not to be used these anywhere else*/
.band-table tr th, .band-table tr td, .heading-table tr th, .heading-table tr td {
    padding: 0 0 0 10px !important;
    margin: 0 !important;
}
.day-row {
    height: 45px !important;
}
.gallons-row {
    height: 35px !important;
}
.gallon-gap-row {
    height: 40px !important;
}
.heading-table .band-gap-row {
    height: 13px !important;
}
.band-table .band-gap-row {
    height: 10px !important;
}
.band-percent-row {
    height: auto !important;
}
.band-error-row {
    height: 60px !important;
}
.band-table tr td {
    border: 1px solid #7e7e7e !important;
    position:relative;
}
.band-table tr > td > input {
    border: 0 !important;
    width: 80%;
}
tr.noBorder td {
    border: none !important;
}
.band-table tr th, .heading-table tr th {
    color : #616161 !important;
}
.unit-prefix-g, .unit-prefix-p {
    position:absolute !important;
    right:8px !important;
}

/*Adjustment classes for Static usage Grid End*/

.textinct{
    padding-inline-start: 35px;
}

.btn-primary, .btn-primary:active, table .btn-primary:focus {
    border: 1px solid #0090FC !important;
    border-radius: 100px !important;
    background-color: #0090FC !important;
    color: #fff !important;
    padding: 4px 10px !important;
}
.btn-default {
    border: 1px solid #0B4F82 !important;
    border-radius: 100px !important;
    background-color: transparent !important;
    color: #0B4F82 !important;
    padding: 4px 10px !important;
}
    .btn-default.multiselect-clear-filter {
        border: 0 !important;
        border-radius: 0 !important;
        background-color: transparent !important;
        color: #0B4F82 !important;
        margin-top: 4px;
    }
.btn-warning, .btn-secondary, .btn-success, .btn-dark, .btn-light, .btn-info {
    border-radius: 100px !important;
    padding: 4px 10px !important;
}
.btn-danger {
    border-radius: 100px !important;
    padding: 4px 10px;
}
    .btn-floating {
        padding: 4px 9px 4px 10px !important;
        box-shadow: 1px 1px 4px #d5d8d9 !important;
        border-radius: 50% !important;
        /*margin-top: 8px !important;*/
        text-align: center !important;
    }
.btn-floating {
    color: #0B4F82 !important;
}
/*Reverse CSS for the Gloabal button style changes*/
.btn-default.multiselect, table .btn-default {
    border-radius: 5px !important;
}
.html5buttons .dt-buttons a.btn-default {
    border-radius: 0 !important;
    padding: 6px 12px !important;
}
/*.btn-primary[value="Apply"] {
    padding: 7px 12px !important;
}*/
label .btn-primary {
    border-radius: 4px !important;
    padding: 5px 12px !important;
}
.dataTables_filter {
    right: 335px !important;
}
.fc-day-grid-event {
    padding: 5px !important;
    font-size: 1em !important;
}
input.no-inc-dec::-webkit-outer-spin-button,
input.no-inc-dec::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/*Filters style Revision Classes*/
.custom-filter-box .radio-switch-wrap {
    margin-bottom: 8px;
    display: inline-block;
    padding: 2px;
    border-radius: 100px;
    box-shadow: 0 0 2px #dbdbdb;
    border: 1px solid #d5d8d9;
}
.custom-filter-box .multiselect-container > li > a > label:hover {
    background-color: #adccff;
    color:#fff;
}
.custom-filter-box .multiselect-container li.active a label.checkbox {
    color: #0090FC;
}
.custom-filter-box .multiselect-container li.active a label.checkbox input{
    background-color:#0090fc;
}
.custom-filter-box .cus-radio-switch {
    display: none;
}
/*.custom-filter-box .selected-item {
    border-radius: 100px !important;
}*/
.custom-filter-box .form-group > label, .custom-filter-box .form-group div > label {
    color: #0B4F82;
    font-weight: 600 !important;
    font-size:13px;
}
.custom-filter-box .cus-radio-switch + label {
    padding: 4px 10px;
    margin-bottom: 0 !important;
    color: #373737;
    font-weight: normal !important;
}
.custom-filter-box .cus-radio-switch:checked + label {
    border: 1px solid #0090FC !important;
    border-radius: 100px !important;
    background-color: #0090FC !important;
    color: #fff !important;
    padding: 4px 10px !important;
    font-weight: normal !important;
}
.filter-label-color {
    color: #105789 !important;
}
.fa.fa-filter::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.76 14' style='height: 14px;fill: %230090fc;'%3E%3Cpath d='M13.86.62a7.19,7.19,0,0,1-5,7v4.21a.54.54,0,0,1-.27.48L5.68,14a.41.41,0,0,1-.6-.38v-6A7.19,7.19,0,0,1,.1.62C.1.46.1.31.11.15V0H13.83a.76.76,0,0,1,0,.15C13.85.31,13.86.46,13.86.62Z' transform='translate(-0.1)'%3E%3C/path%3E%3C/svg%3E");
    display: block;
    width: 14px;
    height: 14px;
    transform: translate(5px, 2px);
    background-repeat: no-repeat;
}
.fa.fa-filter-dark::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.76 14' style='height: 14px;fill: %23105789;'%3E%3Cpath d='M13.86.62a7.19,7.19,0,0,1-5,7v4.21a.54.54,0,0,1-.27.48L5.68,14a.41.41,0,0,1-.6-.38v-6A7.19,7.19,0,0,1,.1.62C.1.46.1.31.11.15V0H13.83a.76.76,0,0,1,0,.15C13.85.31,13.86.46,13.86.62Z' transform='translate(-0.1)'%3E%3C/path%3E%3C/svg%3E");
    display: block;
    width: 14px;
    height: 14px;
    transform: translate(5px, 2px);
    background-repeat: no-repeat;
}

table .fa-filter::before {
    content: '\f0b0' !important;
    background-image: none !important;
    transform: translate(0px, 0px) !important;
    width: auto !important;
    height: auto !important;
}
.custom-filter-box .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {
    position: relative !important;
    right: 0 !important;
    top: 65% !important;
    color: #999 !important;
    margin-top: 4px !important;
    border-style: solid !important;
    border-width: 4px 5px 0 !important;
    border-color: #bec3c7 transparent !important;
    content: "" !important;
}
.custom-filter-box input[type="text"].datepicker {
    background: #fff url("data:image/svg+xml,%3Csvg width='15px' id='a4abd886-c2ed-4c24-b203-b1f53141341a' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Cpath d='M10.87,1.85V.44A.43.43,0,0,0,10.46,0h0a.43.43,0,0,0-.41.44V1.85a.43.43,0,0,1-.41.44H4.36A.43.43,0,0,1,4,1.85V.44A.43.43,0,0,0,3.54,0h0a.43.43,0,0,0-.41.44V1.85a.42.42,0,0,1-.41.44H2A2,2,0,0,0,0,4.41v8.66A1.88,1.88,0,0,0,1.81,15H12a2.1,2.1,0,0,0,2-2.17V4.36a2,2,0,0,0-1.93-2.07h-.79A.42.42,0,0,1,10.87,1.85Zm.94,12.27h-10A1.06,1.06,0,0,1,.82,13V7.85a.43.43,0,0,1,.42-.44H12.76a.43.43,0,0,1,.42.44v4.8A1.43,1.43,0,0,1,11.81,14.12Zm.95-7.59H1.24a.43.43,0,0,1-.42-.44V4.48A1.26,1.26,0,0,1,2,3.18h.68a.42.42,0,0,1,.41.44V4.85a.42.42,0,0,0,.41.44h0A.42.42,0,0,0,4,4.85V3.62a.43.43,0,0,1,.41-.44H9.64a.43.43,0,0,1,.41.44V5.21a.43.43,0,0,0,.41.44h0a.43.43,0,0,0,.41-.44V3.62a.42.42,0,0,1,.41-.44h.83a1.11,1.11,0,0,1,1.07,1.14V6.09A.43.43,0,0,1,12.76,6.53Z' style='fill:%23bec3c7'/%3E%3C/svg%3E") 95% 8px no-repeat !important;
}
.blue-eye::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg id='faa3b897-970f-424a-a080-c142a5ba031f' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 612 380.29' style=' width: 20px;%0A'%3E%3Cpath d='M609.61,199.57a19.76,19.76,0,0,0,0-18.85C551.14,73.08,437.11,0,306,0S60.86,73.08,2.39,180.72a19.76,19.76,0,0,0,0,18.85C60.86,307.22,174.89,380.29,306,380.29S551.14,307.22,609.61,199.57ZM306,336A145.86,145.86,0,1,1,451.86,190.15,145.85,145.85,0,0,1,306,336Z' transform='translate(0 0)' style='fill:%230090fc'%3E%3C/path%3E%3Cpath d='M306,87.65a102.81,102.81,0,0,0-24.54,3,53.17,53.17,0,0,1-75,75,102.51,102.51,0,1,0,99.54-78Z' transform='translate(0 0)' style='fill:%230090fc'%3E%3C/path%3E%3C/svg%3E");
    display: block;
    width: 19px;
    height: 12px;
    background-repeat: no-repeat;
}

.green-eye::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg id='faa3b897-970f-424a-a080-c142a5ba031f' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 612 380.29' style=' width: 20px;%0A'%3E%3Cpath d='M609.61,199.57a19.76,19.76,0,0,0,0-18.85C551.14,73.08,437.11,0,306,0S60.86,73.08,2.39,180.72a19.76,19.76,0,0,0,0,18.85C60.86,307.22,174.89,380.29,306,380.29S551.14,307.22,609.61,199.57ZM306,336A145.86,145.86,0,1,1,451.86,190.15,145.85,145.85,0,0,1,306,336Z' transform='translate(0 0)' style='fill:%2328a745'%3E%3C/path%3E%3Cpath d='M306,87.65a102.81,102.81,0,0,0-24.54,3,53.17,53.17,0,0,1-75,75,102.51,102.51,0,1,0,99.54-78Z' transform='translate(0 0)' style='fill:%2328a745'%3E%3C/path%3E%3C/svg%3E");
    display: block;
    width: 19px;
    height: 12px;
    background-repeat: no-repeat;
}
.select-only-text {
    border: 0 !important;
    background-color: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
    color: #212529 !important;
    padding: 0px !important;
}
.select.abcd::-ms-expand {
    display: none !important;
}

.select-match-style {
    appearance: none;
    border: 1px solid #adadad !important;
}
.dropdown-toggle-cus {
    display: block !important;
    line-height: 1px !important;
    pointer-events: none;
}
.dropdown-toggle-cus::after {
    position: relative;
    left: 85%;
    top: -4px;
    color: #999;
    margin-top: 4px;
    border-style: solid;
    border-width: 4px 5px 0 !important;
    border-color: #bec3c7 transparent !important;
    content: "";
}
.custom-labels label{
    font-size:13px !important;
    color: #105789 !important;
}
.custom-labels input[type="checkbox"] {
    opacity:0.6;
}
.custom-labels input[type="checkbox"]:checked {
    opacity:1 !important;
}
.icn-create-dr::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 321.4 264.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230b4f82;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M26.5,300.4c-.1,8.2-.1,16.4-.2,24.6H64a33.9,33.9,0,0,1,.2-11.4,32.58,32.58,0,0,1,5.9-13.3C55.5,300.4,41,300.4,26.5,300.4Z' transform='translate(-26.3 -85.25)'/%3E%3Cpath class='cls-1' d='M126.7,300.9a31.61,31.61,0,0,1,6.3,24.2H237.6c-.1-8.1-.1-16.2-.2-24.3Q182.2,300.95,126.7,300.9Z' transform='translate(-26.3 -85.25)'/%3E%3Cpath class='cls-1' d='M338.4,258.6a195.4,195.4,0,0,1-48.5-6A182.43,182.43,0,0,1,257.3,241c-.2-13-.3-26-.5-39q31.65,0,63.2-.2a9.36,9.36,0,0,1,4.4,2.1,10.5,10.5,0,0,1,3,4.4Q332.8,233.35,338.4,258.6Z' transform='translate(-26.3 -85.25)'/%3E%3Cpath class='cls-1' d='M347.7,321q-.15-31.65-.2-63.2c-4.1-18.9-8.2-37.7-12.4-56.6a16.12,16.12,0,0,0-4.2-5.2,19.43,19.43,0,0,0-8.3-4.1c-24.6,0-49.2.1-73.8.1q-.15,66.3-.2,132.8c3,0,5.9,0,8.9-.1-1.9-20.9,14.4-38.8,33.8-39.2,19.9-.5,37.4,17.6,35.5,39C333.9,323.4,340.8,322.2,347.7,321Zm-25-58.2a187.82,187.82,0,0,1-39.3-7.2,190.15,190.15,0,0,1-30.2-11.9c0-15.1.1-30.2.2-45.4,22.6,0,45.1-.1,67.7-.1a13.79,13.79,0,0,1,5.8,2.5,13.21,13.21,0,0,1,4.1,5.2c3.9,17.7,7.9,35.4,11.8,53.2a2.12,2.12,0,0,1,.3,2.5,2.51,2.51,0,0,1-1.8,1.1C335,262.7,328.9,262.8,322.7,262.8Z' transform='translate(-26.3 -85.25)'/%3E%3Cpath class='cls-1' d='M338.4,258.6a195.4,195.4,0,0,1-48.5-6A182.43,182.43,0,0,1,257.3,241c-.2-13-.3-26-.5-39q31.65,0,63.2-.2a9.36,9.36,0,0,1,4.4,2.1,10.5,10.5,0,0,1,3,4.4Q332.8,233.35,338.4,258.6Z' transform='translate(-26.3 -85.25)'/%3E%3Cpath class='cls-1' d='M306.4,320.9a14.13,14.13,0,0,1-13.6,14.7c-7.7.2-14-6.2-14.2-14.1a13.91,13.91,0,1,1,27.8-.6Z' transform='translate(-26.3 -85.25)'/%3E%3Cpath class='cls-1' d='M292.5,292.9a28.2,28.2,0,1,0,27.9,28.2A28,28,0,0,0,292.5,292.9Zm-.5,46.8a18.4,18.4,0,1,1,18.4-18.4A18.35,18.35,0,0,1,292,339.7Z' transform='translate(-26.3 -85.25)'/%3E%3Cpath class='cls-1' d='M112.6,324.1a14.2,14.2,0,1,1-14.2-14.2A14.19,14.19,0,0,1,112.6,324.1Z' transform='translate(-26.3 -85.25)'/%3E%3Cpath class='cls-1' d='M99.4,297.5a26.25,26.25,0,1,0,26.2,26.3A26.23,26.23,0,0,0,99.4,297.5Zm-1,45.3A18.8,18.8,0,1,1,116.9,324,18.65,18.65,0,0,1,98.4,342.8Z' transform='translate(-26.3 -85.25)'/%3E%3Cpath class='cls-1' d='M216.32,117.39a39.52,39.52,0,0,0-35.14-32.14l-134.89.21a9.81,9.81,0,0,0-6.22,6.11V259a39.27,39.27,0,0,0,36.22,32.67l134-.1a7.38,7.38,0,0,0,4.05-1.77,7.24,7.24,0,0,0,2.27-3.91Q216.49,201.66,216.32,117.39ZM171,240.29H86.36a7.72,7.72,0,0,1,0-15.11H171a8,8,0,0,1,0,15.11Zm5.46-51.11a7.64,7.64,0,0,1-6.32,6.75H86.36a7.48,7.48,0,0,1,0-14.79h83.78A7.69,7.69,0,0,1,176.46,189.18Zm-6.32-37.61H86.36a7.49,7.49,0,0,1,0-14.78h83.78a7.46,7.46,0,0,1,0,14.78Z' transform='translate(-26.3 -85.25)'/%3E%3C/svg%3E");
    display: block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin-top: 7px;
    margin-left: 4px;
}
.margin-lft-zero + span .multiselect.btn {
    margin-left: 0px !important;
}
.reasoncodes {
    display:none !important;
}
.reasoncodes + div ul {
    max-height:0px;
    width: 100%;
}
.reasoncodes + div ul li{
    width: 100%;
    word-break:break-all;
}
.wbbr {
    word-break: break-all !important;
    width: 25%;
}
.wbbw {
    word-break: break-word !important;
    width: 25%;
}
.nav .nav-pills .rounded-pill > li.nav-item > a:hover {
    background-color: #fff;
}

/*.dataTables_wrapper #fuel-surcharge-grid-datatable_info {
    margin-bottom: 35px !important;
    margin-top: 10px !important;
}*/
.tablet-switch {
    border-radius: 100px;
    padding: 2px;
    border:1px solid #d5d8d9;
    display:inline-block;
}
.tablet-switch li {
    border-radius : 100px;
    display:inline-block;
}
.tablet-switch li a {
    padding: 4px 8px !important;
}
.tablet-switch li a.active, .tablet-switch li a.active:hover {
    background: #0090fc !important;
    color: #fff !important;
    padding: 4px 8px;
    border-bottom: none !important;
}
.tablet-switch li a:hover {
    background:#fff !important;
    color:initial !important;
}
.well.click-card {
    cursor : pointer;
}
.well.click-card:hover {
    box-shadow: 0 3px 15px 0 #8e91d1 !important;
}

.event-tooltip .tooltip-inner {
    max-width: 17vw !important;
    text-align: center;
    white-space:pre-wrap;
}
.add-event-modal-lbl {
    color: #0B4F82;
    font-weight: 600 !important;
    font-size: 13px;
}
.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*Confirmation Popup for C# pages CSS start*/
.myconfirm-pop {
    position: absolute;
    top: -106px;
    left: -74px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    width: 134px;
    height: 85px;
    font-size: 14px;
    color: #2b2b2b;
    background: #fff;
    z-index: 99
}

    .myconfirm-pop div:first-child .btn-default {
        border-radius: 50px !important
    }
    .myconfirm-pop div:first-child {
        background: #f7f7f7;
        border-radius: 4px 4px 0 0;
        padding : 4px 0;

    }

.down-arrow1 {
    position: absolute;
    bottom: -8px;
    left: 57px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #d5d8d9;
}
.down-arrow2 {
    position: absolute;
    bottom: -7px;
    left: 57px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}

    .mypopup-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 110vw;
    height: 110vh;
    z-index: 98;
}
.w100 {
    min-width : 110px !important;
}
/*Confirmation Popup for C# pages CSS end*/
/*New TFX SCSS Start*/
.tfx-ConfirmationPopover .popover-title {
    color: #105789 !important;
    background-color: #e0f2ff !important;
}
.tfx-ConfirmationPopover .confirm-btn-container .btn-block {
    border-radius: 50px !important;
    padding: 4px 8px !important;
}
.tfx-ConfirmationPopover-noDesc .popover-title {
    color: #105789 !important;
    background-color: #e0f2ff !important;
}

.tfx-ConfirmationPopover-noDesc .popover-content > p {
    display: none !important;
}

.tfx-ConfirmationPopover-noDesc .confirm-btn-container .btn-block {
    border-radius: 50px !important;
    padding: 4px 8px !important;
}
/*Toggle switch Small*/
input.tfx-toggle-switch-sm {
    position: relative;
    width: 34px;
    height: 18px;
    -webkit-appearance: none;
    background: #c6c6c6;
    border: 0;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
}

input:checked.tfx-toggle-switch-sm {
    background: #0090fc;
}

input.tfx-toggle-switch-sm::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 18px;
    top: 2px;
    left: 2px;
    background: #fff;
    transition: 0.2s;
}

input.tfx-toggle-switch-sm:checked::before {
    left: 17px !important;
}
input.tfx-toggle-switch-lg {
    position: relative;
    width: 45px;
    height: 24px;
    -webkit-appearance: none;
    background: #c6c6c6;
    border: 0;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
}

input:checked.tfx-toggle-switch-lg {
    background: #0090fc;
}

input.tfx-toggle-switch-lg::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 19px;
    border-radius: 18px;
    top: 2px;
    left: 2px;
    background: #fff;
    transition: 0.2s;
}

input.tfx-toggle-switch-lg:checked::before {
    left: 22px !important;
}
/*Ng-Sidebar Back drop css*/
.sidepanel-backdrop {
    position: fixed;
    width: 100% !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(90, 90, 90, 0.5) !important;
    z-index: 1040;
}
.sidepanel-backdrop-imp {
    position: fixed !important;
    width: 100% !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(90, 90, 90, 0.5) !important;
    z-index: 1040;
}
.tfx-ng-select .ng-select-container {
    border: 2px solid #d5d8d9 !important;
}
.tfx-ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    flex-wrap: wrap;
    min-width: 0;
}

.tfx-ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    white-space: nowrap;
    min-width: 0;
    display: flex;
    max-width: 95%;
}

.tfx-ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
.tfx-ng-multiselect .dropdown-btn {
    border: 2px solid #d5d8d9 !important;
}
.tfx-ng-multiselect .dropdown-btn .dropdown-multiselect__caret {
    transform: scale(0.64) !important;
}
.tfx-ng-multiselect .dropdown-btn span {
    color :#999999 !important;
}
.tfx-ng-multiselect .item2 {
    position : relative;
}
.tfx-input {
    border: 2px solid #d5d8d9 !important;
}
.tfx-input::placeholder {
    color: #999 !important;
}
    .tfx-select {
        border: 2px solid #d5d8d9 !important;
        appearance: none;
        background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 152.34 76.01'%3E%3Cpolygon points='0 0 152.34 0 76.41 76.01 0 0' style='fill:%23999'/%3E%3C/svg%3E") no-repeat 98% 50% !important;
        background-size: 10px !important;
        background-color: #fff !important;
    }
    .tfx-textbox {
        border: 2px solid #d5d8d9 !important;
        border-radius: 4px;
    }
.tfx-label {
    display : block !important;
    color: #105789 !important;
    font-size: 14px;
    font-weight: 600 !important;
}
.tfx-validation-req {
    font-size : 12px !important;
    color : #f00 !important;
    font-weight:600 !important
}
.tfx-input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.tfx-input-group input {
    border-radius: 4px 0 0 4px !important;
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    border: 2px solid #d5d8d9 !important;
    border-right: none !important;
    height: 100% !important;
}

    .tfx-input-group input + div, .tfx-input-group input + select, .tfx-input-group > .addonn-icon{
        background-color: #bfe3fe !important;
        border: 2px solid #d5d8d9 !important;
        border-radius: 0 4px 4px 0;
        border-left: none !important;
        color: inherit;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        line-height: 18px;
        padding: 6px;
        text-align: center;
    }

    .tfx-input-group div.bootstrap-datetimepicker-widget {
       background-color: #fff !important;
    }

    .tfx-input-group div.timePickerdiv {
        background-color: #bfe3fe !important;
    }
.tfx-select-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
    .tfx-select-group select {
        border-radius: 4px 0 0 4px !important;
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
        border: 2px solid #d5d8d9 !important;
        border-right: none !important;
        padding: 0 !important;
    }
    .tfx-select-group select + div {
        background-color: #bfe3fe !important;
        border: 2px solid #d5d8d9 !important;
        border-radius: 0 4px 4px 0;
        border-left: none !important;
        color: inherit;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        padding: 6px;
        text-align: center;
        height: 100%;
    }
.tfx-input-group-light {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    height: 44px;
}

    .tfx-input-group-light input {
        border-radius: 4px 0 0 4px !important;
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
        border: 1px solid #d5d8d9 !important;
        border-right: none !important;
        height: 100% !important;
    }

        .tfx-input-group-light input + div, .tfx-input-group-light input + select {
            background-color: #bfe3fe !important;
            border: 1px solid #d5d8d9 !important;
            border-radius: 0 4px 4px 0;
            border-left: none !important;
            color: inherit;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            line-height: 18px;
            padding: 6px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            width : 44px;
            color : #105789 !important;
            cursor : pointer;
        }

    .tfx-input-group-light div.bootstrap-datetimepicker-widget {
        background-color: #fff !important;
    }

    .tfx-input-group-light div.timePickerdiv {
        background-color: #bfe3fe !important;
    }

.well-blue {
    background: #e5f4ff;
}
.tfx-toggle-switch-wrap {
    margin-bottom: 8px;
    display: inline-block;
    padding: 2px;
    border-radius: 100px;
    box-shadow: 0 0 2px #dbdbdb;
    border: 1px solid #d5d8d9;
}

.tfx-toggle-switch-wrap .tfx-radio-option {
    display: none;
}

.tfx-toggle-switch-wrap .tfx-radio-option + label {
    padding: 4px 10px;
    margin-bottom: 0 !important;
    color: #373737;
    font-weight: normal !important;
}

.tfx-toggle-switch-wrap .tfx-radio-option:checked + label {
    border: 1px solid #0090FC !important;
    border-radius: 100px !important;
    background-color: #0090FC !important;
    color: #fff !important;
    padding: 4px 10px !important;
    font-weight: normal !important;
}
.tfx-search-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #efefef;
}

.tfx-search-box span {
    font-size: 16px;
    color: #4b6678;
    padding-left: 8px;
}

.tfx-search-box input {
    background: transparent;
}
.tfx-search-box input:focus {
    background: transparent;
}
 
/*New TFX SCSS End*/
.SAD-right, .SAD-left, .SAD-bottom, .SAD-top {
    position: fixed;
    z-index: 11;
    opacity: 0.1 !important;
}
.SAD-right {
    width: 50px;
    top: 112px;
    right: 0;
    height: calc(100vh - 168px);
    background: #0090fc;
    border-radius  : 20px 0 0  20px;
}
.SAD-left {
    width: 50px;
    top: 112px;
    left: 0;
    height: calc(100vh - 168px);
    background: #0090fc;
    border-radius:  0 20px 20px 0;
}
.SAD-top {
    width: calc(100vw - 112px);
    top: 52px;
    left: 50px;
    height: 50px;
    background: #0090FC;
    border-radius: 0 0 20px 20px;
}
.SAD-bottom {
    width: calc(100vw - 112px);
    bottom: 0;
    left: 50px;
    height: 50px;
    background: #0090FC;
    border-radius: 20px 20px 0 0;
}
.hide-selects select.form-control {
    height: 34px;
    opacity: 0.4;
}

.hide-selects select.fa-spinner::before {
    width: calc(100% - 58px);
    display: inline-block;
    content: "\f110";
    position: absolute;
    background: #fff;
    text-align: center;
    height: 34px;
}
.multi-drop {
    position: relative;
}

.multi-drop .multi-drop-dropdown {
    display: none;
    position: absolute;
    left: 100%;
    top: 0px;
    width: 160px !important;
    min-width: auto;
}

.multi-drop:hover > .multi-drop-dropdown {
    display: block;
}
.refresh-colvis {
    padding-top: 30px;
}
.refresh-colvis li:first-child, .refresh-colvis li:first-child:hover{
    position: sticky;
    top: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
    text-align: center;
    background-color: #fff !important;
    padding-right: 0 !important;
}
.filtered-list {
    display: none;
    position: absolute;
    top: 34px !important;
    background: #fff;
    color: #616161;
    list-style: none;
    z-index: 1;
    border-radius: 0 0 4px 4px;
    width: 100%;
    max-height: 220px;
    border-top: 1px solid #d5d8d9;
    overflow-y: auto;
}

.clear-btn {
    top: 11px;
    right: 42px;
    z-index: 2;
    cursor: pointer;
}

.filtered-list li {
    padding: 4px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    width: 100%;
}

.filtered-list li[data-selected="true"] {
    background: #4ba3e5 !important;
    color: #fff !important;
}

.filtered-list li:not(.not-an-option) {
    padding: 4px 8px;
    cursor: pointer;
}

.filtered-list li:last-child {
    border-radius: 0 0 4px 4px;
}

.filtered-list li:not(.not-an-option):hover {
    background: #e5f4ff
}

.custom-select-box.active .filtered-list {
    display: block !important;
}

.custom-select-box.active .filterCompanyNames {
    border-radius: 4px 0 0 0 !important;
}

.custom-select-box.active #search-btn {
    border-radius: 0 4px 0 0 !important;
}
.limit-3-label {
    display: -webkit-box !important;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.load-code-container {
    display: inline-block;
    width : 100% !important;
    max-height  : 94px !important;
    overflow-y : auto;
}
    .tfx-input-group.input-box-mod {
        margin: 4px !important;
    }
.tfx-input-group.input-box-mod input {
    border: 0 !important;
    background: #c9e8ff !important;
    pointer-events: none;
    max-width: 200px;
    text-overflow: ellipsis;
    font-weight: 600;
}
.tfx-input-group.input-box-mod input + div {
    border: 0 !important;
    background: #c9e8ff !important;
    cursor: pointer;
    border-left: 2px solid #8ec9f5 !important;
}
.tfx-input-group.input-box-mod input + div i {
    color: #a74848 !important;
}
div[data-showPass="false"] .fa-eye, div[data-showPass="true"] .fa-eye-slash {
    display: inline-block;
}
div[data-showPass="true"] .fa-eye, div[data-showPass="false"] .fa-eye-slash {
    display: none;
}
.bulk-upload-backdrop {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 4 !important;
}
.company-dropdown .dropdown-item:active {
    color : #000 !important;
}
.multiselect-dropdown .dropdown-btn .selected-item {
    max-width : none !important;
}
.divCarrierAssign  .select2-container .selection .select2-selection {
    border: 2px solid #d5d8d9 !important;
}

    .divCarrierAssign  .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
        display: flex;
        flex-direction: row-reverse;
        font-size: .9em;
        margin-bottom: 5px;
        color: #333;
        background-color: #EBF5FD;
        border-radius: 2px;
        border: 0;
    }

        .divCarrierAssign  .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
            color: #999;
            cursor: pointer;
            display: inline-block;
            font-weight: bold;
            margin-left: 6px;
            border-left: 1px solid #b8dbff;
            padding-left: 4px;
            font-size: 13px;
        }
.sorting_disabled .fa-filter {
    display: none !important;
}
.ng-sidebar , aside {
    z-index : 110 !important;
}
.table-blue {
    border-radius: 12px;
    position: relative;
}

    .table-blue .border-wrapper {
        border: 1px solid #d5d8d9;
        border-radius: 12px;
        margin-top: 10px;
        padding-bottom: 40px;
        position: relative;
    }

        .table-blue .border-wrapper.scrollable-wrapper {
            overflow-x: hidden;
        }

        .table-blue .border-wrapper table.fixedHeader-floating {
            display: none !important;
        }

        .table-blue .border-wrapper .dataTables_wrapper {
            max-width: 100%;
            overflow: auto;
        }

        .table-blue .border-wrapper .html5buttons {
            top: 8px !important;
        }

            .table-blue .border-wrapper .html5buttons a span {
                color: #105789 !important;
            }

            .table-blue .border-wrapper .html5buttons .buttons-colvis span {
                color: #fff !important;
            }

        .table-blue .border-wrapper .dataTables_length {
            top: 8px !important;
            left: 16px !important;
        }

            .table-blue .border-wrapper .dataTables_length label {
                color: #105789 !important;
            }

        .table-blue .border-wrapper .dataTables_filter {
            top: 8px !important;
        }

            .table-blue .border-wrapper .dataTables_filter label {
                color: #105789 !important;
            }

        .table-blue .border-wrapper .dataTables_info {
            margin: 0;
            white-space: nowrap;
            text-align: right;
            position: absolute;
            bottom: 12px !important;
            left: 17px !important;
            color: #105789 !important;
        }

        .table-blue .border-wrapper .dataTables_paginate {
            margin: 0;
            white-space: nowrap;
            text-align: right;
            bottom: 1px !important;
        }

            .table-blue .border-wrapper .dataTables_paginate ul li a {
                color: #105789 !important;
            }

    .table-blue .table-striped-blue tbody tr:nth-of-type(even) {
        background-color: #f6fafd;
    }

    .table-blue table, .table-blue table.fixedHeader-floating {
        border: none !important;
        margin-bottom: 0 !important;
        color: #105789 !important;
        display: inline-table;
    }

        .table-blue table thead, .table-blue table.fixedHeader-floating thead {
            background-color: #f6fafd !important;
            border-bottom: 1px solid #d5d8d9;
        }

            .table-blue table thead tr th, .table-blue table.fixedHeader-floating thead tr th {
                font-weight: 600 !important;
                font-size: 14px !important;
            }

            .table-blue table thead th, .table-blue table.fixedHeader-floating thead th {
                padding-right: 30px !important;
            }

        .table-blue table tbody tr:hover, .table-blue table.fixedHeader-floating tbody tr:hover {
            background-color: #edf7ff !important;
        }

        .table-blue table th, .table-blue table.fixedHeader-floating th, .table-blue table td, .table-blue table.fixedHeader-floating td {
            border: 0 !important;
            text-align: left;
            padding-left: 10px;
            padding-right: 10px;
            border-right: 1px solid #d1f4ff !important;
        }

        .table-blue table th, .table-blue table.fixedHeader-floating th {
            border-top: 1px solid #d1f4ff !important;
            border-bottom: 1px solid #d1f4ff !important;
        }

        .table-blue table .dataTables_empty, .table-blue table.fixedHeader-floating .dataTables_empty {
            border-top: 0 !important;
            border-bottom: 1px solid #d1f4ff !important;
        }

        .table-blue table tbody > tr:last-child > td, .table-blue table.fixedHeader-floating tbody > tr:last-child > td {
            border-bottom: 1px solid #d1f4ff !important;
        }

        .table-blue table tr th:last-child, .table-blue table.fixedHeader-floating tr th:last-child, .table-blue table tr td:last-child, .table-blue table.fixedHeader-floating tr td:last-child {
            border-right: 0 !important;
        }

    .table-blue .table-striped-blue.fixedHeader-floating thead {
        background-color: #f6fafd !important;
        border-bottom: 1px solid #d5d8d9 !important;
    }
.table-striped-blue tbody tr:nth-of-type(odd).bg-retain, .table-striped-blue tbody tr:nth-of-type(even).bg-retain {
    background: #f9e4be !important;
}

@media only screen and (max-width : 1000px) {
    .border-wrapper table {
        margin-top : 52px !important;
    }
    .border-wrapper .dataTables_length label {
        width: 69px !important;
        overflow: hidden !important;
        text-align: center !important;
    }

        .border-wrapper .dataTables_length label select {
            margin-right: 0 !important;
            margin-left: 8px !important;
        }
    .border-wrapper .html5buttons {
        right: 8px !important;
        margin-top: 0 !important;
    }
    .border-wrapper .dataTables_filter {
        left: 100px !important;
        right: auto !important;
    }
    .border-wrapper .dataTables_info {
        top: auto !important;
    }
}


.tfx-input-group-ngselect {
    display: flex;
}
.tfx-input-group-ngselect .ng-select-container {
    border-top: 2px solid #bec3c7 !important;
    border-bottom: 2px solid #bec3c7 !important;
    border-left: 2px solid #bec3c7 !important;
    border-radius: 5px 0 0 5px !important;
    border-right: none !important;
}

    .tfx-input-group-ngselect .ng-select {
        display: inline-block !important;
        min-width: 235px !important;
        max-width: 236px !important;
    }

    .tfx-input-group-ngselect > div {
        padding: 0px 18px !important;
        border: 2px solid #bec3c7;
        background-color: #bfe3fe !important;
        display: inline-block;
        border-radius: 0 5px 5px 0 !important;
        border-left: none !important;
        height: fit-content;
        line-height: 2rem;
    }
.warning-block {
    background: #ffe9e9;
    padding: 8px;
    border-radius: 8px;
}

.warning-block p {
font-weight: 600;
}

.warning-block p:first-child {
    color: maroon;
}

.warning-block .btn-markAsAvailable {
background: #fff !important;
}
.disable-AFS{
    pointer-events : none !important;
    opacity: 0.6 !important;
}

.comp-menu {
    display : none !important;
}
.res-list {
    margin-top : 2px;
}
@media only screen and (max-width : 1000px) {
    .res-list {
        margin-top: 10px !important;
    }
    .comp-menu {
        display: inline-block !important;
    }
    .res-list {
        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        justify-content: center;
        background: #fff;
        position: relative;
        z-index: 99;
        border-radius: 10px;
        border: 1px solid #105789;
        padding-block: 8px;
        padding: 3px 2px 5px 1px;
    }
        .res-list.collapsed {
            border-radius: 100px !important;
        }
        .res-list.collapsed li:not(.comp-menu) {
            display : none !important;
        }
        .res-list:not(.collapsed) li.comp-menu {
            padding-bottom: 8px !important;
        }
        .res-list:not(.collapsed) li {
            display: inline-block;
        }
}

.select2-container--open {
    z-index: 9999 !important;
}

.terminals-dropdown .ng-option {
    padding:0 !important;
}
.bulkPlant-dropdown .ng-option {
    padding: 0 !important;
}

.availability-group {
    box-shadow: 2px 3px 8px #d5d8d9;
    background: #fff;
    border: 2px solid #d5d8d9;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
    position: relative;
}

.job-details-form ng-select.ng-select-multiple .ng-dropdown-panel-items > div:nth-child(2), .Edit-Dispatch-Region .tfx-ng-multiselect .multiselect-dropdown .dropdown-list .item2 {
    display: flex !important;
    flex-direction: column;
}

.job-details-form ng-select.ng-select-multiple .ng-dropdown-panel-items div:nth-child(2) div.ng-option {
    transition: 0.2s;
}

    .job-details-form ng-select.ng-select-multiple .ng-dropdown-panel-items div:nth-child(2) div.ng-option.ng-option-selected, .Edit-Dispatch-Region .tfx-ng-multiselect .multiselect-dropdown .dropdown-list .item2 li:has(div.selected) {
        order: -1 !important;
    }

.ng-dropdown-panel.ng-select-top {
    transform: translateY(-38px);
}
.icn-titan-edge::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 157' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 52.5L91 0L121 17L30.5 68.5V104.5L60.5 87V157L30.5 139.5V104.5L0 87V52.5Z' fill='%23FFFFFF'/%3E%3C/svg%3E");

}
}
#slider-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff47;
    flex-direction: column;
    height: -webkit-fill-available;
}
.loader-dip-result {
    width: 60px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side,#000 90%,#0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: l1 1s steps(4) infinite;
}

@keyframes l1 {
    to {
        clip-path: inset(0 -34% 0 0)
    }
}
.dot-animate-1 {
    animation: dotAnimate1 0.5s infinite;
}

.dot-animate-2 {
    animation: dotAnimate2 0.5s infinite;
}

@keyframes dotAnimate1 {
    0% {
        visibility: hidden;
    }

    33% {
        visibility: hidden;
    }

    66% {
        visibility: visible;
    }

    100% {
        visibility: visible;
    }
}

@keyframes dotAnimate2 {
    0% {
        visibility: hidden;
    }

    33% {
        visibility: hidden;
    }

    66% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}