@font-face {
    font-family: 'courier_newregular';
    src: url('cour-webfont.woff2') format('woff2'), url('cour-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../../fonts/myraid-pro/MyriadPro-Regular.woff2') format('woff2'), url('../../fonts/myraid-pro/MyriadPro-Regular.woff') format('woff');
}

body {
}

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

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

.margin-right-20 {
    margin-right: 20px;
}

.padding-rt-15 {
    padding-right: 15px;
}

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

.inputWithIcon .textbox {
    outline: none !important;
    width: 100% !important;
    float: left;
    height: 30px;
    border-radius: 0 !important;
    padding-right: 70px;
}

.textbox-disabled {
    /* background-color: #d3d3d3 !important;*/
    pointer-events: none;
    cursor: default;
    /* opacity: 0.6;*/
}

.btn-disabled {
    /* background-color: #d3d3d3 !important;*/
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.inputWithIcon a {
    width: 30px;
    float: right;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    z-index: 14;
}

a.lockDiv {
    background: #337ab7;
    color: #fff;
    right: 30px;
}

a.DeleteDiv {
    background: #e64848;
    color: #fff;
}

.lockOverlay {
    position: absolute;
    width: 100%;
    height: calc(100% - 30px);
    background: #00000014;
    display: none;
    top: 30px;
}

.lockOverlayActive {
    position: absolute;
    width: 100%;
    height: calc(100% - 30px);
    background: #00000014;
    /*  display: none;*/
    top: 30px;
}

.table-scrollable {
    margin: 0 0 10px 0 !important;
    position: relative;
}

.comparson-newBlock .table-scrollable {
    min-height: 54px;
}

.padding-10 {
    padding: 10px;
}

.pnlCharges td, .pnlShipmentDetails td {
    border: none;
    padding: 0px;
}

.pnlCharges tr, .pnlShipmentDetails tr {
    padding: 1px 0px;
    display: block;
}

.pnlCharges table, .pnlShipmentDetails table {
    margin-bottom: 0px;
}

.span-head {
    font-weight: bold;
    color: white;
    background-color: #303030;
    padding: 0px 9px;
    width: 93%;
    display: inline-block;
    padding-left: 10px;
    margin-top: 20px;
    border-left: 1px solid #e5e5e5;
}

.span-name {
    color: white;
    background-color: #303030;
    padding: 1px 0px;
    width: 50%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.span-value {
    border: 1px solid #303030;
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
}

.total-charges {
    color: #FFF;
    background-color: #303030;
}

.mGrid select {
    width: 180px;
}

.locations {
    display: block;
    width: 100%;
}

    .locations b {
        font-size: 1.2em;
        color: white;
        background-color: #303030;
        padding: 5px;
        width: 100%;
        display: inline-block;
        padding-left: 10px;
    }

    .locations .origin {
        display: inline-block;
        width: 100%;
        color: #000;
        font-size: 12px;
        border: 1px solid #C4C2C3;
    }

    .locations .destination {
        display: inline-block;
        width: 100%;
        float: right;
        text-align: left;
        color: #000;
        font-size: 14px;
        border: 1px solid #C4C2C3;
    }

        .locations .origin span, .locations .destination span {
            padding-left: 10px;
            float: left;
        }


.dates {
    display: block;
    width: 100%;
    color: Black;
    margin-top: 10px;
    border: 1px solid #C4C2C3;
    padding: 10px 0px;
    float: left;
}

    .dates .pickup, .dates .delivery {
        display: inline-block;
        width: 40%;
        padding-left: 10px;
    }

    .dates .delivery {
        /*float: right;*/
    }

        .dates .delivery .container {
            padding-left: 10px;
        }

.msg {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    display: block;
    margin-top: 20px;
    float: left;
}

.pro-number {
    /*text-align: left;
        margin-top: 5px !important;
        font-weight: bold;
        margin-bottom: 20px;
        color: #000;
        font-size: 20px;*/
}

.qoute_main_con {
    background: none;
    padding: 10px 30px 0px;
}

#main {
    min-height: 300px;
}

.RequestNotificationContainer {
    display: block;
    width: 35%;
    left: 28%;
    top: 130px !important;
    background-color: White;
    padding: 2.5%;
    margin: auto;
    z-index: 100000;
    min-width: 345px;
}

    .RequestNotificationContainer label {
        display: inline-block;
        margin-top: 15px;
        width: 150px;
    }

    .RequestNotificationContainer input[type=text] {
        width: 300px;
    }

    .RequestNotificationContainer .header {
        font-weight: bolder;
        font-size: 18px;
        margin-bottom: 20px;
    }

#content .notiButton {
    color: white;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 5px;
    border-top: 1px solid #62022f;
    border-bottom: 1px solid #62022f;
    background: #841a4c; /* Old browsers */
    background: -moz-linear-gradient(top, #841a4c 0%, #520026 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#841a4c), color-stop(100%,#520026)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #841a4c 0%,#520026 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #841a4c 0%,#520026 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #841a4c 0%,#520026 100%); /* IE10+ */
    background: linear-gradient(to bottom, #841a4c 0%,#520026 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841a4c', endColorstr='#520026',GradientType=0 ); /* IE6-9 */
}


.pnlCharges {
    font-size: 10px;
    font-family: courier new;
}

    .pnlCharges > div {
        float: left;
        width: 33%;
    }

.dlCharges td {
    width: 100%;
    display: inline-block;
}

.s-details {
    clear: both;
    width: 100% !important;
}

    .s-details td {
        width: 33.1%;
    }

    .s-details .span-head {
        width: 97%
    }

    .s-details tr {
        display: table-row;
    }

table.dlCharges {
    border-top: 1px solid #E1E1E1
}

/*18th-APRIL-2020*/
.show {
    float: left;
    width: 60%;
    padding-left: 10px;
}


.OptionTable, .OptionTable table, .OptionTable table tbody, .OptionTable table tbody tr, .OptionTable table tbody tr td {
    padding: 0;
    margin: 0;
    border: 0 solid white;
}

td.origin, td.destination, td.top {
    vertical-align: top;
}

table span.dateHeader {
    width: 80px;
    font-weight: bold;
    float: left;
}

.RightAlign {
    float: right;
}

/*table styles */
.mGrid {
    background-color: #fff;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #c1c1c1;
}

    .mGrid table {
        border: none;
    }

    .mGrid tr {
        padding: 8px;
        background: #f5f5f5;
        border: solid 1px #c1c1c1;
        color: #717171;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        border: solid 1px #c1c1c1 !important;
    }

    .mGrid > tbody > tr > td {
        border: solid 1px #c1c1c1 !important;
    }

    .mGrid .gridPaging td {
        border: none !important;
    }

/*.mGrid tr:nth-child(2n+1) {
        background: #ECECEC;
    }*/
.alternate-row {
    background: #ECECEC !important;
}

.mGrid th {
    padding: 8px;
    color: white;
    border-left: solid 1px #bbb;
    font-size: 0.9em;
    font-family: Arial, Helvetica, sans-serif;
    background: -moz-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444343), color-stop(100%,#1D1D1D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* IE10+ */
    background: linear-gradient(to bottom, #444343 0%,#1D1D1D 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444343', endColorstr='#1D1D1D',GradientType=0 ); /* IE6-9 */
}

.mGrid .alt {
    background: #fcfcfc url(../images/grd_alt.png) repeat-x top;
}

.mGrid .pgr {
    background: #424242 url(../images/grd_pgr.png) repeat-x top;
}

    .mGrid .pgr table {
        margin: 5px 0;
    }

    .mGrid .pgr td {
        border-width: 0;
        padding: 0 6px;
        border-left: solid 1px #666;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
    }

.mGrid tbody tr:hover td {
    /*background: #e8f3ff;*/
}

.mGrid .pgr a {
    color: #666;
    text-decoration: none;
}

    .mGrid .pgr a:hover {
        color: #000;
        text-decoration: none;
    }
/*custom*/
.mGrid a, .mGrid .gridPaging a {
    color: #717171 !important;
}

.mGrid th a {
    color: #fff !important;
}

.mGridHeader td, .mGrid tbody tr:hover .mGridHeader td {
    padding: 8px;
    color: #fff;
    border-left: solid 1px #bbb;
    font-size: 0.9em;
    font-family: Arial, Helvetica, sans-serif;
    background: -moz-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444343), color-stop(100%,#1D1D1D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* IE10+ */
    background: linear-gradient(to bottom, #444343 0%,#1D1D1D 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444343', endColorstr='#1D1D1D',GradientType=0 ); /* IE6-9 */
}

.pagination {
    padding: 2px;
    float: right;
    width: 100%;
}

    .pagination ul {
        float: right;
    }

    .pagination li {
        float: left;
        display: inline;
        margin-left: 10px;
        font: 13px Arial, Helvetica, sans-serif;
    }

        .pagination li span {
            margin-top: 3px;
            display: block;
            font: 13px Arial, Helvetica, sans-serif;
        }

        .pagination li a {
            float: left;
            display: inline-block;
            color: #333;
            margin-left: 10px;
            padding: 5px;
            font-size: 13px;
        }

            .pagination li a.page_next, .pagination li a.page_prev {
                padding: 0;
                border: 1px solid #9aafe5;
                text-decoration: none;
                color: #2e6ab1;
                border-radius: 3px;
                background: url(../images/arrow-next.png) no-repeat center center;
                display: block;
                height: 20px;
                width: 20px;
                margin-left: 0;
            }

            .pagination li a.page_prev {
                background: url(../images/arrow-prev.png) no-repeat center center;
            }

            .pagination li a.page_next:hover {
                color: #000;
                background: #eee url(../images/arrow-next.png) no-repeat center center;
            }

            .pagination li a.page_prev:hover {
                color: #000;
                background: #eee url(../images/arrow-prev.png) no-repeat center center;
            }

.mGrid td {
    padding: 6px;
}

.dark-first-col table td:first-child, .dark-last-row table tr:last-child td {
    background: #2f353b;
    color: #fff;
}

.dark-last-row table tr:last-child td {
    font-weight: bold;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.filter-col {
    padding-left: 10px;
    padding-right: 10px;
}

.CalRow .filter-col, .clacresult .filter-col {
    padding-left: 5px;
    padding-right: 5px;
}

.filter-row :not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
    width: auto;
}

.filter-row :not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
    width: auto;
}

.filter-row .dropdown-toggle {
    width: 200px;
}

.shipment-box div.jtable-main-container > div.jtable-title {
    background-color: #2f353b;
}

.shipment-box div.jtable-main-container > table.jtable > thead {
    background: -moz-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444343), color-stop(100%,#1D1D1D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #444343 0%,#1D1D1D 100%); /* IE10+ */
    background: linear-gradient(to bottom, #444343 0%,#1D1D1D 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444343', endColorstr='#1D1D1D',GradientType=0 ); /* IE6-9 */
}

.shipment-box div.jtable-main-container > table.jtable {
    border: 1px solid #2f353b;
    font-family: 'MyriadPro-Regular';
}

#tblShipment .jtable, #tblShipment .jtable-bottom-panel {
    min-width: 1500px;
}

div.jtable-main-container > div.jtable-bottom-panel {
    background-color: #2f353b;
    min-width: 600px;
    border: 1px solid #383f4a;
}

div.jtable-main-container {
    font-weight: 400;
    line-height: 1.6;
}

div.jtable-busy-message {
    background-color: #525252;
}

div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
    background-color: #3b4958;
}

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
        background-color: #3b4958;
    }

div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
    background-color: #5a6877;
}

/*------------------------------------------new admin design-------------------------------*/


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

.fullWidthInput2 {
    width: calc(100% - 140px);
    float: left;
}

.tradeShowDetailBottomTabs .fullWidthInput2 {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    line-height: 34px;
    padding: 0;
    text-align: right;
    font-weight: bold;
}

#RatingCalculator .fullWidthInput {
    width: calc(100% - 140px) !important;
}

.fullWidthInputPayment {
    width: calc(100% - 140px) !important;
    display: inline-block;
}

/*.fullWidthInputPaymentCHK {
    width: calc(100% - 140px) !important;
    margin-left: -164px;
    display: inline-block;
}*/



.fullWidthInputPayment {
    width: calc(100% - 140px) !important;
    display: inline-block;
}

#btnPayment {
    margin-left: 140px;
}

#btnPaymentSavedCard {
    margin-left: 140px;
}

#btnSaveCard {
    margin-left: 140px;
}



#saveformview h4 {
    font-weight: 500;
}

.checkboxWrapper {
    border-radius: 4px;
    padding: 15px 0 0px 0;
    border: 1px solid #d3d4d9;
    height: 150px;
    overflow: auto;
}

    .checkboxWrapper .md-checkbox {
        margin-bottom: 6px;
    }

.radioDiv {
    float: left;
    margin: 0px 10px 0 0;
}

    .radioDiv input {
        float: left;
    }

    .radioDiv span {
        float: left;
        padding: 0 5px;
    }

.dynamicResult {
    padding: 5px 5px;
    border-radius: 3px;
    min-height: 30px;
    min-width: 40px;
    margin: 0 5px;
}

.allLabels label {
    float: left;
    line-height: 20px;
    color: #000000;
    font-size: 14px;
}

/*#DivCalWeightResult {
    font-size: 15px;
    min-width: 1200px;
}*/

.clacHeader {
    width: 100%;
    font-family: 'MyriadPro-Regular';
}

    .clacHeader td {
        background: #1C232D;
        width: 14%;
        padding: 6px 2px;
        color: #fff;
    }

    .clacHeader .caldata {
        padding: 0 5px;
    }

    .clacHeader td:last-child {
        width: 5%;
    }

/*div#DivCalWeight {
    border: 1px solid #D3D4D9;
    font-size: 15px;
    min-width: 1200px;
}*/

.clacbody {
    width: 100%;
    font-family: 'MyriadPro-Regular';
}

    .clacbody td {
        border-right: 1px solid #fff;
        padding: 5px 2px;
        width: 8%;
        background: #F6F6F6;
    }

        .clacbody td:last-child {
            width: 3%;
        }

    .clacbody input {
        width: 100%;
        border: 1px solid #D3D4D9;
        border-radius: 2px;
        min-height: 25px;
    }

.clacresult {
    width: 100%;
    font-family: 'MyriadPro-Regular';
}

    .clacresult td {
        padding: 5px 2px;
        width: 8%;
        background: #ECECEC;
    }

        .clacresult td:last-child {
            width: 5%;
        }

    .clacresult input {
        border: none;
        width: 100%;
        height: 24px;
    }

button[disabled], html input[disabled] {
    background: transparent;
    cursor: not-allowed !important;
}

.page-header.navbar .page-logo {
    background-image: linear-gradient(#e2e2e2, #8D8D8D);
}

.page-container {
    padding: 0px 20px 0 0 !important;
}



.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    padding: 20px 15px;
}

.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    margin: 0px 0 0;
}

    .page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
        background: #12171B;
        color: #fff;
    }

        .page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
            color: #6b7584;
        }
            .page-sidebar .page-sidebar-menu > li.open > a > i.quickBookIcon, .page-sidebar .page-sidebar-menu > li:hover > a > i.quickBookIcon, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i.quickBookIcon, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i.quickBookIcon
            .page-sidebar .page-sidebar-menu > li.open > a > i.qw-icon, .page-sidebar .page-sidebar-menu > li:hover > a > i.qw-icon, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i.qw-icon, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i.qw-icon {
                opacity: 0.7;
            }

    .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
        color: #ffffff;
        font-family: 'MyriadPro-Regular';
        letter-spacing: 1px;
    }

        .page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
            color: #97b1c3;
        }

            .page-sidebar .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^=icon-] {
                color: #97b1c3;
            }

    .page-sidebar .page-sidebar-menu > li:hover > a > i[class*=icon-], .page-sidebar .page-sidebar-menu > li:hover > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i[class^=icon-] {
        color: #6b7584;
    }

    .page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
        color: #fff;
    }

        .page-sidebar .page-sidebar-menu > li.active.open > a > i.quickBookIcon, .page-sidebar .page-sidebar-menu > li.active > a > i.quickBookIcon, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i.quickBookIcon, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i.quickBookIcon {
            background-image: url(../Images/icon_QuickBook_White.png);
            opacity:1;
        }

    .page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
        margin: 0;
        background: #151b23 !important;
    }

        .page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
            color: #ffffff;
            background: #0b1013 !important;
        }

        .page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
            padding: 15px 14px 15px 25px;
        }

        .page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
            color: #fff;
            font-family: 'MyriadPro-Regular';
            letter-spacing: 1px;
        }

            .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^=icon-] {
                color: #97b1c3;
                margin-right: 4px;
                margin-left: 1px;
                font-size: 18px;
            }

        .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i {
            color: #6b7584;
        }

        .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i {
            color: #fff;
        }

    .page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
        background: #12171B;
        color: #ffffff;
    }

        .page-sidebar .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover {
            background: #12171B;
        }

body.page-md {
    background: #EDF1F2;
}

.btn.default:not(.btn-outline) {
    color: #fff !important;
    background-color: #4CB050;
    border-color: #4CB050;
}

.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 8px 10px 7px;
    font-weight: 500;
}

    .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-md {
        font-size: 14px;
    }

.form .form-body, .portlet-form .form-body {
    padding: 10px 0;
}

.height40 {
    border: 1px solid #D3D4D9;
    font-family: 'MyriadPro-Regular';
    line-height: 35px;
}

.portlet.light {
    border: 1px solid #DFE6F1 !important;
    box-shadow: none !important;
    padding: 12px 20px 20px 20px;
}

/*#RatingCalculator {
    font-family: 'MyriadPro-Regular';
    font-size: 15px;
}*/

.allLabels {
    padding: 20px 20px 5px;
    border-radius: 4px;
    margin: 0;
}

#ZipDetail .labelHead {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}

.allLabels .col-md-6 {
    margin-bottom: 6px;
}

.padding-left-0 {
    padding-left: 0;
}

.leftText {
    width: 50%;
    margin: 0;
    padding: 2px 0px 0 0px;
    padding-right: 10px;
}

.rightLabel {
    width: 50%;
    margin: 0 0 0px 0;
    text-align: right;
    font-weight: 800;
    font-size: 16px !important;
}

    .rightLabel label {
        float: left;
        margin: 0;
        width: 49%;
    }

        .rightLabel label:nth-child(1) {
            margin-right: 1%;
        }

        .rightLabel label:nth-child(2) {
            margin-left: 1%;
        }

.addrowbtn {
    margin-top: 15px;
    background: #fff !important;
    border: 1px solid #E2E2E6 !important;
    color: #000 !important;
}

.deleteRow {
    background: #CA413E !important;
    border: none;
    padding: 5px 5px 3px 5px !important;
}

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

.page-head .page-title > h1 {
    color: #000000;
    font-family: 'MyriadPro-Regular';
}

.clacHeader td label {
    margin: 0;
}


.jtable-main-container .jtable .jtable-column-header {
    height: 44px;
}

span.jtable-column-header-text {
    font-family: 'MyriadPro-Regular';
    font-size: 14px;
    margin: 3px 0 0 0 !important;
    float: left;
}

.label-success {
    background-color: #c84c4d;
}

.jtable-title-text {
    font-family: 'MyriadPro-Regular' !important;
}

.font-green {
    color: #c84c4d !important;
}

.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #55B055;
    border-color: #58a758;
}

    .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle {
        color: #FFF;
        background-color: #449244;
        border-color: #449244;
    }

        .btn.blue:not(.btn-outline).active.focus, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover {
            color: #FFF;
            background-color: #449244;
            border-color: #449244;
        }

    .btn.blue:not(.btn-outline).focus, .btn.blue:not(.btn-outline):focus {
        color: #FFF;
        background-color: #449244;
        border-color: #449244;
    }

div.jtable-main-container > div.jtable-title {
    background-color: #1D232D;
    min-width: 600px;
}

div.jtable-main-container > table.jtable {
    border: 1px solid #383f4a;
    min-width: 600px;
}

    div.jtable-main-container > table.jtable > thead {
        background-color: #383f4a;
    }

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #fbb1b2;
}

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #c84c4d;
}

div.jtable-main-container {
    font-family: 'MyriadPro-Regular';
}

.dateInput span {
    float: left;
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 10px;
}

.mb20 {
    margin-bottom: 10px;
}

.check-boxes {
    width: 100%;
}

    .check-boxes input {
        float: left;
    }

    .check-boxes span {
        float: left;
        padding: 1px 0 0 5px;
        width: calc(100% - 15px);
    }

.discountTable {
    width: 100%;
    font-family: 'MyriadPro-Regular';
    border: 1px solid #1c232d;
}

    .discountTable th {
        border-top: 1px solid #a3afb5;
        background: #1C232D;
        width: 8%;
        padding: 8px 0;
        color: #fff;
    }

    .discountTable td {
        background: #efefef;
        position: relative;
        padding-top: 6px;
        padding-bottom: 6px;
        border-right: 1px solid #dedede
    }

        .discountTable td:last-child {
            border: none;
        }

font.smallText {
    font-size: 12px;
    line-height: normal;
    color: #656565;
    text-transform: capitalize !important;
}

.discountTable th label {
    margin: 0;
    padding: 0 5px;
}

div#DivResult {
    font-family: 'MyriadPro-Regular';
}

.pro-number {
    font-size: 22px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

#DivResult b {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    font-weight: normal !important;
}

#DivResult .locations .origin {
    font-size: 14px;
}

.addNewBtn {
    display: inline-block;
    background: #4caf50;
    color: #fff;
    padding: 8px 10px;
    border-radius: 2px;
    text-decoration: none;
}

    .addNewBtn:hover {
        color: #fff;
        background: #38863b;
        text-decoration: none;
    }

.pickup1, .pickup2, .delivery1, .delivery2 {
    float: left;
    width: 100%;
    font-size: 15px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
}

    .pickup1 label, .pickup2 label, .delivery1 label, .delivery2 label {
        float: left;
        width: 130px;
        color: #929292;
    }

    .pickup1 span, .pickup2 span, .delivery1 span, .delivery2 span {
        float: left;
        width: calc(100% - 130px);
    }

.tableWrapper {
    width: 100%;
    overflow: auto;
}

.date {
    position: relative;
    width: 100%;
}

    .date input {
        border-radius: 4px !important;
        width: 100% !important;
        background: transparent !important;
    }

    .date .glyphicon {
        position: absolute;
        right: 10px;
        top: 14px;
    }

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    background-color: #6f1c44;
    border-color: #6f1c44;
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    background-color: #8b2757 !important;
    border-color: #8b2757 !important;
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
    margin-right: 0px !important;
}

.TransitType {
    background: #fff;
    color: #a9a9a9;
    font-weight: 600 !important;
}

.radioLabel {
    margin-right: 0;
    margin-top: 2px;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.manageRulesTable {
    width: 100%;
    margin-top: 10px;
}

    .manageRulesTable th {
        padding: 5px 0;
        text-transform: uppercase;
        font-weight: bold;
    }

    .manageRulesTable td {
        padding-bottom: 10px;
    }

        .manageRulesTable td input, .manageRulesTable td select {
            width: 96%;
            border: 1px solid #D3D4D9;
            font-family: 'MyriadPro-Regular';
            line-height: 35px;
            height: 35px;
            border-radius: 4px;
            padding: 0 5px;
            outline: none;
        }

        .manageRulesTable td:nth-child(3) {
            width: 20px;
        }

label#lblComment {
    font-size: 18px;
}

.manageRulesTable td button#Del {
    height: 32px;
    width: 30px;
    line-height: 24px;
}

.addRowBtnModal {
    background: #fff !important;
    border: 1px solid #E2E2E6 !important;
    color: #000 !important;
    float: right;
    padding: 5px 15px 7px;
}

.selectField {
    display: inline-block;
    margin: 0 0 0 10px;
}

.border-top {
    border-top: 1px solid #d3d4d9;
    margin-top: 15px;
    padding-top: 10px;
}

.form-control-static.fullWidthInput {
    background: #dadbe0;
    border-radius: 4px;
    padding-left: 10px;
}

.upload_field {
    float: left;
    width: 100%;
    height: 39px;
}

.position_rel {
    position: relative;
}

input[type=file] {
    display: block;
}

.inputfile + label {
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    max-width: 100%;
    padding: 10px 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* width: 30%; */
}

.inputfile-6 + label {
    border: 1px solid #1d232d36;
    background-color: #f2f6f9;
    padding: 0;
    width: 100%;
    border-radius: 4px;
}

.inputfile-6 + label {
    color: #1D232D;
    font-weight: normal;
}

.upload_label {
    position: absolute;
    top: 0;
}

.inputfile-6 + label span {
    width: calc(100% - 160px);
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    max-width: unset;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #ffffff;
    background-color: #1D232D;
    display: inline-block;
    font-weight: normal;
    margin: -1px 0;
    border: 1px solid #1D232D;
    width: 160px;
    border-radius: 0 4px 4px 0;
}

.inputfile-6 + label span, .inputfile-6 + label strong {
    padding: 8px 10px;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.Odd {
    background: #fff !important;
}

button#AddAgent {
    padding: 0px 5px !important;
    font-size: 10px;
    float: right;
    font-weight: bold;
    box-shadow: none;
    border: 1px solid #429846;
    background: #4cb050;
    color: #fff;
}

button#CnlAgent {
    padding: 0px 5px !important;
    font-size: 10px;
    float: right;
    font-weight: bold;
    box-shadow: none;
    border: 1px solid #429846;
    background: #4cb050;
    color: #fff;
}

button#loc {
    padding: 0px 5px !important;
    font-size: 10px;
    float: right;
    font-weight: bold;
    box-shadow: none;
    border: 1px solid #429846;
    background: #4cb050;
    color: #fff;
}

.mandatory:after {
    content: "*";
    color: red;
    margin: 0 0 0 3px;
}

.separator hr {
    margin: 0 0 20px 0;
}

.inputLabel {
    line-height: 30px;
}

#CreateCarrierRateModal .modal-dialog {
    max-width: 850px;
    width: calc(100% - 20px);
}

#CreateAgentModal .modal-dialog {
    max-width: 900px;
    width: calc(100% - 20px);
}

#CreateZipCodeModal .modal-dialog {
    max-width: 900px;
    width: calc(100% - 20px);
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/giphy.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}



.tradeShowDetail .form-control-static {
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 26px;
    background: transparent;
    width: calc(100% - 100px);
}

.topSection .form-control-static {
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 26px;
    background: transparent;
    width: calc(100% - 100px);
    border: 1px solid #dadbe0;
    border-left-width: 5px;
    font-size: 13px;
}


.tradeShowDetail .fullWidthLabel {
    line-height: 17px;
    width: 100px;
    padding-right: 5px;
    padding-top: 5px;
}

.tab-content {
    padding: 0;
}

.addressBox {
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    padding: 5px;
    position: relative;
    padding: 20px 5px 0px 5px;
    margin-top: 10px;
}

    .addressBox .form-control-static {
        width: 100%;
        background: none;
        color: #000;
        line-height: 14px;
    }

    .addressBox .filter-col {
        position: absolute;
        font-size: 18px;
        top: -14px;
        left: 12px;
        padding: 2px 5px 0;
        background: #1c232d;
        line-height: normal;
        width: auto;
        border: 1px solid #ddd;
        color: #fff;
    }

.tradeShowThumbnail {
    height: auto;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}

    .tradeShowThumbnail img {
        width: 100%;
        max-width: 300px;
        margin: 0 auto !important;
    }

.grid-logo {
    width: 22px;
    border-radius: 50%;
    margin-right: 5px;
}

img {
    vertical-align: middle;
}

hr, img {
    border: 0;
}


.checkwithInput {
    max-width: 205px;
}

    .checkwithInput .checkboxValue {
        position: static;
        width: 60px;
        color: #000;
        border: 1px solid #c2cad8;
        opacity: 1;
        vertical-align: middle;
        margin-left: 5px;
        padding: 1px 4px;
        font-size: 12px;
        border-radius: 4px;
        float: right;
    }
/*****Quote page design******/
.header .page-logo {
    background: transparent;
    float: left;
    display: block;
    /*width: 335px;*/
    width: auto;
    padding-left: 0;
    padding-right: 0;
}

.page-logo .site-logo {
    margin-right: 0;
}

.shipLogo {
    margin: 0 0 0 20px;
}

.quote-main {
}

.headerwithoutlogin {
    display: none;
}

.quote-main .headerwithoutlogin {
    display: block;
}

.headerwithoutlogin {
    display: none;
}

.quote-main .headerwithoutlogin {
    display: block;
}

.custom-container {
    width: 85%;
}

.quote-main .page-head .page-title > h1 {
    color: #000000;
    font-size: 22px;
    font-weight: 400;
    margin: 15px 0 0 0;
    padding: 0;
}

.btn-margin-b5 .btn {
    margin-bottom: 5px;
}

/****Quote page design end*****/
.custom-multiselect .btn-group {
    width: 100%;
}

.custom-multiselect .multiselect {
    width: 100%;
    text-align: left;
}

.custom-multiselect .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 15px 0px;
    min-height: 33px;
    line-height: 12px;
}

.custom-multiselect .caret {
    margin-right: 8px;
    position: absolute;
    right: 0;
    top: 17px;
}

.custom-multiselect .btn {
    white-space: normal;
}

.custom-multiselect .btn-group > .dropdown-menu {
    width: 100%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.form-group .form-group {
    margin-bottom: 0;
}

.payment-infoSection .form-group {
    height: 34px;
}

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


.tradeshow_note {
    display: inline-block;
    padding: 3px 5px;
    background-color: red;
    border-color: red;
    color: #fff;
    margin: 1px 0 0 0;
}

    .tradeshow_note p {
        font-size: 12px;
    }

.paymentMessage {
    margin: 30px 0;
}

.iconTick {
    font-size: 60px;
    color: #65c84c;
}

.iconCross {
    font-size: 60px;
    color: #C34B4D;
}

h2.billingHeader {
    font-size: 20px;
    margin: 0;
}

.paymentMessage h1 {
    font-size: 40px;
    font-weight: 700;
    margin: 10px 0;
}

.transNumber {
    background: #F4F3F2;
    border-radius: 50px;
    padding: 8px 15px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
}

label.paymentLabel {
    font-size: 16px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    /*border-bottom: 1px solid #e0e0e0;*/
}

.paymentDetail {
    font-size: 15px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.headSeparator {
    background: #ccc;
    height: 1px;
}
/*****/


/****Payment Information****/
.form-control.error {
    border: 1px solid red;
}

label.error {
    color: red;
}

.exp-month .form-control, .ccv-code .form-control {
    padding-left: 5px;
    padding-right: 5px;
}

.paymentResult {
    height: 92.3vh;
    padding: 25px;
}

#OtherCarrierRates {
    overflow: auto;
}

    #OtherCarrierRates .jtable-main-container {
        min-width: 2000px;
    }

span.multiselect-native-select select {
    left: 0 !important;
}

.fullWidthInput2 .btn-toggle button {
    padding: 4px 7px 4px !important;
    box-shadow: none !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ffffff;
}

#RatingTable .jtable-title, #RatingTable .jtable, #RatingTable .jtable-bottom-panel {
    min-width: 1800px;
}
/****Payment Information****/
.help-block-validation-error {
    font-size: 12px;
    margin-top: -3px;
    margin-bottom: 0;
    white-space: nowrap;
}

.filter-row .form-body {
    padding: 0;
}

.badge {
    text-transform: none;
    font-weight: normal;
    padding: 4px 6px 2px;
    font-size: 14px !important;
    height: auto;
}
#btnSend .badge {
    padding: 1px 4px 1px;
}
span.checkLabel {
    width: 185px;
    top: 0;
    left: 25px !important;
    font-size: 13px;
    font-weight: 600;
}

a#lnkToTerms {
    font-size: 13px;
    font-weight: 600;
}

.myCheckbox label > span.inc {
    left: -5px;
    top: -5px;
    height: 30px;
    width: 30px;
}

.checkboxConatiner {
    float: left;
    margin-left: 140px;
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 30px !important;
    text-transform: capitalize;
}

.multiselect-container > li {
    padding: 2px 0 !important;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    float: left;
    margin-top: 3px;
}

.tradeShowDetail {
    padding: 0 0 0 0;
}

    .tradeShowDetail .col-md-12 {
        margin-bottom: 5px;
    }

.asd select {
    float: left;
    width: 50%;
    margin-left: 20px;
}

.asd h1 {
    float: left;
    margin: 5px 0 0 0 !important;
}

.ccVerifyWrapper {
    max-width: 1000px;
    color: #000;
    margin: 0 auto
}

.ccVerifyShipmentWrapper {
    max-width: 1300px;
    color: #000;
    margin: 0 auto
}

.ccVerifyContainer {
    background: #fff;
    padding: 20px;
    color: #000;
    margin-bottom: 20px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}

.btnNext {
    margin-top: 10px;
}

.mainLogo {
    max-width: 520px;
    width: 100%;
}


.dateBoxContent label {
    font-weight: bold;
    margin: 0 5px 0 0;
}

.dateBoxContent {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    text-align: right;
}

    .dateBoxContent span {
        font-weight: normal;
        margin: 0 10px 0 0;
        border-bottom: 1px solid #000;
    }

.verifyHeader {
    margin: 5px 0 30px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    font-weight: bolder;
    font-size: 23px;
    padding: 5px 0;
}

.invoiceMid {
    float: left;
    width: 100%;
    padding: 0;
    border-right: none;
    background: #ffffff;
    margin-bottom: 20px;
    min-height: 178px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}

    .invoiceMid:last-child {
        margin-bottom: 0;
    }

    .invoiceMid h2 {
        margin: 0;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
        padding: 12px 15px;
        background: #66FEFF;
        color: #000000;
    }

    .invoiceMid p {
        margin: 0px 0;
        padding: 10px 15px 10px 15px;
        float: left;
        border-top: 5px solid #edf1f2;
    }

.discpTable {
    width: 100%;
    margin: 0 auto;
}

    .discpTable table {
        width: 100%;
        margin: 0;
        border: 1px solid #1d232d;
    }

        .discpTable table th {
            background: #1D232D;
            font-size: 14px;
            color: #fff;
            font-weight: normal;
            padding: 7px 5px;
        }

        .discpTable table td {
            padding: 5px 5px;
            font-size: 13px;
            border-right: 1px solid #fff;
        }

        .discpTable table tr:nth-child(even) {
            background: #F6F6F6
        }

        .discpTable table tr:nth-child(odd) {
            background: #fff
        }

        .discpTable table tr:last-child {
            background: #ECECEC
        }

        .discpTable table td:last-child {
            border-right: none;
        }

        .discpTable table tr:last-child td {
            border-right: none;
            padding: 10px 5px;
            font-weight: bold;
        }

.CreditCardInfoBox {
    width: 45%;
    margin: 0 auto;
    display: table;
    border: 1px solid #000;
    padding: 0 30px;
}

.CreditCardInfoBoxHeader {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 30px;
}

    .CreditCardInfoBoxHeader h3 {
        margin: 0;
        width: auto;
        font-weight: bold;
        font-size: 18px;
        padding: 5px 0 10px 0;
        text-decoration: underline;
    }

.infoList label {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    color: #b3b3b3;
    font-size: 13px;
}

.infoList span {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e0e3e4;
    min-height: 28px;
    padding: 0 3px 5px 3px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 13px;
}

.CCViewInEditMode .infoList span, .CCViewInEditMode .infoListExp span {
    border-bottom: none;
}

.infoList {
    float: left;
    width: 100%;
    position: relative;
}

    .infoList .help-block-validation-error {
        COLOR: RED;
        font-size: 10px !important;
        border: none;
        top: 60px;
        position: absolute;
        right: 0;
        margin: 0;
        padding: 0;
        min-height: auto;
        text-align: right;
        width: 103px;
    }

.infoListExp label {
    width: 100px;
    text-align: right;
    padding-right: 10px;
    float: left;
}

.infoListDiv {
    width: calc(100% - 100px);
    float: left;
    min-height: 20px;
    padding: 0;
}

.boldFont {
    font-weight: 600;
}

.infoListDiv span {
    border-bottom: 1px solid #000;
    width: calc(50% - 20px);
    float: left;
    height: 20px;
}

.infoListDiv label {
    float: left;
    width: 40px;
    padding: 0 5px 0px 0;
    text-align: right;
}

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

.CreditCardInfoBoxFooter {
    float: left;
    width: 100%;
    margin: 10px 0;
    font-size: 11px;
    line-height: 14px;
    color: #797979;
}

.appriciateFooter {
    float: left;
    text-align: left;
}

    .appriciateFooter h3 {
        width: 100%;
        float: left;
        margin: 15px 0;
        font-weight: bold;
        font-size: 20px;
    }

    .appriciateFooter span {
        width: 100%;
        float: left;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .appriciateFooter p {
        float: left;
        width: 100%;
        font-size: 12px;
        margin: 0;
        line-height: 16px;
        color: #797979;
    }


#tblQuotes .jtable-main-container {
    overflow: auto;
    overflow-y: hidden;
}
#tblQuotes .jtable, #tblQuotes .jtable-title, #tblQuotes .jtable-bottom-panel {
    min-width: 2000px;
}

.page-head.customHead {
    width: calc(100% - 120px);
    float: left;
}

    .page-head.customHead .page-title {
        padding-top: 0 !important;
    }

.page-btn {
    float: left;
    width: 120px;
    text-align: right;
}

#tblAgts .jtable, #tblAgts .jtable-title, #tblAgts .jtable-bottom-panel {
    min-width: 2000px;
}

.loaderIcon {
    background-image: url(../Images/loaderImg.gif) !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}
/*.ResultDetail span {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
    height: 20px;
    top: 10px;
}*/
.ResultDetail span {
    float: left;
    width: 100%;
    padding: 3px 0;
}

.page-head.quoteSearch {
    width: calc(100% - 155px);
    float: left;
}

.quoteSearch .page-title {
    padding-top: 0px;
}

.quoteSearchBtn {
    float: left;
    width: 155px;
    text-align: right;
}

.emailLabel {
    background: #832251;
    border-radius: 11px;
    color: #fff;
    margin: 0;
    padding: 0 5px;
}

.SuccessAlterAVS {
    background: #f36a5a;
    border-radius: 11px;
    color: #fff;
    margin: 0;
    padding: 3px 5px 0px !important;
    font-size: 12px;
    width: auto !important;
}

.page-footer .page-footer-inner {
    display: none;
}

#CreateLogsModal .modal-dialog {
    width: 80%;
    margin: 30px auto;
}

.qw-icon {
    background-image: url(../Images/qw-icon.png);
    width: 24px;
    height: 17px;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    background-repeat: no-repeat;
}
.quickBookIcon {
    background-image: url(../Images/icon_QuickBook.png);
    width: 24px;
    height: 24px;
    background-size: 21px;
    float: left;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.logo a {
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 6px 0;
}

.myLogo {
    width: 100%;
    max-width: 300px;
}

.ccvHead {
    font-weight: bold;
    margin: 0 0 15px 0;
    float: left;
    color: #000;
}

.dateBox {
    float: right;
}

.clientDiscp span {
    float: left;
    width: 100%;
}

.clientDiscp .bold {
    font-weight: bold;
}

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

.myNav {
    margin: 0;
    border-bottom: 5px solid transparent;
}

    .myNav > li.active > a, .myNav > li.active > a:focus, .myNav > li.active > a:hover {
        color: #fff;
        background-image: linear-gradient(#90295A, #7D1F4D);
    }

    .myNav > li > a {
        background-color: #ffffff;
        padding: 10px 5px;
        color: #842352;
    }

.nav-pills > li + li {
    margin-left: 0px;
}

.myNav > li {
    width: 240px;
    text-align: center;
    border-right: 5px solid transparent;
}

.myNav li span {
    height: 30px;
    width: 30px;
    background: #fff;
    display: inline-block;
    border-radius: 50px;
    color: #822251;
    line-height: 30px;
    font-size: 15px;
    margin-right: 8px;
}

.myNav > li > a:focus, .myNav > li > a:hover {
    background-color: #edf1f2;
}

.myNav li.active span {
    color: #8c2758;
}

.myNav li.active:after {
    /* content: " "; */
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: -12px;
    border: 6px solid transparent;
    border-top-color: #C34B4C;
}

.myNav li label {
    margin: 5px 0 0 0;
    cursor: pointer;
    line-height: 16px;
    color: #80204f;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

.myNav li.active label {
    color: #fff;
}

.payNow {
    background: #4CBA42;
    border: 1px solid #4CBA42;
    padding: 8px 40px !important;
    box-shadow: 0 5px 9px rgba(76,186,66,.2), 0 5px 9px rgba(76,186,66,.26) !important;
}

.makePay {
    padding: 10px 40px !important;
    width: 100%;
}

.payNow:active, .payNow:hover, .payNow:focus {
    color: #fff;
    background-color: #46ab3c !important;
    border-color: #46ab3c !important;
}

.ccvCheck .checkLabel {
    width: auto !important;
}

.paymentWrapper {
    max-width: 900px;
    color: #000;
    margin: 0 auto;
}

.bgWhite {
    background: #fff;
    padding: 20px;
    margin: 20px 0;
    display: inline-block;
    width: 100%
}

.paymentForm h3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.paymentForm .form-control {
    height: 40px;
    border: 1px solid #e3e4e4;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    width: 100%;
}

    .paymentForm .form-control:focus {
        background-color: #63c9f914;
        border: 1px solid #63C9F9;
    }

.paymentForm textarea.form-control {
    height: 60px;
}

.paymentForm label {
    text-transform: uppercase;
    font-weight: 600;
    color: #a7a6a6;
    font-size: 13px;
    width: 100%;
}

.badge-number {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid #a7a6a6;
    color: #a7a6a6;
    margin: auto;
    box-shadow: none;
    padding: 2px 0;
}

    .badge-number.active {
        background: #802150;
        border: 1px solid #802150;
        color: #fff;
    }

.paymentForm .form-group {
    margin-bottom: 10px;
    position: relative;
}

.addCreditCard {
    min-height: 40px;
    border: 1px solid #e3e4e4;
    border-radius: 4px;
    position: relative;
}

    .addCreditCard input {
        border: none !important;
        height: 38px !important;
    }

    .addCreditCard .inputFirst {
        width: 60%;
        padding-left: 50px;
        float: left;
        background-image: url('../../images/credirCard.png');
        background-repeat: no-repeat;
        background-size: 33px;
        background-position: 10px;
        background-color: transparent;
        border: none;
        line-height: 26px;
    }

    .addCreditCard .numbersOnlyExpDate {
        width: 20%;
        float: left;
        text-align: center;
        background-color: transparent;
        border: none;
        line-height: 26px;
    }

    .addCreditCard .inputLast {
        width: 20%;
        float: left;
        text-align: center;
        background-color: transparent;
    }

.savedcard {
    background: #F2F2F2;
    margin-bottom: 15px;
}

.activeCard {
    border: 1px solid #4cb942;
    background: #4cb94224;
    border-radius: 4px;
}

.inputLast:focus {
    background-color: #fff !important;
}

.savedcard .inputLast {
    background: #fff;
}

.paymentForm .checkLabel {
    width: 240px;
    color: #000;
    text-transform: capitalize;
}

.paymentForm .help-block {
    position: absolute;
    top: 36px;
    height: 20px;
    width: auto;
    border-radius: 4px;
    padding: 0 5px;
    line-height: 20px;
    font-weight: 600;
    right: 0;
    font-size: 11px;
    color: #e73d4a;
}

.paymentForm .addCreditCard .help-block {
    top: -20px;
    background: #fff;
}

.orderDetail {
    float: left;
    width: 100%;
    border: 1px solid #E1E6E6;
    border-radius: 5px;
    margin: 70px 0 0 0;
    padding: 20px 20px 10px 20px;
}

    .orderDetail h4 {
        font-weight: bold;
        margin: 0 0 10px 0;
        border-bottom: 1px solid #E1E6E6;
        padding-bottom: 10px;
    }

.priceDetail {
    margin: 5px 0;
    float: left;
    width: 100%;
}

    .priceDetail span {
        float: left;
        width: 70%;
    }

    .priceDetail label {
        float: left;
        width: 30%;
        text-align: right;
        font-weight: bold;
    }

    .priceDetail.borderTop {
        border-top: 1px solid #E1E6E6;
        padding-top: 10px;
    }

        .priceDetail.borderTop span, .priceDetail.borderTop label {
            font-weight: bold;
            font-size: 16px;
        }

.topImportantInputs .label-custom {
    text-transform: uppercase;
    font-weight: 600;
    color: #a7a6a6;
    font-size: 13px;
    width: 100%;
}

.paymentForm .select2 {
    width: 100% !important;
}

.paymentForm .select2-selection {
    height: 40px;
    border: 1px solid #e3e4e4;
    padding: 9px 24px 9px 12px;
}

.paymentForm .select2-selection__placeholder, .paymentForm .select2-selection__rendered {
    font-weight: 600;
    color: #000;
    font-size: 13px;
}

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

/*-----------------------------header-deign*/
.page-header.navbar {
    height: 55px;
    min-height: 55px;
}

    .page-header.navbar .page-logo {
        height: 55px;
    }

        .page-header.navbar .page-logo .logo-default {
            margin: 9px 0 0 0px !important;
        }

    .page-header.navbar .menu-toggler.sidebar-toggler {
        float: right;
        margin: 14px 0 0;
        width: 25px;
        height: 25px;
        background-color: #1c232d;
        border-radius: 3px;
        background-size: 60%;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 15px 10px 8px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        height: 55px;
    }

.page-header-fixed .page-container {
    margin-top: 55px;
}
/*-----------------------------header-deign-end*/
.nameInput {
    height: 40px;
    border: 1px solid #e3e4e4;
    border-radius: 4px;
}

    .nameInput input {
        border: none !important;
        height: 38px !important;
        width: 50% !important;
        float: left;
    }

.tabs-page {
    position: relative;
}

    .tabs-page > .nav-tabs {
        position: relative;
        min-height: 40px;
        margin: 0;
        text-align: left;
        cursor: auto;
        border: none;
        z-index: 1;
    }

        .tabs-page > .nav-tabs li[role="presentation"] {
            display: inline-block;
            height: 40px;
            border: none;
        }

            .tabs-page > .nav-tabs li[role="presentation"]:not(:last-child) {
                padding-right: 22px;
            }

            .tabs-page > .nav-tabs li[role="presentation"] a[role="tab"] {
                height: 40px;
                margin: 0;
                padding: 0px 10px;
                font-size: 13px;
                font-weight: 600;
                text-transform: none;
                text-align: center;
                color: #BDC4D0;
                background: none;
                border: none;
                line-height: 40px;
                transition: color 0.3s ease, box-shadow 0.2s ease;
            }

                .tabs-page > .nav-tabs li[role="presentation"] a[role="tab"]:hover {
                    color: #8b2757;
                }

            .tabs-page > .nav-tabs li[role="presentation"].active a {
                color: #892556;
                box-shadow: inset 0 -2px 0 #8c2758;
                background: none;
            }

                .tabs-page > .nav-tabs li[role="presentation"].active a:hover, .tabs-page > .nav-tabs li[role="presentation"].active a:focus {
                    background: none;
                    border: none;
                }        

    .tabs-page > .tab-content {
        position: relative;
        margin: 0;
        padding: 5px 0 0 0;
        background: white;
        border-top: 1px solid #edeef4;
    }

.tabs-secondary {
    position: relative;
    text-align: center;
}

    .tabs-secondary > .nav-tabs {
        display: inline-block;
        margin: 0 auto 15px;
        border-bottom: 1px solid #edeef4;
    }

        .tabs-secondary > .nav-tabs li[role="presentation"]:not(:last-child) {
            margin-right: 20px;
        }

        .tabs-secondary > .nav-tabs li[role="presentation"] a[role="tab"] {
            padding: 12px 0;
            font-size: 0.6875rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.02rem;
            color: #BDC4D0;
            border: none !important;
            background: none !important;
        }

            .tabs-secondary > .nav-tabs li[role="presentation"] a[role="tab"]:hover {
                color: #0075AD;
            }

        .tabs-secondary > .nav-tabs li.active a[role="tab"] {
            color: #0075AD;
            background: none;
            box-shadow: inset 0 -2px 0 0 #0075AD;
        }

.quote-main {
    margin-bottom: 20px;
}

h4.smallHeader {
    font-weight: 600;
    border-bottom: 1px solid #dedcdc;
    padding: 0 0 10px 0;
    font-size: 17px;
    margin-bottom: 20px;
}

.form-control {
    border-radius: 4px !important;
}

.quoteClculatorContainer {
    max-width: 1500px;
    color: #000;
    margin: 0 auto;
}

    .quoteClculatorContainer .porlet-custom-Height {
        min-height: 80vh;
    }

.paymentForm button.multiselect.dropdown-toggle.btn.btn-default {
    height: 40px;
    border: 1px solid #e3e4e4;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    box-shadow: none !important;
    text-transform: capitalize;
}

.paymentForm .btn-default.active, .paymentForm .btn-default:active, .paymentForm .btn-default:hover, .paymentForm .open > .btn-default.dropdown-toggle {
    background-color: #63c9f914;
    border-color: #63c9f9;
}

.paymentForm .btn-default.focus, .paymentForm .btn-default:focus {
    background-color: #63c9f914;
    border-color: #63c9f9;
}

.quoteDropdown {
    height: 40px;
    border: 1px solid #e3e4e4;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    border-radius: 4px;
    min-width: 230px;
    background: #fff;
    padding: 10px;
    outline: none;
}

.orderDetailTabs .nav-tabs > li {
    width: 50%;
}

.orderDetailTabs .nav-tabs {
    border-bottom: none;
    margin: 0;
}

    .orderDetailTabs .nav-tabs > li.active > a, .orderDetailTabs .nav-tabs > li.active > a:focus, .orderDetailTabs .nav-tabs > li.active > a:hover {
        background-color: #F9F1F1;
        border: none;
    }

    .orderDetailTabs .nav-tabs > li > a {
        background: #E1DADA;
        margin: 0;
        color: #000 !important;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px;
        padding: 12px 20px !important;
        border: none;
    }

.orderDetailTabs .tab-content {
    background: #faf1f1;
    float: left;
    width: 100%;
}

.finalRate {
    border: 2px solid #8b2757;
    float: left;
    width: 100%;
    padding: 7px 10px;
}

    .finalRate .caldata {
        text-transform: uppercase;
        font-weight: 800;
        font-size: 16px;
        line-height: 26px;
    }

.paymentForm .form-control-static {
    height: 40px;
    border: 1px solid #e3e4e4;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    width: 100%;
    border-radius: 4px;
    padding: 10px;
}

.orderDetailTabs {
    max-width: 380px;
    margin: 14px auto 0;
}

.myDropdown .dropdown.bootstrap-select {
    width: 100% !important;
}

.myDropdown button.btn.dropdown-toggle.bs-placeholder.btn-default {
    height: 40px;
    border: 1px solid #e3e4e4;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    box-shadow: none !important;
    text-transform: capitalize;
    width: 100%;
}

.adminSectionTabs .nav-tabs > li {
    width: 33.33%;
}

.adminSectionTabs .nav-tabs {
    border-bottom: none;
    margin: 0;
}

    .adminSectionTabs .nav-tabs > li.active > a, .adminSectionTabs .nav-tabs > li.active > a:focus, .adminSectionTabs .nav-tabs > li.active > a:hover {
        background-color: #F2FAF1;
        border: none;
    }

    .adminSectionTabs .nav-tabs > li > a {
        border: none;
        background: #E1E9E1;
        margin-right: 1px;
        color: #000 !important;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px;
        padding: 12px 20px;
    }

.adminSectionTabs .tab-content {
    background: #F2FAF1;
    float: left;
    width: 100%;
}

.airportCodesWrapper {
    padding: 20px;
}

.adminSectionBorder {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.adminSectionLabel {
    float: left;
    width: auto;
    min-height: 30px;
}

.adminSectionSpan {
    float: left;
    width: auto;
    min-height: 30px;
    text-align: right;
    font-weight: 800;
    padding-left: 20px;
}

#OtherCarrierRates .jtable-main-container > table.jtable > thead {
    background-color: #1c232d;
}

    #OtherCarrierRates .jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
        background-size: 13px;
    }

.inputWithLabel {
    padding: 14px 12px 2px 12px !important;
}

.inputLabelAbs {
    position: absolute;
    background: #1c232d;
    width: 100%;
    color: #fff;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 12px;
}

.focusLabel {
    background: #fff !important;
}

.inputLabelAbs + .form-control-static {
    padding: 16px 12px 2px 12px;
}

.tradeShowDetail.topSection label {
    color: #000;
    font-weight: bold;
    margin: 0;
}

.tradeShowDetailDiv {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    line-height: 16px;
    padding-bottom: 10px;
    font-size: 14px;
}

.fontBold .tradeShowDetailDiv {
    font-weight: 600;
    color: #000;
}

.tradeShowDetailDivWithoutBorder {
    border-bottom: none !important;
}

.tradeShowDetaillabel {
    text-transform: uppercase;
    font-weight: 600;
    color: #a7a6a6;
    font-size: 13px;
    width: 100%;
}

.displayno {
    display: none;
}

.activeCard .displayno {
    display: block;
}

.addCreditCard.displayno {
    margin: 0 10px 10px;
    background: #fff;
}

.creditCardBox {
    width: 100%;
    display: block;
    padding: 10px;
    font-weight: 600;
}

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

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

.tradeShowDetailBottomTabs .tab-pane {
    padding: 20px;
    background: #E9F7FE;
}

.tradeShowDetailBottomTabs .nav-tabs li a {
    background: #E1EEF5;
    margin: 0;
    color: #000;
    text-align: center;
    padding: 10px 20px 10px;
    font-weight: 800;
    text-transform: uppercase;
    height: auto;
    border: none !important;
}

.tradeShowDetailBottomTabs .nav-tabs li.active a {
    background: #E9F7FE;
}

.tabs-left.nav-tabs {
    border-right: none;
    margin: 0;
}

.tradeShowDetailBottomTabs .nav-tabs > li.active > a, .tradeShowDetailBottomTabs .nav-tabs > li.active > a:hover, .tradeShowDetailBottomTabs .nav-tabs > li.active > a:focus {
    color: #000 !important;
    padding: 10px 20px 10px !important;
}

/*.fullWidthInput2 {
    padding: 0;
    text-align: right;
    font-weight: 800;
    color: #000;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 5px;
    line-height: 34px;
}*/

.fullWidthLabel {
    width: 140px;
    padding: 0;
    color: #000000;
    font-size: 13px;
    float: left;
    line-height: 34px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 5px;
}

.header .mobi-toggler {
    margin: 15px 0 0 30px;
}

.emailReceiptButton {
}

#textBox .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

#textBox .modal-dialog {
    width: 450px;
}

#textBox .modal-body {
    padding-bottom: 0;
}

#textBox .modaltextarea {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    min-height: 100px;
    outline: none;
    padding: 10px;
}

.popupSendEmail {
    position: relative;
    width: 90px;
}

.hiddenTextarea {
    position: absolute;
    top: -115px;
    background: #fff;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 4px;
    right: 0;
    left: auto;
    width: 350px;
}

    .hiddenTextarea input {
        width: 100%;
        height: 40px;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding: 5px;
        outline: none;
    }

    .hiddenTextarea button {
        margin: 10px 0 0 0;
        float: right;
        width: 100% !important;
        color: #fff;
    }

    .hiddenTextarea::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #1c232d;
        bottom: -6px;
        position: absolute;
        left: auto;
        right: 10px;
    }

.emailReceiptButton {
    background: #4CBA42;
    border: 1px solid #4CBA42;
    padding: 5px 5px 2px 5px !important;
    box-shadow: 0 5px 9px rgba(76,186,66,.2), 0 5px 9px rgba(76,186,66,.26) !important;
}

    .emailReceiptButton:active, .emailReceiptButton:hover, .emailReceiptButton:focus {
        color: #fff;
        background-color: #46ab3c !important;
        border-color: #46ab3c !important;
    }

.activeCard .addCreditCard.savedcard {
    background: transparent;
    border: none;
}

.mainHeader {
    margin: 0;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 12px 15px;
    background: #66FEFF;
    color: #000000;
    margin-bottom: 5px;
}

.mainHeaderOrdarSummary {
    margin: 0;
    font-weight: 600;
    font-size: 13px;
    padding: 12px 15px;
    background: #66FEFF;
    color: #000000;
    margin-bottom: 5px;
}

.wd300 {
    width: 250px !important;
}

#tblTradeshow .jtable-title, #tblTradeshow .jtable, #tblTradeshow .jtable-bottom-panel {
    min-width: 1200px;
}

.subHeading {
    margin: 0 0 10px 0;
    font-weight: 600;
}

.mw200 {
    width: 100%;
    margin: 0 auto 20px !important;
    /*border: 2px solid #8b2757;*/
    padding: 5px 10px 0 10px;
    background: #ffffff;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}

    .mw200 label {
        width: 100%;
        text-align: left;
        color: #000;
    }

        .mw200 label span {
            text-align: right !important;
            float: right;
            font-weight: 800;
        }

.insurancePara {
    font-size: 12px;
}

.insHead {
    float: left !important;
    width: auto !important;
    line-height: 30px;
    margin-right: 10px;
}

.md-checkbox-list.yesNo {
    width: 60px !important;
    float: left !important;
}

.amoutInput {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    height: 20px;
    padding: 5px;
    outline: none;
}

.bothpad5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.bothpad10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.quoteDetailCont {
    width: 355px;
    float: left;
    padding: 20px 15px 0;
}

.topImportantInputs {
    width: calc(100% - 355px);
    float: left;
    padding: 0 15px;
}

.tradeShowTabs li {
    float: left !important;
    width: 200px;
}

.signatureField {
    float: left !important;
    width: 330px !important;
    padding-top: 5px;
}

    .signatureField label {
        float: left;
        width: 72px;
        text-align: right;
        margin: 5px 0 0 0;
    }

    .signatureField input {
        float: left;
        width: calc(100% - 100px);
        border: none;
        border-bottom: 1px solid #E3E4E4;
        margin: 0;
        outline: none;
        padding: 5px;
    }

.dropdown-menu {
    z-index: 9999 !important;
}

#docStatus {
    min-width: 300px;
}

.lineWithDelIcon {
    float: left;
    width: calc(100% - 34px);
}

.delIcon {
    margin: 30px 0 0 0;
}

.create-account {
    display: none;
}

.login .copyright {
    color: #ffffff !important;
}

.lblRateWithFuel font {
    margin-right: 5px;
}

.page-header.navbar .page-top {
    height: 55px !important;
}

.modal-header {
    padding: 10px 15px;
}

.radioButttonsYesNo {
    float: left;
}

    .radioButttonsYesNo input {
        float: left;
        margin: 8px 0 0 0;
    }

    .radioButttonsYesNo label {
        width: auto;
        margin: 4px 10px 0 5px;
        float: left;
    }

.adminInfoIcon {
    float: right;
    height: 30px;
    width: 30px;
    background: #802150;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
}

.infoIconWrapper {
    position: relative;
}

.hoverDisplay {
    display: none;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 45px;
    box-shadow: 2px 2px 7px rgba(0,0,0,0.2);
}

.adminInfoIcon:hover + .hoverDisplay {
    display: block;
}

.smallBtn {
    background: #872656;
    border: 1px solid #872656;
    padding: 7px 10px 7px !important;
}

    .smallBtn:active, .smallBtn:hover, .smallBtn:focus {
        color: #fff;
        background-color: #6C1B43 !important;
        border-color: #6C1B43 !important;
    }

div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
    background-size: 13px !important;
}

#tblZipCode .jtable-title, #tblZipCode .jtable, #tblZipCode .jtable-bottom-panel {
    min-width: 1200px;
}

#tblCarriersRates .jtable-title, #tblCarriersRates .jtable, #tblCarriersRates .jtable-bottom-panel {
    min-width: 1200px;
}

.agtruleInput {
    width: 210px !important;
}

#tblHotLeads .jtable-main-container {
    /*overflow-x: visible;*/
    position: static;
}

.actionItem a img {
    /*vertical-align: top;*/
}

#tblHotLeads .jtable, #tblHotLeads .jtable-title, #tblHotLeads .jtable-bottom-panel {
    min-width: 1500px;
}

    #tblHotLeads .jtable .date .glyphicon {
        top: 10px;
    }

.blazing-icon img {
    width: 9px;
    height: 14px;
}

.note-icon img {
    width: 14px;
    height: 14px;
}

.hot-lead-icon img {
    width: 14px;
    height: 14px;
}

.Email img {
    width: 17px;
    height: 15px;
}

.CML img {
    width: 20px;
    height: 14px;
}

.creditIcon img {
    width: 17px;
    height: 18px;
}

.popOuter {
    display: inline-block;
    position: static;
    float: left;
}

.dropdown-div {
    display: none;
    border: 1px solid #d2d2d2;
    float: left;
    width: 100%;
    padding: 8px 8px;
    margin: 23px 0px 0px -18px;
    position: absolute;
    background: #fff;
    box-shadow: 5px 5px rgba(102,102,102,.1);
    z-index: 999;
}

.popOuter .dropdown-div {
    width: 370px;
    font-family: 'MyriadPro-Regular';
}

.dropdown-div:before {
    position: absolute;
    top: -8px;
    left: 2px;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d2d2d2;
    border-left: 8px solid transparent;
    content: '';
}

.dropdown-div:after {
    position: absolute;
    top: -7px;
    left: 3px;
    right: auto;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

.popOuter .dropdown-div .form-group {
    margin-bottom: 0;
}

.popOuter .dropdown-div textarea {
    margin-bottom: 10px;
    height: 100px;
}

.popOuter .dropdown-div .form-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
    padding: 5px 8px 2px;
}

.popOuter .dropdown-div .form-group .btn {
    float: right;
    margin-left: 4px;
}

.popOuter .dropdown-div.open {
    display: inline-block;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.disabledForUser {
    pointer-events: none;
    cursor: default;
    opacity: 0.8;
}

#AuditLogFilterForm .row {
    margin-left: -1px;
    margin-right: -1px;
}

#AuditLogFilterForm .col-lg-2.col-md-4.col-sm-6, #AuditLogFilterForm .col-lg-2.col-md-3.col-sm-6, #AuditLogFilterForm .col-lg-2.col-md-5.col-sm-6 {
    padding-left: 1px;
    padding-right: 1px;
}

.filterRadio {
    padding: 0;
    margin-top: -5px;
    /*width: 225px;*/
}

    .filterRadio .mt-radio {
        /*width: calc(50% - 35px);*/
        margin-right: 10px;
        display: inline-block;
        margin-bottom: 0px;
        font-size: 13px;
        padding-left: 18px;
    }

        .filterRadio .mt-radio > span {
            width: 14px;
            height: 14px;
        }

            .filterRadio .mt-radio > span:after {
                left: 3px;
                top: 3px;
            }

/*--------------Office Use Page----------------------------*/
.officeUsequotClculatorContainer {
    max-width: 100%;
    margin-top: -15px;
}

    .officeUsequotClculatorContainer .portlet.light {
        padding: 0px 5px 5px 5px;
    }

        .officeUsequotClculatorContainer .portlet.light .portlet-body {
            padding-top: 5px;
        }

.filterInputs {
    width: 580px;
    float: left;
    padding: 0 15px;
}

    .filterInputs .padding-lr2, .filterweight .padding-lr2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .filterInputs .row.row-mlr-2, .filterweight .row.row-mlr-2 {
        margin-right: -2px;
        margin-left: -2px;
    }

    .filterInputs .row.row-mlr-5, .filterweight .row.row-mlr-5 {
        margin-right: -5px;
        margin-left: -5px;
    }

    .filterInputs .padding-lr5, .filterweight .padding-lr5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .filterInputs .form-group {
        margin-bottom: 8px;
        width: 100%;
    }

    .filterInputs label {
        text-transform: uppercase;
        font-weight: 600;
        color: #a7a6a6;
        font-size: 12px;
        width: 100%;
    }

    .filterInputs .form-control {
        height: 33px;
        border: 1px solid #228B22;
        font-weight: 600;
        color: #000;
        font-size: 13px;
        width: 100%;
        padding: 6px 6px;
    }

    .filterInputs div.form-control {
        background: #faf1f1;
        border: 1px solid #e3e4e4;
    }

.filterAddress {
    p /*adding-left: 5px;
            padding-right: 5px;*/
}

    .filterAddress p {
        color: #444343;
        margin-bottom: 0px;
        padding: 5px 10px;
        background: #F2FAF1;
    }

        .filterAddress p strong {
            width: 45px;
            display: inline-block;
        }

.outputArea {
    width: calc(100% - 580px);
    float: left;
    padding: 0 15px;
}

    .outputArea .allLabels {
        padding: 10px 20px 0px;
        border-radius: 4px;
        margin: 0;
    }

.charges {
    padding: 10px 20px 5px;
    border-radius: 4px;
    margin: 0;
    background: #F2FAF1;
    float: left;
    width: 100%;
}

.borderbtm {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.charges label {
    float: left;
    min-height: 22px;
    color: #000000;
    font-size: 15px;
    width: 50%;
    margin: 0;
    padding: 0px 0px 0 0px;
    padding-right: 0px;
}

.charges .chargeAmount {
    width: 50%;
    margin: 0 0 0px 0;
    text-align: right;
    font-size: 15px;
    padding: 0px 0px 0px 5px;
    border-radius: 3px;
    min-height: 22px;
    min-width: 40px;
    float: left;
}

.totalAmount {
    border: 2px solid #8b2757;
    float: left;
    width: 100%;
    padding: 4px 6px;
    background: #FEFE08;
}

.charges .totalAmount .caldata {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 15px;
    line-height: 22px;
    min-height: inherit;
}

.charges .totalAmount .chargeAmount {
    font-weight: 800;
}

.totalAmount a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
    padding: 0px;
    box-shadow: none;
    background: #872656;
    border: 1px solid #872656;
    margin-top: -3px;
}

.quoteDetail {
    padding: 10px 4px 10px;
    border-radius: 4px;
    margin: 0;
    background: #F2FAF1;
    float: left;
    width: 100%;
}

    .quoteDetail .discription {
        min-height: 22px;
        display: block;
        font-size: 12px;
    }

    .quoteDetail .skema-courier {
    }

.agentRank {
    padding: 10px 20px 10px;
    border-radius: 4px;
    margin: 0;
    background: #F2FAF1;
    float: left;
    width: 100%;
}

    .agentRank label {
        float: left;
        min-height: 30px;
        color: #000000;
        font-size: 14px;
        width: 50%;
        margin: 0;
        padding: 2px 0px 0 0px;
        padding-right: 10px;
    }

    .agentRank .chargeAmount {
        width: 50%;
        margin: 0 0 0px 0;
        text-align: right;
        font-weight: 800;
        font-size: 16px;
        padding: 5px 5px;
        border-radius: 3px;
        min-height: 30px;
        min-width: 40px;
    }

.actualWeight .form-group {
    margin-bottom: 10px;
    width: 100%;
}

.actualWeight label {
    text-transform: uppercase;
    font-weight: 600;
    color: #a7a6a6;
    font-size: 13px;
    width: 100%;
}

.actualWeight .form-control {
    height: 33px;
    border: 1px solid #228B22;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    width: 100%;
    padding: 2px 6px;
}

.actualWeight .date-range-picker {
    letter-spacing: -0.5px;
}

.actualWeight div.form-control {
    background: #faf1f1;
    border: 1px solid #e3e4e4;
    padding: 6px;
}

.actualWeight .form-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 3px 10px 2px;
    font-weight: 500;
}

.carrierBlock {
    max-width: inherit;
    float: left;
    width: 100%;
    margin-top: 0px;
}

    .carrierBlock .allLabels {
        padding: 10px 10px 5px;
    }

    .carrierBlock .nav-tabs > li > a {
        padding: 10px 10px !important;
    }

    .carrierBlock .allLabels .col-md-6 {
        margin-bottom: 0;
    }

    .carrierBlock .filter-col .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
        padding: 0px;
        border-radius: 50%;
        box-shadow: none;
        background: #55B053;
        border: 1px solid #55B053;
    }

    .carrierBlock .allLabels label {
        font-size: 15px;
    }

    .carrierBlock .inputCocl {
        float: right;
        width: 80px;
        margin-bottom: 4px;
    }
        /*.carrierBlock .inputCocl .form-control {
            text-align: right;
            font-weight: 800;
            font-size: 16px;
            color: #000;
            border: 1px solid #e3e4e4;
            height: 33px;
            width: 100%;
            padding-right: 22px;
        }*/
        .carrierBlock .inputCocl .form-control {
            text-align: right;
            font-size: 15px;
            color: #000;
            border: 1px solid #228B22;
            height: 33px;
            width: 100%;
            padding-right: 22px;
        }

        .carrierBlock .inputCocl .input-icon.input-icon-sm > i {
            margin-top: 10px;
            color: #000;
            right: 4px;
            font-size: 16px;
            line-height: 14px;
            font-family: "Open Sans",sans-serif;
        }

    .carrierBlock .dynamicResult {
        padding: 0;
        width: 50%;
        margin: 0 0 0px 0;
        font-weight: normal;
        font-size: 15px !important;
    }

.outputArea .orderDetailTabs {
    max-width: inherit;
    float: left;
    width: 100%;
    margin-top: 5px;
}

    .outputArea .orderDetailTabs .inputCocl {
        float: right;
        width: 80px;
        margin-bottom: 4px;
    }

.outputArea .inputCocl .form-control {
    text-align: right;
    font-weight: 800;
    font-size: 16px;
    color: #000;
    border: 1px solid #e3e4e4;
    height: 33px;
    width: 100%;
    padding-right: 22px;
}

.outputArea .inputCocl .input-icon.input-icon-sm > i {
    margin-top: 10px;
    color: #000;
    right: 4px;
}

.outputArea .dynamicResult {
    padding: 0;
    width: 50%;
    margin: 0 0 0px 0;
}

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

.rankblock {
    padding: 5px 20px 5px;
    border-radius: 0px;
    margin: 0;
    background: #1C232D;
    float: left;
    width: 100%;
    text-align: center;
}

    .rankblock .form-control {
        background: #1C232D url(../Images/down-arrow.png) 95% 9px no-repeat;
        color: #fff;
        border: 1px solid #1C232D;
        width: 80px;
        float: none;
        height: 22px;
        padding: 0px 5px;
        display: inline-block;
        appearance: none;
    }

    .rankblock label {
        font-size: 16px;
        margin: 0 15px 0 0;
        font-weight: 600;
        color: #fff;
    }

    .rankblock span {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
    }

.daysBlockInr {
    width: calc(100% - 133px);
    float: left;
}

.cutoffTime {
    width: 133px;
    float: left;
}

.daysBlock h2 {
    float: left;
    width: 100%;
    border: none;
    background: #fff;
    margin: 0px 0 0 0;
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 2px 0px;
    font-size: 14px;
    text-align: center;
}

.availableDay h2 {
    background: #fff;
    color: #000;
}

.daysBlock span.inputLabelAbs {
    text-align: center;
    padding: 0;
}

.daysBlock span.day {
    background: #e7505a;
    color: #000;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    width: calc(20% - 3px);
    min-height: 25px;
    border: 1px solid #000;
}

.cutoffTime span.day {
    width: calc(100% - 3px);
    margin-left: 3px;
}

.availableDay span.day {
    background: #f5c450;
    color: #000;
}

#ranklist hr {
    border: 1px solid #DFE6F1;
    margin: 10px 0;
}

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

    .allRankBlock span.inputLabelAbs {
        text-align: center;
        position: static;
        width: 100%;
        display: block;
        padding: 2px 5px;
        height: auto;
    }

    .allRankBlock .position_rel {
        cursor: pointer;
    }

    .allRankBlock .form-control {
        padding: 5px 10px 5px 10px;
        border: 1px solid #228B22;
        font-weight: 800;
        color: #000;
        font-size: 14px;
        width: 100%;
        text-align: center;
        border-radius: 0 !important;
        border-top: 0;
        height: 28px;
    }

.spotRate .form-control {
    width: 100%;
    margin-bottom: 10px;
}

.spotRate div.form-control {
    background: #faf1f1;
}

.quoteDetail .row {
    margin-left: -5px;
    margin-right: -5px;
}

.quoteDetail .col-md-6.col-sm-6.col-xs-12 {
    padding: 5px;
}

.piecesOutupArea .AllcalRows {
    overflow: auto;
    max-height: 210px;
}

.spotRateOuter {
    padding: 5px 10px 0;
    margin-top: 25px;
}

    .spotRateOuter .form-control {
        height: 40px;
        border: 1px solid #228B22;
        font-weight: 600;
        color: #000;
        font-size: 13px;
        width: 100%;
        height: 24px;
        padding: 6px 6px;
    }

    .spotRateOuter .form-group {
        margin-bottom: 3px;
        width: 100%;
    }

    .spotRateOuter .borderbtm {
        margin-bottom: 0;
        border: 0;
        padding: 9px 0 4px;
    }

    .spotRateOuter .discription {
        font-weight: 800;
        font-size: 14px;
    }

.spotRateBlock {
}

.accessRateBlock {
}

.piecesOutupArea {
    position: relative;
}

    .piecesOutupArea .copydimcontent {
        position: absolute !important;
        top: 3px;
        right: 3px;
    }

        .piecesOutupArea .copydimcontent.btn.dark:not(.btn-outline) {
            background: #55B053;
            padding: 3px 5px 4px;
        }

    .piecesOutupArea .clacbody td, .piecesOutupArea .clacresult td {
        width: 16.6%;
    }

    .piecesOutupArea .smallBtn {
        background: #872656;
        border: 1px solid #872656;
        padding: 4px 6px 1px !important;
    }

    .piecesOutupArea .btnClear:not(.btn-outline), .btn.default.btnClear:not(.btn-outline) {
        background: #CA413E;
        border: 1px solid #CA413E;
        color: #fff;
        padding: 4px 6px 1px !important;
    }

        .piecesOutupArea .btnClear:not(.btn-outline):active:focus, .piecesOutupArea .btnClear:not(.btn-outline):active, .piecesOutupArea .btnClear:not(.btn-outline):focus .piecesOutupArea .btnClear:not(.btn-outline):active:hover, .piecesOutupArea .btnClear:not(.btn-outline):hover {
            background: #e4303c;
            border: 1px solid #e4303c;
            color: #fff;
        }

.outerBorder {
    border: 1px solid #55b055;
}

    .outerBorder > .row {
        display: flex;
        margin-left: -5px;
        margin-right: -5px;
    }

        .outerBorder > .row .col-sm-12, .outerBorder > .row .col-md-6, .outerBorder > .row .col-lg-6 {
            padding-left: 5px;
            padding-right: 5px;
        }

    .outerBorder .quoteDetail {
        height: 100%;
    }

.copycontent {
    background: #55B053;
    position: relative;
}

    .copycontent > .row {
        display: flex;
    }

    .copycontent .row-mlr-5 {
        margin-right: -5px;
        margin-left: -5px;
    }

    .copycontent .padding-lr5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .copycontent .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        /*box-shadow: none;
    text-align: right;*/
        border-radius: 0;
        cursor: pointer;
        position: absolute;
    }

    .copycontent .copycontent {
        color: #fff;
        right: 0;
    }

    .copycontent label {
        padding: 3px 5px;
        font-size: 12px;
        margin: 0;
    }

.hiddenforlg {
    background: #449244;
    width: 100%;
    float: left;
}

    .hiddenforlg label {
        padding: 3px 5px;
        font-size: 13px;
        margin: 0;
    }

#tblcopycharges {
    opacity: 0;
    position: absolute;
    top: -1000px;
}

.padding-right-0 {
    padding-right: 0;
}

.filterweight {
    width: 49%;
    float: left;
    padding: 0 15px;
}

.CarrierOutputArea {
    width: 51%;
    float: left;
    padding: 0 15px 0 0px;
}

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

.CarrierOutputArea .percentagebutton .addPercentage:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
    padding: 0px 3px;
    margin: 0px 0px 4px 0;
    box-shadow: none;
    background: #872656;
    border: 1px solid #872656;
    color: #fff;
    width: 22px;
    font-size: 13px;
    border-radius: 0;
    max-width: 15.4%;
    margin-left: -1px;
}

.percentagebutton .btn-toggle .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
    padding: 2px 3px;
    margin-bottom: 4px;
}

.airportOutput {
    background: #F2FAF1;
    float: left;
    padding: 2px 5px 5px;
    width: 100%;
}

    .airportOutput label {
        float: left;
        min-height: 22px;
        color: #000000;
        font-size: 13px;
        width: calc(100% - 80px);
        margin: 0;
        padding: 0px 0px 0 0px;
        padding-right: 0px;
        font-weight: 400;
        text-transform: capitalize;
    }

    .airportOutput .chargeAmount {
        float: left;
        width: 80px;
        margin: 0 0 0px 0;
        text-align: right;
        font-size: 14px;
        padding: 0px 0px 0px 5px;
        border-radius: 3px;
        min-height: 22px;
        min-width: 40px;
        text-align: right;
    }

    .airportOutput label .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
        padding: 0px 3px;
        margin: 0px 0px 4px 0;
        box-shadow: none;
        background: #872656;
        border: 1px solid #872656;
        color: #fff;
        width: 26px;
        font-size: 14px;
    }

    .airportOutput label .btn + .btn {
        margin: 2px 0;
    }

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

.btnRefresh {
    background: #CA413E;
    border: 1px solid #CA413E;
    color: #fff;
    padding: 8px 40px;
    box-shadow: 0 5px 9px rgba(76,186,66,.2), 0 5px 9px rgba(76,186,66,.26);
}

    .btnRefresh:active, .btnRefresh:hover, .btnRefresh:focus {
        color: #fff;
        background-color: #e4303c;
        border-color: #e4303c;
    }

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

.padding-left-25 {
    padding-left: 25px;
}

.padding-right-30 {
    padding-right: 30px;
}
/*--------------Office Use Page End----------------------------*/


/**Match Comparsion***/
.showComparisionRadiobox {
    display: inline-block;
    margin: 0 0 0 10px;
}

    .showComparisionRadiobox .mt-radio-inline {
        background: #fff;
        padding: 6px;
        border-radius: 4px;
    }

        .showComparisionRadiobox .mt-radio-inline .mt-radio {
            margin-bottom: 0;
        }

.comparsionBlockOuter {
    display: flex;
    flex-flow: wrap;
}

.inputWithIcon {
    position: relative;
}

.comparsonBlock {
    width: calc(25% - 10px);
    margin: 0 10px 0px 0;
}

    .comparsonBlock:nth-child(4n) {
        margin-right: 0;
        width: 25%;
    }

    .comparsonBlock .table-advance thead tr th, .comparsonBlock .table-advance tbody tr th {
        background-color: #1C232D;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        border: 1px solid #293342;
    }

        .comparsonBlock .table-advance thead tr th:first-child {
            width: 140px;
        }

    .comparsonBlock .table-advance tbody tr th {
        background-color: #F9F1F1;
        border: 1px solid #e2e0e0;
        color: #5B0F01;
    }

    .comparsonBlock .table > tfoot > tr > td, .comparsonBlock .table > tfoot > tr > th {
        background-color: #b3ffa9;
        color: #5B0F01;
        border: 1px solid #abeca2;
        font-weight: 600;
    }

    .comparsonBlock .table > tbody > tr > td, .comparsonBlock .table > tbody > tr > th, .comparsonBlock .table > tfoot > tr > td, .comparsonBlock .table > tfoot > tr > th, .comparsonBlock .table > thead > tr > td, .comparsonBlock .table > thead > tr > th {
        padding: 4px;
        line-height: 1.42857;
        vertical-align: top;
    }

    .comparsonBlock .table-advance thead tr + tr th + th, .comparsonBlock .table > tbody > tr > td, .comparsonBlock .table > tfoot > tr > td {
        text-align: right;
    }

.comparsionTotalBlock {
    width: calc(100% - 0px);
}

    .comparsionTotalBlock .table-advance thead tr th {
        background: #1c232d;
        color: #fff;
        border: 1px solid #293342;
    }

        .comparsionTotalBlock .table-advance thead tr th + th {
            text-align: right;
        }

    .comparsionTotalBlock .table-advance tbody tr th {
        background: #F2FAF1;
        color: #5B0F01;
        border: 1px solid #e6e6e6;
        font-weight: 400;
    }

    .comparsionTotalBlock .table > tfoot > tr > td, .comparsionTotalBlock .table > tfoot > tr > th {
        /*background-color: #F2FAF1;
        border: 1px solid #e6e6e6;*/
    }

.comparsonBlock table .form-control {
    height: 22px;
    padding: 0px 2px;
    border-radius: 2px !important;
    width: 80px;
    margin: 0 !important;
    float: right;
    font-size: 12px;
}

.comparson-newBlock .table-scrollable {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 20px);
    border: 2px dotted #e7ecf1;
}

.addNewBlock {
    width: 45px;
    height: 45px;
    background: #4CBA42;
    border: 2px dotted #4CBA42;
    text-align: center;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #fff;
}

    .addNewBlock:hover, .addNewBlock:focus {
        text-decoration: none;
        background: #4CBA42;
        border: 1px solid #4CBA42;
        box-shadow: 0 5px 9px rgba(76,186,66,.2), 0 5px 9px rgba(76,186,66,.26);
        color: #fff;
    }
/***Match Comparsion End***/

/***GoogleMap Css Start***/
.quote-googleMap {
    width: 100%;
    height: 268px;
    margin: 24px 0 0 0;
}

.mapboxgl-ctrl-attrib-button {
    display: none;
}

.mapboxgl-map {
    position: relative;
}

.mapboxgl-control-container {
    width: auto;
    position: absolute;
    top: 0px;
    right: 0;
    background: rgba(255, 255, 255, 0.6);
    padding: 2px 5px;
    display: none;
}

    .mapboxgl-control-container a {
        color: #872656;
    }

.overlayText {
    width: auto;
    position: absolute;
    top: 0px;
    left: 15px;
    background: rgba(255, 255, 255, 0.85);
    padding: 0px 5px;
}

    .overlayText label {
        text-transform: uppercase;
        font-weight: 600;
        color: #872656;
        font-size: 13px;
        width: auto;
        display: inline;
        margin-right: 6px;
    }

    .overlayText .mt-radio-inline {
        display: inline-block;
    }

        .overlayText .mt-radio-inline label {
            text-transform: capitalize;
            margin-bottom: 0;
        }

        .overlayText .mt-radio-inline .mt-radio {
            padding-left: 18px;
            margin-right: 5px;
            line-height: 16px;
        }

    .overlayText .mt-radio-inline {
        display: inline-block;
        padding: 2px 0;
    }

    .overlayText .mt-radio > span {
        height: 15px;
        width: 15px;
    }

        .overlayText .mt-radio > span:after {
            left: 4px;
            top: 4px;
            height: 5px;
            width: 5px;
        }

span#fourthbedge {
    top: -35px;
}
/***GoogleMap Css End***/

/***Book Shipment Popup*****/
#bsContainer .modal-dialog {
    width: 1575px;
    margin: 126px auto 0 313px;
    max-width: calc(100% - 313px);
}

#bsContainer .modal.fade .modal-dialog {
    -webkit-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transform: translate(0,100%);
}

#bsContainer .modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

#bsContainer .modal-content {
    background: none;
    box-shadow: none;
}

.bookshipment-block {
    border: 1px solid #ddd;
    padding: 0;
}

.shipmentDetail-row {
    display: flex;
    flex-flow: row;
}

    .shipmentDetail-row .panel {
        width: 33.33%;
        margin: 0px 8px 0px;
        /*min-height: 328px;*/
        min-height: 85vh;
        border: 2px solid #d4d2d2;
        box-shadow: none;
        background: #ececec;
    }


.bookshipment-block .panel {
    position: relative;
}

.bookshipment-block .panel-body {
    padding: 15px 8px 5px;
    opacity: 0.5;
    pointer-events: none;
}

.bookshipment-block .panel-primary > .panel-heading {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    font-weight: 600;
    padding: 0;
    position: absolute;
    right: 0;
}

.bookshipment-block .panel-title {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    padding: 9px 8px;
    display: inline-block;
    opacity: 0.5;
    border-radius: 0px 2px 0 0;
}

span.PickupEdit, span.DeliveryEdit {
    display: inline-block;
    padding: 8px 8px 6px;
    background: #8b2757;
    cursor: pointer;
    border: 2px solid #8b2757;
    border-radius: 0px 0px 3px 3px;
}

    span.PickupEdit i, span.DeliveryEdit i {
        color: #fff;
        font-size: 16px;
    }

.blockTitle {
    margin: 0;
    color: #000;
    font-weight: 600;
    padding: 0;
}

.bookshipment-block .panel-title span {
    float: right;
    font-size: 11px;
    background: #802150;
    color: #fff;
    box-shadow: none;
}

.bookshipment-block .row {
    margin-left: -5px;
    margin-right: -5px;
}

    .bookshipment-block .row > div {
        padding-left: 5px;
        padding-right: 5px;
    }

.bookshipment-block .form-group {
    margin-bottom: 16px;
}

    .bookshipment-block .form-group label {
        font-weight: 400;
        margin-bottom: 0;
        font-size: 12px;
    }

.bookshipment-block .form-control {
    height: 38px;
    /*padding: 2px 6px;
    font-size: 12px;*/
    background: #EEEEEE;
    border: 1px solid #EEEEEE;
    color: #000;
    padding: 6px 12px;
}

    .bookshipment-block .form-control:focus {
        border-color: #7B7B7B;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(147 161 187 / 60%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(147 161 187 / 60%);
    }

    .bookshipment-block .form-control::-webkit-input-placeholder { /* Edge */
        color: #7B7B7B;
    }

    .bookshipment-block .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #7B7B7B;
    }

    .bookshipment-block .form-control::placeholder {
        color: #7B7B7B;
    }

.bookshipment-block .date {
    background: #EEEEEE;
    border-radius: 4px;
}

.bookshipment-block textarea.form-control {
    height: auto;
}

.PickingQuestion {
}

.bookshipment-block .mt-checkbox-list, .bookshipment-block .mt-radio-list {
    padding: 4px 5px 4px;
}

.bookshipment-block .mt-checkbox, .bookshipment-block .mt-radio {
    margin-bottom: 2px;
    font-weight: 600;
    color: #000;
    margin-right: 3px;
}

    .bookshipment-block .mt-checkbox > span, .bookshipment-block .mt-radio > span {
        height: 15px;
        width: 15px;
    }

        .bookshipment-block .mt-radio > span:after {
            left: 4px;
            top: 4px;
            height: 5px;
            width: 5px;
        }

.bookshipment-block .mt-checkbox, .bookshipment-block .mt-radio {
    padding-left: 19px;
}

.pickupInfomation, .deliveryTradeinformation, .deliveryInformation {
    /*padding: 5px 10px 0;
    border: 1px solid #ddd;*/
}

    .pickupInfomation .blockTitle, .deliveryTradeinformation .blockTitle, .deliveryInformation .blockTitle {
        /*margin-bottom: 10px;*/
    }

.bookshipment-block .date .glyphicon {
    position: absolute;
    right: 10px;
    top: 12px;
}

.selectTradeshow {
    margin-bottom: 3px;
}

.conformationinformation {
    margin-bottom: 8px;
}

    .conformationinformation .blockTitle {
        margin-bottom: 10px;
    }

.deliverytradeshowresponse, .tradeShowlist {
    margin-top: 5px;
    padding: 0;
    border: 1px solid #802150;
    border-radius: 4px;
}

.pkupblockTitle, .dlvblockTitle {
    padding: 4px;
    background: #802150;
    color: #fff;
    font-size: 12px;
    border-radius: 2px 0;
}

.bookshipment-block .has-error .help-block-validation-error {
    font-size: 9px;
    margin-top: -19px;
    margin-bottom: 0;
    white-space: nowrap;
    position: absolute;
    right: 7px;
}

.bookshipment-block .date .help-block-validation-error {
    margin-top: 8px;
    right: 25px;
}


.bookshipment-view {
}

    .bookshipment-view .panel-body {
        padding: 0;
    }

.viewshipmentRow {
    border-bottom: 1px solid #fbebc8;
    width: 100%;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    flex-flow: row;
}

.viewshipmentlabel {
    width: 160px;
    background: #FDF9F0;
    padding: 5px 10px;
    color: #463206;
}

.viewShipmentValue {
    width: calc(100% - 160px);
    text-align: left;
    font-weight: 800;
    padding: 5px 10px;
    background: #fff;
    color: #242323;
}

.bookshipment-view .conformationinformation {
    margin-bottom: 0px;
}

.bookshipment-block .panel-primary > .bg-pickup .panel-title {
    background-color: #FDF9F0;
    border-color: #FDF9F0;
}

.bookshipment-block .panel-primary > .panel-heading.bg-delivery .panel-title {
    background: #DAEDFD;
    border-color: #DAEDFD;
}

.bookshipment-view .panel-body.bg-delivery .viewshipmentRow {
    border-bottom: 1px solid #bddcf7;
}

.bookshipment-view .panel-body.bg-delivery .viewshipmentlabel {
    background: #DAEDFD;
    color: #0a2235;
}

.bookshipment-block .panel-primary > .panel-heading.bg-confirmation .panel-title {
    background: #bdffb6;
    border-color: #bdffb6;
}

.bookshipment-view .panel-body.bg-confirmation .viewshipmentRow {
    border-bottom: 1px solid #a3f39b;
}

.bookshipment-view .panel-body.bg-confirmation .viewshipmentlabel {
    background: #bdffb6;
    color: #14480e;
}

span.shipmenttype {
    position: absolute;
    left: 0;
    right: 0;
    width: 70%;
    margin: auto;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
}

    span.shipmenttype i {
        margin: 0 8px;
    }

.bookshipment-view .panel-primary > .panel-heading {
    position: static;
}

.bookshipment-block button.close {
    border: 1px solid #8b2757;
    padding: 15px;
    text-align: center;
    background-image: url(../Images/remove-icon-small-white.png) !important;
    background-position: center;
    background-color: #8b2757;
    opacity: 1;
    border-radius: 4px;
}

.bookshipment-block button.save-button-rt {
    border: 1px solid #8b2757;
    padding: 15px;
    text-align: center;
    background-image: url(../Images/save-icon-white.svg) !important;
    background-position: center;
    background-size: 13px;
    background-color: #8b2757;
    opacity: 1;
    border-radius: 4px;
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    display: inline-block;
    margin-top: 36px;
    margin-right: -32px;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    text-indent: -10000px;
    outline: 0;
}

.shipmentDetail-row .activePanel {
    border: 2px solid #7B7B7B;
    background: #fff;
}

.bookshipment-block .panel-primary.activePanel > .panel-heading .panel-title {
    opacity: 1;
}

.bookshipment-block .activePanel .panel-body {
    opacity: 1;
    pointer-events: inherit;
}

.bookshipment-block .activePanel .form-control {
    /*background: #fff;
    border: 1px solid #aeaeae;*/
}

.bookshipment-block .activePanel .date {
    /*background: #fff;*/
}

#CarrierRule th, #CarrierRule td {
    white-space: nowrap;
    padding: 0 4px;
}

#CarrierRule .modal-dialog {
    width: 1070px;
}

#CarrierRule .mt-checkbox, #CarrierRule .mt-radio {
    padding-left: 19px;
    margin-right: 6px;
    margin-bottom: 0;
}

#CarrierRule .manageRulesTable input[type=checkbox], #CarrierRule .manageRulesTable input[type=radio] {
    height: auto;
}

#CarrierRule .mt-checkbox > span, #CarrierRule .mt-radio > span {
    width: 15px;
    height: 15px;
}

    #CarrierRule .mt-radio > span:after {
        left: 4px;
        top: 4px;
        height: 5px;
        width: 5px;
    }

#CarrierRule .manageRulesTable td button#Del {
    height: 22px;
    width: 25px;
    line-height: 12px;
}

.CarrierRuleDisabled td:last-child {
    opacity: inherit;
}

.CarrierRuleDisabled td {
    opacity: 0.5;
}

.CarrierRuleNewRowHide {
    display: none;
}


/***Book Shipment Popup****/
.genie-icon {
    display: inline-block;
    width: 38px;
    margin-left: 26px;
    position: relative;
}

    .genie-icon img {
        width: 100%;
        margin-top: -17px;
    }

.bubble {
    position: absolute;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 18px;
    width: 300px;
    background: #82327d;
    border-radius: 40px;
    padding: 18px;
    text-align: center;
    color: #fff;
    top: -76px;
    left: 54px;
    z-index: 9999;
    outline: none;
}

.bubble-bottom-left:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 12px solid #82327d;
    border-right: 13px solid transparent;
    border-top: 10px solid #82327d;
    border-bottom: 20px solid transparent;
    left: -13px;
    top: 50px;
    transform: rotate( 40deg );
}




.promo-icon img {
    width: 15px;
    height: 15px;
}

.dollar-icon img {
    width: 15px;
    height: 15px;
}

#pcq .modal-dialog {
    /*width: 950px;*/
}

#pcq .modal-body {
    padding: 0;
}

.questionAnswerOuter {
    border: 1px solid #ddd;
}

.que-row {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #ddd;
    flex-flow: wrap;
}

.ques, .ans {
    width: 100%;
    padding: 10px 30px;
}

.ques {
    font-size: 16px;
    font-weight: bolder;
}

.ans {
    background: #f5f5f5;
}

    .ans .form-group {
        margin-bottom: 0;
    }

    .ans .form-control {
        border: 1px solid #dedede;
        resize: none;
        height: 38px;
    }

    .ans .mt-radio-list {
        padding: 0px 0;
        display: flex;
    }

    .ans label.mt-radio {
        background: #fff;
        padding: 8px 10px 8px 38px;
        margin-bottom: 0;
        border-radius: 5px 0px 0px 5px;
        width: 50%;
    }

        .ans label.mt-radio > span {
            top: 9px;
            left: 12px;
        }

        .ans label.mt-radio + label.mt-radio {
            /*border-top: 1px solid #ddd;*/
        }

.mt-radio-list label.mt-radio:first-child {
    /*border-radius: 5px 5px 0 0;*/
}

.mt-radio-list label.mt-radio:last-child {
    border-radius: 0px 5px 5px 0px;
    border-left: 1px solid #ddd;
}

.ans .btn-toggle {
    width: 100%;
}

    .ans .btn-toggle .btn {
        width: 25%;
    }

.ans .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    box-shadow: none;
}

.ans .btn-primary.active.focus, .ans .btn-primary.active:focus, .ans .btn-primary.active:hover, .ans .btn-primary:active.focus, .ans .btn-primary:active:focus, .ans .btn-primary:active:hover, .ans .open > .btn-primary.dropdown-toggle.focus, .ans .open > .btn-primary.dropdown-toggle:focus, .ans .open > .btn-primary.dropdown-toggle:hover {
    background-color: #6f1c44;
    border-color: #6f1c44;
}

.ans .btn-primary.active, .ans .btn-primary:active, .ans .btn-primary:hover, .ans .open > .btn-primary.dropdown-toggle {
    background-color: #8b2757 !important;
    border-color: #8b2757 !important;
}

.button-group {
    text-align: center;
    padding: 32px 10px;
}

.queSubmit {
    background: #4CBA42;
    border: 1px solid #4CBA42;
    box-shadow: 0 5px 9px rgb(76 186 66 / 20%), 0 5px 9px rgb(76 186 66 / 26%) !important;
}

.emailOuter {
    text-align: center;
    padding: 20px 55px;
}

    .emailOuter h2 {
        font-size: 32px;
        font-weight: bold;
    }

    .emailOuter p {
        font-size: 18px;
        color: rgba(0,0,0,.64);
    }

    .emailOuter .form-group {
        margin-bottom: 0;
    }

    .emailOuter input.form-control {
        height: 50px;
        font-size: 16px;
    }

.actualWeight a.lockDiv {
    padding: 3px 0px 2px;
    vertical-align: middle;
    width: 30px;
    text-align: center;
    display: inline-block;
}

#ManageRules input.addRowBtnModal {
    background: #55B055 !important;
    border: 1px solid #55B055 !important;
    color: #fff !important;
}

.tblShipments {
    position: relative;
}

#tblShipments #ChargeQuotes, #tblShipments #countSelected {
    position: absolute;
    z-index: 9;
    right: 250px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 5px;
}

#tblShipments #countSelected {
    right: 48px;
    max-width: 194px;
    padding: 2px 10px
}

    #tblShipments #countSelected .badge {
        padding: 2px 5px 2px;
    }

    #tblShipments #countSelected.btn[disabled]:hover {
        background-color: #55B055 !important;
        border-color: #58a758 !important;
    }

/*------------------------------------------new admin design end-------------------------------*/
#imagemodal .modal-body .imagePrint {
    height: 87vh;
    overflow: auto;
}

/*------------------------------------------new dashboard design start-------------------------------*/
.sld-filter-row {
    background: #fff;
    padding: 15px 15px 0;
    margin-bottom: 15px;
    display: flex;
    border: 1px solid #e7ecf1;
}

.sld-filter-box {
    width: calc(100% - 98px);
    margin-right: 10px;
}

.sld-filter-btn {
    width: 50px;
}

.dashboard-stat.blue .details .number input {
    border: none;
    background: none;
    border-bottom: 1px solid #fff;
    text-align: right;
    width: 200px;
}

    .dashboard-stat.blue .details .number input:focus {
        border: none;
        border-bottom: 1px solid #fff;
        outline: none;
    }

    .dashboard-stat.blue .details .number input.disable {
        border: none;
        cursor: pointer;
    }

span.EditRevenueGoal {
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    float: left;
    margin-left: 15px;
    position: absolute;
}

.hotLead .font-lg, .totalLeads .font-lg, .emailLeads .font-lg {
    font-size: 30px;
}

.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control.padding-right-10 {
    padding-right: 10px;
}

.portlet.light > .portlet-title.min-height-auto {
    min-height: auto;
}

.highcharts-container text {
    font-family: "Open Sans",sans-serif;
}

.mt-widget-3 .mt-head .mt-head-icon.padding-top-5 {
    padding-top: 5px;
}

.mt-widget-3 .mt-head .mt-head-date.margin-top-5 {
    margin-top: 5px;
}
/*------------------------------------------new dashboard design end-------------------------------*/

/*****CaravanQuotes******/
.caravanQotesPage .panel-group {
    margin-bottom: 5px;
}

.caravanQotesPage .panel-default > .panel-heading {
    color: #333;
    background-color: #383f4a;
    border-color: #ddd;
    padding: 10px 0px 4px 15px;
}

.quotesSearch {
    display: inline-block;
    width: calc(100% - 0px);
    /*margin-left: 20px;*/
}

.carvanTitle .accordion .panel .panel-heading {
    /*padding: 8px 0px 8px 4px;*/
}

.carvanTitle > .title {
    max-width: calc(500px - 55px);
    width: calc(100% - 55px);
}

.carvanTitle input[type="text"] {
    padding: 8px 10px 8px 40px;
    background: none;
    font-weight: 600;
    border: 1px solid #4f555e;
    border-radius: 5px 0px 0px 4px !important;
    /*width: 30%;*/
    color: #fff;
    position: relative;
    /*background: url('/Common/Images/edit-icon.png') 6px center no-repeat;*/
}

.carvanTitle button#deleteCarvanTitle {
    padding: 7px 5px;
    border-radius: 0px 5px 5px 0px;
}
/*.carvanTitle input[type="text"]::before {
        content: "\f040";
        font-family: FontAwesome;
        color: #fff;
        font-size: 19px;
        background: #fff;
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        z-index: 999999;
    }*/
.carvanTitle input[type="text"]:hover, .carvanTitle input[type="text"]:focus {
    background: #4f555e;
    border: 1px solid #4f555e;
    border-radius: 4px;
    outline: none;
}

.carvanTitle .input-icon > i {
    z-index: 4;
    cursor: pointer;
}

.btn.openall, .btn.closeall {
}

    .btn.openall img, .btn.closeall img {
        width: 14px;
        height: 18px;
    }

.caravanQotesPage .accordion .panel .panel-title .accordion-toggle-styled {
    float: right;
    background-color: #55b055 !important;
    /* border: 1px solid #000; */
    padding: 15px 15px;
    margin: 2px 15px 0px 0;
    border-radius: 4px;
    background-position: center -23px;
    background-image: url('../../metronic/assets/global/img/accordion-plusminus-white.png');
    background-repeat: no-repeat;
}

.caravanQotesPage .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
    background-position: center 8px;
}

.caravanQotesPage .accordion .panel .panel-title .openPopup {
    float: right;
    padding: 6px 6px;
    margin: 2px 15px 0px 0;
    border-radius: 4px;
}

.caravanQotesPage .accordion .panel .panel-title .exportExcel {
    float: right;
    padding: 6px 6px;
    margin: 2px 15px 0px 0;
    border-radius: 4px;
}

.caravanQuotesCounter {
    font-size: 19px;
    font-weight: 300;
    color: #fff;
    font-family: 'MyriadPro-Regular';
    vertical-align: middle;
    display: inline-block;
    margin-top: -24px;
    margin-left: 9px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
}

    .caravanQuotesCounter:before {
        display: none;
        content: "|";
        margin-right: 40px;
        color: #919191;
    }

.allShipmentCount {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    font-family: 'MyriadPro-Regular';
    vertical-align: middle;
    display: inline-block;
    margin-top: -24px;
    background: rgba(85, 176, 85, 0.8);
    background: rgb(255, 255, 255, 0.1);
    border-radius: 0px 4px 4px 0px;
    padding: 6px 6px 3px 6px;
    margin-left: -15px;
    /* width: 106px; */
    overflow: hidden;
    margin-right: 10px;
    white-space: nowrap;
}

    .allShipmentCount span {
        background: #55b055;
        color: #fff;
        padding: 3px 5px 1px;
        border-radius: 4px 0px 0px 4px;
    }

.caravanQuoteTable .dataTables_scrollBody {
    max-height: inherit !important;
}

.caravanQotesPage table.dataTable tr.heading > th {
    font-family: 'Segoe UI Semilight','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    height: 52px;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    /*background: -moz-linear-gradient(top, #444343 0%,#1D1D1D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444343), color-stop(100%,#1D1D1D));
    background: -webkit-linear-gradient(top, #444343 0%,#1D1D1D 100%);
    background: -o-linear-gradient(top, #444343 0%,#1D1D1D 100%);
    background: -ms-linear-gradient(top, #444343 0%,#1D1D1D 100%);
    background: linear-gradient(to bottom, #444343 0%,#1D1D1D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444343', endColorstr='#1D1D1D',GradientType=0 );*/
    border: 1px solid #444b56;
    padding: 0 10px 0 10px;
    background: #383f4a;
}

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

.editableTable .dataTables_scroll {
    margin-bottom: 0;
}

.caravanQuoteTable .table-scrollable {
    margin-bottom: 0 !important;
}

.caravanQuoteTable .addNewRow:hover, .caravanQuoteTable .addNewRow:focus, .caravanQuoteTable .generateBOIbtn:hover, .caravanQuoteTable .generateBOIbtn:focus {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.editableTable .table td {
    padding: 0;
    vertical-align: middle;
    height: 35px;
}

    .editableTable .table td .form-control {
        height: 100%;
        display: table-cell;
        background: #fff;
        border: 1px solid #fff;
        border-radius: 0 !important;
        padding: 4px 6px;
        /*font-weight: 600;*/
        font-size: 14px;
        transition: 0.2s;
    }

        .editableTable .table td .form-control:hover, .editableTable .table td .form-control:focus {
            border: 1px solid #f36a5a;
            background: #fff;
        }

        .editableTable .table td .form-control.disabled {
            background: #f3f4f6;
        }

.editableTable table.dataTable.no-footer {
    border-bottom-color: #e7ecf1;
}

.editableTable table.dataTable caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    background: #1D232D;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
    font-size: 19px;
}

.quoteName {
    width: 300px;
}

.editableTable table.dataTable .date {
    width: 120px;
}

.docDate {
    margin: 0;
}

    .docDate button.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm, .docDueDate button.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
        padding: 4px 2px;
        box-shadow: none;
        background: transparent;
        border: 0;
        color: #000;
        margin: 0;
    }

    .docDate button.btn i, .docDueDate button.btn i {
        color: #000;
        font-size: 18px;
    }

.editableTable table.dataTable a.lockDiv {
    background: #337ab7;
    color: #fff;
    right: 30px;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 12px;
    width: 23px;
    display: inline-block;
    text-align: center;
}

.editableTable .caravanQuoteTable + .caravanQuoteTable {
    margin-top: 20px;
}

.caravanQotesPage .form-actions {
    padding: 0px;
    margin: 0;
    /*background-color: #f5f5f5;*/
}

.caravanQuoteTable table.dataTable thead .sorting:after {
    opacity: 0.8;
}

.caravanQuoteTable table.dataTable thead .sorting_desc:after, .caravanQuoteTable table.dataTable thead .sorting_asc:after {
    opacity: 1;
}

.caravanQuoteTable table.dataTable .docDate {
}

.caravanQuoteTable table.dataTable .caravanAction {
    white-space: nowrap;
    width: 117px;
    position: static;
}

.caravanAction label.mt-checkbox {
    padding-left: 22px;
    margin-left: 10px;
    float: left;
    margin-top: 3px;
}

.caravanAction .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 4px;
    background: #fff;
    margin: 0 5px;
    font-size: 16px;
    display: inline-block;
    float: left;
}

.caravanAction .smallBtn {
    color: #fff;
}

.caravanQotesPage table.dataTable thead th .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
    padding: 4px 5px;
    margin-left: 0;
}

.caravanQotesPage table.dataTable tfoot th, caravanQotesPage table.dataTable tfoot td {
    padding: 2px 5px 2px 5px;
    border-top: 2px solid #c1b8b8;
    font-size: 16px;
}

    .caravanQotesPage table.dataTable tfoot th .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm, caravanQotesPage table.dataTable tfoot td .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
        padding: 4px 10px 4px !important;
    }

.costContent {
    height: 20px;
    margin: 3px 0 0 0px;
    padding: 0px 2px;
    font-weight: 600;
}

input[name="InternalNotes"], input[name="PurchasingNotes"], select[name="DocStatus"] {
    width: 200px;
}

.ClosingNotes {
    width: 300px;
}

.caravanQotesPage .popOuter {
    display: inline-block;
    margin-left: 0px;
    margin-right: 2px;
    float: none;
}

    .caravanQotesPage .popOuter .note-icon {
        padding: 2px 6px;
        background: #337ab72b;
        border-radius: 4px;
        vertical-align: middle;
    }

        .caravanQotesPage .popOuter .note-icon img {
            width: 14px;
            height: 14px;
            vertical-align: middle;
            margin-top: -4px;
        }

    .caravanQotesPage .popOuter .dropdown-div {
        position: fixed;
        margin: 8px 0px 0px 0px;
        box-shadow: 5px 5px rgb(102 102 102 / 20%);
    }

        .caravanQotesPage .popOuter .dropdown-div .form-control {
            border: 1px solid #c2cad8;
            height: 350px;
            border-radius: 4px !important;
            font-weight: 400;
            padding: 6px 12px;
        }

.editableTable .table td .puNotes {
    width: 300px;
}

.caravanQotesPage .ClosingNotes .input-group-addon {
    padding: 0;
    border-radius: 0;
    background: none;
    border: none;
}

.operationNotes {
    margin-bottom: 0;
}

    .operationNotes .form-control {
        height: 200px;
    }

.caravanQotesPage .caravanPDF {
    padding: 0 10px;
    text-align: center;
}

.caravanPdfGridTitle {
}

.caravanPDF a {
    padding: 2px 6px;
    background: #337ab72b;
    border-radius: 4px;
}

.caravanQotesPage table.dataTable tfoot th .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).margePdfbtn {
    font-size: 16px;
    padding: 0px 6px !important;
    margin-right: 0;
}

.caravanQuoteTable table.dataTable .btnInvoiceCredit {
    position: static;
    white-space: nowrap;
    display: flex;
}

    .caravanQuoteTable table.dataTable .btnInvoiceCredit .btn {
        margin: 0 2px;
    }

.caravanQuoteTable .btnInvoiceCredit button {
    background: #337ab72b;
    border: none;
    border-radius: 4px;
    padding: 2px 6px;
    margin: 0 2px;
}

    .caravanQuoteTable .btnInvoiceCredit button i {
        margin: 0;
        color: #23527c;
    }

    .caravanQuoteTable .btnInvoiceCredit button.btnManageEmail {
        background: #872656;
    }

        .caravanQuoteTable .btnInvoiceCredit button.btnManageEmail i {
            color: #fff;
        }

    .caravanQuoteTable .btnInvoiceCredit button.btnSendInvoice {
        background: #55b055;
    }

        .caravanQuoteTable .btnInvoiceCredit button.btnSendInvoice i {
            color: #fff;
        }

.waitColumn {
}

.weightDetails {
    position: fixed;
    visibility: hidden;
    z-index: 999;
    width: 390px;
    border: 1px solid #d2d2d2;
    margin: 8px 0px 0px 0px;
    box-shadow: 5px 5px rgb(102 102 102 / 20%);
    background: #fff;
    padding: 8px;
}

    .weightDetails:before {
        position: absolute;
        top: -8px;
        left: 2px;
        right: auto;
        display: inline-block !important;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #d2d2d2;
        border-left: 8px solid transparent;
        content: '';
    }

    .weightDetails:after {
        position: absolute;
        top: -7px;
        left: 3px;
        right: auto;
        display: inline-block !important;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        border-left: 7px solid transparent;
        content: '';
    }

    .weightDetails table.table {
        border: 1px solid #ddd;
        margin-bottom: 10px;
    }

        .weightDetails table.table th {
            background: #383f4a;
            color: #fff;
            border: 1px solid #4a5360;
            font-weight: 500;
        }

        .weightDetails table.table td {
            border: 1px solid #e7ecf1;
            padding: 0px 8px;
            /*   white-space: nowrap;*/
        }

            .weightDetails table.table td:last-child {
                padding: 0;
            }

    .weightDetails .btn {
        float: right;
    }

#ShowDocumentItemModal .discpTable table {
    width: calc(100% - 2px);
    margin-bottom: 0 !important;
}

#ShowDocumentItemModal table.dataTable tr.heading > th {
    font-family: 'Segoe UI Semilight','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #444b56;
    padding: 8px 10px 8px 10px;
    background: #383f4a;
}

#ShowDocumentItemModal .discpTable table th {
    white-space: nowrap;
}

#ShowDocumentItemModal .discpTable table tr:nth-child(even) {
    background: #fff;
}

#ShowDocumentItemModal .discpTable table tr:nth-last-child(2) {
    background: #ECECEC;
}

#ShowDocumentItemModal .discpTable table tr td:last-child {
    border-bottom: 1px solid #dbd8d8;
    border-left: 1px solid #dbd8d8;
}

    #ShowDocumentItemModal .discpTable table tr td:last-child .form-control {
        background: #ECECEC;
        border: 1px solid #ececed;
        text-align: right;
        font-weight: 800;
    }

        #ShowDocumentItemModal .discpTable table tr td:last-child .form-control:hover, #ShowDocumentItemModal .discpTable table tr td:last-child .form-control:focus {
            border: 1px solid #f36a5a;
            background: #fff;
        }

#ShowDocumentItemModal .discpTable table td .actionItem {
    padding: 0px 8px;
}

#ShowDocumentItemModal .discpTable table tr:last-child td {
    border-right: none;
    padding: 0px 0px;
    font-weight: bold;
}

#ShowDocumentItemModal .discpTable .table td .form-control.numericInput {
    text-align: right;
}

#ShowDocumentItemModal .discpTable table tr:last-child .price {
    background: transparent;
    border: 1px solid transparent;
}

    #ShowDocumentItemModal .discpTable table tr:last-child .price:hover {
        border: 1px solid #f36a5a;
    }

#ShowDocumentItemModal .discpTable table .actionItem a:focus, #ShowDocumentItemModal .discpTable table .actionItem a:hover {
    text-decoration: none;
}

#ShowDocumentItemModal .discpTable table .actionItem a + a {
    margin-left: 15px;
}

.editableBoxOuter {
    position: relative;
}

.editableBox {
    width: 100%;
    height: 40px;
    padding: 5px;
    font-size: 14px;
    border: none;
    outline: none;
    background: #f6f6f6;
}

.timeTextBox {
    width: calc(100% - 19px);
    height: 100%;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    border-right: 1px solid #f1f1f1;
    outline: none;
}



#operationNotesModal .modal-dialog, #addOperationNotesModal .modal-dialog {
    max-width: 900px;
    width: calc(100% - 20px);
}

#operationNotesModal h4.modal-title input, #addOperationNotesModal h4.modal-title input {
    border: 0;
    font-weight: 600;
    font-size: 16px;
    outline: none;
}

#addOperationNotesModal .modal-dialog .addTimeStamp {
    margin-top: 6px;
    line-height: inherit;
    margin-bottom: 0;
}

.paginationCaravan {
    display: flex;
    justify-content: space-between;
    margin: 0;
    background: #30353b;
    padding: 6px;
}

    .paginationCaravan ul {
        margin: 0;
        padding: 0;
    }

        .paginationCaravan ul li {
            margin-left: 2px;
        }

    .paginationCaravan li a.page-link {
        margin-left: 0px;
        color: #ccc;
        background: #5a6877;
        border: none;
        border-radius: 0;
    }

    .paginationCaravan li.active a.page-link {
        color: #fff;
    }

.pagination-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pagination-list li {
        margin-right: 5px;
    }

        .pagination-list li:last-child {
            margin-right: 0;
        }

.page-link {
    color: #333;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px;
}

    .page-link:hover {
        background-color: #f2f2f2;
    }

.active .page-link {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.disabled .page-link {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed;
}

.paginationCaravan li.active a.page-link {
    pointer-events: none;
    /*color: gray;*/
    text-decoration: none;
}

.viewPages {
    color: #fff;
    padding: 2px 5px;
}

.dataNotFound {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    min-height: 77vh;
    flex-flow: column;
}

    .dataNotFound svg {
        width: 350px;
        height: 281px;
    }

    .dataNotFound h2 {
        font-weight: 600;
    }

/****Simmer animation Start*****/
.br {
    border-radius: 8px;
}

.w100 {
    width: 100%;
}

.w80 {
    width: 80%;
}

.w50 {
    width: 50%;
}

.w30 {
    width: 30%;
}

.width85px {
    width: 85px;
}

.mb15 {
    margin-bottom: 15px;
}

.bdr-r {
    border-right: 1px solid #e2e5ec;
}

.card {
    border: 2px solid #fff;
    box-shadow: 0px 0px 10px 0 #a9a9a9;
    padding: 30px 40px;
    width: 80%;
    margin: 50px auto;
}

.simmerWraper {
    width: 0px;
    animation: fullView 0.5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    overflow: hidden;
}

.simmerProfilePic {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.simmerComment {
    height: 10px;
    background: #777;
    margin-top: 0px;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-right-25 {
    margin-right: 25px;
}

.w200px {
    width: 200px;
}

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

.h24px {
    height: 24px;
}

.br4px {
    border-radius: 4px;
}

.shimmerInner {
    overflow-x: scroll;
}

    .shimmerInner table {
        border: 1px solid #efefef;
    }

    .shimmerInner th {
        background: #f7f7f7fc;
        padding: 8px 10px;
    }

    .shimmerInner th, .shimmerInner td {
        border: 1px solid #efefef;
        padding: 8px;
    }

.shimmerbox-xs {
    width: 25px;
    height: 25px;
    display: inline-block;
}

@keyframes fullView {
    100% {
        width: 100%;
    }
}

.animate {
    animation: shimmer 2s infinite linear;
    background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
    background-size: 1000px 100%;
}

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}
/****Simmer animation End****/
.verify-box .jtable-main-container {
    overflow: visible;
    overflow-x: auto;
}

#tbl-verify .jtable, #tbl-verify .jtable-title, #tbl-verify .jtable-bottom-panel {
    min-width: 2000px;
}

.verify-box .jtable-main-container .jtable .jtable-column-header {
    white-space: nowrap;
}

.verify-box div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
    white-space: nowrap;
}

.verify-box table.jtable .btnInvoiceCredit {
    position: static;
    white-space: nowrap;
    display: flex;
}

.verify-box .btnInvoiceCredit button {
    background: #337ab72b;
    border: none;
    border-radius: 4px;
    padding: 4px 6px 4px;
    margin: 0 2px;
    height: 26px;
}

    .verify-box .btnInvoiceCredit button.btnSendInvoice {
        background: #55b055;
    }

    .verify-box .btnInvoiceCredit button.btnManageEmail {
        background: #872656;
    }

        .verify-box .btnInvoiceCredit button.btnManageEmail i, .verify-box .btnInvoiceCredit button.btnSendInvoice i {
            color: #fff;
            margin: 0 0 0 0;
        }

.verify-box .status select {
    height: 26px;
    width: 150px;
    border: 1px solid #c2cad8;
    border-radius: 4px;
}

.verify-box .ClosingNotes .form-control, .verify-box .purchasingNotes .form-control {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 325px;
    border: none;
    padding: 6px 10px 6px 0;
    background: transparent;
    height: 26px;
}

.verify-box .input-group-addon:last-child {
    border-left: 1px solid #ccc;
}

.verify-box .input-group-addon {
    padding: 0px 0px;
    white-space: inherit;
    text-align: left;
    line-height: 1.5;
    border-radius: 4px;
}

    .verify-box .input-group-addon .popOuter a {
        padding: 3px 6px 1px;
        display: inline-block;
        cursor: pointer;
    }

    .verify-box .input-group-addon .popOuter .dropdown-div {
        /*display: block;*/
        white-space: inherit;
        margin: 8px 0px 0px 0px;
        right: -20px;
        width: auto;
        /*position:fixed;*/
    }

        .verify-box .input-group-addon .popOuter .dropdown-div.open {
            display: block;
        }

.verify-box .popOuter .dropdown-div .form-group {
    margin-bottom: 0;
    max-width: 1300px;
    max-height: 150px;
    overflow-y: auto;
}

.verify-box .input-group-addon .popOuter .dropdown-div p, .verify-box .input-group-addon .popOuter .dropdown-div textarea {
    margin: 0;
    white-space: pre;
    width: 100%;
    border: none;
    resize: none;
}

.verify-box .dropdown-div:before {
    top: -8px;
    right: 22px;
    left: auto;
}

.verify-box .dropdown-div:after {
    top: -7px;
    right: 23px;
    left: auto;
}

.verify-box .input-group-addon .popOuter .notesOffsetSetting, .verify-box .input-group-addon .viewOpsNotes .notesOffsetSetting {
    bottom: 34px;
    margin: 0;
    box-shadow: 5px -5px rgba(102,102,102,.1);
}

.verify-box .input-group-addon .popOuter .dropdown-div.lowHeight, .verify-box .input-group-addon .viewOpsNotes .dropdown-div.lowHeight {
    position: fixed;
    bottom: inherit;
    right: inherit;
}

.verify-box .dimension-drop .dimension_data.lowHeight {
    position: fixed;
    bottom: inherit;
    left: inherit;
}

.verify-box .notesOffsetSetting:before {
    top: auto;
    bottom: -9px;
    transform: rotate(180deg);
}

.verify-box .notesOffsetSetting:after {
    top: auto;
    bottom: -7px;
    transform: rotate(180deg);
}

.verify-box .purchasingNotes .form-control {
    width: 166px;
}

.verify-box .purchasingNotes .input-group-addon .popOuter:hover .dropdown-div {
    /*left: -160px; */
}

    .verify-box .purchasingNotes .input-group-addon .popOuter:hover .dropdown-div textarea {
        max-height: 100px;
        width: 100%;
    }

.icon-d:hover {
    text-decoration: auto;
}

.icon-d i {
    font-size: 16px;
    line-height: 23px;
}

.verify-box .dimension-drop {
    position: relative;
}

    .verify-box .dimension-drop .weightDetails {
        position: absolute;
        visibility: visible;
    }

        .verify-box .dimension-drop .weightDetails table.table {
            margin-bottom: 0;
        }

            .verify-box .dimension-drop .weightDetails table.table td {
                vertical-align: middle;
            }

.weightDetails table.table td:last-child {
    padding: 0px 8px;
}

.verify-box .dimension-drop .dimension_data {
    white-space: inherit;
    margin: 0px 0px 0px 0px;
    left: -20px;
}

    .verify-box .dimension-drop .dimension_data.open {
        display: block;
    }

.verify-box .dimension-drop .weightDetails:before {
    top: -8px;
    right: auto;
    left: 16px;
}

.verify-box .dimension-drop .weightDetails:after {
    top: -7px;
    right: auto;
    left: 17px;
}

.verify-box .dimension-drop .dimensionsOffsetSetting {
    bottom: 30px;
    margin: 0 0 0 0;
    box-shadow: 5px -5px rgba(102,102,102,.1);
}

    .verify-box .dimension-drop .dimensionsOffsetSetting td {
        box-shadow: none;
    }

    .verify-box .dimension-drop .dimensionsOffsetSetting:before {
        top: auto;
        bottom: -9px;
        transform: rotate(180deg);
    }

    .verify-box .dimension-drop .dimensionsOffsetSetting:after {
        top: auto;
        bottom: -7px;
        transform: rotate(180deg);
    }

.verify-box table.jtable .btn-group a {
    cursor: pointer;
}


.verification_operationNotes {
    width: 360px;
    display: flex;
    align-items: center;
}

.verify-box .verification_operationNotes .form-control {
    width: calc(100% - 62px);
    display: inline-block;
}

.verify-box .verification_operationNotes .operationNotes-group-addon {
    width: 61px;
    display: inline-block;
}

.editableNotes {
}

.verify-box .operationNotes-group-addon {
    width: 100px;
}

    .verify-box .operationNotes-group-addon:last-child {
        border-left: 1px solid #ccc;
        border: 0;
        background: none;
    }

.verify-box .editableNotes .dropdown-div .form-group, .editableNotes .dropdown-div .form-group {
    margin-bottom: 0;
    max-width: 1300px;
    max-height: 160px;
    overflow-y: auto;
    min-width: 750px;
}

.editableNotes .addTimeStamp {
    margin-top: 5px;
}

.editableNotes .select2-container--bootstrap .select2-selection--single {
    height: 24px;
    padding: 2px 2px;
}

.editableNotes .dropdown-div .form-group .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    padding-right: 20px;
}

.editableNotes .dropdown-div .form-group textarea.form-control {
    width: 100%;
    height: 120px;
    resize: none;
    border: 1px solid #c2cad8;
    padding: 6px 12px;
    overflow: auto;
}

.editableNotes .btn-group {
    text-align: right;
    padding-top: 8px;
    width: 100%;
}

    .editableNotes .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
        float: none;
        padding: 4px 8px 0px;
    }

    .editableNotes .btn-group .btn + .btn {
        margin-left: 5px;
    }

.verify-box .operationNotes-group-addon .viewOpsNotes .dropdown-div {
    /* display: block; */
    white-space: inherit;
    margin: 8px 0px 0px 0px;
    right: -15px;
    width: 768px;
    /* position: fixed; */
}

.verify-box .operationNotes-group-addon .popOuter .dropdown-div {
    right: 15px;
}

.verify-box .viewOpsNotes .dropdown-div.open {
    display: block;
}

.verify-box .operationNotes-group-addon .editableNotes > a {
    padding: 1px 0px 1px;
    display: inline-block;
    cursor: pointer;
    margin: 0 2px;
    border: 1px solid #ddd;
    border-radius: 6px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    text-align: center;
}
/****29 Delivery Report start***/
.page-footer {
    display: none;
}

.no-margin {
    margin: 0;
}

.deliveryDate div.jtable-main-container table.jtable tbody tr.jtable-no-data-row {
    text-align: center;
    height: 80px;
}

.deliveryDate div.jtable-main-container {
    max-height: 77vh;
}

    .deliveryDate div.jtable-main-container > table.jtable {
        border: none;
        /*max-width: 1556px;*/
        width: 100%;
    }

        .deliveryDate div.jtable-main-container > table.jtable .pdf-data {
        }

        .deliveryDate div.jtable-main-container > table.jtable > thead {
            display: none;
        }

        .deliveryDate div.jtable-main-container > table.jtable > tbody > tr:hover {
            background: #fff;
        }

        .deliveryDate div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
            padding: 0;
            border: none;
        }

        .deliveryDate div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
            background-color: #fff;
        }

.opsDeliveryReport {
    display: flex;
    align-items: center;
}

.deliveryDate div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even > td {
    border-bottom: 0px solid #ddd;
}

.deliveryDate div.jtable-main-container > div.jtable-bottom-panel {
    /*display: none;*/
    visibility: hidden;
}

table.opsDeliveryReportTable {
    border: 1px solid #ddd;
    border-bottom: none;
}

    table.opsDeliveryReportTable th {
        padding: 6px 5px;
        background: #fff;
        white-space: nowrap;
        font-size: 16px;
        vertical-align: bottom;
    }

        table.opsDeliveryReportTable th input {
            border: 1px solid #ddd;
            height: 25px;
            line-height: 24px;
            padding: 4px 4px 0;
            width: 95px;
        }

            table.opsDeliveryReportTable th input:hover {
                border: 1px solid #f36a5a;
            }

            table.opsDeliveryReportTable th input:focus, table.opsDeliveryReportTable th input:focus-visible {
                border: 1px solid #f36a5a;
                background: #fff;
                outline: none;
            }

            table.opsDeliveryReportTable th input.billToFax {
                width: 95px;
            }

            table.opsDeliveryReportTable th input.billToFaxExt {
                width: 100px;
            }

        table.opsDeliveryReportTable th select {
            border: 1px solid #ddd;
            height: 25px;
            line-height: 24px;
            padding: 1px 4px 0;
            font-size: 16px;
            margin-bottom: 2px;
        }

        table.opsDeliveryReportTable th span {
            display: block;
            width: 100%;
            font-weight: 300;
            font-size: 14px;
            line-height: 14px;
            color: #808080;
        }

    table.opsDeliveryReportTable td {
        border-top: 1px solid #ddd;
        padding: 0px 12px 0;
        background: #fafafa;
    }

        table.opsDeliveryReportTable td span.origin, table.opsDeliveryReportTable td span.dest {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 47px;
            display: inline-block;
            height: 14px;
        }

        table.opsDeliveryReportTable td span.destination {
        }

.opsDeliveryReportTable strong {
    font-size: 16px;
}

.opsDeliveryReportTable p {
    margin: 0;
    line-height: 12px;
    color: #808080;
}

.deliveryReportInner {
    border: 1px solid #ddd;
    border-top: 0;
    background: #f5f5f5;
    margin-bottom: 10px;
    padding: 6px 0px 4px;
}

    .deliveryReportInner > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .deliveryReportInner li.docType {
        display: none;
    }

    .deliveryReportInner li.docStatus {
        display: none;
    }

    .deliveryReportInner li.delDate {
        display: none;
    }

    .deliveryReportInner > ul > li {
        display: inline-block;
        padding: 0 5px;
        line-height: 14px;
    }

    .deliveryReportInner li strong {
        font-size: 15px;
    }

    .deliveryReportInner li.docName {
        width: 525px;
    }

    .deliveryReportInner li.internalNotes {
        width: 606px;
    }

    .deliveryReportInner li.accStatus {
        width: 270px;
    }

    .deliveryReportInner li.eta {
        width: 130px;
        line-height: 1.6;
    }

        .deliveryReportInner li.eta strong {
            margin-right: 0px;
        }

        .deliveryReportInner li.eta .form-control {
            width: calc(100% - 30px);
        }

    .deliveryReportInner li.termsInput {
        width: 130px;
    }

        .deliveryReportInner li.termsInput .form-control {
            width: calc(100% - 63px);
        }

    .deliveryReportInner li.terms {
        width: 124px;
    }

    .deliveryReportInner li.pcs {
        width: 100px;
    }

    .deliveryReportInner li.wgt {
        width: 100px;
    }

    .deliveryReportInner li.purchasingNotes {
        width: 246px;
    }

    .deliveryReportInner li.customtext09 {
        width: 100%;
    }

    .deliveryReportInner li.currentOpsNote {
        width: 100%;
    }

    .deliveryReportInner li.billtoEmail {
        width: 410px;
    }

    .deliveryReportInner li.customtext22 {
        width: 270px;
        line-height: 1.6;
    }

    .deliveryReportInner li.customtext24 {
        width: 272px;
        line-height: 1.6;
    }

        .deliveryReportInner li.customtext22 strong, .deliveryReportInner li.customtext24 strong {
            /*float: left;*/
            margin-right: 0px;
        }

    .deliveryReportInner li > .form-control {
        height: 25px;
        display: table-cell;
        background: #fff;
        border: 1px solid #efefef;
        border-radius: 2px !important;
        padding: 5px 6px 2px;
        font-size: 14px;
        transition: 0.2s;
        width: calc(100% - 107px);
    }

    .deliveryReportInner li.customtext24 .form-control {
        width: calc(100% - 79px);
    }

    .deliveryReportInner li .form-control:hover, .deliveryReportInner li .form-control:focus {
        border: 1px solid #f36a5a;
        background: #fff;
    }

.deliveryDate-icon {
    background-image: url(../Images/delivery-date.png);
    width: 21px;
    height: 15px;
    background-size: 100%;
    float: left;
    margin-right: 5px !important;
    background-repeat: no-repeat;
    margin-left: -2px;
    margin-top: 2px;
}

.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a .deliveryDate-icon {
    opacity: 0.8;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a .deliveryDate-icon {
    background-image: url(../Images/delivery-date-white.png);
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 1;
}

.totalShipment {
    font-weight: 600;
    margin: 0px 25px 0px 0;
    vertical-align: sub;
}
/*.totalShipment h4 {
    margin: 17px 0 0 0;
    font-weight: 600;
}*/
.margin-top-0 {
    margin-top: 0 !important;
}

.pdfData .deliveryDate {
    width: 765px;
}

.opsTitle {
    font-size: 20px;
    font-weight: 600;
    display: none;
}

.opsDeliveryDate {
    display: none;
}

.opsdivider {
    height: 1px;
    background: #ddd;
    margin: 0 0 15px 0;
    display: none;
}

.pdfData .deliveryDate div.jtable-main-container {
    max-height: inherit;
}

    .pdfData .deliveryDate div.jtable-main-container > table.jtable {
        width: 100%;
    }

        .pdfData .deliveryDate div.jtable-main-container > table.jtable .pdf-data {
            width: inherit;
        }

.pdfData .opsTitle, .pdfData .opsDeliveryDate, .pdfData .opsdivider {
    display: block;
}

.pdfData .opsDeliveryReportTable {
    width: 765px;
}

.pdfData table.opsDeliveryReportTable th {
    padding: 6px 5px;
    font-size: 14px;
}

    .pdfData table.opsDeliveryReportTable th:nth-child(7), .pdfData table.opsDeliveryReportTable th:nth-child(8), .pdfData table.opsDeliveryReportTable th:nth-child(9) {
        display: none;
    }

.pdfData .deliveryReportInner li {
    display: inline-block;
    padding: 0 5px;
    line-height: normal;
}

    .pdfData .deliveryReportInner li strong {
        font-size: 14px;
    }

    .pdfData .deliveryReportInner li.docType {
        width: 160px;
        display: inline-block;
    }

    .pdfData .deliveryReportInner li.docStatus {
        width: 318px;
        display: inline-block;
    }

    .pdfData .deliveryReportInner li.delDate {
        width: 285px;
        display: inline-block;
    }

    .pdfData .deliveryReportInner li.currentOpsNote {
        width: 100%;
    }

    .pdfData .deliveryReportInner li.docName {
        width: 100%;
    }

    .pdfData .deliveryReportInner li.internalNotes {
        width: 100%;
    }

    .pdfData .deliveryReportInner li.accStatus {
        width: 314px;
    }

    .pdfData .deliveryReportInner li.eta {
        width: 120px;
    }

    .pdfData .deliveryReportInner li.purchasingNotes {
        width: 339px;
    }

    .pdfData .deliveryReportInner li.billtoEmail {
        width: 421px;
    }

    .pdfData .deliveryReportInner li.customtext22 {
        width: 339px;
    }

    .pdfData .deliveryReportInner li.customtext24 {
        width: 421px;
    }

    .pdfData .deliveryReportInner li > .form-control {
        background: none;
        border: none;
        padding: 1px 0;
        height: 22px;
    }

    .pdfData .deliveryReportInner li.currentOpsNote div, .pdfData .deliveryReportInner li.currentOpsNote .onlyWeb, .deliveryReportInner li.currentOpsNote .onlyPDF, .pdfData .deliveryReportInner li.customtext09 div, .pdfData .deliveryReportInner li.customtext09 .onlyWeb, .deliveryReportInner li.customtext09 .onlyPDF {
        display: none;
    }

    .deliveryReportInner li.currentOpsNote .onlyWeb, .pdfData .deliveryReportInner li.currentOpsNote .onlyPDF, .deliveryReportInner li.customtext09 .onlyWeb, .pdfData .deliveryReportInner li.customtext09 .onlyPDF {
        display: inline;
    }


.deliveryReportInner .currentOpsNote > .addOpsNotes, .deliveryReportInner .currentOpsNote > .viewOpsNotes, .deliveryReportInner .customtext09 > .addCurrentOpsNotes {
    display: inline-block;
    position: relative;
    background-color: #eee;
    border: 1px solid #ccc;
    font-weight: 400;
    border-radius: 4px;
    margin-left: 3px;
    padding: 0;
    line-height: 14px;
}

    .deliveryReportInner .currentOpsNote .addOpsNotes a, .deliveryReportInner .currentOpsNote .viewOpsNotes a, .deliveryReportInner .customtext09 > .addCurrentOpsNotes a {
        padding: 1px 1px 0px;
        display: inline-block;
        cursor: pointer;
        line-height: 12px;
        font-size: 12px;
    }

    .deliveryReportInner .currentOpsNote .addOpsNotes .dropdown-div, .deliveryReportInner .currentOpsNote .viewOpsNotes .dropdown-div, .deliveryReportInner .customtext09 > .addCurrentOpsNotes .dropdown-div {
        /* display: block; */
        white-space: inherit;
        margin: 8px 0px 0px 0px;
        left: -2px;
        width: auto;
        /* position: fixed; */
    }

.deliveryReportInner .currentOpsNote .viewOpsNotes .dropdown-div {
    width: 768px;
}

    .deliveryReportInner .currentOpsNote .addOpsNotes .dropdown-div .form-group, .deliveryReportInner .currentOpsNote .viewOpsNotes .dropdown-div .form-group, .deliveryReportInner .customtext09 .addCurrentOpsNotes .dropdown-div .form-group {
        margin-bottom: 0;
        max-width: 1300px;
        max-height: 160px;
        overflow-y: auto;
        min-width: 750px;
    }

.deliveryReportInner .customtext09 .addCurrentOpsNotes .dropdown-div .form-group {
    /* min-width: 360px;*/
}

    .deliveryReportInner .currentOpsNote .addOpsNotes .dropdown-div .form-group textarea.form-control, .deliveryReportInner .customtext09 .addCurrentOpsNotes .dropdown-div .form-group textarea.form-control {
        height: 120px;
        resize: none;
    }

    .deliveryReportInner .customtext09 .addCurrentOpsNotes .dropdown-div .form-group textarea.form-control {
        /*height: 90px;*/
    }

.deliveryReportInner .currentOpsNote .addOpsNotes .dropdown-div p, .deliveryReportInner .currentOpsNote .viewOpsNotes .dropdown-div p {
    margin: 0;
    white-space: pre;
    width: 100%;
    border: none;
    resize: none;
    line-height: normal;
}

.deliveryReportInner .currentOpsNote .addOpsNotes .dropdown-div.open, .deliveryReportInner .currentOpsNote .viewOpsNotes .dropdown-div.open, .deliveryReportInner .customtext09 .addCurrentOpsNotes .dropdown-div.open {
    display: block;
}

.deliveryReportInner .currentOpsNote .addOpsNotes .notesOffsetSetting, .deliveryReportInner .currentOpsNote .viewOpsNotes .notesOffsetSetting, .deliveryReportInner .customtext09 .addCurrentOpsNotes .notesOffsetSetting {
    bottom: 25px;
    margin: 0;
    box-shadow: 5px -5px rgba(102,102,102,.1);
}

    .deliveryReportInner .currentOpsNote .addOpsNotes .notesOffsetSetting:before, .deliveryReportInner .currentOpsNote .viewOpsNotes .notesOffsetSetting:before, .deliveryReportInner .customtext09 .addCurrentOpsNotes .notesOffsetSetting:before {
        top: auto;
        bottom: -9px;
        transform: rotate(180deg);
    }

    .deliveryReportInner .currentOpsNote .addOpsNotes .notesOffsetSetting:after, .deliveryReportInner .currentOpsNote .viewOpsNotes .notesOffsetSetting:after, .deliveryReportInner .customtext09 .addCurrentOpsNotes .notesOffsetSetting:after {
        top: auto;
        bottom: -7px;
        transform: rotate(180deg);
    }

.deliveryReportInner .currentOpsNote .addOpsNotes .dropdown-div.lowHeight, .deliveryReportInner .currentOpsNote .viewOpsNotes .dropdown-div.lowHeight, .deliveryReportInner .customtext09 .addCurrentOpsNotes .dropdown-div.lowHeight {
    position: fixed;
    bottom: inherit;
    left: inherit;
}

.addOpsNotes .btn-group, .addCurrentOpsNotes .btn-group {
    text-align: right;
    padding-top: 8px;
    width: 100%;
}

    .addOpsNotes .btn-group .btn + .btn, .addCurrentOpsNotes .btn-group .btn + .btn {
        margin-left: 5px;
    }

    .addOpsNotes .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs, .addCurrentOpsNotes .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
        float: none;
    }

        .addOpsNotes .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs i, .addCurrentOpsNotes .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs i {
            margin-left: 0;
            margin-right: 0;
        }

.viewOpsNotes .form-control {
    resize: none;
    height: 150px;
    width: calc(100% - 0px);
    white-space: pre;
}

.viewOpsNotes .form-group .form-control[readonly] {
    background: #f9f9f9;
    border: 1px solid #c2cad8;
}

.viewOpsNotes .btn-group {
    text-align: right;
    padding-top: 8px;
    width: 100%;
}

    .viewOpsNotes .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
        float: none;
    }

    .viewOpsNotes .btn-group .btn + .btn {
        margin-left: 5px;
    }


.btn-toggle .badge {
    padding: 3px 4px 1px;
    font-size: 12px !important;
    height: auto;
}


.lookupNotes {
    display: inline-block;
    float: right;
    margin-bottom: 5px;
    width: 410px;
    position: relative;
}

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

.addOpsNotes .select2-container--bootstrap .select2-selection--single {
    height: 24px;
    padding: 2px 2px;
}

.addTimeStamp {
    float: right;
    margin-right: 15px;
    line-height: 10px;
}

    .addTimeStamp input {
        vertical-align: bottom;
        margin-right: 5px;
    }
/****29 Delivery Report End***/
/****49 Pickup Report Start***/
.deliveryIcon:before {
    content: "";
    background: #97b1c3;
    color: #1c232d;
    border-radius: 50%;
    padding: 3px 0px;
    width: 16px;
    height: 16px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-family: 'MyriadPro-Regular';
    letter-spacing: -0.5px;
}

.icon13:before {
    content: "13";
}

.icon29:before {
    content: "29";
}

.icon49:before {
    content: "49";
}

.icon31:before {
    content: "31";
}

.icon38:before {
    content: "38a";
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 17px;
}

.icon35:before {
    content: "35";
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i.deliveryIcon:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i.deliveryIcon:before {
    background: #fff;
}

.padding-rt-15 {
    padding-right: 15px;
}

.padding-lt-10 {
    padding-left: 10px;
}

.pickupReport {
}

.pickupReportInner li.origin {
    width: 282px;
}

.pickupReportInner li.pickupAgent {
    width: 100%;
}

.pickupReport li.billtoEmail {
    width: 390px;
}
/****49 Pickup Report End***/

.modal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal-xl {
    width: 1550px;
    width: 95%;
}

.modal-xxl {
    width: 1632px;
    max-width: calc(100% - 20px);
}

/***Account Report Start****/
.accountReportEditCheck table.dataTable tr > th, .accountReportEditCheck table.dataTable tr > td {
    vertical-align: middle;
}

.accountReportEditCheck table.dataTable tr > th {
    font-family: 'Segoe UI Semilight','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    height: 52px;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    border: 1px solid #444b56;
    padding: 0 10px 0 10px;
    background: #383f4a;
}

    .accountReportEditCheck table.dataTable tr > th .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        background: #337ab7;
        color: #fff;
        /* right: -9px; */
        padding: 3px 6px;
        border-radius: 4px;
        font-size: 12px;
        /* width: 23px; */
        display: inline-block;
        text-align: center;
        position: static;
        float: right;
    }

.accountReportEditCheck btnDelete.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 4px;
    background: #fff;
    margin: 2px;
    font-size: 16px;
    display: inline-block;
    float: none;
}

.manageRecordCust8 .customtext08_value {
    width: calc(100% - 125px);
    float: right;
    margin-left: 5px;
}

.manageRecordCust8 select.custom-text-dropdown {
    width: 120px;
    height: 34px;
    padding: 6px 0px;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #c2cad8;
    border-radius: 4px;
}

.nowrap {
    white-space: nowrap;
}
/***Account Report End****/

.labelwithRadio {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.radioFilter .mt-radio-inline {
    padding: 0;
}

    .radioFilter .mt-radio-inline .mt-radio {
        margin-bottom: 0;
    }

.searchConditionBox {
    display: flex;
}

    .searchConditionBox select.form-control {
        flex: 0 0 auto;
        width: 113px;
        padding: 6px 4px;
        border-radius: 4px 0 0 4px !important;
        border-right: 0;
    }

    .searchConditionBox .input-group {
        flex: 0 1 auto;
        width: calc(100% - 113px);
    }

        .searchConditionBox .input-group .form-control {
            border-radius: 0px 4px 4px 0 !important;
            width: 100%;
        }

.salesRepMultiselect .btn-group {
    width: 100%;
}
.salesRepMultiselect .mtmultiselect {
    text-align: left;
    position: relative;
    width: 100%;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.salesRepMultiselect .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .mtmultiselect .caret {
        position: absolute;
        top: 50%;
        margin-top: -2px;
        right: 7px
    }

    .mtmultiselect.mt-noicon .caret {
        display: none
    }
.salesRepMultiselect .input-group-addon {
    padding: 6px 8px;
}
.salesRepMultiselect .input-group .form-control {
    border-radius: 0 0 0 0 !important;
}
.salesRepMultiselect .input-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 7px 8px 8px;
    font-weight: 500;
    box-shadow: none;
    border-radius: 0px 4px 4px 0px;
}
.salesRepMultiselect .btn-group .dropdown-menu {
    font-family: "Open Sans", sans-serif;
}
.salesRepMultiselect .dropdown-menu > li > a {
    color: #333;
}
.salesRepMultiselect .multiselect-container > li > a > label {
    padding: 3px 20px 3px 36px;
}

.subFilterBox {
    margin-top: 4px;
}

.searchItem {
    background: #eee;
    border-radius: 4px;
    display: inline-block;
    padding: 0 8px;
    margin: 3px 0;
}

    .searchItem .remove-filter, 
    .searchItem .remove-salesrep-filter {
        padding: 0;
        margin: 0;
        border: none;
    }

.shipmentCalcOuter {
    margin: 0 15px 0px 0;
    padding: 0;
}

.shipmentCalc {
    border: 1px solid #ddd;
    text-align: left;
    border-radius: 5px;
    margin-bottom: 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
}

    .shipmentCalc strong {
        background: #edf1f2;
        font-size: 14px;
        padding: 10px 10px;
        color: #9da5af;
    }

    .shipmentCalc font {
        font-size: 16px;
        padding: 6px 10px;
        display: inline-block;
        font-weight: 600;
        color: #203664;
    }

.inOutRecordsOuter div.jtable-main-container {
    border: 0.5px solid #ddd;
}

    .inOutRecordsOuter div.jtable-main-container > div.jtable-title {
        min-width: 700px;
        text-align: center;
    }

    .inOutRecordsOuter div.jtable-main-container > table.jtable {
        position: relative;
        z-index: 1;
        min-width: 700px;
    }

        .inOutRecordsOuter div.jtable-main-container > table.jtable > tbody > tr:nth-child(even) {
            background-color: #f9f9f9;
        }

        .inOutRecordsOuter div.jtable-main-container > table.jtable > tbody > tr:hover {
            background: #e8eaef;
        }

    .inOutRecordsOuter div.jtable-main-container table.jtable thead th {
        text-align: center;
        padding: 5px 8px;
        font-weight: 600;
        border: 1px solid #5f6874;
    }

    .inOutRecordsOuter div.jtable-main-container table.jtable thead th {
        border-collapse: collapse;
        position: sticky;
        top: 0;
        z-index: 99;
    }

    .inOutRecordsOuter div.jtable-main-container table.jtable table.jtable tbody td {
        padding: 2px 8px;
        vertical-align: middle;
        border-collapse: collapse;
        border-top: 1px solid #ddd;
        border-bottom: 0;
        border-right: 1px solid #ddd;
        border-left: 0px solid #ddd;
        height: 32px;
        width: 25%;
        min-width: 64px;
        max-width: 64px;
        white-space: nowrap;
        line-height: 14px;
    }

    .inOutRecordsOuter div.jtable-main-container table.jtable table.jtable tbody tr:nth-child(1) td {
        border-top: 0;
        border-right: 0;
    }

    .inOutRecordsOuter div.jtable-main-container table.jtable table.jtable tbody tr td:last-child {
        border-right: 0;
    }

.no-wrap {
    white-space: nowrap;
}

.inOutRecordsOuter div.jtable-main-container table.jtable table.jtable tbody td.white-space-normal {
    white-space: normal;
}

.inOutRecordsOuter div.jtable-main-container table.jtable tbody td.divider {
    height: 15px;
}

.inOutRecordsOuter div.jtable-main-container table.jtable table.jtable.notBookedOut td {
    border: none;
    background: #f36a5a29;
    color: #ff3216;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

hr.divider {
    display: inline-block;
    height: 1px;
    width: 100%;
    background: #ddd;
    margin: 0px 0 6px;
    float: left;
    width: 100%;
}

.filter-wrap {
}

.filter-form {
    width: calc(100% - 278px);
    float: left;
}

.filter-action {
    float: left;
    width: 278px;
    text-align: right;
}


.verify-box .show-dims {
    position: static;
    box-shadow: none;
    border: none;
    background: transparent;
    padding: 0;
    transition: height 5s ease 1s;
    overflow: auto;
    overflow-y: auto;
}

    .verify-box .show-dims.open {
        max-height: 300px;
        max-width: 230px;
        transition: height 5s ease 1s;
    }

.jtable thead th .show-dims-checkbox {
    margin-right: 5px !important;
    vertical-align: top;
}

.dimsOuter .show-dims-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.dimsOuter ul {
    padding-left: 22px;
    margin-bottom: 0;
}

.dimsOuter {
    min-width: 25px;
    min-height: 20px;
}

    .dimsOuter ul li {
        list-style: none;
    }

    .dimsOuter .dropdown-div:before, .dimsOuter .dropdown-div:after {
        display: none !important;
    }

.opsReport .mt-checkbox, .opsReport .mt-radio {
    float: left;
    margin-bottom: 0;
    vertical-align: text-top;
}

    .opsReport .mt-checkbox > span, .mt-radio > span {
        height: 16px;
        width: 16px;
    }

        .opsReport .mt-checkbox > span:after {
            left: 5px;
            top: 1px;
        }

.twitter-typeahead .form-control {
    color: #555;
}

.BOLModel h4.modal-title, .CarvanQuoteModel h4.modal-title {
    line-height: 34px;
}

.modal-header .btn-closeCustom:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    font-size: 20px;
    padding: 2px 12px;
}

/*page sub-header css Start*/
.page-header.navbar {
    box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 8%) !important;
}

.generateQuoteWrap {
    padding-top: 42px;
    margin-top: 30px;
}

.subheader {
    padding: 5px 0;
}

    .subheader.subheader-fixed {
        position: fixed;
        height: 46px;
        top: 54px;
        left: 265px;
        right: 0;
        -webkit-transition: top 0.3s ease;
        transition: top 0.3s ease;
        z-index: 95;
        -webkit-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
        box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
        background-color: #ffffff;
        border-top: 1px solid #EBEDF3;
        margin: 0;
    }

.page-sidebar-closed .subheader.subheader-fixed {
    left: 54px;
}

.subheader .input-group .form-control:first-child {
    border-radius: 4px 0px 0px 4px !important;
    height: 35px;
}

.subheader .input-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    box-shadow: none;
    border-radius: 0px 4px 4px 0px;
    padding: 8px 8px;
}

.subheader .input-group .form-control {
    border-radius: 4px 0px 0px 4px !important;
    height: 35px;
}

.subheader .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .subheader .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .subheader .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px 4px;
    white-space: nowrap;
    line-height: 22px;
}

.subheader .mrDropdown {
    display: inline-block;
}

.subheader div.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0 0px 0 14px;
    height: 29px;
    line-height: 29px;
    border: none;
    cursor: default;
}

.subheader div.btn.red-haze:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #eb0a1e;
    border-color: #eb0a1e;
}

.page-head .page-title {
    /* padding: 5px 0 0px 0;*/
}

    .page-head .page-title > h1 {
        color: #181C32;
        font-size: 1.5rem;
        font-weight: 600;
    }

        .page-head .page-title > h1 span {
            margin-right: 30px;
            position: relative;
        }

        .page-head .page-title > h1 > small {
            /*font-weight: 600;*/
            text-transform: lowercase;
        }

        .page-head .page-title > h1 span:after {
            content: "";
            height: 22px;
            width: 1px;
            background: #EBEDF3;
            display: inline-block;
            position: absolute;
            right: -17px;
            border-radius: 2px;
        }

/*page sub-header css End*/

/*Subheader inner content Start*/
.subHeaderTab {
    display: flex;
    width: calc(100% - 0px);
    position: relative;
    margin-right: 10px;
    min-height: 47px;
    /*padding:0 22px;*/
}

.tabContentWrap {
    display: flex;
    align-items: center;
    padding: 0 22px 0 22px;
    justify-content: space-between;
}

.moveBackToWQ {
    display: inline-block;
    margin-left: 8px;
    margin-top: -12px;
}

    .moveBackToWQ .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 4px 8px;
        font-size: 18px;
        font-weight: normal;
        height: 35px;
    }

    .moveBackToWQ img {
        width: 20px;
    }

.buttonStyle {
    display: inline-block;
    /*border: 1px solid #d3e3fd;*/
    padding: 0;
    background: #d3e3fd;
}

.tabs-box .tab .buttonStyle .btnTab:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    border: 1px solid #d3e3fd;
    background: #d3e3fd;
    box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
    font-weight: 600;
    text-transform: none;
    padding: 5px 0px 3px 4px;
    font-size: 11px;
    height: 37px;
}

.tabs-box .tab .buttonStyle .btnClose:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    border: 1px solid #d3e3fd;
    background: #d3e3fd;
    box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
    border-radius: 100%;
    padding: 0px;
    width: 22px;
    height: 22px;
    margin-right: 0px;
    font-size: 19px;
    line-height: 18px;
}

    .tabs-box .tab .buttonStyle .btnClose:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
        background-color: #b1bed3;
        border: 1px solid #b1bed3;
    }

.tabs-box .tab.active .buttonStyle {
    display: inline-block;
    /*border: 1px solid #337ab6;*/
    padding: 0;
    background: #337ab6;
}

.buttonStyle .btn + .btn {
    margin-left: 0px;
}

.tabs-box .tab.active .buttonStyle .btnTab:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    border: 1px solid #337ab6;
    background: #337ab6;
    box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
    color: #fff;
}


.tabs-box .tab.active .buttonStyle .btnClose:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    border: 1px solid #337ab6;
    background: #337ab6;
    box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
    border-radius: 100%;
    padding: 0px;
    width: 22px;
    height: 22px;
    margin-right: 0px;
    font-size: 19px;
    line-height: 18px;
    color: #fff;
}

    .tabs-box .tab.active .buttonStyle .btnClose:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
        background-color: #306a9b !important;
        border: 1px solid #306a9b !important;
    }

.tabs-box .tab.active .buttonStyle .btnTab:hover {
    background-color: #337ab6 !important;
    border-color: #337ab6 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
}

.glider {
    position: absolute;
    display: flex;
    height: 36px;
    width: 125px;
    background-color: var(--secondary-color);
    z-index: 1;
    border-radius: 99px;
    transition: 0.25s ease-out;
}

.subHeaderTab .buttonStyle.active ~ .glider {
    transform: translateX(100%);
}
/**Hide btn close**/
.tabs-box .tab.active .hidebtnClose .btnTab:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding-right: 5px;
}

.tabs-box .tab.active .hidebtnClose .btnClose:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    display: none;
}

.tabs-box .tab .hidebtnClose .btnTab:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding-right: 5px;
}

.tabs-box .tab .hidebtnClose .btnClose:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    display: none;
}

.subHeaderTab .icon {
    /*position: absolute;*/
    top: 0;
    width: 22px;
    display: flex;
    align-items: center;
    height: 36px;
    z-index: 1;
}

    .subHeaderTab .icon:first-child {
        left: 0;
        /*display: none;*/
        opacity: 0.5;
        background: #1c232d;
        border-radius: 4px 0px 0px 4px;
    }

    .subHeaderTab .icon:last-child {
        right: 0;
        justify-content: flex-end;
        background: #1c232d;
        /*display:none;*/
        /* opacity: 0.5;*/
        border-radius: 0 4px 4px 0px;
    }

    .subHeaderTab .icon i {
        width: 55px;
        height: 55px;
        cursor: pointer;
        font-size: 1.2rem;
        text-align: center;
        line-height: 55px;
        border-radius: 50%;
        color: #fff;
    }

        .subHeaderTab .icon i:hover {
            color: #fff;
        }

    .subHeaderTab .icon:first-child i {
    }

    .subHeaderTab .icon:last-child i {
    }

.subHeaderTab .tabs-box {
    display: flex;
    gap: 2px;
    list-style: none;
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth;
    margin: 0 0px;
    padding: 0;
}

    .subHeaderTab .tabs-box.dragging {
        scroll-behavior: auto;
        cursor: grab;
    }

    .subHeaderTab .tabs-box .tab {
        white-space: nowrap;
        position: relative;
        margin-bottom: 10px;
    }

        .subHeaderTab .tabs-box .tab:hover {
        }

    .subHeaderTab .tabs-box.dragging .tab {
        user-select: none;
        pointer-events: none;
    }

    .subHeaderTab .tabs-box .tab.active:before {
        position: absolute;
        left: 0;
        display: inline-block !important;
        border-right: 8px solid transparent;
        border-top: 10px solid #337ab6;
        border-left: 8px solid transparent;
        content: '';
        bottom: -9px;
        z-index: 1;
        right: 0;
        width: 8px;
        margin: auto;
    }



/*Subheader inner content End*/

/*Action Button bar*/
.WebQuoteActionBar {
    width: calc(100% - 305px);
    background: #d2e2fc;
    position: fixed;
    top: 107px;
    border: 1px solid #9db5dc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    z-index: 3;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
}

.VTtitlefixme {
    /*z-index: 6;
        display: block;
        background: #fff;
        color: #333;
        float: left;
        width: 100%;
        transition: position 5ms ease-in-out;
        top: auto;*/
}

    .VTtitlefixme.fixed-position {
        position: fixed;
        top: 100px;
    }

.WebQuoteActionBar .caption {
    order: 2;
    float: left;
    display: flex;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0;
    color: #666;
    align-items: center;
}

    .WebQuoteActionBar .caption span.caption-subject {
        padding: 0;
        float: none;
    }

    .WebQuoteActionBar .caption span.docNodata {
        font-weight: 700;
        color: #337ab7;
        margin-left: 3px;
    }

        .WebQuoteActionBar .caption span.docNodata:before {
            content: "#";
        }

.WebQuoteActionBar .actions {
    order: 1;
    margin-right: 10px;
}

    .WebQuoteActionBar .actions > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
    }

        .WebQuoteActionBar .actions > ul > li {
            display: inline-block;
            position: relative;
            /* padding: 0 12px 0 0;
                margin-right: 10px;
                border-right: 1px solid #aec3e5;*/
        }

            .WebQuoteActionBar .actions > ul > li + li {
                border-left: 1px solid #aec3e5;
                margin-left: 10px;
                padding-left: 10px;
            }

            .WebQuoteActionBar .actions > ul > li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
                background: transparent;
                border: none;
                box-shadow: none;
                font-size: 20px;
                padding: 0;
            }

            .WebQuoteActionBar .actions > ul > li .btn svg {
                width: 15px;
                vertical-align: middle;
                margin: 0 3px;
            }

            .WebQuoteActionBar .actions > ul > li a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
                color: #000;
            }

                .WebQuoteActionBar .actions > ul > li a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) i {
                    font-size: 26px;
                    vertical-align: middle;
                }

            .WebQuoteActionBar .actions > ul > li .showNoQuotes {
                display: flex;
            }

            .WebQuoteActionBar .actions > ul > li .btn-toggle .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
                padding: 4px 6px;
                font-size: 11px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .18);
                border: 1px solid transparent;
            }

            .WebQuoteActionBar .actions > ul > li .btn-toggle .btn-default:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
                background: #fff;
            }

            .WebQuoteActionBar .actions > ul > li a.accordion-toggle.collapsed i.fa-angle-double-down {
                display: none;
            }

            .WebQuoteActionBar .actions > ul > li a.accordion-toggle:not(.collapsed) i.fa-angle-double-up {
                display: none;
            }

            .WebQuoteActionBar .actions > ul > li ul {
                width: 385px;
                border: 1px solid #d2d2d2 !important;
                box-shadow: 5px 5px rgb(102 102 102 / 20%) !important;
                margin-top: 8px;
            }

#save_QWitems {
    background: #fefe08;
    color: #000000;
    border: 1px solid #000000;
}

.actions ul li.liDup > .addQuotesBtn > .btn:before {
    display: none;
}

.actions ul li.liDup > .addQuotesBtn > .btn i.fa {
    width: auto;
    font-size: 25px;
}

.WebQuoteActionBar .actions > ul > li.liDup ul {
    width: 205px;
    margin-left: -4px;
}

.WebQuoteActionBar .actions > ul > li ul li:hover .btn i {
    color: #fff;
}

.WebQuoteActionBar .actions > ul > li ul li:hover .btn svg {
    fill: #fff;
}

.WebQuoteActionBar .actions > ul > li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all)[aria-expanded="true"] {
    /*background: #3479b4;
                    color: #fff;*/
}

.WebQuoteActionBar .actions > ul > li ul:before {
    position: absolute;
    top: -8px;
    left: 19px;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d2d2d2;
    border-left: 8px solid transparent;
    content: '';
}

.WebQuoteActionBar .actions > ul > li ul:after {
    position: absolute;
    top: -7px;
    left: 18px;
    right: auto;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

.WebQuoteActionBar .actions > ul > li ul li {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    font-family: "Open Sans", sans-serif;
}

    .WebQuoteActionBar .actions > ul > li ul li + li {
        border-top: 1px solid #ddd;
    }

    .WebQuoteActionBar .actions > ul > li ul li:hover {
        background: #337ab5;
        color: #fff;
        cursor: pointer;
    }
/*.WebQuoteActionBar .mt-checkbox > span {
    background: #69a2ff;
}
.WebQuoteActionBar .mt-checkbox:hover > input:not([disabled]) ~ span, .WebQuoteActionBar .mt-checkbox > input:focus ~ span{
    background: #508df1;
}
.WebQuoteActionBar .mt-checkbox:hover > input:not([disabled]):checked ~ span, .WebQuoteActionBar .mt-checkbox > input:checked ~ span {
    background: #3578e7;
}
.WebQuoteActionBar .mt-checkbox > span:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
}*/

.syncCheckBox .mt-checkbox {
    margin-bottom: 24px;
}

    .syncCheckBox .mt-checkbox > span, .syncCheckBox .mt-checkbox > input:checked ~ span {
        background: transparent;
        top: 3px;
    }

    .syncCheckBox .mt-checkbox:hover > input:not([disabled]) ~ span, .syncCheckBox .mt-checkbox > input:focus ~ span, .syncCheckBox .mt-radio:hover > input:not([disabled]) ~ span, .syncCheckBox .mt-radio > input:focus ~ span {
        background: transparent;
    }

    .syncCheckBox .mt-checkbox:hover > input:not([disabled]):checked ~ span, .syncCheckBox .mt-checkbox > input:checked ~ span {
        background: transparent;
    }

        .syncCheckBox .mt-checkbox > input:checked ~ span:after {
            opacity: 0;
        }

    .syncCheckBox .mt-checkbox > span > img {
        width: 22px;
        display: none;
    }

        .syncCheckBox .mt-checkbox > span > img.syncCheck {
            /*opacity: 0.4;*/
            display: block;
        }

    .syncCheckBox .mt-checkbox > input:checked ~ span > img.syncChecked {
        /*opacity: 1;*/
        display: block;
    }

    .syncCheckBox .mt-checkbox > input:checked ~ span > img.syncCheck {
        display: none;
    }

.WebQuoteActionBar .actions > ul > li.exportInvoice .btn svg {
    width: 22px;
    height: 22px;
}

    .WebQuoteActionBar .actions > ul > li.exportInvoice .btn svg path {
        fill: #000;
    }

        .WebQuoteActionBar .actions > ul > li.exportInvoice .btn svg path + path {
            fill: white;
        }

.WebQuoteActionBar .actions > ul > li.exportInvoice .btn.invoicedQuickBooks svg path {
    fill: #2CA01C;
}

    .WebQuoteActionBar .actions > ul > li.exportInvoice .btn.invoicedQuickBooks svg path + path {
        fill: white;
    }

.WebQuoteActionBar .actions > ul > li.liDeleteWQ a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) i {
    font-size: 23px;
    line-height: 1.2;
}

.curentlyEditing {background: #fff3d7;padding: 3px 6px 3px 3px;border-radius: 4px;margin-top: 4px;color: #8e3602;line-height: 1.5;}
    .curentlyEditing i {font-size: 20px;vertical-align: middle;}
/*.exportInvoice .mt-checkbox {
    margin-bottom: 22px;
}
    .exportInvoice .mt-checkbox:hover > input:not([disabled]):checked ~ span, .exportInvoice .mt-checkbox > input:checked ~ span {
        width: 25px;
        height: 25px;
        background: none;        
    }
    
        .exportInvoice .mt-checkbox:hover > input:not([disabled]) ~ span, .exportInvoice .mt-checkbox > input:focus ~ span {
        width: 25px;
        height: 25px;
        background: none;
    }
    .exportInvoice .mt-checkbox > span {
        width: 25px;
        height: 25px;
        background: none;
    }
    
    .exportInvoice .mt-checkbox:hover > input:not([disabled]):checked ~ span, .exportInvoice .mt-checkbox > input:checked ~ span {
        
    }
    .exportInvoice .mt-checkbox span svg {
       
    }
    .exportInvoice .mt-checkbox > span > svg {
        width: 100%;
        height: 100%;
        fill: gray;
        color: gray;
        filter: grayscale(100%);
    }
    .exportInvoice .mt-checkbox > input:checked ~ span > svg {
        width: 100%;
        height: 100%;
        fill: gray;
        color: gray;
        filter: grayscale(0%);
    }
.exportInvoice .mt-checkbox > span:after {
    opacity: 0;
}
    */
/*End Action Button bar*/
.generateQuoteWrap .portlet.light {
    padding: 0px 10px 5px;
}

.generateQuoteWrap .portletQuote > .portlet-title {
    min-height: 40px;
}

    .generateQuoteWrap .portletQuote > .portlet-title .caption {
        float: right;
    }

    .generateQuoteWrap .portletQuote > .portlet-title span.docNodata {
        font-weight: 700;
        color: #337ab7;
        margin-left: 3px;
    }

        .generateQuoteWrap .portletQuote > .portlet-title span.docNodata:before {
            content: "#";
        }

    .generateQuoteWrap .portletQuote > .portlet-title > .actions {
        padding: 6px 0 5px;
        float: left;
    }

        .generateQuoteWrap .portletQuote > .portlet-title > .actions #btnReverseQuote, .generateQuoteWrap .portletQuote > .portlet-title > .actions #copy-Q {
            padding: 4px 6px;
        }

.subHeaderAction {
    /* margin-top: -12px; */
    width: 245px;
    display: flex;
    justify-content: end;
}

.enterQuoteNumber {
    width: auto;
    margin-top: -12px;
}

.enterQuoteNumberMobile {
    display: none;
}

.green-status-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 0px
}

.addQuotesBtn {
    /*float: left;
    width: 120px;
    text-align: right;*/
}

.WebQuoteActionBar .actions > ul > li ul.btnnewRecordList {
    width: 100px;
    margin-left: -10px;
}

.tabContentWrap .addQuotesBtn {
    width: 36px;
    margin-top: -12px;
    margin-left: 9px;
}

    .tabContentWrap .addQuotesBtn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
        padding: 8px 10px !important;
    }

.generateQuotes {
}

    .generateQuotes .tabs-page {
        border: 1px solid #97aeff;
        padding: 10px;
    }

        .generateQuotes .tabs-page > .nav-tabs li[role="presentation"]:not(:last-child) {
            padding-right: 10px;
        }

        .generateQuotes .tabs-page > .nav-tabs li[role="presentation"] a[role="tab"] {
            padding: 0px 10px;
            color: #000;
        }

            .generateQuotes .tabs-page > .nav-tabs li[role="presentation"] a[role="tab"]:hover {
                background: rgba(140, 39, 88, 0.05);
            }

        .generateQuotes .tabs-page > .nav-tabs li[role="presentation"].active a {
            background: rgba(140, 39, 88, 0.1);
        }

        .generateQuotes .tabs-page > .nav-tabs li a img, .generateQuotes .tabs-page > .nav-tabs li a i {
            filter: grayscale(100%);
            opacity: 0.6;
            font-size: 18px;
        }

        .generateQuotes .tabs-page > .nav-tabs li[role="presentation"] a[role="tab"]:hover img, .generateQuotes .tabs-page > .nav-tabs li[role="presentation"] a[role="tab"]:hover i {
            filter: grayscale(0);
            opacity: 1;
        }

        .generateQuotes .tabs-page > .nav-tabs li.active a img, .generateQuotes .tabs-page > .nav-tabs li.active a i {
            filter: grayscale(0);
            opacity: 1;
        }

        .generateQuotes .tabs-page > .nav-tabs li[role="presentation"] a span {
            color: red;
            box-shadow: 0 0 0 0 rgba(255, 0, 0, 1);
            transform: scale(1);
            animation: pulse 2s infinite;
            border-radius: 50%;
        }

/**Start For Accounnt Mode**/
.tabs-page > .nav-tabs.accountingStrip {
    position: relative;
    min-height: 40px;
    margin: 0;
    text-align: left;
    cursor: auto;
    border: none;
    z-index: 1;
    background: #585858;
}

.generateQuotes .tabs-page > .nav-tabs.accountingStrip li[role="presentation"] a[role="tab"] {
    color: #fff;
}
    .generateQuotes .tabs-page > .nav-tabs.accountingStrip li[role="presentation"] a[role="tab"]:hover {
        background: rgba(59, 59, 59, 0.8);
    }
.generateQuotes .tabs-page > .nav-tabs.accountingStrip li[role="presentation"].active a,
.generateQuotes .tabs-page > .nav-tabs.accountingStrip li[role="presentation"].active a:hover {
    background: rgb(59 59 59);
}

.generateQuotes .tabs-page > .nav-tabs.accountingStrip li a img, .generateQuotes .tabs-page > .nav-tabs li a i {
    filter: grayscale(0%);
    opacity: 1;
    font-size: 18px;
}

.generateQuotes .tabs-page > .nav-tabs.accountingStrip li.active a img, .generateQuotes .tabs-page > .nav-tabs li.active a i {
    filter: grayscale(0%);
    opacity: 1;
}
/**End For Accounnt Mode end**/

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

.noteWrap {
    margin-bottom: 10px;
    border: 1px solid #fff;
}

.generateQuotes .mainHeader {
    padding: 12px 8px;
    margin-bottom: 0px;
    background: #f3f3f3;
    color: #000;
}

.mainHeader h2 {
    margin: 0;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0;
    color: #000000;
    margin-bottom: 5px;
    display: inline-block;
}

.mainHeader .typeheadCustom {
    float: right;
    width: 65%;
    margin-top: -4px;
}

    .mainHeader .typeheadCustom .form-control {
        height: 30px;
    }

.generateQuotes .mainHeader .shipper_btns, .generateQuotes .mainHeader .consignee_btns {
    float: right;
    margin-left: 10px;
}

    .generateQuotes .mainHeader .shipper_btns .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .generateQuotes .mainHeader .consignee_btns .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 4px 10px;
        margin-top: -3px;
    }

.generateQuotes .mainHeader i {
    font-size: 20px;
    font-weight: normal;
    margin-right: 0;
}

.generateQuotes .mainHeader .btnNotes {
    float: right;
    margin: -5px 0 0 0;
    padding: 4px 6px;
    border: 1px solid #55b055;
    border-radius: 4px;
    background: #55b055;
}

    .generateQuotes .mainHeader .btnNotes i {
        margin: 0;
        color: #fff;
    }

/*btnPUAlert*/
.generateQuotes .mainHeader .btnPUAlert {
    float: right;
    margin: -5px 5px 0 0px;
    padding: 4px 6px;
    border: 1px solid #55b055;
    border-radius: 4px;
    background: #55b055;
}

    .generateQuotes .mainHeader .btnPUAlert i {
        margin: 0;
        color: #fff;
    }

.generateQuotes .mainHeader .cust {
    display: inline;
    border: 1px solid #E1E3EA;
    border-radius: 4px;
    padding: 2px 5px;
    margin-top: -4px;
}

.controllingCustomer, .forWrap, .cardInfo, .addressInfo, .customMamo {
    padding: 10px 8px 5px;
    border: 1px solid #e1e1e1;
    border-top: 0;
}

.generateQuotes label {
    /*text-transform: uppercase;*/
    font-weight: 600;
    color: #000;
    font-size: 13px;
}

.generateQuotes .form-group {
    margin-bottom: 6px;
    position: relative;
}

.generateQuotes .noteWrap .form-group {
    margin-bottom: 0px;
}

.generateQuotes .form-control {
    height: 25px;
    border: 1px solid #e3e4e4;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    width: 100%;
    padding: 4px;
}

.generateQuotes .saleInfo select.form-control {
    padding: 0px 4px 2px;
}

.generateQuotes .saleInfo .date .glyphicon {
    /*top: 38px;*/
}

.generateQuotes .saleInfo select.form-control {
    padding: 0px 4px 2px;
}

.generateQuotes span.note {
    padding: 0;
    box-shadow: none;
    font-weight: 600;
    font-size: 13px;
}

.generateQuotes .date .glyphicon {
    right: 5px;
    top: 5px;
}

.docItemTotal .page-title {
    padding: 0 15px;
}

    .docItemTotal .page-title h4 {
        font-weight: 600;
        font-size: 16px;
        margin-top: 0;
    }

.generateQuotes table {
    width: calc(100% - 2px);
    margin-bottom: 0 !important;
}

    .generateQuotes table.dataTable tr.heading > th {
        font-weight: 600;
        font-size: 13px;
        color: #000;
        vertical-align: middle;
        white-space: nowrap;
        border: 1px solid #e3e2e2;
        padding: 8px 8px 8px 4px;
        background: #ececec;
    }


.generateQuotes .docitemsTable tr th .iconAddNewRow {
    background: #55b055;
    padding: 0px 4px;
    color: #fff;
    border-radius: 4px;
    margin-right: 4px;
    display: inline-block;
}

.generateQuotes .editableTable table td .actionItem {
    padding: 0px 8px;
}

.generateQuotes table.docitemsTable .actionItem a + a {
    margin-left: 15px;
}

.generateQuotes table.docitemsTable tr:nth-child(odd) {
    background: #fff;
}

.generateQuotes table.docitemsTable tr:nth-child(even) {
    background: #fff;
}

.generateQuotes .table.docitemsTable td {
    vertical-align: middle;
    height: 35px;
}

.generateQuotes table.docitemsTable tr td:last-child {
    /*border-bottom: 1px solid #dbd8d8;
    border-left: 1px solid #dbd8d8;*/
    background: #ECECEC;
    font-weight: 800;
}

.generateQuotes table.docitemsTable tr:last-child {
    background: #ECECEC;
    font-weight: 800;
}

    .generateQuotes table.docitemsTable tr:last-child td {
        /*border-bottom: 1px solid #dbd8d8;
        border-top: 1px solid #dbd8d8;*/
    }

.generateQuotes .addCreditCard .inputFirst {
    width: 60%;
    padding-left: 50px;
}

.generateQuotes .addCreditCard .numbersOnlyExpDate {
    width: 20%;
}

.generateQuotes .addCreditCard .inputLast {
    width: 20%;
}

.generateQuotes table.docitemsTable .editableBoxOuter {
    width: 410px;
    max-width: 100%;
}

.customMemo {
    position: relative;
    width: 100%;
}

    .customMemo textarea.form-control {
        width: calc(100% - 0px);
    }

    .customMemo .btnMemo {
        position: absolute;
        right: 0px;
        top: 10px;
        background: #55b055;
        border: #55b055;
        padding: 3px 8px;
    }

        .customMemo .btnMemo i {
            margin: 0;
            color: #fff;
        }

.generateQuotes textarea.form-control {
    height: auto;
}

.generateQuotes .QuotesNotes textarea.form-control {
    border-radius: 0 0 0 0 !important;
}

.generateQuotes .mailDataPopup textarea.form-control {
    height: auto;
    border-radius: 4px !important;
}

.mailActionBox {
    border: 1px solid #e3e4e4;
    padding: 5px;
}

    .mailActionBox .mt-checkbox-list, .mailActionBox .mt-radio-list {
        padding: 5px 0 0px;
    }

    .mailActionBox .mt-checkbox, .mailActionBox .mt-radio {
        margin-bottom: 5px;
    }

.generateQuotes .mainHeader .mailNotes {
    float: right;
    margin: -5px 0 0 0;
    padding: 4px 6px;
    border: 1px solid #55b055;
    border-radius: 4px;
    background: #55b055;
    color: #fff;
}

.generateQuotes .mailDataPopup .form-control {
    border: 1px solid #e3e4e4;
    /*border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;*/
    height: 34px;
    font-weight: normal;
    font-size: 14px;
}

.mailDataPopup h4 {
    font-size: 14px;
    font-weight: 600;
}

.dropzone, .dropzone-file-area {
    border: 1px dashed rgba(0,0,0,0.3);
    min-height: 115px;
    background: #fff;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}


    .dropzone-file-area .sbold {
        font-weight: 600 !important;
        font-size: 16px;
    }

.mailDataPopup .modal-header .close {
    margin-top: -15px !important;
}

.labelWithbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .labelWithbtn span {
        margin-bottom: 5px;
    }

        .labelWithbtn span .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
            margin: 0 1px 0 1px;
            vertical-align: middle;
            background: #a1aeb1;
            border: 1px solid #889497;
            box-shadow: none;
        }

        .labelWithbtn span .btn svg {
            vertical-align: middle;
            /* margin-left: 5px;
                margin-top: -2px;*/
            width: 17px;
        }

            .labelWithbtn span .btn svg path {
            }

.mailAttachments {
    min-height: 100px;
    border: 1px solid #e5e8ec;
    padding: 5px;
    margin: 0 auto;
    background: #f9fafb;
    border-radius: 4px;
}

    .mailAttachments h3 {
        /*font-weight: 600 !important;
        font-size: 16px;*/
    }

    .mailAttachments .dropzone, .dropzone-file-area {
        border: 1px dashed rgba(0,0,0,0.3);
        min-height: 115px;
        background: #fff;
        padding: 20px;
        margin: 0 auto;
        text-align: center;
    }

.attachedFile {
    display: inline-block;
    border: 1px solid #eaecef;
    background: #fff;
    border-radius: 4px;
    position: relative;
    margin: 2px 2px;
    /*width: calc(33.33% - 4px);*/
}

    .attachedFile a {
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding: 4px 25px 4px 10px;
    }

        .attachedFile a i {
            margin-right: 10px;
        }

.uploadedListbox {
    margin-top: 10px;
    max-height: 150px;
    overflow: auto;
}

.QuotesNotes .attachedFile {
    width: calc(100% - 4px);
}

.editAttachment {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 25px;
}

    .editAttachment i {
        font-size: 12px;
        line-height: 22px;
    }

.removeAttachment {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 5px;
}

    .removeAttachment i {
        font-size: 22px;
        line-height: 22px;
    }

.deleteAttachment {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 5px;
}

    .deleteAttachment i {
        font-size: 22px;
        line-height: 22px;
    }

.attachTemplate .form-control {
    border: 1px solid #e3e4e4;
}

.attachTemplate .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    box-shadow: none;
    border: none;
}

.attachTemplate .dropdown-menu {
    box-shadow: 5px 5px rgba(102, 102, 102, .1);
    border: 1px solid #e3e4e4 !important;
    font-family: "Open Sans",sans-serif;
}

    .attachTemplate .dropdown-menu li a {
        color: #000;
        font-weight: 400;
        padding: 4px 8px;
    }

.HExpoDelAlertManifest .modal-header .modal-title {
    display: inline-block;
}

.HExpoDelAlertManifest .modal-header .actionBtn {
    float: right;
}

#AlertModal .modal-header .close {
    margin-top: -15px !important;
}

#AlertModalFrame iframe {
    height: 85vh;
}

#AlertModalBOL .modal-header .close {
    margin-top: -15px !important;
}

.pdfPreview {
    background: rgba(0, 0, 0, 0.3);
}

    .pdfPreview .modal-body {
        background: #525659;
        padding: 0;
    }

        .pdfPreview .modal-body iframe {
            height: 85vh;
            border: none;
        }

.pdfControl {
    padding: 3px 10px;
    margin-bottom: 10px;
    background: #323639;
    text-align: right;
}

    .pdfControl .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        background: transparent;
        color: #fff;
        font-size: 18px;
        border: none;
        box-shadow: none;
        width: 30px;
        height: 30px;
        padding: 0;
    }

        .pdfControl .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
        }

    .pdfControl .btn svg {
        fill: #fff;
    }

.generateQuotes .officeUsequotClculatorContainer {
    margin-top: 0;
    background: #fff;
}

    .generateQuotes .officeUsequotClculatorContainer label {
        font-size: 12px;
    }

.generateQuotes .outputArea .carrierSelect {
    background: #55b053;
    color: #fff;
    border: 1px solid #55b053;
    font-size: 13px;
    float: right;
    width: calc(100% - 85px);
}
.generateQuotes .outputArea .btnAddCharges:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
    padding: 3px 2px;
    float: right;
    position: inherit;
    margin-left: 5px;
}

    .generateQuotes .outputArea .carrierSelect:focus-visible {
        outline: none;
    }

.generateQuotes .filterInputs {
    width: 760px;    
    padding: 0 5px 0 10px;
}

.generateQuotes .outputArea {
    width: calc(100% - 760px);
    padding: 0 10px 0 0px;
}

.generateQuotes .filterInputs .filterAddress p {
    color: #444343;
    margin-bottom: 0px;
    padding: 2px 5px;
    background: #F2FAF1;
    font-size: 13px;
}
    .generateQuotes .filterInputs .filterAddress p.miles {
        background: #f2faf1;
        font-weight: 600;
        font-size: 13px;
        padding: 2px 7px;
        border-bottom: 1px solid #a5a5a5;
        border-top: 1px solid #a5a5a5;
    }
        .generateQuotes .filterInputs .filterAddress p.miles strong {
            width: auto;
            margin-right: 10px;
        }

.generateQuotes button#transfer-btn, .generateQuotes button#copy-btn, .generateQuotes button#btnRefresh, .generateQuotes #quoteCalculatorLogsbtn, .generateQuotes .btnCoppyAll, .generateQuotes button#btnRefresh {
    padding: 4px !important;
    margin-top: 0;
}

.generateQuotes button#transfer-btn {
    background-color: #73ba4f;
    border-color: #73ba4f;
}

    .generateQuotes button#transfer-btn:hover, .generateQuotes button#transfer-btn.active, .generateQuotes button#transfer-btn:active, .generateQuotes button#transfer-btn:hover, .open > .generateQuotes button#transfer-btn.dropdown-toggle {
        background-color: #55B053;
        border-color: #55B053;
    }

.generateQuotes .airportOutput label {
    color: #000000;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: normal;
}

.generateQuotes .spotRateOuter {
    padding: 0px 4px 0;
    margin-top: 20px;
}

.generateQuotes .quoteDetail .col-md-6.col-sm-6.col-xs-12 {
    /*padding: 5px;*/
}

.generateQuotes .spotRateOuter .borderbtm {
    margin-bottom: 0;
    padding: 0px 0 0px;
}

.generateQuotes .spotRateOuter .discription {
    font-size: 13px;
    line-height: 13px;
    min-height: 20px;
}

.generateQuotes .charges {
    padding: 2px 14px 3px;
}

    .generateQuotes .charges label {
        color: #000000;
        font-size: 13px;
        text-transform: none;
        font-weight: normal;
        width: 40px;
    }

    .generateQuotes .charges .chargeAmount {
        width: calc(100% - 40px);
        margin: 0 0 0px 0;
        text-align: right;
        font-size: 13px;
        padding: 0px 0px 0px 5px;
        border-radius: 3px;
        min-height: 22px;
        min-width: 50px;
        float: left;
    }

.generateQuotes .totalAmount {
    padding: 0px 1px;
}

.generateQuotes .charges .totalAmount .caldata {
    font-size: 12px;
    width: 58px;
}

.generateQuotes .totalAmount a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
    font-size: 8px;
}

.generateQuotes .charges .totalAmount .chargeAmount {
    font-weight: 800;
    width: calc(100% - 58px);
    line-height: 22px;
    padding: 0 0px 0 0;
    letter-spacing: -0.5px;
}

.generateQuotes .outerBorder > .row {
    display: flex;
    margin-left: -1px;
    margin-right: -1px;
}

    .generateQuotes .outerBorder > .row .col-sm-12, .generateQuotes .outerBorder > .row .col-md-6, .generateQuotes .outerBorder > .row .col-lg-6 {
        padding-left: 2px;
        padding-right: 2px;
    }

.generateQuotes .outerBorder .quoteDetail {
    padding: 2px 2px 3px;
}

.generateQuotes .spotRateOuter .form-group {
    margin-bottom: 3px;
    width: 100%;
}

.generateQuotes .spotRateOuter .form-control {
    height: 40px;
    border: 1px solid #228B22;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    width: 100%;
    height: 24px;
    padding: 2px 6px;
}

.generateQuotes .filterInputs .form-group, .generateQuotes .actualWeight .form-group {
    margin-bottom: 2px;
}

.generateQuotes .filterInputs label, .generateQuotes .actualWeight label {
    margin-bottom: 0;
}

.generateQuotes .filterInputs .form-control {
    height: 25px;
    border: 1px solid #228B22;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    width: 100%;
    padding: 2px 4px;
}

.generateQuotes .actualWeight .form-control {
    height: 25px;
    border: 1px solid #228B22;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    width: 100%;
    padding: 2px 6px;
}

.generateQuotes .filterInputs .input-group .form-control {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.typeheadCustom.input-group .input-group-btn {
    width: 1%;
}

.generateQuotes .filterInputs .input-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    padding: 3px 5px 3px;
    box-shadow: none !important;
    background: #55b053 !important;
    border: 1px solid #228B22 !important;
    height: 25px;
}

.generateQuotes .borderbtm {
    margin-bottom: 3px;
}

.generateQuotes .qwreponse {
    font-size: 11px;
    line-height: 11px;
    font-weight: 600;
}

.generateQuotes .airportOutput label {
    width: calc(100% - 120px);
}

.generateQuotes .airportOutput .chargeAmount {
    width: 120px;
}

.generateQuotes .carrierBlock .inputCocl .form-control {
    height: 25px;
    padding: 2px 22px 4px 4px;
    line-height: 25px;
}

.generateQuotes .carrierBlock .inputCocl .input-icon.input-icon-sm > i {
    margin: 5px 0;
}

.generateQuotes .allLabels label {
    float: left;
    line-height: 20px;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}

.generateQuotes .carrierBlock .inputCocl .form-control {
    font-weight: normal;
}

.generateQuotes .clacHeader .caldata {
    color: #fff;
    text-transform: none;
    font-weight: normal;
    font-size: 13px;
}

.generateQuotes table tr td:last-child {
    /* background: #ECECEC;
    font-weight: 800;*/
}

.generateQuotes .docItems .GenerateQuotes table tr td:nth-child(6) .form-control {
    background: #f3f3f3;
    border: 1px solid #ececed;
    text-align: right;
    font-weight: 800;
}

    .generateQuotes .docItems .GenerateQuotes table tr td:nth-child(6) .form-control:hover {
        border: 1px solid #f36a5a;
        background: #fff;
    }

.generateQuotes .docItems .GenerateQuotes table tr td:last-child {
    background: #fff;
}

.generateQuotes .docItems .GenerateQuotes table tr:last-child td {
    background: #f3f3f3;
    font-weight: 800;
    padding: 0 10px;
}

.generateQuotes .docItems .GenerateQuotes table tr:last-child {
    background: #fff;
}

.generateQuotes .clacHeader td, .generateQuotes .clacHeader tr td:last-child {
    /*background: #1C232D;
    width: 14%;
    padding: 6px 2px;
    color: #fff;*/
}

.generateQuotes .rankblock .form-control {
    background: #1C232D url(../Images/down-arrow.png) 95% 9px no-repeat;
    color: #fff;
    border: 1px solid #1C232D;
    width: 80px;
    float: none;
    height: 22px;
    padding: 0px 5px;
    display: inline-block;
    appearance: none;
}

.generateQuotes .daysBlock span.day {
    padding: 4px 10px;
}

.allItemsWrap {
    border: 1px solid #f3f3f3;
    margin-bottom: 10px;
}

    .allItemsWrap .docItemTotal {
        padding: 10px;
    }

.totalForAllItems label {
    background: #ECECEC;
    display: block;
    padding: 5px 10px;
    color: #000;
    margin-bottom: 0;
}

.totalForAllItems span {
    padding: 5px 5px;
    display: block;
    font-size: 16px;
    font-weight: 800;
    border: 1px solid #ECECEC;
}

/*FormDesgin2 Start*/
.colp5 {
    margin-left: -5px;
    margin-right: -5px;
}

    .colp5 > div {
        padding: 0 5px;
    }

.formDesign2 .form-group {
    border: 1px solid #D9DADE;
    border-radius: 4px;
    padding: 2px 5px 6px;
    margin-bottom: 10px;
    box-shadow: 0 5px 6px rgba(0, 0, 0, .02);
}

    .formDesign2 .form-group:focus-within {
        border: 1px solid #000;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    }

.formDesign2 label {
    margin-bottom: 0rem;
    text-transform: capitalize;
    font-size: 1.3rem;
    /*color: #929398;*/
    color: #777777;
}

.formDesign2 .form-control, .formDesign2 .select2 {
    height: calc(1em + 0.2rem + 2px);
    border: none;
    font-size: 1.5rem;
    padding: 0.0rem 0rem;
    color: #292B35;
}

.formDesign2 select.form-control {
    padding-top: 0;
    padding-bottom: 0;
}

.formDesign2 textarea.form-control {
    height: auto;
}

.formDesign2 .bootstrap-select {
    margin-top: -10px;
}

    .formDesign2 .bootstrap-select > .dropdown-toggle.btn-light {
        border: 0;
        padding: 0;
    }

    .formDesign2 .bootstrap-select .bs-searchbox, .formDesign2 .bootstrap-select .bs-actionsbox, .formDesign2 .bootstrap-select .bs-donebutton {
        padding: 3px 10px;
    }

.formDesign2 .date .glyphicon {
    position: absolute;
    right: 0px;
    top: 2px;
}

.formDesign2 .md-checkbox {
    height: 19px;
}

.formDesign2 .addCreditCard {
    border: none;
}

    .formDesign2 .addCreditCard .inputFirst {
        padding-left: 40px;
        background-position: 0px;
    }
/*FormDesign 2 End*/

/**WebQuotes Advance Search Start**/
.webQuotesFilterSearch {
    width: 500px;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-flow: row;
    gap: 10px;
}
.accountReportFulterOuter .filterHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.advanceFilterIcon {
    margin-top: 8px;
}

    .advanceFilterIcon a.accordion-toggle {
        color: #000;
        text-decoration: underline;
    }

        .advanceFilterIcon a.accordion-toggle:hover {
            /*text-decoration: none;*/
        }

        .advanceFilterIcon a.accordion-toggle img {
            margin-left: 10px;
        }

.advanceSearch .panel-body {
    padding: 10px 0 5px 0;
    border-top: 1px solid #ddd;
}

.advanceSearch .form-group {
    margin-bottom: 8px;
}

.advanceSearch .contains {
    display: block;
}

    .advanceSearch .contains .mt-checkbox {
        float: right;
        padding-left: 22px;
    }

    .advanceSearch .contains .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 0;
        background: none;
        box-shadow: none;
        opacity: 0.6;
    }

    .advanceSearch .contains .btn.active:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        opacity: 1;
    }

.advanceSearch .date .glyphicon {
    top: 10px;
}

.advanceSearch .contains .btn-group {
    float: right;
}

    .advanceSearch .contains .btn-group .btn + .btn {
        margin-left: 2px;
    }

.advanceSearch .btnBox {
    padding-top: 25px;
}

.advanceSearch {
    margin-top: 10px;
    /*display: none;*/
}

.dateRange {
    position: relative;
}

    .dateRange .glyphicon {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 9;
    }

/**WebQuotes Advance Search End**/

/*Daterange pikcer custom start*/
.input-daterange .form-control[name="start"] {
    border-radius: 4px 0px 0px 4px !important;
}

.input-daterange .form-control[name="end"] {
    border-radius: 0px 4px 4px 0px !important;
}

.input-daterange .input-group-addon {
    background-color: #c2cad8;
    border: 1px solid #c2cad8;
}
/*Daterange pikcer custom end*/


/*floating Lable design*/
.floatingLabel {
    position: relative;
}

    .floatingLabel label {
        position: absolute;
        top: 13px;
        left: 0;
        width: 100%;
        color: #2a2a2a;
        transition: 0.2s all;
        cursor: text;
        padding-left: 10px;
        font-size: 1.5rem;
        margin: 0;
        text-transform: none;
    }

    .floatingLabel .md-checkbox label {
        padding-left: 30px;
    }

    .floatingLabel .form-control {
        padding: 0.5rem 0.8rem 0.5rem;
        height: 50px;
        font-size: 1.5rem;
        box-shadow: 0 5px 6px rgba(0, 0, 0, .02) !important;
        border: 1px solid #D9DADE;
        border-radius: 4px;
    }

    .floatingLabel.date .glyphicon {
        top: 25px;
    }

    .floatingLabel.date .form-control {
        padding: 2.4rem 0.8rem 0.5rem;
    }

    .floatingLabel.date label {
        font-size: 13px;
        top: 4px;
        color: #777777;
        padding-left: 0.8rem;
    }

    .floatingLabel .form-control:focus, .floatingLabel .form-control:valid {
        border-color: #D9DADE;
        padding: 2.4rem 0.8rem 0.5rem;
        /*box-shadow: 0 5px 20px rgba(0, 0, 0, .1) !important;*/
    }

        .floatingLabel .form-control:focus ~ label, .floatingLabel .form-control:valid ~ label, .floatingLabel label:focus {
            font-size: 13px;
            top: 4px;
            color: #777777;
            padding-left: 0.8rem;
        }

.generateQuotes .saleInfo .floatingLabel select.form-control {
    padding: 22px 3px 5px;
}

.pciWrap {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .pciWrap .profile-userpic {
        width: 58px;
        margin-right: 15px;
    }

    .pciWrap div {
        font-size: 18px;
        font-weight: 700;
        color: #3f4254;
    }

.pfBlock {
    border: 1px dashed #E1E3EA;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 9px;
}

    .pfBlock p {
        color: #7e8299;
        font-size: 14px;
        font-weight: 600;
        margin: 0;
    }

    .pfBlock h4 {
        margin: 0;
        color: #3f4254;
        font-size: 18px;
        font-weight: 700;
    }

.pciWrap .profile-userpic {
    width: 50px;
}

.flexWrap {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .flexWrap .selectField {
        border: none;
        padding: 0;
    }

        .flexWrap .selectField .quoteDropdown {
            border: 1px solid #E1E3EA;
        }

.innerCol {
    border: 1px solid #97aeff;
    border-radius: 4px;
    padding: 5px 5px 5px;
    margin-bottom: 10px;
    width: 14.28%;
}

.innercColLg {
    width: 29.2%;
}

.innerColMd {
    width: 14.29%;
}

.validationFailed {
    border: 2px solid red;
    border-radius: 5px;
}

.colValue {
    color: #3f4254;
    font-size: 16px;
    font-weight: 600;
}

.preDefinefields .row {
    margin-left: -5px;
    margin-right: -5px;
}

    .preDefinefields .row > div {
        padding-left: 5px;
        padding-right: 5px;
    }

.colLabel {
    color: #7b7878;
    font-size: 14px;
    margin-bottom: 2px;
}

.preDefinefields .form-control {
    padding-left: 0;
    height: 28px;
    border: none;
    font-size: 16px;
    transition: all 0.3s ease;
}

.preDefinefields .innerCol:hover .form-control, .preDefinefields .innerCol:focus .form-control {
    padding-left: 3px;
    background: #fff;
    border: 1px solid rgb(26 115 232 / 50%);
    box-shadow: 0px 0px 0px 4px rgb(26 115 232 / 17%) !important;
    transition: all 0.3s ease;
}

.preDefinefields .validCheck1 {
    border: 1px solid rgb(198 0 0 / 100%);
}

    .preDefinefields .validCheck1:hover .form-control {
        border: 1px solid rgb(198 0 0 / 50%);
        box-shadow: 0px 0px 0px 4px rgb(198 0 0 / 17%) !important;
    }

.preDefinefields .date .glyphicon {
    right: 5px;
    top: 7px;
}

.preDefinefields .input-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 4px 6px 4px;
    box-shadow: none;
}

.innerCol .btn-group {
    width: 100%;
}

    .innerCol .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        box-shadow: none;
        border: none;
        background: #fff;
        text-align: left;
        font-size: 16px;
        font-weight: 600;
        height: 28px;
        text-transform: none;
        padding-left: 0;
        padding: 0px 0;
    }

        .innerCol .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .innerCol .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
            box-shadow: none;
        }

            .innerCol .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) > i {
                margin-top: 3px;
                float: right;
                font-weight: 600;
                font-size: 18px;
            }

.customerDiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 0 5px 0 0;
}

.innerCol .mt-checkbox-inline {
    padding: 8px 5px;
    display: inline-block;
    height: 38px;
    background: #f3e9ee;
    border-radius: 4px 0 0px 4px;
    line-height: 21px;
    vertical-align: middle;
}

.innerCol .mt-checkbox {
    margin: 0;
    padding: 0 0 0px 22px;
    /* color: #fff; */
    vertical-align: middle;
}

    .innerCol .mt-checkbox span {
        background: #69a2ff;
    }

    .innerCol .mt-checkbox:hover > input:not([disabled]) ~ span, .innerCol .mt-checkbox > input:focus ~ span {
        background: #508df1;
    }

    .innerCol .mt-checkbox:hover > input:not([disabled]):checked ~ span, .innerCol .mt-checkbox > input:checked ~ span {
        background: #3578e7;
    }

    .innerCol .mt-checkbox > span:after {
        border: solid #fff;
        border-width: 0 2px 2px 0;
    }



/* Toggle button */
.toggleCust {
    position: relative;
    /*background: #f3e9ee;*/
    border-radius: 4px 0 0px 4px;
    padding: 5px 5px;
    border-right: 1px solid #f3e9ee;
}

    .toggleCust label {
        margin-bottom: 0;
    }

.visually-hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    clip-path: inset(50%);
}

.toggleCust__btn {
    display: flex;
    gap: 1rem;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-weight: 600;
}

    .toggleCust__btn::before {
        content: '';
        width: 3.8em;
        height: 2em;
        background-color: hsl(0, 0%, 80%);
        border-radius: 1.5em;
    }

    .toggleCust__btn::after {
        content: 'C';
        position: absolute;
        left: 0.1em;
        width: 1.8em;
        height: 1.8em;
        border-radius: 50%;
        background-color: hsl(0, 0%, 100%);
    }

    .toggleCust__btn::before, .toggleCust__btn::after {
        display: grid;
        place-items: center;
        transition: background-color 0.25s linear, transform 0.25s linear;
    }

.toggleCust__input:checked + .toggleCust__btn::after {
    content: 'G';
    transform: translateX(100%);
    background-color: hsl(217.6deg 100% 70.59%);
    color: #fff;
}

.toggleCust__input:checked + .toggleCust__btn::before {
    background-color: hsl(217.14deg 100% 80.77%);
    /*box-shadow: 0 0 4px hsla(0,0%,0%, 0.2)*/
}

.toggleCust__input[disabled] + .toggleCust__btn::before {
    background-color: hsl(0, 0%, 80%);
}

.toggleCust__input[disabled] + .toggleCust__btn::after {
    background-color: hsl(0, 0%, 62%);
}

.toggleCust__input:focus-visible + .toggleCust__btn::before {
    outline: 2px solid black;
    outline-offset: 3px;
}



.btn-group > .dropdown-menu {
    width: 100%;
    margin-top: 6px;
    border-radius: 10px !important;
    max-height: 300px;
    overflow: auto;
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}

.innerCol .btn-group .dropdown-menu > li {
    padding: 8px 16px;
    color: #181C32;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 18px;
    white-space: inherit;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    cursor: pointer;
}

    .innerCol .btn-group .dropdown-menu > li.active:hover, .innerCol .btn-group .dropdown-menu > li:hover {
        text-decoration: none;
        background-image: none;
        background-color: #f6f6f6;
        color: #555;
        filter: none;
    }

.dataPopup.modal.right .modal-dialog {
    width: 650px;
    max-width: 100%;
}
.dataPopup .modal-content .modal-header {
    background: #55B053;
}

.dataPopup .modal-content .modal-title {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

.dataPopup .modal-header .close {
    margin-top: 0 !important;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 11px;
    height: 14px;
    background-repeat: no-repeat !important;
    text-indent: -10000px;
    outline: 0;
    background-image: url(../../metronic/assets/global/img/portlet-remove-icon-white.png) !important;
    opacity: 0.8;
}

    .dataPopup .modal-header .close:hover {
        opacity: 1;
    }

.searchFilterWrap {
    margin-bottom: 10px;
}

    .searchFilterWrap .mt-checkbox-inline {
        margin: 0;
        padding: 0;
        width: 192px;
        display: inline-block;
    }

        .searchFilterWrap .mt-checkbox-inline .mt-checkbox {
            margin: 0 8px 0 0;
            padding: 0 0 0 25px;
            text-transform: inherit;
            color: #000;
        }

.searchDataWrap {
    position: relative;
    font-size: 18px;
    margin: 0px 0px 0px 0;
    width: calc(100% - 196px);
    display: inline-block;
}

.searchDataWrap {
    position: relative;
    font-size: 18px;
}

    .searchDataWrap .form-control {
        padding-left: 30px;
        font-size: 14px;
    }

    .searchDataWrap label {
        position: absolute;
        left: 6px;
        top: -1px;
        font-size: 18px;
    }

    .searchDataWrap #search-clear {
        text-decoration: none;
        position: absolute;
        right: 8px;
        top: 14px;
        color: #ed6b75;
    }

.datalisWrap {
    border: 1px solid #ddd4d4;
    border-bottom: 0;
    margin-right: 0px;
    /*height:150px;*/
    overflow: auto;
}

.notesDataList {
    margin: 0 0px 0 0;
    padding: 0;
    list-style: none;
}

    .notesDataList li {
        padding: 5px 0 5px 45px;
        position: relative;
        display: flex;
        align-items: center;
        font-weight: 600;
        color: #000;
        font-size: 13px;
        line-height: 18px;
    }

        .notesDataList li:nth-child(odd) {
            background: #fafafa;
        }

        .notesDataList li:before {
            content: "";
            width: 1px;
            height: 100%;
            background: #ddd;
            position: absolute;
            top: 0;
            left: 37px;
            border-bottom: 0;
        }

        .notesDataList li + li {
            /*border-top: 0;*/
        }

    .notesDataList .dataChekIcon {
        font-size: 22px;
        display: inline-block;
        margin-left: -40px;
        margin-right: 10px;
    }

    .notesDataList li .mt-checkbox-list {
        padding: 0px 10px;
        display: inline-block;
        margin-left: -46px;
        margin-right: 10px;
    }

        .notesDataList li .mt-checkbox-list .mt-checkbox, .notesDataList li .mt-checkbox-list .mt-radio {
            padding-left: 18px;
            margin-bottom: 18px;
        }

.notesDataList li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0;
    position: absolute;
    right: 10px;
    width: 22px;
    height: 25px;
    font-size: 17px;
    line-height: 17px;
    box-shadow: none;
    font-weight: 300;
    display: none;
    border-radius: 0 4px 4px 0;
}

.notesDataList li:hover .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    display: block;
}

.notesDataList li .form-control {
    width: calc(100% - 0px);
    height: 32px;
}

.notesDataList li:nth-child(odd) .form-control {
    background: #fafafa;
    border: 1px solid #fafafa;
}

.notesDataList li .editableInput {
    border: 1px solid #fff;
    padding-right: 31px;
}

.notesDataList li:hover .editableInput {
    background: #fff;
    border: 1px solid rgb(26 115 232 / 50%);
    box-shadow: 0px 0px 0px 4px rgb(26 115 232 / 17%) !important;
}

.notesDataList li .form-control:focus {
    background: #fff;
    border: 1px solid #000;
    box-shadow: 0px 0px 0px 4px rgb(26 115 232 / 17%) !important;
}

.addNewItemWrap {
    /*padding-right:10px;*/
}

.addNewData {
    border: 1px dashed #ddd4d4;
    padding: 10px 0px 10px 45px;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    line-height: 18px;
}

    .addNewData:before {
        content: "";
        width: 1px;
        height: 100%;
        background: #ddd;
        position: absolute;
        top: 0;
        left: 37px;
    }

    .addNewData .mt-checkbox-list {
        padding: 0px 10px;
        display: inline-block;
        margin-left: -46px;
        margin-right: 10px;
    }

    .addNewData .dataChekIcon {
        font-size: 22px;
        display: inline-block;
        margin-left: -37px;
        margin-right: 10px;
        opacity: 0.5;
        color: #337ab7;
    }

    .addNewData .dataChekIcon {
        color: #337ab7;
    }

    .addNewData .label-warning[href], .addNewData .label-warning[href] {
        color: #fff;
    }

        .addNewData .label-warning[href]:focus, .addNewData .label-warning[href]:hover {
            background-color: #F1C40F;
            color: #fff;
        }

    .addNewData .mt-checkbox-list .mt-checkbox, .addNewData .mt-checkbox-list .mt-radio {
        padding-left: 18px;
        margin-bottom: 18px;
    }

    .addNewData .form-control {
        width: calc(100% - 15px);
        height: 32px;
        margin-left: 3px;
    }

    .addNewData:hover .form-control {
        border: 1px solid rgb(26 115 232 / 50%);
        box-shadow: 0px 0px 0px 4px rgb(26 115 232 / 17%) !important;
    }

    .addNewData .form-control:focus {
        border: 1px solid #000;
        box-shadow: 0px 0px 0px 4px rgb(26 115 232 / 17%) !important;
    }

    .addNewData a {
        font-size: 22px;
        margin-left: 5px;
        margin-right: 5px;
        text-decoration: none;
        font-weight: 600;
    }

.noteWrap.highlited {
    border: 1px solid #ddd;
    border: 1px solid rgb(26 115 232 / 50%);
    box-shadow: 0px 0px 0px 4px rgb(26 115 232 / 17%) !important;
}

.QuotesNotes .noteEtaTime .customInlineInput .tt-menu {
    box-shadow: 5px 5px rgb(102 102 102 / 20%) !important;
}

.QuotesNotes .noteEtaTime .customInlineInput {
    position: relative;
}

    .QuotesNotes .noteEtaTime .customInlineInput .dropdown-menu.ETAextend {
        left: -268px;
        box-shadow: -5px -5px rgb(102 102 102 / 20%) !important;
        top: auto;
        bottom: -14px;
    }

        .QuotesNotes .noteEtaTime .customInlineInput .dropdown-menu.ETAextend:before {
            left: auto;
            right: -8px;
            border-left: 7px solid #d2d2d2;
            border-right: 0 !important;
            top: inherit;
            bottom: 14px;
        }

        .QuotesNotes .noteEtaTime .customInlineInput .dropdown-menu.ETAextend:after {
            left: auto;
            right: -7px;
            border-left: 7px solid #fff;
            border-right: 0px solid #fff;
            bottom: 14px;
            top: inherit;
        }
/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 500px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 15px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -500px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

/* ----- Swal2 Alert Design ----- */
.swal2-container {
    z-index: 99999 !important;
}

.swal-custom-title {
    font-size: 16px;
    max-width: 100%;
    text-align: center;
    line-height: 24px;
    color: rgba(0,0,0,.64);
}

    .swal-custom-title strong {
        font-size: 18px;
        color: #333;
    }

.swal-custom-popup {
    width: 500px;
    padding: 15px 30px 35px;
}

.swal-custom-confirm {
    font-size: 16px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .swal-custom-confirm:hover {
        background-color: #8b2757 !important;
        border-color: #8b2757 !important;
    }

.swal-custom-deny {
    font-size: 16px;
    color: #fff;
    background-color: #e7505a;
    border-color: #e7505a;
}

    .swal-custom-deny:hover {
        color: #fff;
        background-color: #e12330;
        border-color: #dc1e2b;
    }

.swal-custom-cancel {
    font-size: 16px;
    background-color: #dcdcda;
    color: #000;
    border: none;
}

    .swal-custom-cancel:hover {
        /*color: #fff;
        background-color: #e12330;
        border-color: #dc1e2b;*/
    }

/* Disable the animation of the SweetAlert icon */
.swal2-icon {
    animation: none !important;
    width: 80px;
    height: 80px;
}

.swal2-icon-content {
    animation: none !important;
}
/* ----- Swal2 Alert Design End----- */

/* Modal Styles */
.alert-modal-popup {
    display: none;
    position: fixed;
    z-index: 99999 !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Background overlay */
}

.alert-modal-content {
    position: relative;
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    width: 40%;
    border-radius: 10px;
    text-align: center;
}

.alert-modal-footer {
    margin-top: 20px;
}

.modal-btn {
    padding: 10px 20px;
    margin: 5px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .modal-btn:hover {
        background-color: #0056b3;
    }

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
}


/*Custom Scroll*/
/*       ScrollBar 1       
.datalisWrap::-webkit-scrollbar {
    width: 10px;
}

.datalisWrap::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #e7e7e7;
    border: 1px solid #cacaca;
}

.datalisWrap::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #d55959;
} */


.searchCustomer {
    margin: 0px 0 10px;
}

    .searchCustomer .form-control {
        border: 1px solid #97aeff;
        height: 34px;
        font-size: 14px;
        font-weight: 400;
    }

.typeheadCustom .input-group-btn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 4px 5px;
}

.typeheadCustom .input-group-btn .btn i {
    font-size: 13px;
}

/*Attachments Tab start**/
.quoteCalculatorLogs .modal-content .modal-header {
    background: #55B053;
}

.quoteCalculatorLogs .modal-content .modal-title {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

.quoteCalculatorLogs .modal-header .close {
    margin-top: 0 !important;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 11px;
    height: 14px;
    background-repeat: no-repeat !important;
    text-indent: -10000px;
    outline: 0;
    background-image: url(../../metronic/assets/global/img/portlet-remove-icon-white.png) !important;
    opacity: 0.8;
}

    .quoteCalculatorLogs .modal-header .close:hover {
        opacity: 1;
    }

.timeline:before {
    margin-left: 7px;
    border: 1px dashed #f59d18;
    width: 0;
    top: 8px;
}

.timeline .timeline-item {
    margin: 0px 0 15px 0;
}

.timeline-item {
    display: table;
    table-layout: auto;
    width: 100%
}

.timeline-date,
.timeline-txt,
.timeline-thumbnail {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.timeline-date {
    vertical-align: top;
    padding-right: 20px;
    padding-top: 8px;
}

    .timeline-date .carre {
        width: 15px;
        padding: 4px 5px;
        font-size: 17px;
        text-align: center;
        background: #F59D18;
        color: white;
        border-radius: 20px;
        font-weight: 600;
        height: 15px;
    }

.timeline-txt {
    vertical-align: middle;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    border-left: 2px solid #F59D18;
}

.quoteCalculatorLogs.left .modal-dialog, .quoteCalculatorLogs.right .modal-dialog {
    width: 360px;
}
/*Right*/
.quoteCalculatorLogs.right.fade .modal-dialog {
    right: -360px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.timeline-thumbnail:before {
    content: '';
    position: absolute;
    top: 6px;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-right: 10px solid #ececec;
    left: -20px;
}



.pswp__caption__center {
    text-align: center;
}

.thumbnailWrap figure {
    display: inline-block;
    width: 100%;
    float: left;
    margin: 0px;
    border: 2px solid #ECECEC;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px 4px 4px 4px;
    overflow: hidden;
}

    .thumbnailWrap figure span {
        background: #ECECEC;
        display: block;
        padding: 5px 10px;
        color: #000;
        margin-bottom: 0;
    }

figure img {
    width: 100%;
}

.spacer {
    height: 5em;
}
/* pswp = photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 99999 !important;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
}

    .pswp * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pswp img {
        max-width: none;
    }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    /* for open/close transition */
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

    .pswp__error-msg a {
        color: #CCC;
        text-decoration: underline;
    }


/*Attachments Tab End**/
/****Transaction Tab Start****/
.transactionTable {
    border: 1px solid #e7ecf1;
}

    .transactionTable > tbody > tr > td {
        vertical-align: middle;
    }

.nameIntial {
    display: flex;
    align-items: center;
}

    .nameIntial span {
        display: flex;
        background: #872656;
        color: #fff;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 600;
        float: left;
        margin-right: 10px;
    }

/****Transaction Tab End****/


/*****Generate Quote Inline Form Start*****/
.customInlineForm label.customInlineLabel {
    width: 95px;
}

.customInlineForm .customInlineInput {
    width: calc(100% - 99px);
    display: inline-block;
}

.customInlineForm label.inlineStateLabel {
    width: 40px;
}

.customInlineForm .stateInlineInput {
    width: calc(100% - 44px);
}

.soldtoShipInlineForm label.customInlineLabel {
    width: 70px;
}

.soldtoShipInlineForm .customInlineInput {
    width: calc(100% - 74px);
    display: inline-block;
    vertical-align: middle;
}

    .soldtoShipInlineForm .customInlineInput .tt-menu {
        box-shadow: 5px 5px rgb(102 102 102 / 20%) !important;
    }

.soldtoShipInlineForm label.inlineStateLabel {
    width: 40px;
}

.soldtoShipInlineForm .stateInlineInput {
    width: calc(100% - 44px);
}

.soldtoShipInlineForm .boothInlineInput {
    width: calc(100% - 52px);
}

.soldtoShipInlineForm label.inlineboothLabel {
    width: 48px;
}

.customInlineForm .largeLabel label.customInlineLabel {
    width: 120px;
    margin-right: 10px;
}

.customInlineForm .largeLabel .customInlineInput {
    width: calc(100% - 134px);
}

.companyProfileForm label.customInlineLabel {
    width: 85px;
}

.companyProfileForm .customInlineInput {
    width: calc(100% - 89px);
}

.companyProfileForm label.inlineStateLabel {
    width: 40px;
}

.companyProfileForm .stateInlineInput {
    width: calc(100% - 44px);
}

.saleInfoInlineForm label.customInlineLabel {
    width: 122px;
}

.saleInfoInlineForm .customInlineInput {
    width: calc(100% - 126px);
}

.customTabForm label.customInlineLabel {
    width: 128px;
    letter-spacing: -1px;
    word-spacing: -0.5px;
    vertical-align: top;
}

.customTabForm .customInlineInput {
    width: calc(100% - 132px);
}

.generateQuotes .soldtoShipInlineForm .form-group:hover .extendDropDown {
    display: block;
}

.extendDropDown {
    display: inline-block;
    position: absolute;
    margin-left: 0px;
    right: 0;
    top: 0;
    display: block;
}

    .extendDropDown .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 0 3px;
        box-shadow: none;
        background: #fff;
        color: #000;
        border: 1px solid #ddd;
        height: 25px;
        width: 18px;
    }

        .extendDropDown .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):active, .extendDropDown .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):focus, .extendDropDown .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
            background: #ddd;
        }

    .extendDropDown .dropdown-menu {
        transform: translateY(-50%);
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        width: 260px;
        top: 0px;
        transform: translateY(-6px);
        padding: 0px 6px 6px;
        left: 25px;
        box-shadow: 5px 5px rgb(102 102 102 / 20%) !important;
        font-family: "Open Sans", sans-serif;
    }

        .extendDropDown .dropdown-menu:before {
            position: absolute;
            top: 11px;
            left: -8px;
            display: inline-block !important;
            border-bottom: 7px solid transparent;
            border-right: 7px solid #d2d2d2;
            border-top: 7px solid transparent;
            content: '';
        }

        .extendDropDown .dropdown-menu:after {
            position: absolute;
            top: 11px;
            left: -7px;
            display: inline-block !important;
            border-bottom: 7px solid transparent;
            border-right: 7px solid #fff;
            border-top: 7px solid transparent;
            content: '';
        }

        .extendDropDown .dropdown-menu h2 {
            margin: 6px 0 7px 0;
            padding: 0;
            font-size: 12px;
            font-weight: 600;
            color: #55b055;
            text-transform: capitalize;
        }

        .extendDropDown .dropdown-menu .puDelvAddNewData .form-control {
            font-weight: 600;
            color: #000;
            font-size: 13px;
            width: 100%;
            height: 20px;
            border: 1px solid #f8f8f8;
            height: 20px;
            padding: 2px 5px;
            border-radius: 4px !important;
            background: #f8f8f8;
        }

        .extendDropDown .dropdown-menu .pudelvDataList li .editableInput {
            border: 1px solid #ddd;
            height: 20px;
            width: calc(100% - 66px);
            border-radius: 4px 0px 0px 4px !important;
            float: left;
            background: #f8f8f8;
        }

        .extendDropDown .dropdown-menu .puDelvAddNewData .form-control:hover {
            border: 1px solid #228b22;
        }

        .extendDropDown .dropdown-menu .pudelvDataList li .editableInput:hover, .PUDelvDropdonwList .dropdown-menu .pudelvDataList li .editableInput:focus {
            border: 1px solid #228b22;
        }

        .extendDropDown .dropdown-menu .pudelvDataList li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            padding: 0px 2px;
            font-size: 13px;
            font-weight: 300;
            background: #fff !important;
            color: #464646;
            float: left;
            width: 22px;
            height: 20px;
            line-height: 13px;
            margin: 0;
            border-radius: 0 !important;
            border: 1px solid #e3e4e4 !important;
            border-left: 0 !important;
        }

            .extendDropDown .dropdown-menu .pudelvDataList li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
                border: 1px solid #e3e4e4 !important;
                border-left: 0 !important;
            }

        .extendDropDown .dropdown-menu .slimScrollDiv {
            height: auto !important;
        }

        .extendDropDown .dropdown-menu .pudelvDataList li .btn + btn {
            margin-left: 0;
        }

        .extendDropDown .dropdown-menu .pudelvDataList li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):last-child {
            border-top-right-radius: 4px !important;
            border-bottom-right-radius: 4px !important;
        }

        .extendDropDown .dropdown-menu .pudelvDataList li .btn i {
            margin: 0;
            top: 0;
        }

        .extendDropDown .dropdown-menu .pudelvDataList li .btn-edit:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            /*border-radius: 5px 0px 0px 5px !important;
            background: #55af55 !important;
            border: 1px solid #55af55 !important;*/
        }

        .extendDropDown .dropdown-menu .pudelvDataList li .btn-delete:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            /*border: 1px solid #ea5460 !important;
            border-radius: 0px 5px 5px 0px !important;*/
        }

        .extendDropDown .dropdown-menu.DELVextend {
            left: -268px;
            box-shadow: -5px 5px rgb(102 102 102 / 20%) !important;
        }

            .extendDropDown .dropdown-menu.DELVextend::before {
                left: auto;
                right: -8px;
                border-left: 7px solid #d2d2d2;
                border-right: 0 !important;
            }

            .extendDropDown .dropdown-menu.DELVextend::after {
                left: auto;
                right: -7px;
                border-left: 7px solid #fff;
                border-right: 0px solid #fff;
            }

.soldtoShipInlineForm .customInlineInput.boothInlineInput .tt-menu, .soldtoShipInlineForm .customInlineInput.stateInlineInput .tt-menu {
    min-width: inherit;
}


.paymentFormCustom .customInlineInput .twitter-typeahead {
    display: block !important;
}

/*****Generate Quote Inline Form End*****/
/*****Account Mode Start*****/
.generateReturnQuotes {
    background-color: #55b055;
    border-color: #55b055;
}

.spotRateOuter .row-mlr-2 {
    margin: 0 -2px;
}

    .spotRateOuter .row-mlr-2 > div {
        padding: 0 2px;
    }

.accountModeCalculator .quoteDetail .mb-5, .mb-5 {
    margin-bottom: 5px !important;
}

.accountModeCalculator .spotRateOuter {
    margin-top: 0px;
}

.generateQuotes .quoteDetail #insurenceAmount {
    width: calc(100% - 0px);
}

.generateQuotes .quoteDetail #noQuote {
    padding: 3px 4px !important;
    margin-bottom: 5px;
}

.generateQuotes .quoteDetail label {
    margin-bottom: 0;
}

.generateQuotes .quoteDetail .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 6px 0px;
}

.generateQuotes .charges input.chargeAmount {
    background: #f2faf1;
    border: none;
    border-bottom: 1px solid #228B22;
    border-radius: 0;
}

.generateQuotes .quoteDetail input.discription {
    background: #f2faf1;
    border: none;
    border-bottom: 1px solid #228B22;
    border-radius: 0;
    margin-bottom: 3px;
}

.generateQuotes .charges input.normalText, .generateQuotes .quoteDetail input.normalText {
    border: none;
    cursor: default;
    pointer-events: none;
    background: transparent;
}

    .generateQuotes .charges input.normalText:focus, .generateQuotes .quoteDetail inputnormalText:focus {
        outline: none;
        border: none;
    }


.accountModeCalculator .spotCheckBoxBlock {
}

.accountModeCalculator .quoteDetail .mt-checkbox-list {
    padding: 2px 0;
}

    .accountModeCalculator .quoteDetail .mt-checkbox-list .mt-checkbox {
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 24px;
    }

.accountModeCalculator .quoteDetail .spotCheckBoxBlock .mt-checkbox {
    display: inline-block;
    padding-left: 15px;
    margin-bottom: 22px;
    vertical-align: middle;
    margin-left: 0;
    margin-top: 2px;
}
    .accountModeCalculator .quoteDetail .spotCheckBoxBlock .mt-checkbox > input, .mt-radio > input {        
        left: 0;
        width: 18px;
    }
/*.accountModeCalculator .quoteDetail .spotCheckBoxBlock .form-control {
    display: inline-block;
    width: calc(100% - 23px);
}*/
.accountModeCalculator .quoteDetail .spotCheckBoxBlock .popover {
    width: 130px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 5px 5px rgba(102,102,102,.1);
    box-shadow: 5px 5px rgba(102,102,102,.1);
}
    .accountModeCalculator .quoteDetail .spotCheckBoxBlock .popover .popover-content {
        padding: 9px;
    }
        .accountModeCalculator .quoteDetail .spotCheckBoxBlock .popover .popover-content .pop-input-field {
            border-radius: 4px;
            border: 1px solid #228B22;
            font-weight: 600;
            color: #000;
            font-size: 13px;
            width: 100%;
            height: 24px;
            padding: 2px 6px;
            font-family: "Open Sans",sans-serif;
        }
    .accountModeCalculator .quoteDetail .spotCheckBoxBlock .popover > .arrow {
        display: block !important;
        left: 50%;
        margin-left: -11px;
        border-bottom-width: 0;
        border-top-color: #999;
        border-top-color: rgba(0,0,0,.25);
        bottom: -11px;
    }
    .accountModeCalculator .quoteDetail .spotCheckBoxBlock .popover.top > .arrow:after {
        content: "";
        display: block !important;        
    }

.accountModeCalculator .spotRateOuter .discription {
    line-height: 13px;
    min-height: 20px;
}

.accountModeCalculator .outputArea .carrierSelect {
    /*background: #509b4f url(../Images/down-arrow.png) 95% 9px no-repeat;*/
    /*color: #fff;*/
    border: 1px solid #479545;
    border-radius: 4px;
    width: calc(100% - 85px);
    height: 22px;
    padding: 0px 5px;
    display: inline-block;
    /*appearance: none;*/
    font-size: 13px;
}

.notesDropDown {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .notesDropDown .lblPkupComment, .notesDropDown .lblDelvComment {
        width: calc(100% - 20px);
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
    }

    .notesDropDown .notesDropdonwList {
        width: 20px;
        display: inline-block;
        position: relative;
    }

.notesDropdonwList a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 0px;
    font-size: 15px;
    margin: 0;
    background: transparent;
    border: 0px solid #228B22;
    color: #2f353b;
    box-shadow: none;
}

.notesDropdonwList .dropdown-menu {
    right: -10px;
    left: inherit;
    box-shadow: -5px 5px rgb(102 102 102 / 20%) !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    width: 215px;
}

    .notesDropdonwList .dropdown-menu:before {
        position: absolute;
        top: -8px;
        right: 10px;
        left: auto;
        display: inline-block !important;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #d2d2d2;
        border-left: 8px solid transparent;
        content: '';
    }

    .notesDropdonwList .dropdown-menu:after {
        position: absolute;
        top: -7px;
        right: 11px;
        left: auto;
        display: inline-block !important;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        border-left: 7px solid transparent;
        content: '';
    }

    .notesDropdonwList .dropdown-menu li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        /*margin: 8px 0;*/
        font-size: 14px;
        padding: 6px 8px;
        font-family: "Open Sans",sans-serif;
        font-weight: 400;
    }

        .notesDropdonwList .dropdown-menu li .mt-checkbox {
            margin: 0;
        }

            .notesDropdonwList .dropdown-menu li .mt-checkbox > span {
                top: -9px;
            }

        .notesDropdonwList .dropdown-menu li label {
            white-space: nowrap;
        }

    .notesDropdonwList .dropdown-menu > li > input {
        height: 22px;
        width: 50px;
        margin-left: 10px;
        border: 1px solid #b1b1b1;
        border-radius: 4px;
        text-align: right;
    }

    .notesDropdonwList .dropdown-menu li + li {
        border-top: 1px solid #ddd;
    }

    .notesDropdonwList .dropdown-menu li:last-child {
        /* background: #f2faf1;*/
        border: 1px solid #656565;
    }

        .notesDropdonwList .dropdown-menu li:last-child label {
            font-size: 14px;
        }

    .notesDropdonwList .dropdown-menu li span {
        font-weight: bold;
        font-size: 14px;
        padding: 0 4px;
    }

.sotrageBox {
    width: 100%;
}

.sotrageValueBox a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
}

    .sotrageValueBox a:hover, .sotrageValueBox a:focus {
        text-decoration: none;
        color: #000;
    }

.expantBox ul li {
    border: none;
}

.expantBox {
    width: 100%;
}

    .expantBox .collapse {
    }

    .expantBox ul {
        margin: 0;
        padding: 0;
    }

.notesDropdonwList .dropdown-menu .expantBox ul li:last-child {
    border: 0;
}

.notesDropdonwList .dropdown-menu li .expantBox ul li {
    border: none;
    padding: 4px 0px;
    font-size: 12px;
}

    .notesDropdonwList .dropdown-menu li .expantBox ul li label {
        font-size: 12px;
    }

.notesDropdonwList .dropdown-menu .expantBox ul li input {
    width: 40px;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    text-align: right;
    height: 18px;
    font-size: 12px;
}

.expantBox .sotrageSubList {
    background: #f5f5f5;
    padding: 5px;
}

.notesDropdonwList .dropdown-menu li .iconCollapse {
    padding: 0;
}

    .notesDropdonwList .dropdown-menu li .iconCollapse i {
        width: auto;
        margin-right: 5px;
        vertical-align: middle;
        transform: rotate(180deg);
        color: #5d7878;
    }

.notesDropdonwList .dropdown-menu li .collapsed .iconCollapse i {
    transform: rotate(0deg);
}

.accountModeCalculator .carrierBlock .mt-checkbox-list, .accountModeCalculator .carrierBlock .mt-radio-list {
    float: left;
    padding: 2px 0;
}

.accountModeCalculator .carrierBlock .leftText {
    width: calc(60% - 31px);
}

.accountModeCalculator .carrierBlock .dynamicResult {
    width: 40%;
    float: right;
}

.accountModeCalculator .carrierBlock .editableBoxOuter {
    margin-bottom: 3px;
}

.accountModeCalculator .carrierBlock .editableBox {
    height: 25px;
    font-size: 13px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #228B22;
    padding: 0 5px;
}

.accountModeCalculator .carrierBlock .timeTextBox {
    border-radius: 4px 0px 0px 4px;
}

.accountModeCalculator .carrierBlock .blankRateBox {
    height: 25px;
    font-size: 13px;
    background: #ffffff;
}

.accountModeCalculator .carrierBlock textarea.form-control {
    border: 1px solid #228B22;
}

.accountModeCalculator .filterweight {
    width: 38%;
}

.accountModeCalculator .CarrierOutputArea {
    width: 62%;
}

.minRateValue {
    border: none;
    border-bottom: 1px solid #000;
    background: none;
    width: 60px;
}

.common-btn-transfer .btn-toggle label {
    float: left;
    margin-right: 5px;
    margin-top: 6px;
}

.common-btn-transfer .btn-toggle .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 4px 6px;
    font-size: 11px;
}

.common-btn-transfer .generateReturnQuotes.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
    padding: 4px 6px;
}

.side-by-side {
    display: inline-block;
    width: 50%; /* Adjust width as needed */
}

.PUDelvDropdonwList {
    width: 100%;
}

    /*    .PUDelvDropdonwList .dropdown-menu {
        left: 0;
        top: 33px;
        box-shadow: 5px 5px rgb(102 102 102 / 20%) !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        width: 380px;
        padding: 10px 6px 6px;
    }

        .PUDelvDropdonwList .dropdown-menu:before {
            position: absolute;
            top: -8px;
            left: 6px;
            display: inline-block !important;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #d2d2d2;
            border-left: 8px solid transparent;
            content: '';
        }

        .PUDelvDropdonwList .dropdown-menu:after {
            position: absolute;
            top: -7px;
            left: 7px;
            display: inline-block !important;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #fff;
            border-left: 7px solid transparent;
            content: '';
        }*/

    .PUDelvDropdonwList .dropdown-menu {
        transform: translateY(-50%);
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        width: 895px;
        /*padding: 10px 6px 6px;*/
        padding: 0px 6px 6px;
        left: 25px;
        box-shadow: 5px 5px rgb(102 102 102 / 20%) !important;
        font-family: "Open Sans", sans-serif;
    }

        .PUDelvDropdonwList .dropdown-menu:before {
            position: absolute;
            top: 45%;
            left: -8px;
            display: inline-block !important;
            border-bottom: 7px solid transparent;
            border-right: 7px solid #d2d2d2;
            border-top: 7px solid transparent;
            content: '';
        }

        .PUDelvDropdonwList .dropdown-menu:after {
            position: absolute;
            top: 45%;
            left: -7px;
            display: inline-block !important;
            border-bottom: 7px solid transparent;
            border-right: 7px solid #fff;
            border-top: 7px solid transparent;
            content: '';
        }

        .PUDelvDropdonwList .dropdown-menu .popup-header {
            background: #f3f3f3;
            padding: 10px;
        }

            .PUDelvDropdonwList .dropdown-menu .popup-header button.closePUDELVpopup {
                background-color: #ddd9d9;
                padding: 8px;
                position: absolute;
                right: 1px;
                top: -4px;
                background-position: center;
                opacity: 0.7;
            }

                .PUDelvDropdonwList .dropdown-menu .popup-header button.closePUDELVpopup:hover {
                    opacity: 1;
                    background: #ddd9d9;
                    background-position: center;
                    border-radius: 2px;
                }

        .PUDelvDropdonwList .dropdown-menu h2 {
            margin: 0 0 0px 0;
            padding: 0;
            font-size: 13px;
            font-weight: 600;
            color: #55b055;
            text-transform: capitalize;
            width: 94%;
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .PUDelvDropdonwList .dropdown-menu h2 font {
                color: #000;
                text-transform: capitalize;
            }

        .PUDelvDropdonwList .dropdown-menu .popup-header input {
            border-radius: 4px;
        }

        .PUDelvDropdonwList .dropdown-menu p {
            font-size: 12px;
            font-family: "Open Sans",sans-serif;
            margin: 0;
        }

        .PUDelvDropdonwList .dropdown-menu .popup-body {
            padding: 10px 5px 8px;
            border: 1px solid #e1e1e1;
        }

        .PUDelvDropdonwList .dropdown-menu .pu_delv_row {
            margin-bottom: 6px;
            display: flex;
        }

            .PUDelvDropdonwList .dropdown-menu .pu_delv_row .tt-menu {
                box-shadow: 5px 5px rgb(102 102 102 / 20%) !important;
            }

                .PUDelvDropdonwList .dropdown-menu .pu_delv_row .tt-menu .empty-message {
                    padding: 0 8px;
                    font-size: 13px;
                }

            .PUDelvDropdonwList .dropdown-menu .pu_delv_row:last-child {
                margin-bottom: 0;
            }

        .PUDelvDropdonwList .dropdown-menu label {
            font-family: "Open Sans",sans-serif;
            font-size: 13px;
            width: 76px;
            /*background: #f0f0f0;*/
            padding: 1px 5px 1px px;
            min-height: 18px;
            display: inline-block;
            flex: 0 0 76px;
            text-transform: capitalize;
            color: #000;
            white-space: normal;
        }

        .PUDelvDropdonwList .dropdown-menu .input-group {
            flex: 0 0 calc(100% - 76px);
        }

        .PUDelvDropdonwList .dropdown-menu > span {
            width: calc(100% - 120px);
            display: inline-block;
            background: #f8f8f8;
            padding: 2px 5px;
            min-height: 18px;
            font-family: "Open Sans", sans-serif;
            font-size: 12px;
            color: #000;
            font-weight: 600;
            white-space: normal;
        }

        .PUDelvDropdonwList .dropdown-menu input {
            height: 25px;
            width: calc(100% - 1px);
            border: 1px solid #e3e4e4;
            background: #fff;
            border-radius: 4px 0 0 4px;
            padding: 2px 5px;
            min-height: 18px;
            font-family: "Open Sans", sans-serif;
            font-size: 13px;
            color: #000;
            font-weight: 600;
            white-space: normal;
        }

            .PUDelvDropdonwList .dropdown-menu input:hover {
                border: 1px solid #228b22;
            }

.pu_delv_row .date {
    background: #f8f8f8;
}

.PUDelvDropdonwList .dropdown-menu .date span {
    top: 5px;
    right: 4px;
    z-index: 9999999;
    font-family: 'Glyphicons Halflings';
    width: auto !important;
    border-radius: 4px !important;
}

.PUDelvDropdonwList .dropdown-menu .date .twitter-typeahead {
    position: static !important;
    width: 100% !important;
}

.PUDelvDropdonwList .dropdown-menu .input-group-btn {
    margin: 0;
    padding: 0;
    width: 1%;
}

    .PUDelvDropdonwList .dropdown-menu .input-group-btn:not(:has(button)) {
        display: none;
    }

    .PUDelvDropdonwList .dropdown-menu .input-group-btn .btn {
        padding: 0px 2px 0px;
    }

        .PUDelvDropdonwList .dropdown-menu .input-group-btn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            font-size: 18px;
            line-height: 9px;
            padding: 4px 3px 4px;
            height: 25px;
            background: #fff !important;
            border: 1px solid #e3e4e4 !important;
            border-left: 0 !important;
            /*margin: 0;*/
            color: #000;
        }

.PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu {
    width: 260px;
    top: 0px;
    transform: translateY(-6px);
}

.PUDelvDropdonwList .dropdown-menu .dropdown-menu h2 {
    margin-top: 2px;
    margin-bottom: 7px;
}

.PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu:before {
    top: 8px;
}

.PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu:after {
    top: 8px;
}

.PUDelvDropdonwList .dropdown-menu .puDelvAddNewData .form-control {
    font-weight: 600;
    color: #000;
    font-size: 13px;
    width: 100%;
    height: 20px;
    border: 1px solid #f8f8f8;
    height: 20px;
    padding: 2px 5px;
    border-radius: 4px !important;
}

    .PUDelvDropdonwList .dropdown-menu .puDelvAddNewData .form-control:hover {
        border: 1px solid #228b22;
    }

.puDelvAddNewData {
    border: 1px dashed #ddd4d4;
    padding: 5px 0px 5px 5px;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    line-height: 18px;
}

    .puDelvAddNewData .form-control {
        width: calc(100% - 15px);
        height: 32px;
        margin-left: 3px;
    }

    .puDelvAddNewData a {
        font-size: 22px;
        margin-left: 5px;
        margin-right: 5px;
        text-decoration: none;
        font-weight: 600;
    }

.pudelvdatalisWrap {
    margin-right: 0px;
    border: 1px solid #ddd4d4;
    border-bottom: 1px solid #ddd4d4;
    border-top: 0;
    padding: 5px;
    max-height: 150px;
    height: auto !important;
}

.PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu .slimScrollDiv {
    height: auto !important;
}

.pudelvDataList {
    padding: 0;
    margin: 0;
}

    .pudelvDataList li {
        position: relative;
        font-weight: 600;
        color: #000;
        font-size: 13px;
        line-height: 18px;
        float: left;
        width: 100%;
    }

        .pudelvDataList li.customCompanyLiDELV {
            background: #d1e1fb;
            padding: 2px 5px;
            border-radius: 4px;
            color: #525862;
        }

            .pudelvDataList li.customCompanyLiDELV:hover {
            }

        .pudelvDataList li.customCompanyLiPU {
            background: #d1e1fb;
            padding: 2px 5px;
            border-radius: 4px;
            color: #525862;
        }

            .pudelvDataList li.customCompanyLiPU:hover {
            }

        .pudelvDataList li + li {
            margin-top: 5px;
        }

        .pudelvDataList li:before {
            display: none;
        }

.PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .editableInput {
    border: 1px solid #ddd;
    height: 20px;
    width: calc(100% - 66px);
    /*border-radius: 0 !important;*/
}

    .PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .editableInput:hover, .PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .editableInput:focus {
        border: 1px solid #228b22;
    }

.PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    padding: 0px 2px;
    font-size: 10px;
    font-weight: 300;
    background: #fff !important;
    color: #464646;
    float: left;
    width: 22px;
    height: 20px;
    border-radius: 0 !important;
}

.PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .btn-edit:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    /*border-radius: 5px 0px 0px 5px !important;
    background: #55af55 !important;
    border: 1px solid #55af55 !important;*/
}

.PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .btn-delete:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    /*border: 1px solid #ea5460 !important;*/
}

.PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .btn + .btn {
    margin-left: 0;
}

.PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):last-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .btn i {
    margin: 0;
    top: 0;
}


.FExpoPickupAlert .modal-header .modal-title {
    display: inline-block;
}

.FExpoPickupAlert .modal-header .actionBtn {
    float: right;
}

/*.PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend {
    left: -272px;
    box-shadow: -5px -5px rgb(102 102 102 / 20%) !important;
}*/

#openDocs .jtable-data-row {
    cursor: pointer; /* Changes the cursor to a pointer */
}

.tt-menu {
    width: auto; /* Automatically adjust to content width */
    min-width: 100%; /* Ensure it's at least the width of the input */
    max-width: 600px; /* Set a wider max-width to fit long suggestions */
    white-space: nowrap; /* Prevent text wrapping */
}

.tt-suggestion {
    white-space: nowrap; /* Prevent wrapping */
    width: 100%; /* Take full width of the dropdown list */
    overflow: hidden; /* Hide overflowed text if it exceeds max width */
    text-overflow: ellipsis; /* Show ellipsis for overflowed text */
}

/****accountMode Black Theme***/
.blackTheme .portlet.light, .blackTheme .portletQuote > .portlet-title {
    background: #0f1014;
    /*background: #1c232d;*/
}

    .blackTheme .portlet.light .font-dark {
        color: #d9d9d9 !important;
    }

    .blackTheme .portletQuote > .portlet-title span.docNodata {
        color: #016ae4;
    }

    .blackTheme .portlet.light .portlet-title .btn.blue:not(.btn-outline) {
        /*background-color: #016ae4;
        border-color: #016ae4;*/
    }

.blackTheme .portletQuote > .portlet-title {
    border-bottom: 1px solid #363848;
}

.blackTheme .colLabel {
    color: #adadad;
}

.blackTheme .portletQuote .searchCustomer .form-control {
    border: 1px solid #363843;
    background-color: #1b1c22;
}

    .blackTheme .portletQuote .searchCustomer .form-control[readonly] {
        color: #FFFFFF !important;
    }

.blackTheme .portletQuote .searchCustomer .tt-menu {
    background-color: #33373f;
    border: 1px solid #33373f;
    color: #fff;
}

.blackTheme .portletQuote .searchCustomer .tt-suggestion:hover {
    background: #42444b;
}

.blackTheme .portletQuote .innerCol {
    border: 1px solid #26282f;
    background: #15171c;
}

.blackTheme .portletQuote .date input, .blackTheme .preDefinefields .form-control, .blackTheme .preDefinefields .innerCol .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    background: #1b1c22 !important;
    color: #d9d9d9;
}

.blackTheme .portletQuote .date span {
    color: #bbb9b9;
}

.blackTheme .generateQuotes .tabs-page > .nav-tabs li[role="presentation"] a[role="tab"] {
    color: #d9d9d9;
}

.blackTheme .generateQuotes .tabs-page > .nav-tabs li[role="presentation"].active a {
    background: #3c3c3c;
    border-bottom: 2px solid #006ae6;
}

.blackTheme .tabs-page > .tab-content {
    background: #15171c;
    border-top: 1px solid #363848;
}

.blackTheme .generateQuotes .officeUsequotClculatorContainer {
    background: #15171c;
}

.blackTheme .generateQuotes .tabs-page {
    border: 1px solid #26282f;
    padding: 10px;
}

.blackTheme .tab-pane .portlet.light {
    background: #1f2228;
    border: 1px solid #26282f !important;
}

.blackTheme .generateQuotes .filterInputs .form-control {
    border: 1px solid #535353;
    color: #d9d9d9;
    background: #1b1c22;
}

.blackTheme .generateQuotes label {
    color: #adadad;
}

    .blackTheme .generateQuotes label.font-white {
        color: #d9d9d9 !important;
    }

.blackTheme .filterAddress p strong {
}

.blackTheme .generateQuotes .filterInputs .filterAddress p {
    color: #d9d9d9;
    background: #1f2228;
}
    .blackTheme .generateQuotes .filterInputs .filterAddress p.miles {
        border-bottom: 1px solid #535353;
        border-top: 1px solid #535353;
    }

.blackTheme .quoteDetail {
    background: #1f2228;
}

.blackTheme .generateQuotes .spotRateOuter .form-control {
    border: 1px solid #535353;
    color: #fff;
    background: #1b1c22;
}

.blackTheme .mt-checkbox > span, .blackTheme .mt-radio > span {
    background: #3c3c3c;
}

.blackTheme .WebQuoteActionBar .mt-checkbox > span {
    background: #69a2ff;
}

.blackTheme .mt-checkbox:hover > input:not([disabled]):checked ~ span, .blackTheme .mt-checkbox > input:checked ~ span, .blackTheme .mt-radio:hover > input:not([disabled]):checked ~ span, .blackTheme .mt-radio > input:checked ~ span {
    background: #016ae3;
}

.blackTheme .syncCheckBox .mt-checkbox:hover > input:not([disabled]):checked ~ span, .blackTheme .syncCheckBox .mt-checkbox > input:checked ~ span, .blackTheme .syncCheckBox .mt-radio:hover > input:not([disabled]):checked ~ span, .blackTheme .syncCheckBox .mt-radio > input:checked ~ span {
    background: transparent;
}

.blackTheme .syncCheckBox .mt-checkbox > span, .blackTheme .syncCheckBox .mt-checkbox > input:checked ~ span {
    background: transparent;
}

.blackTheme .mt-checkbox > span:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

.blackTheme .quoteClculatorContainer {
    color: #adadad;
}

.blackTheme .outerBorder {
    border: 1px solid #33373f;
}

.blackTheme .copycontent {
    background: #33373f;
}

.blackTheme .accountModeCalculator .outputArea .carrierSelect {
    background: #33373f;
    color: #d9d9d9;
    border: 1px solid #464a51;
}

.blackTheme .accountModeCalculator .btn.dark:not(.btn-outline) {
    color: #d9d9d9;
    background-color: #565b67;
    border-color: #565b67;
}

.blackTheme .charges {
    background: #1f2228;
}

.blackTheme .borderbtm {
    border-bottom: 1px solid #535353;
}

.blackTheme .generateQuotes .quoteDetail input.discription, .blackTheme .generateQuotes .charges input.chargeAmount {
    background: transparent;
    border-bottom: 1px solid #9d9d9d;
    color: #d9d9d9;
}

.blackTheme .lblInsAgent, .blackTheme .generateQuotes .charges input.normalText, .blackTheme .generateQuotes .quoteDetail input.normalText {
    color: #d9d9d9;
    border-bottom: none;
}

.blackTheme .quoteDetail .lblPkupCommentVal, .blackTheme .quoteDetail .lblLnhlCommentval, .blackTheme .quoteDetail .lblDelvCommentVal {
    color: #d9d9d9;
}

.blackTheme .totalAmount {
    border: 2px solid #464a50;
    background: #33373f;
}

.blackTheme .generateQuotes .charges .totalAmount .caldata {
    color: #d9d9d9;
}

.blackTheme .totalAmount a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
    background: #73ba4f;
    border: 1px solid #73ba4f;
    color: #d9d9d9;
}

.blackTheme .generateQuotes .charges .totalAmount .chargeAmount {
    color: #d9d9d9;
}

.blackTheme .generateQuotes .spotRateOuter .borderbtm {
    border-bottom: 0;
}

.blackTheme .notesDropdonwList a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    color: #adadad;
}

.blackTheme .filterweightTab .nav-tabs > li > a {
    background: #1f2228;
    color: #d9d9d9 !important;
}

.blackTheme .filterweightTab .nav-tabs > li.active > a, .blackTheme .filterweightTab .nav-tabs > li.active > a:focus, .blackTheme .filterweightTab .nav-tabs > li.active > a:hover {
    background-color: #33373f;
}

.blackTheme .filterweightTab .tab-content {
    background: #33373f;
}

.blackTheme .generateQuotes .actualWeight .form-control {
    border: 1px solid #4e535e;
    color: #d9d9d9;
    background: #3d414a;
}

.blackTheme .generateQuotes .clacHeader .caldata {
    color: #f9f9f9;
}

.blackTheme .clacbody td {
    border-right: 1px solid #1c232d;
    background: #33373f;
}

.blackTheme .clacbody input {
    border: 1px solid #4c5360;
    background: #313640;
    color: #d9d9d9;
}

.blackTheme .clacresult td {
    background: #1f2228;
}

.blackTheme button[disabled], html .blackTheme input[disabled] {
    background: #313640;
    cursor: not-allowed !important;
}

.blackTheme .verifiedDW .table > tbody > tr > td {
    background: #33373f;
    border: 1px solid #1c232d;
}

.blackTheme .generateQuotes .actualWeight label {
    color: #b5b7c8;
}

.blackTheme .orderDetailTabs .tab-content {
    background: #33373f;
}

.blackTheme .orderDetailTabs .mt-checkbox > span, .blackTheme .orderDetailTabs .mt-radio > span {
    background: #737d91;
}

.blackTheme .generateQuotes .orderDetailTabs label {
    color: #b5b7c8;
}

.blackTheme .mt-radio > span:after {
    height: 5px;
    width: 5px;
    background: #fff;
}

.blackTheme .CarrierOutputArea .percentagebutton .addPercentage:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
    background: #3d414a;
    border: 1px solid #50535c;
    color: #d9d9d9;
}

.blackTheme .orderDetailTabs .nav-tabs > li.active > a, .blackTheme .orderDetailTabs .nav-tabs > li.active > a:focus, .blackTheme .orderDetailTabs .nav-tabs > li.active > a:hover {
    background-color: #33373f;
    color: #d9d9d9 !important;
}

.blackTheme .generateQuotes .carrierBlock .inputCocl .form-control {
    background: #3d414a;
    border: 1px solid #4e535e;
    color: #d9d9d9;
}

.blackTheme .carrierBlock .inputCocl .input-icon.input-icon-sm > i {
    color: #d9d9d9;
}

.blackTheme .accountModeCalculator .carrierBlock .dynamicResult {
    color: #d9d9d9;
}

.blackTheme .accountModeCalculator .carrierBlock textarea.form-control, .blackTheme .accountModeCalculator .carrierBlock .editableBox {
    background: #3d414a;
    border: 1px solid #50535c;
    color: #d9d9d9;
}

.blackTheme .minRateValue {
    border: none;
    border-bottom: 1px solid #4e535e;
    background: none;
    width: 60px;
}

.blackTheme .allItemsWrap {
    border: 1px solid #26282f;
}

.blackTheme .totalForAllItems {
    background: #15171c;
    border: 1px solid #26282f;
}

    .blackTheme .totalForAllItems label {
        background: #26282f;
        color: #8dadad;
    }

    .blackTheme .totalForAllItems span {
        border: none;
        color: #d9d9d9;
    }

.blackTheme .daysBlock h2, .blackTheme .availableDay h2 {
    background: #33373f;
    color: #d9d9d9;
}

.blackTheme #ranklist hr {
    border-top: 1px solid #363848;
}

.blackTheme .table-bordered {
    border: 1px solid #2b3440;
}

.blackTheme .generateQuotes table.dataTable tr.heading > th {
    color: #d9d9d9;
    border: 1px solid #2b3440;
    background: #1C232D;
}

.blackTheme table.dataTable tbody tr {
    background-color: #15171c;
}

.blackTheme .generateQuotes table.docitemsTable .actionItem a:hover {
    color: #fff;
}

.blackTheme .generateQuotes table.docitemsTable tr:nth-child(even) {
    background: #15171c;
}

.blackTheme .generateQuotes table.docitemsTable tr:nth-child(odd) {
    background: #15171c;
}

.blackTheme .generateQuotes .docItems .GenerateQuotes table tr:last-child td {
    background: #26282f;
    color: #d9d9d9;
}

.blackTheme .editableTable .table td .form-control, .blackTheme .generateQuotes .docItems .GenerateQuotes table tr td:nth-child(6) .form-control {
    background: #15171c;
    border: 1px solid #15171c;
    color: #d9d9d9;
}

    .blackTheme .editableTable .table td .form-control:hover, .blackTheme .editableTable .table td .form-control:focus {
        border: 1px solid #5f6169;
        background: #26282f;
    }

.blackTheme .table-hover > tbody > tr:hover, .blackTheme .table-hover > tbody > tr:hover > td {
    background: #15171c !important;
}

.blackTheme .generateQuotes .table.docitemsTable td {
    border: 1px solid #2b3440;
}

.blackTheme .editableBox {
    background: #26282f;
    color: #d9d9d9;
}

.blackTheme .timeTextBox {
    border: 1px solid #15171c;
    border-right: 1px solid #2b3440;
    background: #15171c;
    color: #d9d9d9;
}

.blackTheme .generateQuotes .mainHeader {
    background: #292c32;
    color: #d9d9d9;
    border: 1px solid #292c32;
}

.blackTheme .mainHeader h2 {
    color: #d9d9d9;
}

.blackTheme .controllingCustomer, .blackTheme .forWrap, .blackTheme .cardInfo, .blackTheme .addressInfo, .blackTheme .customMamo {
    border: 1px solid #26282f;
}

.blackTheme .generateQuotes .form-control {
    border: 1px solid #26282f;
    color: #d9d9d9;
    background: #1b1c22;
}

.blackTheme .generateQuotes .twitter-typeahead .form-control {
    border: 1px solid #26282f;
    color: #d9d9d9;
    background: #1b1c22 !important;
}

.blackTheme .addCreditCard .inputFirst {
    background-image: url('../../images/credirCard.png');
    background-repeat: no-repeat;
    background-size: 33px;
    background-position: 10px;
    background-color: transparent;
}

.blackTheme .noteWrap {
    border: 1px solid #26282f;
}

.blackTheme .addCreditCard {
    border: 1px solid #26282f;
    background: #1b1c22;
}

.blackTheme .floatingLabel.date .glyphicon {
    color: #5d7878;
}

.blackTheme .pciWrap div {
    color: #d9d9d9;
}

.blackTheme .transactionTable {
    border: 1px solid #2b3440;
}

    .blackTheme .transactionTable > tbody > tr > td {
        border: 1px solid #2b3440;
        color: #d9d9d9;
    }

.blackTheme .generateQuotes .dropdown-menu {
    background: #1f2228;
    border: 1px solid #878787 !important;
}

.blackTheme .notesDropdonwList .dropdown-menu:before {
    border-bottom: 8px solid #878787;
}

.blackTheme .notesDropdonwList .dropdown-menu:after {
    border-bottom: 7px solid #1f2228;
}

.blackTheme .generateQuotes .dropdown-menu li {
    color: #d9d9d9;
}

.blackTheme .pudelvDataList li.customCompanyLiPU, .blackTheme .generateQuotes .dropdown-menu .pudelvDataList li.customCompanyLiPU:hover {
    background: #484c56;
}

.blackTheme .pudelvDataList li.customCompanyLiDELV, .blackTheme .generateQuotes .dropdown-menu .pudelvDataList li.customCompanyLiDELV:hover {
    background: #484c56;
}

.blackTheme .notesDropdonwList .dropdown-menu li + li {
    border-top: 1px solid #484848;
}

.blackTheme .generateQuotes .dropdown-menu li:hover {
    background-color: #282a2e;
    color: #d9d9d9;
}

.blackTheme .notesDropdonwList .dropdown-menu > li > input {
    border: 1px solid #535353;
    background: #1b1c22;
}

.blackTheme .expantBox .sotrageSubList {
    background: #33373f;
}

.blackTheme .notesDropdonwList .dropdown-menu .expantBox ul li input {
    border: 1px solid #4e535e;
    color: #d9d9d9;
    background: #3d414a;
}

.blackTheme .notesDropdonwList .dropdown-menu li span {
    font-weight: bold;
    font-size: 14px;
    padding: 0 4px;
    color: #d9d9d9;
}

.blackTheme .dataPopup .mt-checkbox > span {
    background: #E6E6E6;
}

.blackTheme .generateQuotes .dataPopup .form-control {
    border: 1px solid #e3e4e4;
    color: #000;
    background: #fff;
}

.blackTheme .PUDelvDropdonwList .dropdown-menu h2 {
    color: #016ae4;
}

    .blackTheme .PUDelvDropdonwList .dropdown-menu h2 font {
        color: #d9d9d9;
    }

.blackTheme .PUDelvDropdonwList .dropdown-menu .popup-header button.closePUDELVpopup {
    filter: brightness(1) invert(1);
}

.blackTheme .PUDelvDropdonwList .dropdown-menu .close {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

    .blackTheme .PUDelvDropdonwList .dropdown-menu .close:hover {
        opacity: 1;
    }

/*.blackTheme .close {
    background-image: url('../images/remove-icon-small-white.png') !important;
    opacity: 1;
}*/

.blackTheme .close:hover {
    opacity: 0.5;
}

.blackTheme .PUDelvDropdonwList .dropdown-menu .popup-header {
    background: #32353c;
}

.blackTheme .PUDelvDropdonwList .dropdown-menu .popup-body {
    border: 1px solid #32353c;
}

.blackTheme .PUDelvDropdonwList .dropdown-menu label {
    /*background: #32353c;*/
    color: #c1c1c1 !important;
}

.blackTheme .PUDelvDropdonwList .dropdown-menu span {
    background: #2c2f36;
    color: #d9d9d9;
}

.blackTheme .PUDelvDropdonwList .dropdown-menu input {
    background: #1b1c22;
    border: 1px solid #2d2f34;
    color: #d9d9d9;
    border-radius: 4px;
}

    .blackTheme .PUDelvDropdonwList .dropdown-menu input:hover {
        border: 1px solid #fff;
    }

.blackTheme .pu_delv_row .date {
    background: #1b1c22 !important;
}

    .blackTheme .pu_delv_row .date input {
        background: #1b1c22 !important;
    }

    .blackTheme .pu_delv_row .date span {
        /*top: 2px;*/
    }

.blackTheme .generateQuotes .filterInputs .PUDelvDropdonwList .dropdown-menu .form-control {
    border: 1px solid #2c2f36;
    background: #2c2f36 !important;
    border-radius: 4px !important;
}

    .blackTheme .generateQuotes .filterInputs .PUDelvDropdonwList .dropdown-menu .form-control:hover {
        border: 1px solid #fff;
    }

.blackTheme .PUDelvDropdonwList .dropdown-menu {
    border: 1px solid #50535c !important;
}

    .blackTheme .PUDelvDropdonwList .dropdown-menu:before {
        border-right: 7px solid #50535c;
    }

    .blackTheme .PUDelvDropdonwList .dropdown-menu:after {
        border-right: 7px solid #1f2228;
    }

    .blackTheme .PUDelvDropdonwList .dropdown-menu .input-group-btn .pudelvDataList li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all),
    .blackTheme .extendDropDown .dropdown-menu .pudelvDataList li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        background: #565b67 !important;
        color: #fff;
        border: 1px solid #565b67 !important;
        border-left: 1px solid #2d2f34 !important;
    }

        .blackTheme .extendDropDown .dropdown-menu .pudelvDataList li .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
            border: 1px solid #565b67 !important;
            border-left: 1px solid #2d2f34 !important;
        }

.blackTheme .mailActionBox {
    border: 1px solid #26282f;
    background: #1b1c22;
}

.blackTheme .mailAttachments {
    border: 1px solid #26282f;
    background: #1b1c22;
}

.blackTheme .dropzone-file-area {
    border: 1px dashed #3a3a3a;
    background: #1b1c22;
}

.blackTheme .dropzone .dz-message .dz-button {
    color: #5d7878;
}

.blackTheme .mailAttachments h3 {
    color: #5d7878;
}

.blackTheme .attachTemplate .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    background: #1b1c22;
    color: #d9d9d9;
}

.blackTheme .attachTemplate .dropdown-menu li a {
    color: #d9d9d9;
}

.blackTheme .attachTemplate .dropdown-menu > li > a:focus, .blackTheme .attachTemplate .dropdown-menu > li > a:hover {
    color: #d9d9d9;
    background-color: #202025;
}

.blackTheme .modal .attachTemplate .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    background: #fff;
    color: #000;
}

    .blackTheme .modal .attachTemplate .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
        background: #e6e6e6;
    }

    .blackTheme .modal .attachTemplate .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):focus {
        outline: thin solid #999 !important;
    }

.blackTheme .modal .bootstrap-select > .dropdown-toggle.bs-placeholder:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .blackTheme .modal .bootstrap-select > .dropdown-toggle.bs-placeholder:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover, .blackTheme .modal .bootstrap-select > .dropdown-toggle.bs-placeholder:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):focus, .blackTheme .modal .bootstrap-select > .dropdown-toggle.bs-placeholder:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):active {
    color: #999;
}

.blackTheme .generateQuotes .modal .dropdown-menu {
    background: #1f2228;
    border: 1px solid #878787 !important;
}

.blackTheme .generateQuotes .modal .dropdown-menu {
    background: #fff;
    border: 1px solid #e3e4e4 !important;
}

    .blackTheme .generateQuotes .modal .dropdown-menu li {
        color: #000;
    }

.blackTheme .modal .attachTemplate .dropdown-menu li a {
    color: #000;
}

.blackTheme .modal .attachTemplate .dropdown-menu > li > a:focus, .blackTheme .modal .attachTemplate .dropdown-menu > li > a:hover {
    color: #555;
    background-color: #f6f6f6;
}

/****Black Theme Modal Start*****/
.blackTheme .modal-header .close {
    /*background-image: url('../../metronic/assets/global/img/remove-icon-small.png') !important;
    opacity: 0.2;*/
}

    .blackTheme .modal-header .close:hover {
        opacity: 1;
    }
/*.blackTheme .modal-content {
    background-color: #2a2a30;
}

.blackTheme .modal-header {
    background-color: #202025;
}

.blackTheme .modal .modal-header {
    border-bottom: 1px solid #2a2a30;
}

.blackTheme .modal .modal-content .modal-title {
    color: #fff;
}*/
.blackTheme .generateQuotes .modal-content label {
    color: #000;
}

.blackTheme .modal-content .form-control {
    border: 1px solid #e3e4e4;
    background: #fff;
    color: #000;
}

.blackTheme .modal-content {
    color: #000;
}

    .blackTheme .modal-content .mailAttachments {
        border: 1px solid #e5e8ec;
        background: #f9fafb;
    }

    .blackTheme .modal-content .attachedFile {
        border: 1px solid #eaecef;
        background: #fff;
    }

        .blackTheme .modal-content .attachedFile a {
            color: #000;
        }

    .blackTheme .modal-content .removeAttachment i {
        color: #000;
        opacity: 1;
    }

    .blackTheme .modal-content .mt-checkbox > span:after {
        border: solid #888;
        border-width: 0 2px 2px 0;
    }
/****Black Theme Modal Start End*****/
.blackTheme .mailDataPopup h4, .blackTheme .mailDataPopup p {
    color: #d9d9d9;
}

.blackTheme .attachedFile {
    border: 1px solid #383838;
    background: #2e2e2e;
}

    .blackTheme .attachedFile a {
        color: #d9d9d9;
    }

.blackTheme .removeAttachment i {
    color: #d9d9d9;
    opacity: 0.7;
}

.blackTheme .removeAttachment:hover i {
    opacity: 1;
}

.blackTheme .deleteAttachment {
    color: #d9d9d9;
    opacity: 0.7;
}

    .blackTheme .deleteAttachment i {
        opacity: 1;
    }

.blackTheme .HExpoDelAlertManifest .modal-header, .blackTheme .FExpoPickupAlert .modal-header {
    background: #FAFAFA;
}

.blackTheme .HExpoDelAlertManifest .modal-content, .blackTheme .FExpoPickupAlert .modal-content {
    background: #fff;
}

.blackTheme .HExpoDelAlertManifest .modal-header, .blackTheme .FExpoPickupAlert .modal-header {
    border-bottom: 1px solid #EFEFEF;
}

.blackTheme .HExpoDelAlertManifest .modal-content .modal-title, .blackTheme .FExpoPickupAlert .modal-content .modal-title {
    color: #000;
}

.blackTheme .dataPopup .modal-header {
    border-bottom: 1px solid #EFEFEF;
}

.blackTheme .dataPopup .modal-content {
    background: #fff;
}

.blackTheme .puDelvAddNewData {
    border: 1px dashed #857f7f;
}

.blackTheme .pudelvdatalisWrap {
    border: 1px solid #857f7f;
    border-bottom: 1px solid #857f7f;
    border-top: 0;
}

.blackTheme .PUDelvDropdonwList .dropdown-menu .input-group-btn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    background: #1f2024 !important;
    border: 1px solid #2d2f34 !important;
    color: #d9d9d9;
    border-left: 1px solid #2d2f34 !important;
}

.blackTheme .PUDelvDropdonwList .dropdown-menu .pu_delv_row .tt-menu {
    background: rgb(51, 55, 63);
    border: 1px solid #4e4e50;
    box-shadow: 5px 5px rgb(255 255 255 / 5%) !important;
}

    .blackTheme .PUDelvDropdonwList .dropdown-menu .pu_delv_row .tt-menu .tt-suggestion:hover {
        cursor: pointer;
        background: #464b56;
    }

.blackTheme .extendDropDown .dropdown-menu {
    border: 1px solid #50535c !important;
}

    .blackTheme .extendDropDown .dropdown-menu:before {
        border-right: 7px solid #50535c;
    }

    .blackTheme .extendDropDown .dropdown-menu:after {
        border-right: 7px solid #1f2228;
    }

    .blackTheme .extendDropDown .dropdown-menu h2 {
        color: #016ae4;
    }

.blackTheme .extendDropDown {
    /*border: 1px dashed #857f7f;*/
}

    .blackTheme .extendDropDown .dropdown-menu .form-control {
        border: 1px solid #2c2f36;
        background: #2c2f36 !important;
        border-radius: 0 4px 4px 0px !important;
        color: #d9d9d9;
    }

        .blackTheme .extendDropDown .dropdown-menu .form-control:hover {
            border: 1px solid #fff;
            border-radius: 4px !important;
        }

    .blackTheme .extendDropDown .dropdown-menu .pudelvDataList li .editableInput {
        border: 1px solid #2c2f36;
        background: #2c2f36 !important;
        border-radius: 0 4px 4px 0px !important;
        color: #d9d9d9;
    }

        .blackTheme .extendDropDown .dropdown-menu .pudelvDataList li .editableInput:hover {
            border: 1px solid #fff;
            border-radius: 4px !important;
        }

    .blackTheme .extendDropDown .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        background: #1f2024;
        border: 1px solid #26282f !important;
        color: #d9d9d9;
        border-left: 1px solid #26282f !important;
    }

.blackTheme .soldtoShipInlineForm .customInlineInput .tt-menu {
    background: rgb(51, 55, 63);
    border: 1px solid #4e4e50;
    box-shadow: 5px 5px rgb(255 255 255 / 5%) !important;
    color: #d9d9d9;
}

    .blackTheme .soldtoShipInlineForm .customInlineInput .tt-menu .tt-suggestion:hover {
        cursor: pointer;
        background: #464b56;
    }

.blackTheme .slimScrollBar {
    background: rgb(255, 237, 237) !important;
}

.blackTheme .slimScrollRail {
    background: rgb(185 184 184) !important;
}

.blackTheme .extendDropDown .dropdown-menu.DELVextend:before {
    border-left: 7px solid #50535c;
    border-right: 0 !important;
}

.blackTheme .extendDropDown .dropdown-menu.DELVextend:after {
    border-left: 7px solid #1f2228;
    border-right: 0px solid #fff;
}

.blackTheme .QuotesNotes .noteEtaTime .customInlineInput .tt-menu, .blackTheme .tt-menu {
    background: rgb(51, 55, 63);
    border: 1px solid #4e4e50;
    box-shadow: 5px 5px rgb(255 255 255 / 5%) !important;
    color: #d9d9d9;
}

    .blackTheme .QuotesNotes .noteEtaTime .customInlineInput .tt-menu .tt-suggestion:hover, .blackTheme .tt-menu .tt-suggestion:hover {
        cursor: pointer;
        background: #464b56;
    }

.blackTheme .QuotesNotes .noteEtaTime .customInlineInput .dropdown-menu.ETAextend:before {
    border-left: 7px solid #50535c;
}

.blackTheme .QuotesNotes .noteEtaTime .customInlineInput .dropdown-menu.ETAextend:after {
    border-left: 7px solid #1f2228;
}

.blackTheme .shipments div.jtable-main-container > table.jtable > thead {
    background-color: #1C232D;
}

.blackTheme .shipments div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
    background-color: #15171c;
}

.blackTheme .shipments div.jtable-main-container > table.jtable > thead > th {
    color: #d9d9d9;
    border: 1px solid #2b3440;
    background: #1C232D;
}

.blackTheme .shipments div.jtable-main-container > table.jtable > tbody > tr {
    background-color: #15171c;
    color: #d9d9d9;
}

    .blackTheme .shipments div.jtable-main-container > table.jtable > tbody > tr:hover {
        background: #15171c;
        color: #d9d9d9;
    }

    .blackTheme .shipments div.jtable-main-container > table.jtable > tbody > tr > td {
        border: 1px solid #2b3440;
    }
/***admvance filter modal start****/
/*.blackTheme .ModalOpenDocs .portlet.light {
    background: transparent;
}
.blackTheme .ModalOpenDocs label {
    color: #adadad;
}
.blackTheme .ModalOpenDocs .form-control {
    border: 1px solid #26282f;
    color: #d9d9d9;
    background: #1b1c22;
}
.blackTheme .ModalOpenDocs .form-control {
    background: #1b1c22;
}
.generateQuoteWrap.blackTheme .ModalOpenDocs .portlet .advanceSearch .twitter-typeahead .form-control, .blackTheme .ModalOpenDocs .date input {
    background: #1b1c22 !important;
}
.blackTheme .ModalOpenDocs .mt-checkbox > span, .blackTheme .ModalOpenDocs .mt-radio > span {
    background: #3c3c3c;
}
.blackTheme .ModalOpenDocs .date span, .blackTheme .ModalOpenDocs .dateRange .glyphicon {
    color: #bbb9b9;
}
.blackTheme .ModalOpenDocs .advanceSearch .panel-body {
    border-top: 1px solid #595962;
}
.blackTheme .ModalOpenDocs .advanceFilterIcon a.accordion-toggle {
    color: #fff;
}
    .blackTheme .ModalOpenDocs .advanceFilterIcon a.accordion-toggle img, .blackTheme .ModalOpenDocs .advanceSearch .contains .btn img {
        filter: invert(100%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);
    }*/
.blackTheme .modal .mt-checkbox > span, .blackTheme .modal .mt-radio > span, .blackTheme .ModalOpenDocs .mt-checkbox > span, .blackTheme .ModalOpenDocs .mt-radio > span {
    background: #E6E6E6;
}

.blackTheme .modal .mt-checkbox:hover > input:not([disabled]):checked ~ span, .blackTheme .modal .mt-checkbox > input:checked ~ span, .blackTheme .modal .mt-radio:hover > input:not([disabled]):checked ~ span, .blackTheme .modal .mt-radio > input:checked ~ span {
    background: #d9d9d9;
}
/***admvance filter modal End****/

/*****Account Mode End*****/
/*****Generate Quote Shimmer Start*****/
.tabs-box .simmerComment {
    width: 156px;
    height: 36px;
    border-radius: 4px;
}

.quotesSearch .simmerComment {
    width: 223px;
    height: 36px;
    border-radius: 4px;
    margin-top: 4px;
}

.generateQuoteWrap.simmerWraper {
    margin-top: 31px;
}

.simmerWraper .WebQuoteActionBar {
    position: static;
    width: 100%;
    background: #fff;
    border: 1px solid #DFE6F1;
}

    .simmerWraper .WebQuoteActionBar .actions {
        margin-top: 4px;
    }

.simmerWraper .actions .simmerComment {
    display: inline-block;
    width: 40px;
    height: 30px;
    background: #eff1f3;
    border-radius: 4px;
    margin-right: 15px;
}

.simmerWraper .WebQuoteActionBar .caption {
    padding: 6px 0;
}

.simmerWraper .WebQuoteActionBar .caption-subject {
    padding: 0;
}

    .simmerWraper .WebQuoteActionBar .caption-subject .simmerComment {
        display: inline-block;
        width: 200px;
        height: 30px;
        background: #eff1f3;
        border-radius: 4px;
    }

.generateQuoteWrap.simmerWraper .portletQuote > .portlet-title {
    min-height: 38px;
}

.simmerWraper .portlet.light > .portlet-title > .caption {
    padding-bottom: 0;
}

.portletQuote .caption .simmerComment {
    width: 75px;
    height: 20px;
}

    .portletQuote .caption .simmerComment.docNodata {
        width: 150px;
    }

        .portletQuote .caption .simmerComment.docNodata:before {
            display: none;
        }

.generateQuoteWrap.simmerWraper .portletQuote > .portlet-title > .actions {
    padding: 6px 0 0px;
}

.portletQuote .actions .simmerComment {
    height: 30px;
    width: 110px;
    margin-top: 4px;
}

.portletQuote .generateQuotes .searchCustomer .simmerComment {
    width: 100%;
    height: 34px;
}

.simmerWraper .innerCol {
    border: 1px solid #ddd;
}

    .simmerWraper .innerCol .simmerComment {
        display: block;
        width: 100%;
    }

    .simmerWraper .innerCol .colLabel .simmerComment {
        display: inline-block;
        height: 12px;
        width: 100%;
        max-width: 100px;
    }

.simmerWraper .generateQuotes .tabs-page {
    border: 1px solid #ddd;
}

.simmerWraper .nav-tabs li a {
    display: flex;
    align-items: center;
}

.simmerWraper .generateQuotes .tabs-page > .nav-tabs li[role="presentation"].active a {
    box-shadow: inset 0 -2px 0 #dfd5da;
}

.simmerWraper .generateQuotes .tabs-page > .nav-tabs li[role="presentation"] a span.simmerComment {
    animation: shimmer 2s infinite linear;
    border-radius: 4px;
}

.simmerWraper .nav-tabs li[role="presentation"] span:last-child {
    width: 85px;
    height: 12px;
    margin-left: 10px;
}

.tab-pane .simmerComment {
    width: 100%;
    height: 200px;
}

#selectSortType {
    border: 1px solid #ddd;
    height: 35px;
    line-height: 35px;
    padding: 5px 4px;
    font-size: 14px;
    margin: 0px 10px 0 0;
    border-radius: 4px;
}

span.caption-subject {
    padding: 0 0 5px 0;
    float: left;
}
/*****Generate Quote Shimmer End*****/

.mt-checkbox .inputWithCheck {
    opacity: 1;
    position: static;
    width: 50px;
    display: inline-block;
    border: 1px solid #c2cad8;
    margin-left: 5px;
    border-radius: 4px;
}

.pickupDropDown, .delvDropDown {
    padding: 0 5px;
}

.notesPickup {
    font-size: 12px;
}

.pickupDropDown .dimension-drop {
    position: relative;
}

    .pickupDropDown .dimension-drop .weightDetails {
        position: absolute;
        visibility: visible;
    }

        .pickupDropDown .dimension-drop .weightDetails table.table {
            margin-bottom: 0;
        }

            .pickupDropDown .dimension-drop .weightDetails table.table td {
                vertical-align: middle;
            }

.pickupDropDown table.table td:last-child {
    padding: 0px 8px;
}

.pickupDropDown .dimension-drop .dimension_data {
    white-space: inherit;
    margin: 0px 0px 0px 0px;
    left: -20px;
}

    .pickupDropDown .dimension-drop .dimension_data.open {
        display: block;
    }

.pickupDropDown .dimension-drop .weightDetails:before {
    top: -8px;
    right: auto;
    left: 16px;
}

.pickupDropDown .dimension-drop .weightDetails:after {
    top: -7px;
    right: auto;
    left: 17px;
}

.pickupDropDown .dimension-drop .dimensionsOffsetSetting {
    bottom: 30px;
    margin: 0 0 0 0;
    box-shadow: 5px -5px rgba(102,102,102,.1);
}

    .pickupDropDown .dimension-drop .dimensionsOffsetSetting td {
        box-shadow: none;
    }

    .pickupDropDown .dimension-drop .dimensionsOffsetSetting:before {
        top: auto;
        bottom: -9px;
        transform: rotate(180deg);
    }

    .pickupDropDown .dimension-drop .dimensionsOffsetSetting:after {
        top: auto;
        bottom: -7px;
        transform: rotate(180deg);
    }

.pickupDropDown table.jtable .btn-group a {
    cursor: pointer;
}

.verifiedDW {
    margin: 10px 0;
}

    .verifiedDW table {
        width: 100%;
        border: 1px solid #424141;
    }

    .verifiedDW .table-bordered th {
        background: #1c232d;
        color: #fff;
        white-space: nowrap;
        border: 1px solid #1c232d;
        padding: 6px 4px;
    }

    .verifiedDW .table > tbody > tr > td {
        background: #fff;
        padding: 4px;
    }

.filterweightTab .nav-tabs {
    border-bottom: none;
    margin: 0;
}

    .filterweightTab .nav-tabs > li {
        width: 50%;
    }

        .filterweightTab .nav-tabs > li > a {
            background: #E1DADA;
            margin: 0;
            color: #000 !important;
            text-transform: uppercase;
            font-weight: 800;
            letter-spacing: 1px;
            padding: 10px 10px;
            border: none;
        }

        .filterweightTab .nav-tabs > li.active > a, .filterweightTab .nav-tabs > li.active > a:focus, .filterweightTab .nav-tabs > li.active > a:hover {
            background-color: #F9F1F1;
            border: none;
        }

.filterweightTab .tab-content {
    background: #faf1f1;
    float: left;
    width: 100%;
    padding: 6px;
}

.filterweightTab .allLabels {
    padding: 10px 10px 5px;
}

.tab-pane-verified .piecesOutupArea {
    margin-top: 20px;
}

.blockOverlay {
    z-index: 100000 !important;
}

#multiTabsDocs > .blockOverlay {
    height: calc(100% + 50px) !important;
    top: -50px !important;
}

#multiTabs a:focus, a:hover, button {
    color: #000;
    text-decoration: none;
}

/***Custom Select 2****/
.select2-container--bootstrap {
    width: 100% !important;
}

/***Custom Select 2****/

.hidden {
    display: none !important;
}

.tooltip-inner {
    background: #2f353b;
    font-family: "Open Sans", sans-serif;
    white-space: nowrap;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2f353b;
}


/***Merge Document Popup Start****/
.ModalMergeDocs .modal-lg {
    width: 1320px;
    max-width: 95%;
}

.ModalMergeDocs .nav-tabs {
    margin-bottom: 0;
}

    .ModalMergeDocs .nav-tabs > li {
        padding-right: 10px;
        display: inline-block;
        height: 40px;
        border: none;
    }

        .ModalMergeDocs .nav-tabs > li a {
            height: 40px;
            margin: 0;
            padding: 0px 10px;
            font-size: 14px;
            font-weight: 600;
            text-transform: none;
            text-align: center;
            color: #000;
            background: none;
            border: none;
            line-height: 40px;
            transition: color 0.3s ease, box-shadow 0.2s ease;
        }

        .ModalMergeDocs .nav-tabs > li.active a {
            padding: 0px 10px;
            color: #000;
            box-shadow: inset 0 -2px 0 #8c2758;
            background: rgba(140, 39, 88, 0.1);
        }

            .ModalMergeDocs .nav-tabs > li.active a:focus, .ModalMergeDocs .nav-tabs > li.active a:hover {
                background: rgba(140, 39, 88, 0.05);
                border: none;
            }

.ModalMergeDocs .tab-content {
    position: relative;
    padding: 0 0;
    background: white;
    border: 1px solid #e1e1e1;
    border-top: 0;
}

    .ModalMergeDocs .tab-content .listName {
        margin: 5px 0px 15px 0px;
        font-weight: 600;
        font-size: 14px;
        text-transform: capitalize;
        padding: 0;
        color: #000000;
        display: inline-block;
    }

    .ModalMergeDocs .tab-content .listOuter {
        padding: 0px 10px 10px;
    }

        .ModalMergeDocs .tab-content .listOuter .listHead {
            padding: 12px 8px;
            margin-bottom: 0px;
            background: #e1e1e1;
            color: #000;
            display: none;
        }

    .ModalMergeDocs .tab-content .listHead h2 {
        margin: 0;
        font-weight: 600;
        font-size: 13px;
        text-transform: capitalize;
        padding: 0;
        color: #000000;
        margin-bottom: 5px;
        display: inline-block;
    }

    .ModalMergeDocs .tab-content .listBody {
        /*padding: 0px 8px 0px;*/
        border: 0px solid #e1e1e1;
        border-top: 0;
        margin-bottom: 15px;
        min-height: 522px;
    }

        .ModalMergeDocs .tab-content .listBody .mt-checkbox {
            margin-bottom: 10px;
            padding-left: 25px;
        }

            .ModalMergeDocs .tab-content .listBody .mt-checkbox img {
                width: 18px;
                height: 18px;
                vertical-align: text-bottom;
            }

            .ModalMergeDocs .tab-content .listBody .mt-checkbox:last-child {
                margin-bottom: 0;
            }

    .ModalMergeDocs .tab-content .btn-row {
    }

.ModalMergeDocs .selectedList {
    border: 1px solid #e1e1e1;
    margin-top: 12px;
    min-height: 582px;
}

.ModalMergeDocs .actionBtn {
    margin-bottom: 5px;
}

    .ModalMergeDocs .actionBtn .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        background: #fbb159;
        border: 2px solid rgb(251 177 89 / 50%);
        box-shadow: none;
        padding: 0;
        width: 28px;
        height: 28px;
        border-radius: 100%;
    }

    .ModalMergeDocs .actionBtn .btn.btnUploadLink:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        border: 2px solid rgb(120 206 255 / 50%);
        background: #0d77b3;
    }

    .ModalMergeDocs .actionBtn .btn img {
        width: 100%;
    }

.ModalMergeDocs .selectedList .listItem {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .ModalMergeDocs .selectedList .listItem .listItemSingle {
        display: flex;
        align-items: center;
        height: 40px;
        justify-content: center;
        border-bottom: 1px solid #e1e1e1;
    }

        .ModalMergeDocs .selectedList .listItem .listItemSingle:hover, .ModalMergeDocs .selectedList .listItem .listItemSingle.selected:hover {
            background: #ededed;
        }

        .ModalMergeDocs .selectedList .listItem .listItemSingle.selected, .ModalMergeDocs .selectedList .listItem .listItemSingle.selected:focus, .ModalMergeDocs .selectedList .listItem .listItemSingle:focus {
            background: #e1e1e1;
        }


    .ModalMergeDocs .selectedList .listItem .listItem-header {
        width: 30px;
        text-align: center;
        height: 100%;
        border-right: 1px solid #e1e1e1;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: move;
    }

        .ModalMergeDocs .selectedList .listItem .listItem-header img {
            width: 12px;
        }

    .ModalMergeDocs .selectedList .listItem .selectedQuote {
        width: calc(100% - 34px);
        padding: 0 5px;
    }

        .ModalMergeDocs .selectedList .listItem .selectedQuote h2 {
            margin: 0;
            font-weight: 600;
            font-size: 13px;
            text-transform: capitalize;
            padding: 0;
            color: #000000;
            margin-bottom: 0;
            display: inline-block;
        }

            .ModalMergeDocs .selectedList .listItem .selectedQuote h2 img {
                width: 18px;
                height: 18px;
                margin-right: 2px;
            }

        .ModalMergeDocs .selectedList .listItem .selectedQuote p {
            margin: 0;
        }

.ModalMergeDocs .mailBtnCol {
    margin-top: 40px;
}

    .ModalMergeDocs .mailBtnCol .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 12px 10px;
        box-shadow: none;
    }

    .ModalMergeDocs .mailBtnCol .btn svg {
        width: 16px;
        fill: #fff;
        margin-right: 3px;
        vertical-align: middle;
        line-height: normal;
    }
/***Merge Document Popup End****/

/***Open Quotes WebQuotes Popup Start****/
.modal.draggable-modal .modal-body {
    cursor: move;
}

.ModalOpenDocs .modal-lg {
    width: 1320px;
    max-width: 95%;
}

.ModalOpenDocs .advanceFilterIcon {
    margin-top: 0px;
}

.generateQuoteWrap .ModalOpenDocs .portlet.light {
    padding: 0;
    border: 0 !important;
    background: #fff;
    margin-bottom: 0;
}

.generateQuoteWrap .ModalOpenDocs .portlet .form-group {
    margin-bottom: 0px;
}

.ModalOpenDocs .advanceSearch .panel-body {
    padding: 8px 0 5px 0;
}

.generateQuoteWrap .ModalOpenDocs .portlet .advanceSearch .form-group {
    margin-bottom: 8px;
}

.generateQuoteWrap .ModalOpenDocs .portlet .advanceSearch .twitter-typeahead .form-control {
    background: #fff !important;
}

.colorpicker.dropdown-menu, .daterangepicker.dropdown-menu, .datetimepicker.dropdown-menu {
    font-family: 'Open Sans' !important;
}

.openSelected {
    color: #fff;
    margin-right: 5px;
}

    .openSelected:hover {
        color: #55b055;
        cursor: pointer;
    }

.ModalOpenDocs td .mt-checkbox > span {
    background: #d1cdcd;
}

/* Fixed the Jtable header */
.ModalOpenDocs .jtable-main-container {
    max-height: 370px; /* Adjust based on your layout */
    overflow-y: auto;
    position: relative;
}

    .ModalOpenDocs .jtable-main-container .jtable thead {
        position: sticky;
        top: -1px;
        z-index: 1;
    }

#tbl-webQuotesNew .jtable-data-row {
    cursor: pointer;
}
/***Open Quotes WebQuotes Popup End****/

/***Print labels feature Start****/
.printLabels.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
    padding: 3px 3px;
    line-height: normal;
}

.printLabels.btn.default:not(.btn-outline).active, .printLabels.btn.default:not(.btn-outline):active, .printLabels.btn.default:not(.btn-outline):hover, .printLabels.btn.default:not(.btn-outline):focus {
    background-color: #45bc4a;
    border-color: #4CB050;
}

/*.imgchk .mt-checkbox > span, .imgchk .mt-checkbox > input:checked ~ span {
    background: transparent;
}

.imgchk .mt-checkbox:hover > input:not([disabled]) ~ span, .imgchk .mt-checkbox > input:focus ~ span, .imgchk .mt-radio:hover > input:not([disabled]) ~ span, .imgchk .mt-radio > input:focus ~ span {
    background: transparent;
}

.imgchk .mt-checkbox:hover > input:not([disabled]):checked ~ span, .imgchk .mt-checkbox > input:checked ~ span {
    background: transparent;
}

.imgchk .mt-checkbox > input:checked ~ span:after {
    opacity: 0;
}

.imgchk .mt-checkbox > span > img {
    width:18px;
    opacity: 0.4;
}

.imgchk .mt-checkbox > input:checked ~ span > img {
    opacity: 1;
}*/
/***Print labels feature End****/

.form-group.form-md-line-input.form-md-floating-label .serverInputGroup label {
    top: 0;
    font-size: 13px;
}

.serverInputGroup .input-group-btn .form-control {
    width: 55px;
    border-radius: 0px 0px 0px 4px !important;
}

.serverInputGroup input.form-control {
    border-radius: 4px 0px 0px 0px !important;
}

#tbl-webQuotesNew .tooltip-inner {
    max-width: 300px;
    white-space: normal;
}

/****PDF Report New Design Start*****/
/*.pdfReport {
    width: 765px;
    margin: 15px 0;
}

    .pdfReport ul {
        margin: 0;
        padding: 0;
    }

        .pdfReport ul, .pdfReport ul li {
            list-style: none;
        }

            .pdfReport ul li {
                display: inline-block;
            }

.pdfReportHeader li {
    padding: 0px 6px;
    background: #333;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    vertical-align: bottom;
    color: #fff;
    font-family: 'MyriadPro-Regular';
}

    .pdfReportHeader li.proNumber {
        width: 96px;
        text-align: right;
    }

    .pdfReportHeader li.exhibitor {
        width: 190px;
    }

    .pdfReportHeader li.puDate {
        width: 88px;
    }

    .pdfReportHeader li.puTime {
        width: 88px;
    }

    .pdfReportHeader li.boothNumber {
        width: 90px;
    }

    .pdfReportHeader li.destination {
        width: 90px;
    }

.pdfReportBody li {
    padding: 0px 6px;*/
    /*background: #edecec;*/
/*}

.reportRow1 li.proNumber {
    width: 95px;
    text-align: right;
}

.reportRow1 li.exhibitor {
    width: 190px;
}

.reportRow1 li.puDate {
    width: 88px;
}

.reportRow1 li.puTime {
    width: 88px;
}

.reportRow1 li.boothNumber {
    width: 90px;
}

.reportRow1 li.destination {
    width: 193px;
}

.reportRow2 li {
    padding: 0 10px;
}

    .reportRow2 li.address {
        width: 275px;
    }

    .reportRow2 li.docSatus {
        width: 110px;
    }

    .reportRow2 li.internalNotes {
        width: 290px;
    }

.reportRow3 {
    text-align: right;
}

    .reportRow3 li {
        padding: 0 15px;
        text-align: left;
    }

        .reportRow3 li span {
            width: 63px;
            display: inline-block;
            text-align: center;
        }

        .reportRow3 li.pieces {
            width: 150px;
        }

        .reportRow3 li.weight {
            width: 150px;
        }

.pdfListOuter {
    border: 1px solid #000;
    padding: 5px 0;
    margin-top: 10px;
}*/
/****PDF Report New Design End*****/


/***QuickBooks Queued List page Start**/
.select2-container--bootstrap .select2-selection {    
    font-family: "Open Sans",sans-serif !important;
}
.quickBooksFilter {
    width: 380px;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-flow: row;
    gap: 10px;
}
/*.modal-open .quickBooksFilter .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    width: 70px !important;
}*/
.modal-open .quickBooksFilter .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.quickBooksFilter .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    max-width: 5em;
}
#tbl-QueuedList div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
    color: #333;
    background-color: #e4efff;
}
.exportQuickBooksModal .modal-header .close {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: auto;
}
.exportQuickBooksModal .table {
    margin: 0;
}
.exportQuickBooksModal .table thead {
    background: #383f4a;
    color: #fff;
}
.exportQuickBooksModal .table thead tr th {
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #6c6c6c;
}
.exportQuickBooksModal .modal-footer {
    background: #f8f8f9;
    padding: 10px 15px;
}
    .exportQuickBooksModal .modal-footer button.btn-primary[disabled] {        
        color: #337ab7;
    }
.loader1 {
    display:inline-block;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 18px;
    height: 18px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#tbl-QueuedList div.jtable-main-container table.jtable tbody tr > td.jtable-selecting-column input[type="checkbox"] {
    cursor: pointer;
    width: 18px;
    height: 18px;
}
.status-default {
    background: #1bc255;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
}
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row.rowFailed {
    /*background: rgb(235, 106, 119, 0.2);*/
}
.status-failed {
    color: #fff;
    background: #eb6a77;
    padding: 4px 8px;
    border-radius: 4px;
}
div.jtable-main-container > table.jtable > tbody > tr.rowQueued {
   /* background: rgb(101 155 224 / 20%);*/
}
.status-queued {
    color: #fff;
    background: #659be0;
    padding: 4px 8px;
    border-radius: 4px;
}
div.jtable-main-container > table.jtable > tbody > tr.rowCompleted {
    /*background: rgba(240, 195, 45, 0.2);*/
}
.status-completed {
    color: #fff;
    background: #f0c32b;
    padding: 4px 8px;
    border-radius: 4px;
}
/***QuickBooks Queued List page End***/
.actionItem {
    display: flex;
    align-items: center;
}
.queueFilter {
    display: flex;
    align-items: center;
    gap: 15px;
}
    .queueFilter .mt-checkbox {
        white-space: nowrap;
        margin: 0;
    }

.queueFilter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
   /* padding: 0 5px 0 0;
    border: 1px solid #c2cad8;
    border-radius: 4px;*/
}
    .queueFilter .select2-container--bootstrap .select2-selection {
        /*border:none;*/
        /*background:none;*/
    }
    .queueFilter .bootstrap.select2-container--disabled .select2-selection {
        /*background: none;*/
    }
.switchQB {
    position: relative;
    /* background: #f3e9ee; */
    border-radius: 4px 0 0px 4px;
    padding: 0px 8px 0 0px;
    border-right: 1px solid #f3e9ee;
}
    .switchQB .theme-toggle-container {
        text-align: center;
    }

    .switchQB .switch {
        position: relative;
        display: inline-block;
        width: 54px;
        height: 26px;
        flex: 0 0 auto;
        margin-bottom: 0;
        vertical-align: middle;
        margin: -2px 5px 0 5px;
    }

        .switchQB .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .switchQB .slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: 0.4s;
        border-radius: 34px;
        margin: 0px 0px;
    }

        .switchQB .slider:before {
            content: "";
            position: absolute;
            height: 22px;
            width: 22px;
            left: 3px;
            bottom: 2px;
            background-color: white;
            border-radius: 50%;
            transition: 0.4s;
            text-align: center;
            font-weight: 600;
        }

    .switchQB input:checked + .slider {
        background-color: #4caf50;
    }

        .switchQB input:checked + .slider:before {
            transform: translateX(26px);
            content: "";
        }

.modalNotifications .modal-header .close {
    margin-top: 7px !important;
    background-size: contain;
    width: 12px;
    height: 12px;
    opacity: 0.4;
}
    .modalNotifications .modal-header .close:hover {
        opacity: 1;
    }
.modalNotifications .modal-content .modal-title {
    font-size: 16px;
}
.modalNotifications .tableNotificationsContainer {
    max-height: 81vh;
    overflow: auto;
}
.modalNotifications table thead {
    background-color: #383f4a;
    position: sticky;
    top: 0;
    z-index: 1;
}
    .modalNotifications table thead th {
        font-family: 'Segoe UI Semilight','Open Sans',Verdana,Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #fff;
    }

.switchNotify {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 26px;
    margin-bottom: 0;
}

    .switchNotify input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.sliderNotify {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c4c4c4;
    transition: 0.4s;
    border-radius: 34px;
}

    .sliderNotify::before {
        content: "No";
        position: absolute;
        right: 9px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 400;
        color: white;
        font-size: 14px;
        transition: 0.4s;
    }

    .sliderNotify::after {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        left: 2px;
        top: 3px;
        background-color: white;
        border-radius: 50%;
        transition: 0.4s;
    }

.switchNotify input:checked + .sliderNotify {
    background-color: #469247;
}

    .switchNotify input:checked + .sliderNotify::before {
        content: "Yes";
        left: 7px;
        right: auto;
    }

    .switchNotify input:checked + .sliderNotify::after {
        transform: translateX(32px);
    }
.modalNotifications .table > tbody > tr > td {
    /*padding: 4px 8px;*/
    vertical-align: middle;
}
    .modalNotifications .table > tbody > tr > td .form-control {
        border: 1px solid transparent;
        appearance: none;
        padding: 4px 5px;
        height: 30px;
        background: transparent;
    }
        .modalNotifications .table > tbody > tr > td .form-control:hover {
            border: 1px solid #ddd;
            background: #fff url(../Images/selectBoxArrow.png) calc(100% - 8px) center no-repeat;
        }


/****Responsive view*****/
@media screen and (max-width: 1799px) {
    .generateQuotes .filterInputs {
        width: 628px;
        padding: 0 5px 0 10px;
    }

    .generateQuotes .outputArea {
        width: calc(100% - 628px);
        padding: 0 10px 0 5px;
    }

    .generateQuotes .copycontent label {
        padding: 3px 2px;
        font-size: 12px;
        margin: 0;
    }

    .generateQuotes .outputArea .carrierSelect {
        letter-spacing: -0.5px;
        font-size: 12px;
        font-weight: 600;
    }
}

@media screen and (max-width: 1730px) {

    .PUDelvDropdonwList .dropdown-menu {
        /*width:625px;*/
    }

        .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend {
            left: -272px;
            box-shadow: -5px 5px rgb(102 102 102 / 20%) !important;
        }

            .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend:before {
                left: auto;
                right: -8px;
                border-right: 0;
                border-left: 7px solid #d2d2d2;
            }

    .blackTheme .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend:before {
        left: auto;
        right: -8px;
        border-right: 0;
        border-left: 7px solid #50535c;
    }

    .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend:after {
        left: auto;
        right: -7px;
        border-right: 0;
        border-left: 7px solid #fff;
    }

    .blackTheme .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend:after {
        left: auto;
        right: -7px;
        border-right: 0;
        border-left: 7px solid #1f2228;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1281px) {
    .checkboxConatiner {
        margin-left: 0;
    }


    .tradeShowDetail .fullWidthLabel {
        line-height: 26px;
        width: 100%;
    }

    .tradeShowDetail .addressBox .filter-col {
        width: auto;
        line-height: normal;
    }

    .tradeShowDetail .form-control-static {
        width: 100%;
    }

    .payment-infoSection .fullWidthLabel {
        line-height: 26px;
        width: 100%;
    }

    .payment-infoSection .fullWidthInputPayment {
        width: 100% !important;
    }

    .payment-infoSection .addressBox .filter-col {
        width: auto;
        line-height: normal;
    }

    .payment-infoSection .form-group {
    }

    .payment-infoSection .form-control-static {
        width: 100%;
    }

    .payment-infoSection .form-group {
        margin-bottom: 5px;
    }

    .payment-infoSection .form-group {
        height: 62px;
    }

    #btnPayment {
        margin-left: 0px;
    }

    #btnPaymentSavedCard {
        margin-left: 0px;
    }

    #btnSaveCard {
        margin-left: 0px;
    }

    .quoteClculatorContainer .porlet-custom-Height {
        min-height: 75vh;
    }

    #bsContainer .modal-dialog {
        width: 1328px;
        margin: 124px 0px 0 278px;
        max-width: calc(100% - 300px);
    }

    .shipmentDetail-row .panel {
        min-height: 83vh;
    }

    .blockTitle {
        font-size: 15px;
    }

    .bookshipment-block .mt-checkbox, .bookshipment-block .mt-radio {
        font-size: 11.7px;
    }

    .bookshipment-block .form-group {
        margin-bottom: 14px;
    }

    .bookshipment-block .form-control {
        padding: 2px 10px;
        font-size: 14px;
        height: 34px;
    }

    .bookshipment-block .date .glyphicon {
        top: 11px;
    }

    .PUDelvDropdonwList .dropdown-menu {
        width: 750px;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
    .officeUsequotClculatorContainer .selectField {
        width: 40%;
    }

    .outputArea {
        width: calc(100% - 508px);
        padding: 0px 15px 0;
    }

    .filterInputs {
        width: 508px;
    }

        .filterInputs label, .actualWeight label {
            margin-bottom: 0;
        }

    .outerBorder > .row {
        margin-left: -1px;
        margin-right: -1px;
    }

        .outerBorder > .row .col-sm-12, .outerBorder > .row .col-md-6, .outerBorder > .row .col-lg-6 {
            padding-left: 1px;
            padding-right: 1px;
        }

    .charges label {
        font-size: 14px;
    }

    .filterAddress p {
        font-size: 13px;
        padding: 2px 5px;
    }

    .totalAmount {
        padding: 0px 2px;
    }

    .charges {
        padding: 3px 15px;
    }

        .charges .chargeAmount {
            line-height: 25px;
            font-size: 15px;
        }

        .charges .totalAmount .caldata {
            line-height: 25px;
            font-size: 14px;
        }

    .quoteDetail {
        padding: 3px 8px;
    }

        .quoteDetail .col-md-6.col-sm-6.col-xs-12 {
            /*padding: 2px 2px;*/
        }

    .borderbtm {
        margin-bottom: 0px;
    }

    .quoteDetail .discription {
        font-size: 14px;
    }

    .filterInputs .form-group, .actualWeight .form-group {
        margin-bottom: 4px;
    }

    .filterInputs .form-control, .actualWeight .form-control {
        height: 28px;
    }

    .spotRateOuter .borderbtm {
        padding: 1px 0 0px;
    }

    .spotRateOuter .form-group {
        margin-bottom: 2px;
    }

    .spotRateOuter .form-control {
        height: 24px;
    }

    .carrierBlock .nav-tabs > li > a {
        padding: 6px 10px !important;
    }

    .carrierBlock .allLabels {
        padding: 8px 10px 0px;
    }

    .carrierBlock .inputCocl {
        margin-top: 2px;
        margin-bottom: 2px;
        width: 85px;
    }

        .carrierBlock .inputCocl .form-control {
            height: 28px;
            font-size: 15px;
        }

        .carrierBlock .inputCocl .input-icon.input-icon-sm > i {
            margin-top: 8px;
        }

    .charges label {
        line-height: 25px;
    }

    .carrierBlock .allLabels label {
        font-size: 15px !important;
    }

        .carrierBlock .allLabels label.leftText {
            padding-right: 4px;
            letter-spacing: -0.4px;
        }

    .carrierBlock .dynamicResult {
        min-height: 24px;
        line-height: 22px;
    }

    .carrierBloc .rightLabel {
        font-size: 13px !important;
    }

    .daysBlock span.day {
        padding: 2px 10px;
        min-height: 20px;
    }

    .allRankBlock .form-control {
        padding: 2px 10px 2px 10px;
        height: 22px;
        line-height: 16px;
    }

    .clacHeader td {
        padding: 3px 5px;
    }

    .rankblock {
        padding: 1px 20px 1px;
    }

    .filterweight {
        width: 52%;
    }

    .CarrierOutputArea {
        width: 48%;
        padding: 0px 50px 0 0px;
    }

    .airportOutput label {
        letter-spacing: -0.5px;
    }

        .airportOutput label .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs {
            margin: 2px 0px 2px 0;
            width: 28px;
            font-size: 14px;
        }

    button#btnPaymentSavedCard {
        margin-top: 15px;
    }

    .piecesOutupArea .copydimcontent.btn.dark:not(.btn-outline) {
        padding: 2px 8px 3px;
        top: 1px;
        right: 1px;
    }

    .generateQuotes .filterInputs {
        width: 545px;
        padding: 0 10px 10px 10px;
    }

    .generateQuotes .outputArea {
        width: calc(100% - 545px);
        padding: 0 10px 0 5px;
    }

    .generateQuotes .form-group label.puzipshowcode, .generateQuotes .form-group label.delvzipshowcode {
        /*font-size: 9.3px;*/
    }

    .generateQuotes .officeUsequotClculatorContainer label, .generateQuotes .copycontent label {
        font-size: 11px;
    }

    .generateQuotes .filterInputs .form-control {
        font-size: 12px;
        line-height: 20px;
    }

    .generateQuotes .filterInputs .filterAddress p {
        font-size: 12px;
    }

    .generateQuotes .outputArea .carrierSelect {
        max-width: calc(100% - 85px);
        width: 122px;
    }

    .generateQuotes .quoteDetail .discription, .generateQuotes .charges label, .generateQuotes .charges .chargeAmount {
        font-size: 12px;
        min-height: 25px;
    }

    .generateQuotes .charges .totalAmount .caldata {
        width: 60px;
        font-size: 11px;
    }

    .generateQuotes .charges .totalAmount .chargeAmount {
        width: calc(100% - 60px);
        line-height: 25px;
    }

    .generateQuotes .filterweight {
        width: 46%;
        padding: 0 10px;
    }

    .CarrierOutputArea {
        width: 54%;
        padding: 0 10px;
    }

    .generateQuotes .actualWeight .form-control.gtdNA {
        width: calc(100% - 14px);
    }

    .generateQuotes .piecesOutupArea {
        /*position: static;*/
    }

    .piecesOutupArea .copydimcontent.btn.dark:not(.btn-outline) {
        padding: 2px 6px 3px;
        right: 4px;
    }


    .generateQuotes .tabs-page > .nav-tabs li[role="presentation"] a[role="tab"] {
        padding: 0px 4px;
    }

    .generateQuotes .accountModeCalculator .filterInputs {
        width: 100%;
        padding: 0 5px 0 10px;
        margin-bottom: 10px;
    }

    .generateQuotes .accountModeCalculator .outputArea {
        width: calc(100% - 0px);
        padding: 0px 10px 0 5px;
    }

    .generateQuotes .accountModeCalculator .filterweight {
        width: 40%;
        padding: 0 10px;
    }

    .accountModeCalculator .CarrierOutputArea {
        width: 60%;
    }

    .accountModeCalculator .filterweight .row .col-sm-6.col-md-6.col-lg-6 {
        width: 100%;
    }
}


@media (max-width: 1550px) {
    .PUDelvDropdonwList .dropdown-menu {
        width: 800px;
    }
    /*        .blackTheme .generateQuotes .dropdown-menu {
            width: 675px;
        }*/
}

@media (max-width: 1440px) {
    #DivCalWeight, #DivCalWeightResult {
        min-width: 920px;
    }

    .adminSectionTabs .nav-tabs > li > a {
        padding: 12px 10px;
    }

    .comparsonBlock {
        width: calc(33.33% - 10px);
        margin: 0 10px 0px 0;
    }

        .comparsonBlock:nth-child(3n) {
            margin-right: 0;
            width: 33.33%;
        }

        .comparsonBlock:nth-child(4n) {
            margin-right: 10px;
            width: calc(33.33% - 10px);
        }

    .orderDetailTabs .nav-tabs > li > a {
        padding: 12px 10px !important;
    }

    .allLabels {
        padding: 20px 10px 5px;
    }

    .airportCodesWrapper {
        padding: 20px 10px;
    }

    .piecesOutupArea #DivCalWeight, .piecesOutupArea #DivCalWeightResult {
        min-width: 575px;
    }

    .carrierBlock .nav-tabs > li > a {
        padding: 6px 10px !important;
    }

    #bsContainer .modal-dialog {
        margin: 126px auto 0 auto;
        max-width: calc(98% - 0px);
    }

    .innerCol {
        padding: 3px 4px 2px;
    }

    .colLabel {
        font-size: 14px;
        letter-spacing: -0.3px;
    }

    .innerCol .btn-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        font-size: 14px;
        height: 26px;
    }

    .PUDelvDropdonwList .dropdown-menu, .blackTheme .generateQuotes .dropdown-menu {
        width: 620px;
    }

    .reportToggle .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 1365px) {
    .generateQuotes .filterInputs {
        width: 100%;
    }

    .generateQuotes .outputArea {
        width: calc(100% - 0px);
    }

    .PUDelvDropdonwList .dropdown-menu, .blackTheme .generateQuotes .dropdown-menu {
        width: 575px;
    }
}

@media (max-width: 1280px) {

    .payNow {
        padding: 8px 30px !important;
    }

    .adminSectionTabs {
        max-width: 500px;
        margin: 30px auto;
    }

    .topImportantInputs {
        width: 100%;
    }

    .quoteDetailCont {
        width: 100%;
    }

    .discountTable {
        /*margin-top: 35px;*/
        min-width: 1200px;
    }

    #ResultDetail {
        overflow: auto;
    }

    .dateBox {
        float: right;
        width: 100%;
    }

    .dateBoxContent {
        margin-bottom: 10px;
        text-align: left;
    }

    .page-sidebar.navbar-collapse {
        overflow: auto !important;
    }

    .myNav > li {
        width: auto;
    }

        .myNav > li > a {
            padding: 10px 10px;
        }

    .checkboxConatiner {
        margin-left: 0;
    }


    #RatingCalculator .fullWidthInput {
        width: 100% !important;
    }

    .payment-infoSection .fullWidthLabel {
        line-height: 26px;
        width: 100%;
    }

    .payment-infoSection .fullWidthInputPayment {
        width: 100% !important;
    }

    .payment-infoSection .addressBox .filter-col {
        width: auto;
        line-height: normal;
    }

    .payment-infoSection .form-group {
        margin-bottom: 5px;
    }

    .payment-infoSection .form-control-static {
        width: 100%;
    }

    .payment-infoSection .form-group {
        height: 62px;
    }

    #btnPayment {
        margin-left: 0px;
    }

    #btnSaveCard {
        margin-left: 0px;
    }

    #btnPaymentSavedCard {
        margin-left: 0px;
    }

    .totalShipment {
        margin: 0px 9px 0px 0;
    }

    .WebQuoteActionBar .caption {
        font-size: 16px;
        flex-flow: wrap;
    }

    .WebQuoteActionBar .actions > ul > li + li {
        margin-left: 7px;
        padding-left: 7px;
    }
}

@media (max-width: 1279px) {
    .PUDelvDropdonwList .dropdown-menu, .blackTheme .generateQuotes .dropdown-menu {
        width: 525px;
    }
}


@media (max-width: 1199px) {
    .outputArea {
        width: calc(100% - 0px);
        padding: 15px 15px 0;
    }

    .filterInputs {
        width: 100%;
    }

    .rankblock {
        margin-top: 15px;
    }

    .piecesOutupArea #DivCalWeight, .piecesOutupArea #DivCalWeightResult {
        min-width: 100%;
    }

    .filterweight {
        width: 100%;
    }

    .CarrierOutputArea {
        width: calc(100% - 0px);
        padding: 15px 15px 0;
    }

    .comparsonBlock, .comparsonBlock:nth-child(3n) {
        width: calc(50% - 10px);
        margin: 0 10px 0px 0;
    }

        .comparsonBlock:nth-child(2n) {
            margin-right: 0;
            width: calc(50% - 0px);
        }

    .comparsionTotalBlock {
        width: calc(100% - 0px);
        margin: 0 0px 0px 0;
    }

    .shipmentDetail-row {
        display: flex;
        flex-flow: wrap;
    }

        .shipmentDetail-row .panel {
            width: calc(50% - 16px);
            height: 43vh;
            margin-bottom: 16px;
            min-height: inherit;
            overflow: auto;
        }

            .shipmentDetail-row .panel:nth-child(3) {
                width: 100%;
            }

    button#btnPaymentSavedCard {
        margin-top: 15px;
    }

    .reportToggle {
        margin-top: 10px;
    }

    .deliveryDate div.jtable-main-container {
        max-height: inherit;
    }

    .deliveryReportInner .currentOpsNote .addOpsNotes .dropdown-div .form-group, .deliveryReportInner .currentOpsNote .viewOpsNotes .dropdown-div .form-group, .deliveryReportInner .customtext09 .addCurrentOpsNotes .dropdown-div .form-group {
        min-width: 500px;
    }

    span.lookupNotes {
        width: 350px;
    }

    .deliveryReportInner .currentOpsNote .viewOpsNotes .dropdown-div {
        width: 518px;
    }

    .addTimeStamp {
        float: left;
        line-height: 10px;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .filter-form {
        width: calc(100% - 0px);
    }

    .filter-action {
        width: 100%;
        text-align: left;
    }

    .generateQuotes .filterInputs {
        width: 100%;
        padding: 0 10px 10px 10px;
    }

    .generateQuotes .outputArea {
        width: calc(100% - 0px);
        padding: 0 10px 0 5px;
    }

    .soldtoShipInlineForm {
        margin-bottom: 20px;
    }

    .accountModeCalculator .filterweight {
        width: 100%;
    }

    .accountModeCalculator .CarrierOutputArea {
        width: 100%;
    }

    .advanceSearch .btnBox {
        padding-top: 0px;
        padding-bottom: 8px;
    }

    .PUDelvDropdonwList .dropdown-menu {
        /*width:625px;*/
    }

        .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend {
            left: -272px;
            box-shadow: -5px 5px rgb(102 102 102 / 20%) !important;
        }

            .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend:before {
                left: auto;
                right: -8px;
                border-right: 0;
                border-left: 7px solid #d2d2d2;
            }

    .blackTheme .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend:before {
        left: auto;
        right: -8px;
        border-right: 0;
        border-left: 7px solid #50535c;
    }

    .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend:after {
        left: auto;
        right: -7px;
        border-right: 0;
        border-left: 7px solid #fff;
    }

    .blackTheme .PUDelvDropdonwList .dropdown-menu .pu_delv_row .dropdown-menu.DELVextend:after {
        left: auto;
        right: -7px;
        border-right: 0;
        border-left: 7px solid #1f2228;
    }
}

@media (max-width: 1024px) {
    .payNow {
        padding: 8px 20px !important;
    }



    .rankblock {
        margin-top: 15px;
    }

    .piecesOutupArea #DivCalWeight, .piecesOutupArea #DivCalWeightResult {
        min-width: 100%;
    }

    .blackTheme .WebQuoteActionBar .actions ul li + li {
        border-left: 1px solid #aec3e5;
        margin-left: 4px;
        padding-left: 4px;
    }
}

@media screen and (min-width: 1024px) {
    .site-logo img {
        height: 46px;
    }

    .header-navigation > ul > li > a {
        padding: 25px 12px 25px;
    }
}

@media (min-width: 992px) {
    .page-sidebar {
        width: 265px;
    }

    .tradeShowThumbnail {
        overflow: hidden;
        /*margin-top: 15px;*/
    }

    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        padding: 0 20px;
        width: 265px;
        margin-left: 20px;
        margin-right: 10px;
    }

    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        margin-left: 0px;
    }

        .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
            display: block;
        }

    .page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
        background-color: #1C232D;
        border-radius: 0;
        height: calc(100vh - 55px) !important;
        position: fixed;
        top: 55px !important;
    }

    .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
        z-index: 999;
    }

    .page-content-wrapper .page-content {
        margin-left: 265px;
    }

    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        margin-left: 0px;
    }

    .page-content-wrapper .page-content {
        padding: 20px 0 0 20px;
    }

    .page-content-wrapper .page-content {
        min-height: 600px !important;
    }
}

@media (max-width: 991px) {
    .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
        border-top: none;
    }

    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 19.5px 14px 0 6px !important;
    }

    .custom-container {
        width: 100%;
    }

    .page-container {
        padding: 0px 0px 0 0 !important;
    }


    .page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
        background-color: #1C232D;
        border-radius: 0;
        margin: 0 !important;
    }

        .page-sidebar, .page-sidebar.in {
            margin: 0 !important;
        }

    .quote-googleMap {
        margin-top: 15px;
    }

    .bookshipment-block .panel-primary > .panel-heading {
        position: static;
    }

    .carvanTitle input[type="text"] {
        /* width: 60%;*/
    }

    .subheader.subheader-fixed {
        position: static;
        height: auto;
        margin-bottom: 10px;
    }

    .generateQuoteWrap {
        margin-top: 0;
        padding-top: 0;
    }

    .VTtitlefixme.fixed-position {
        position: static;
    }

    .WebQuoteActionBar {
        position: static;
        width: 100%;
        padding: 0px 4px;
    }

    .ModalMergeDocs .tab-content .listBody {
        min-height: 100px;
    }

    .ModalMergeDocs .actionBtn {
        margin-top: 20px;
    }

    .ModalMergeDocs .selectedList {
        min-height: 100px;
    }

    .ModalMergeDocs .mailBtnCol {
        margin-top: 20px;
    }

        .ModalMergeDocs .mailBtnCol .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            width: 24.33%;
            display: inline-block;
        }

    .PUDelvDropdonwList .dropdown-menu {
        width: 432px;
    }

        .PUDelvDropdonwList .dropdown-menu .popup-header button.closePUDELVpopup {
            position: fixed;
            top: 5px;
        }
}

@media screen and (max-width: 767px) {
    .payment-infoSection .form-group {
        height: auto;
    }

    .paymentForm .form-control {
        margin-bottom: 10px !important;
    }

    .wd300 {
        width: 150px !important;
    }

    .col-sm-4.ccv-code {
        margin-top: 10px;
    }

    .form-group .form-group {
        margin-bottom: 15px;
    }

    .ccVerifyContainer {
        height: auto;
        margin-bottom: 30px;
    }

    .charges, .quoteDetail, .agentRank {
        /*margin-bottom: 15px;*/
    }

    .daysBlock .position_rel, .allRankBlock .position_rel {
        margin-bottom: 15px;
    }

    .filterInputs {
        width: 100%;
    }

        .filterInputs .padding-lr5 {
            padding-left: 3px;
            padding-right: 3px;
        }

        .filterInputs .label-empty {
            display: none;
        }

    .daysBlockInr {
        width: calc(100% - 0px);
        float: left;
    }

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

        .cutoffTime span.day {
            width: calc(100% - 0px);
            margin-left: 0px;
        }

    .filderRadio {
        width: 255px;
    }

        .filderRadio .mt-radio {
            /*width: calc(50% - 13px); */
        }

    .outerBorder > .row {
        flex-direction: column;
    }

    .outputArea .col-sm-8.col-md-8.col-lg-8.padding-left-0 {
        padding-left: 15px;
    }

    .outputArea .col-sm-4.col-md-4.col-lg-4.padding-right-0 {
        padding-right: 15px;
    }

    .piecesOutupArea #DivCalWeight, .piecesOutupArea #DivCalWeightResult {
        min-width: 575px;
    }

    .spotRateOuter {
        margin-top: 0px;
    }

        .spotRateOuter .borderbtm {
            padding: 0;
        }

    .badge-number {
        top: 0;
    }

    .genie-icon {
        margin-left: 16px;
    }

    .quoteClculatorContainer #btnSave:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .quoteClculatorContainer #btnSave:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .quoteClculatorContainer #btnBook:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 8px 10px !important;
        margin: 1px 0px 0px;
    }

    .accountReportFulterOuter .accountReportFilter {
        width: 100%;
    }

    .accountReportFulterOuter .quoteSearchBtn {
        width: 100%;
    }

        .accountReportFulterOuter .quoteSearchBtn button#ChargeQuotes {
            float: left;
            margin-left: 15px;
        }
        
    .sld-filter-row {
        flex-flow: column;
        padding-bottom: 15px;
    }

    .sld-filter-box {
        width: calc(100% - 0px);
        margin-right: 0px;
    }

    .sld-filter-btn {
        width: 100%;
    }

    .carvanTitle > .title {
        max-width: calc(500px - 101px);
        width: calc(100% - 152px);
    }

    .allShipmentCount {
        margin: -24px 5px 0 -15px;
    }

    .page-content-wrapper .page-content .page-title.opsReportHeader {
        margin-bottom: 0;
    }

    .totalShipment {
        margin: 0px 0px 9px 0;
    }

    .opsDeliveryReport .caption-subject {
        font-size: 14px;
    }

    .flexWrap {
        flex-wrap: wrap;
    }

    .innerCol {
        width: 48%;
    }

    .generateQuotes .quoteDetail .col-md-6.col-sm-6.col-xs-6 {
        padding: 5px;
    }

    .tabContentWrap {
        padding: 0 8px 0 8px;
        flex-flow: wrap;
    }

    .subHeaderTab {
        width: calc(100% - 0px);
        margin-right: 0px;
        margin-top: 10px;
    }

    .enterQuoteNumber {
        display: none;
    }

    .enterQuoteNumberMobile {
        display: block;
        width: calc(100% - 50px);
    }

    .subheader .input-group .form-control:first-child {
        height: 38px;
    }

    .subheader .input-group .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
        padding: 9px 8px;
    }

    .WebQuoteActionBar {
        flex-flow: column;
        align-items: start;
    }

        .WebQuoteActionBar .caption {
            order: 1;
        }

        .WebQuoteActionBar .actions {
            order: 2;
        }
}

@media screen and (max-width: 680px) {
    .mt10 {
        margin-top: 10px;
        width: 100%;
    }

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

    .wd300 {
        width: calc(100% - 170px) !important;
    }

    .adminSectionTabs .nav-tabs > li > a {
        height: 60px;
    }

    .comparsonBlock, .comparsonBlock:nth-child(3n) {
        width: calc(100% - 10px);
        margin: 0 10px 0px 0;
    }

        .comparsonBlock:nth-child(2n) {
            margin-right: 0;
            width: calc(100% - 0px);
        }

    .comparsionTotalBlock {
        width: calc(100% - 0px);
        margin: 0 0px 0px 0;
    }

    #bsContainer .modal-dialog {
        margin: 26px auto 0 auto;
    }

    .shipmentDetail-row .panel {
        width: calc(100% - 16px);
        height: 60vh;
    }

    .reportToggle {
        margin-top: 0px;
    }

    .modal.left .modal-dialog, .modal.right .modal-dialog {
        width: 350px;
    }
}


@media screen and (max-width: 480px) {
    .shipLogo {
        margin: 0 0 0 5px;
    }

    .header .page-logo {
        width: auto;
    }

    .header .mobi-toggler {
        margin: 15px 0 0 0px;
    }

    .hiddenTextarea {
        width: 250px;
    }

    .agtruleInput {
        width: 160px !important;
    }

    .paymentResult {
        height: auto;
    }

    .infoTable {
        overflow: auto;
    }

    .tradeShowTabs li {
        width: 160px;
    }

    .tradeShowDetailBottomTabs .nav-tabs li a {
        padding: 10px 10px 10px;
    }

    .tradeShowDetailBottomTabs .nav-tabs > li.active > a, .tradeShowDetailBottomTabs .nav-tabs > li.active > a:hover, .tradeShowDetailBottomTabs .nav-tabs > li.active > a:focus {
        padding: 10px 10px 10px !important;
    }
}

@media screen and (max-width: 380px) {
    .site-logo img {
        height: 30px;
    }
}