﻿body {
    padding-top: 0;
    padding-bottom: 0;
} 

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*.ups-toggle input:checked + .slider {
    background-color: #E6403B;
}*/
.container-fluid.teal.banner.div-banner.userapprovalbanner {
    max-width: 100%;
}
.upsBtnSm {
    width: 100px;
    height: 40px;
    padding: unset !important;
    padding: 12px 20px 12px 20px !important;
}
.AddressBody {
    padding-right: 0 !important;
    /*overflow: auto !important;*/
}
.modal {
    overflow-y: auto;
}
.modal-open {
    padding-right: 0 !important;
    overflow: auto !important;
}
.ModalCss {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    padding-top: 100px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.5s;
    overflow: auto;
    transition: all 0.3s linear;
}
.checkbox-tabindex{
    opacity:0;
}
.chklblfocusborder{
    border:1px dotted #bebebe;
}
input:checked + .slider::before {
    transform: translateX(30px);
    background: white;
}

input:checked + .slider {
    box-shadow: 0px 0px 0px 2px gray, 0px 0px 2px gray;
}

form .form-group {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}


hr {
    border-top: 1px solid #7e7a7a;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.commodityFieldCaption {
    text-align: left !important;
    padding-bottom: 5px;
}

.dimensionCommodityFieldCaption {
    text-align: left !important;
    padding-bottom: 5px;
}

.banner {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ups-base-layout footer {
    padding: 20px 15px 0 15px;
}

.btn-primary {
    color: white;
}

#divLongestSide .ui-widget-content {
    width: 200px !important;
}

input.shippingdate.hasDatepicker {
    width: 245px !important;
}

input[type=text].parsley-error::before {
    color: red;
    content: "\e638";
    font-family: "upsicons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

h3.popover-header {
    background-color: #0053a1 !important;
    font-size: 15px !important;
    text-align: center !important;
    z-index: -1 !important;
    color: white !important;
    border-bottom: 3px solid #757575 !important;
    padding: 0 0 !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    font-weight: 400 !important;
}

.popover-title {
    background-color: antiquewhite !important; 
    color: white !important;
}

.popover {
    /*top: 0 !important;*/
    left: 0px !important;
    z-index: 2;
}
.modal-open .popover {
    z-index: 2050 !important;
}
textarea.truck-load-area {
    max-width: 900px;
}

.btn-btnshowincad {
    margin: 10px 0px 10px 0px;
}

.div-ups-fuel-surcharge, .div-ups-Guaranteed {
    border-bottom: none;
}

    .div-ups-fuel-surcharge table tr td, .div-ups-fuel-surcharge table tr th,
    .div-ups-Guaranteed table tr td, .div-ups-Guaranteed table tr th {
        word-wrap: break-word;
    }

    .div-ups-fuel-surcharge table tr td, .div-ups-Guaranteed table tr td {
        padding: 15px;
    }

.parsley-intrashipment {
    line-height: 20px;
}

.ratingrequestform .div-ship-from ul, .ratingrequestform .div-ship-to ul {
    padding: 0px;
}

ul.parsley-errors-list li {
    line-height: 18px;
}
/*Error-message*/
.Validation-summary, .Server-err-summary {
    padding-left: 20px;
}
#SaleLeadRegistration .modal-dialog {
    border: 6px solid #0053a1;
}
    .Validation-summary h3, .Server-err-summary h3 {
        border: none;
        color: #E6403B;
        font-weight: bold;
        margin: 0
    }

        .Validation-summary h3 i, .Server-err-summary h3 i {
            font-size: 30px;
        }

    .Validation-summary .Validation-summary-err_message, .Server-err-summary .summary-err_message {
        margin: 10px;
        color: #E6403B;
        font-weight: bold;
    }

.module.tech-module {
    padding-top: 0px;
}

    .module.tech-module h3.mt-4 {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .module.tech-module p.edi-info {
        margin-bottom: 37px;
    }

#billingDetails .ups-table {
    border-bottom: none !important;
}
/*Datatable pagination*/
#billingDetails .dataTables_wrapper .dataTables_paginate span a.paginate_button, .ellipsis {
    color: #0053A1 !important;
}

#billingDetails .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #0053A1 !important;
    background-color: #0053A1 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0053A1), color-stop(100%, #0053A1)) !important;
    background: -webkit-linear-gradient(top, #0053A1 0%, #0053A1 100%) !important;
    background: -moz-linear-gradient(top, #0053A1 0%, #0053A1 100%) !important;
    background: -ms-linear-gradient(top, #0053A1 0%,#0053A1 100%) !important;
    background: -o-linear-gradient(top, #0053A1 0%, #0053A1 100%) !important;
    background: linear-gradient(to bottom, #0053A1 0%, #0053A1 100%) !important;
}

#billingDetails .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    border: 1px solid #0053A1;
    background-color: #0053A1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #0053A1 0%, #0053A1 100%);
}

#billingDetails .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
}

#billingDetails .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: white !important;
}

.tblMabd.tblTransitTime {
    max-width: 360px;
    margin-left: 0px;
}

    .tblMabd.tblTransitTime #tblMABD thead tr th, .tblMabd.tblTransitTime #tblMABDArriveBy thead tr th, .tblMabd.tblTransitTime tbody tr td {
        text-align: center;
    }

.container-fluid .urgent-ul-lilist {
    line-height: 24px;
}

input.date-picker:focus, textarea.comments:focus {
    border: 1px solid #bebebe !important;
    outline: 1px solid rgb(255, 181, 0) !important;
    outline-style: auto !important;
    outline-width: 1px !important;
}

.ups-wrap-searchnotfound {
    margin-top: 20px;
    margin-bottom: 20px;
}

.urgent-ddl select {
    border-radius: 0px !important;
    background-image: none;
}

#err-notification-msg {
    margin-top: 10px;
}

    #err-notification-msg span {
        color: #dc3545;
    }

.viewprint-bol-tab {
    margin-left: 210px;
}
.no-enroll-link {
    border-right: none !important;
}
.add-enroll-link-new {
    border-left: 1px solid #242424 !important;
    margin-left:22px;
}
.container-fluid.teal.banner.div-banner {
    max-width: 1000px;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 15px;
}
.banner.div-banner {
    padding-top: 15px;
    padding-bottom: 15px;
}
.ul-rural-msg li {    
    font-weight: bold;
   color: #c91a13;
}
.linebreak {
    background-color: #808080;
    font-size: 1px;
}
.extra-linebreak {
    font-size: 3px;
}
.lblgfptoggleCD {
    background-color: #fff;
    color: #0053A1;
    padding: .6em 1em;
    margin-top: 0px;
    font-size: 15px;
}
.btn-add-new-package {
    padding: 10px 10px !important;
    background-color: transparent;
    border: thin solid;
    border-radius: 25px;
}
#TFFSelectService{
    max-width:360px;
}
/* Edge */
@supports (-ms-ime-align: auto) {
    .Guaranteed-top-Banner {
        max-width: 100%;
    }

    .btn-billing-close {
        padding: 0px !important;
        padding-right: 10px !important;
    }

        .btn-billing-close:hover {
            cursor: pointer;
        }

    #lstBox1 option:checked, #lstBox2 option:checked {
        background-color: #007bff !important;
    }
}
/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .t3dev #ConsentPopupmodel h3.title {
        border-bottom:none;
    }
    #TFFSelectService {
        max-width: 365px;
    }
    .gfpPackageBuilder .lblPackagesWeight {
        margin-left: -14px;
    }
    /*.gfpPackageBuilder .closeGFPBuilder {
        margin-left: -59px;
    }*/
    .gfpPackageBuilder .resetGFPBuilder {
        margin-left: -36px;
    }
    .Guaranteed-top-Banner {
        max-width: 100%;
    }
    .btn-rating-closex {
        margin-right: 10rem !important;
    }
    #ieLineBreak {
        font-weight: bold;
    }    

    #lstBox1 option:checked, #lstBox2 option:checked {
        background-color: #007bff !important;
    }
    .div-commodity-weight .lblCommoditypieces {
        margin-left: 22px;
    }
    .div-commodity-weight ul.parsley-errors-list {
        margin-left: 15px;
    }
    .div-commodity-weight-lbs ul.parsley-errors-list {
        margin-left: 0px;
    }
    #createBOLTableDiv .txtCommodityWeight {
        margin-left: 28px;
        width: 80px;
    }

    .commodity-package select {
        width: 133px !important;
    }

    .viewprint-bol-tab {
        margin-left: 158px;
    }

    .form-control:focus, input.date-picker:focus, textarea:focus, select:focus {
        border: 1px solid #bebebe;
        /*outline: 1px solid rgb(255, 181, 0) !important;*/
        outline: 1px solid #0053A1 !important;
        outline-style: auto !important;
        outline-width: 1px !important;
    }
    textarea[id="TextTrack"]:focus {
        /*outline: 5px auto #C67D30 !important;*/
        outline: 2px solid #0053A1 !important;
    }

    .form-control.parsley-error {
        outline: 1px solid #dc3545 !important;
        outline-style: auto !important;
        outline-width: 1px !important;
    }

        .form-control.parsley-error:focus {
            outline: 1px solid #dc3545 !important;
            outline-style: auto !important;
            outline-width: 1px !important;
        }
}

@supports (-ms-ime-align:auto) {
    input.form-control:focus, input.date-picker:focus, textarea:focus, select:focus {
        border: 1px solid #bebebe;
        /*outline: 1px solid rgb(255, 181, 0) !important;*/
        outline: 1px solid #0053A1 !important;
        outline-style: auto !important;
        outline-width: 1px !important;
    }

    textarea[id="TextTrack"]:focus {
        /*outline: 5px auto #C67D30 !important;*/
        outline: 2px solid #0053A1 !important;
    }

    input.form-control.parsley-error {
        outline: 1px solid #dc3545 !important;
        outline-style: auto !important;
        outline-width: 1px !important;
    }

        input.form-control.parsley-error:focus {
            outline: 1px solid #dc3545 !important;
            outline-style: auto !important;
            outline-width: 1px !important;
        }
}
.ups-tblShipDocument{
    border-bottom:none;
}
.gfpcloseresetdiv a {
    font-size:15px;
}
.rating-commodity{
    width:50%;
}
/*@media(min-width:1500px) and (max-width:1900px) {
    .flickerHeight {
        height: 100px;
    }
}
@media(min-width:1901px) {
    .flickerHeight {
        height: 200px;
    }
}*/
@media (max-width:425px) {
    .lblGFPCOD {
        padding-left: 2px;
    }
}
    @media (max-width:769px) and (min-width:700px) {
        .gfpPackagesClass {
            width: 30% !important;
        }
        #divAdditionalinfo #event_checkboxes .col-5 {
            padding-left: 21px;
        }
    }
    @media (max-width:425px) {
        .gfpPackageBuilder {
            padding: 9px !important;
        }
        .rating-commodity {
            width: 100%;
        }
    }
    @media (max-width:425px) and (min-width:370px) {
        .AddInfolabel {
            width: 220px;
        }
        .AddInforesetbutton {
            width: 84px;
        }
    }
    @media (max-width:375px) and (min-width:318px) {
        .AddInfolabel {
            width: 176px;
        }
        .AddInforesetbutton {
            width: 84px;
        }
    }
    @media (max-width:320px) {
        #divAdditionalinfo #event_checkboxes .col-5 {
            padding-left: 0px;
        }
        .AddInfolabel {
            width: 120px;
        }

        .AddInforesetbutton {
            width: 84px;
        }
    }

    @media (max-width:769px) and (min-width:450px) {
        .ratingrequest-accordian input.shippingdate.hasDatepicker {
            width: 120px !important;
        }

        .ups-icon-question-mark.rating-shipperrelation {
            float: right;
            margin-top: 11px;
        }

        .drpClassSection {
            margin-left: 73px;
            margin-bottom: 10px;
        }


        .gfpsetin1024 {
            padding-top: 10px;
        }
    }

    @media (min-width:769px) {
        .ups-custom-select select.gfpPackagesClass {
            background-position-x: 48px !important;
        }
    }

    @media (min-width:700px) and (max-width:769px) {
        #reset_buttonbottom {
            margin-left: 53px;
        }
    }

    @media (max-width:425px) {
        .idUPSCarbonNeutral1 span {
            margin-right: 0px !important;
        }
    }

    @media(min-width:1500px) and (max-width:1900px) {
        .container-fluid.mid-grey {
            min-height: 180px;
        }
    }

    @media (max-width:320px) {
        .ups-checkbox:checked + label.lblGFPShowReference:after {
            top: 28px !important;
        }

        .ups-checkbox:checked + label.lblGFPAddSameReferenceOne:after, .ups-checkbox:checked + label.lblGFPAddSameReferenceTwo:after {
            top: 34px !important;
        }
    }

    @media (min-width:322px) and (max-width:425px) {
        .ups-checkbox:checked + label.lblGFPShowReference:after {
            top: 18px !important;
        }

        .ups-checkbox:checked + label.lblGFPAddSameReferenceOne:after, .ups-checkbox:checked + label.lblGFPAddSameReferenceTwo:after {
            top: 20px !important;
        }
    }

    @media (min-width:420px) and (max-width:425px) {
        .ups-checkbox:checked + label.lblGFPShowReference:after {
            top: 12px !important;
        }
    }

    @media(min-width:1901px) {
        .container-fluid.mid-grey {
            min-height: 240px;
        }
    }

    @media (max-width:375px) {
        #WeekendComSect {
            margin-bottom: 90px;
        }

        #WeekendComSect1 {
            margin-bottom: 90px;
        }
    }

    @media (max-width:320px) {
        .idWeekendCom {
            margin-top: 8px !important;
        }

            .idWeekendCom span {
                margin-left: 38px;
            }
    }

    @media (min-width:1000px) and (max-width:1440px) {
        .gfpcloseresetdiv {
            margin-left: -28px;
            max-width: 12px;
        }
    }

    @media (min-width:1441px) and (max-width:1800px) {
        .gfpcloseresetdiv {
            margin-left: -28px;
            max-width: 40px;
        }
    }

    @media (min-width:765px) and (max-width:1024px) {
        .gfpnmfc {
            max-width: 120px !important;
        }
    }

    @media (max-width : 765px) {
        .LTLresponsiveTotals {
            margin-top: 10px !important;
        }

        .ToggleGFPPackageSec {
            margin-bottom: 10px !important;
        }

        #AddPackageSect {
            margin-top: 10px !important;
        }
    }

    @media (max-width : 415px) {
        .idUPSCarbonNeutral {
            padding-top: 0px;
        }
    }


    @media (max-width:970px) {
        #divRequesterInfoExpand .requestor-info {
            padding-right: 15px !important;
        }
    }

    @media (min-width:220px) and (max-width:768px) {
        #printLabelOption {
            width: 22%;
        }
    }

    @media (max-width:425px) {
        #printLabelOption {
            width: 100%;
        }

        #tblShipDocument {
            margin-bottom: 10px;
        }

        #WeekendComSect {
            margin-bottom: 90px;
        }

        #WeekendComSect1 {
            margin-bottom: 90px;
        }
    }

    @media (max-width:1132px) {

        #tblShipDocument {
            table-layout: auto
        }
    }

    @media (min-width:1024px) {
        #printLabelOption {
            width: 15%;
        }
    }

    @media (max-width:1024px) {
        .ups-checkbox:checked + label.lblShipmentBarcode:after {
            top: 18px;
        }
    }

    @media (min-width:1000px) and (max-width:1024px) {
        .ups-toggle.gfpLabelOptions {
            width: 103px;
        }

        .gfpsetin1024 {
            margin-right: 0px !important;
        }

        .lblPackagesHeight {
            white-space: nowrap;
        }

        #gfpPackageModal .gfp-accordian-toggle .ups-toggle :after {
            margin-left: 4px;
        }
    }

    @media (min-width:769px) and (max-width:1023px) {
        .div-btn-options-right {
            margin-right: 22px;
            margin-left: 22px;
        }
    }

    @media (min-width:318px) and (max-width:375px) {
        .btn-common-result {
            padding: 0px !important;
            margin-left: -5px !important;
            width: 74px !important;
        }

        #grpUPSAcc {
            max-width: 55px;
        }

        select#grpUPSAcc {
            max-width: 229px !important;
        }

        .ups-resulttable tr td {
            padding: 3px;
        }
    }

    @media (max-width:320px) {
        .btn-common-result {
            margin-left: -2px !important;
            max-width: 71px;
        }
    }

    @media (min-width:376px) and (max-width:768px) {
        #grpUPSAcc {
            max-width: 152px;
        }
    }

    @media (max-width:425px) {
        #idUSDDeclared {
            margin-left: 16px;
        }
    }
@media (max-width:375px) {
    .ups-checkbox:checked + label.lblCashierCheck:after {
       top:43px;
    }
}
@media (max-width:1278px) and (min-width:1133px) {
    .gfpShippingForm #ShipfromInputs .row-address-button-list .btn-secondary {
        padding: 2px 18px 0px 20px;
    }
}
@media (max-width:425px) and (min-width:376px) {
    .ups-checkbox:checked + label.lblCashierCheck:after {
        top: 27px;
    }
}
@media (max-width:768px) {
    .declaredValueCard .ups-custom-select.row {
        margin-top:7px;
    }
}
    /*Error-message*/
    .lbl-movpieces label {
        margin-left: 54px;
    }

    .div-pallet .pallet-margin {
        margin-left: -83px !important;
    }

    @media (min-width:274px) and (max-width:724px) {
        .div-pallet .pallet-margin {
            margin-left: 0px !important;
        }

        .lbl-movpieces label {
            margin-left: 0px;
        }
    }

    @media (max-width:992px) {
        .tab-holiday-schedule .tab-content > .tab-pane.tab-pane-holiday {
            display: none;
        }
    }

    @media (max-width:570px) {
        .form-group-buttons .btn-submit {
            margin-bottom: 15px;
        }
    }

    @media (max-width:575px) {
        .form-group-buttons .btn-submit {
            margin-bottom: 15px;
        }

        .ratingDetails .card-body {
            padding: 0;
        }
    }

    @media (min-width:770px) and (max-width:976px) {
        .form-group-buttons .btn-submit {
            margin-bottom: 15px;
        }
    }

    @media (min-width:992px) and (max-width:1368px) {
        .form-group-buttons .btn-submit {
            margin-bottom: 15px;
        }
    }

    @media (max-width:1200px ) {
        #ups-header_logo {
            background-image: url(../img/TForce_Freight_logo.svg) !important;
        }

        #ups-header_logo-dev {
            background-image: url(../img/TForceFreight_Dev.svg) !important;
        }

        #ups-header_logo-test {
            background-image: url(../img/TForceFreight_Test.svg) !important;
        }

        #ups_navSupportedContent {
            overflow: auto;
            height: 100vh;
        }
    }

    .packageDetails .ups-toggle .slider:before {
        height: 20px;
        width: 20px;
    }

    .packageDetails table td {
        padding: 1px 0 10px 0;
    }

    /*.packageDetails .ups-toggle :after {
    content: 'OFF';
}*/

    /*.packageDetails .ups-toggle input:checked :after {
    content: 'ON';
}*/

    .packageDetails .ups-toggle {
        width: 100px;
        height: 32px;
    }

    /*.packageDetails .form-group {
    float: left;
    display: block;
    width: 65%;
}*/

    .packageDetails .form-group label {
        display: inline-block;
        margin-top: 0;
        width: 30%;
    }

    .packageDetails .form-group input[type=checkbox]:before {
        background: none;
    }

    .packageDetails .form-group input[type=text] {
        vertical-align: middle;
        width: 70%;
        margin: 0;
        padding: 4px;
        border-radius: 5px;
        /* border-color: #aea2a2; */
        border: 1px solid #aea2a2;
    }

    .down-arrow {
        background-image: url(../img/icon-down.svg);
        /* padding-left: 15px; */
        background-position: center center;
        background-repeat: no-repeat;
        /* margin-left: 7px; */
        position: absolute;
        display: inline-block;
        height: 17px;
        width: 16px;
        top: 8px;
        /* background-size: 15px 10px; */
    }

    .nav-item .down-arrow {
        background-image: url(../img/icon-down.svg);
        /* padding-left: 15px; */
        background-position: center center;
        background-repeat: no-repeat;
        /* margin-left: 7px; */
        position: absolute;
        display: inline-block;
        height: 17px;
        width: 16px;
        top: 0;
        /* background-size: 15px 10px; */
        right: -4px;
    }

    li.dropdown.nav-item.show.toplinkmenu:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 8px;
        /*background: #FFB500;*/
        background: #0053A1;
        bottom: -16px;
    }

    .nav-item.show .down-arrow {
        background-image: url(../img/icon-up.svg);
    }

    .linkbutton {
        background: none;
        border: none;
        padding: 0px;
        margin: 0px;
        font-size: 14px;
        font-family: Tahoma,sans-serif;
        font-weight: 400;
        height: auto;
        text-decoration: underline;
    }

    .nav-link .linkbutton {
        color: #fff;
        font-size: 1em;
        text-decoration: none !important;
    }

    .navbar-right a.nav-link, .navbar-right a.nav-link .linkbutton, header ul.navbar-nav li a {
        font-weight: normal !important;
        text-decoration: none !important;
    }

        .navbar-right a.nav-link:hover, .navbar-right a.nav-link *:hover, header ul.navbar-nav li a:hover {
            text-decoration: underline !important;
        }

    /*.modal-open .modal {
    background: rgba(0, 0, 0, 0.4);
    padding-top: 100px
}*/

    .dropdown-menu {
        top: 24px !important;
    }

    .toplinks ul li, .toplinks ul li * {
        float: none !important;
        border-right: 0px !important;
        list-style: none;
        list-style-position: outside;
        color: #000 !important;
        text-decoration: none !important;
        font-family: Tahoma,sans-serif !important;
        font-size: 14px !important;
    }

    toplinks ul li.linkitems {
        display: block !important;
        margin: 15px 0 !important;
        height: auto !important;
    }

    .toplinks.dropdown-menu {
        top: 15px !important;
        /*left: 0px !important;*/
        /* will-change: transform; */
        /* margin-top: 8px; */
        right: 0;
    }

    .nav-item.dropdown.show {
        z-index: 4 !important;
    }

    footer ul li {
        padding-left: 20px !important;
    }

        footer ul li:first-child {
            padding-left: 0px !important;
        }

    footer ul:not([role=navigation]) {
        padding-left: 8px !important;
    }

    .bread-crum-container *, .bread-crum-container {
        font-family: Tahoma,helvetica,arial,sans-serif;
        font-weight: normal;
        font-size: 1.122em;
    }

        .bread-crum-container a {
            color: #426da9;
            padding: 0px 5px;
            font-size: 1em;
            text-decoration: underline;
        }
    .bread-crum-container{
        line-height:25px;
    }
    /*header ul.navbar-nav li.nav-item a.nav-link {
        color: rgb(255, 255, 255);
        font-family: Tahoma, sans-serif;
        font-weight: 700 !important;
        font-size: 1em;
    }*/
    header ul.navbar-nav li.nav-item a.nav-link {
        color: #242424;
        font-family: Tahoma, sans-serif;
        font-weight: 700 !important;
        font-size: 1.05em;
    }

    .hero .ups-carousel_content {
        /*right: 100px !important;
    left: unset !important;*/
        /*top: 170px !important;*/
    }

    .txtalignleft {
        text-align: left !important
    }

    .lockimg {
        background-image: url(../img/icon-lock.svg);
        background-repeat: no-repeat;
        background-size: 15px 15px;
        background-position: right center;
        padding-right: 17.9px;
    }

    .whitelockimg {
        /*background-image: url(../img/UPS_Icon_094_RGB_inverted.png);*/
        background-image: url(../img/UPS-Icon-094-RGB-inverted.png);
        background-repeat: no-repeat;
        background-size: 18px;
        background-position: right center;
        padding-right: 17.9px !important;
    }

    #puerto-rico-table table.mb4-info {
        border-left: 1px solid #757575;
        border-right: 1px solid #757575;
    }

    h3.mt-4 .mt4-heading {
        font-size: 20.006px;
        font-weight: 800;
    }

    h3.serif.socs {
        font-size: 1.8em;
        font-weight: 500;
        border-bottom: none;
    }

    /*.module-link#freight-pricing {
        top: 121px;
    }*/

    .ups-table.table-details table {
        border-left: 1px solid #757575;
        border-right: 1px solid #757575;
    }

        .ups-table.table-details table th {
            border-top: 1px solid #757575;
        }

    /*#inboundvalue ,#outboundvalue {
    white-space: nowrap;
}*/
    .td-inbound, .td-outbound {
        width: 270px;
    }

    .tbl-claim-details {
        /*border: 1px solid rgba(0, 0, 0, 0.4);*/
        margin-top: 10px;
    }

        .tbl-claim-details tr td {
            padding: 18px;
            /*border-bottom: 1px solid rgba(0, 0, 0, 0.4);*/
        }

            .tbl-claim-details tr td:first-child {
                font-weight: bold;
                /*border-right: 1px solid rgba(0, 0, 0, 0.4);*/
                width: 150px;
            }

    .tbl-announcements tr td {
        padding: 13px;
        font-size: 16.002px;
        border:none !important;
    }
    /*Binal*/
    .gfpPackagesClass {
        width: auto !important;
    }

    .GFPOptionsCollapseOne .row {
        margin-bottom: -15px;
    }

    .GFPOptionsCollapseOne .form-check {
        text-align: left;
        font-size: 12px;
    }

    .GFPOptionsCollapseOne .card-body {
        padding-bottom: 12px;
        padding-top: 3px;
    }

    .GFPOptionsCollapseThree label {
        margin-top: 0px;
        margin-right: 17px;
    }

    .rdbsignatureRequired {
        margin-right: 12px;
    }

    .GFPOptionsCollapseThree input[type="radio"] {
        margin-right: 8px;
    }

    .GFPOptionsCollapse4 .card-body {
        padding-bottom: 10px;
        padding-left: 27px;
    }

    .commodity.gfpEmailNotify {
        margin-left: -11px !important;
    }


    .totalpackages-gfp-space, .gfp-sendemail-list {
        padding: 0px;
    }

    #gfpPackageModal .gfp-packages-list {
        padding: 0px;
    }

    .chk-gfp-space {
        margin-top: 10px;
    }

    /*#gfpPackageModal input[type="checkbox"] {
    transform: scale(1.5);
    margin-left: 3px;
}*/

    #gfpPackageModal input[type="radio"] {
        transform: scale(1.5);
    }

    .groupinputDetails .row.rowgfp {
        margin-bottom: 10px;
    }
    /*.card.card-gfp{
        background-color:#fafafa !important;
    }*/
    #idGFPAccordionExample .card .card-header {
        border-top: none !important;
    }

    .btn-gfp-accordian {
        color: #242424;
        font-weight: 600;
        font-size: 15px;
        margin-top: -10px
    }

        .btn-gfp-accordian:focus {
            outline: none !important;
            box-shadow: none !important;
        }

        .btn-gfp-accordian i {
            font-weight: bold;
            font-size: 19px;
        }

    .card-header .btn-gfp-accordian.accordion-toggle, .card-header .btn-gfp-accordian.accordion-toggle:hover, .tab-content .card-header .btn-gfp-accordian.accordion-toggle:hover {
        background-color: #f4f3f1 !important;
    }

        .card-header .btn-gfp-accordian.accordion-toggle:after, .tab-content .card-header .btn-gfp-accordian.accordion-toggle:after, .card-header .btn-gfp-accordian.accordion-toggle.collapsed:after, .tab-content .card-header .btn-gfp-accordian.accordion-toggle.collapsed:after {
            margin-right: -169px;
        }

    #gfpPackageModal {
        width: 100%;
        /*max-width:745px;*/
    }

    .col-gfp-margin {
        margin-top: 10px;
    }
    /*.divGfpBatteries .ups-checkbox + label {
    padding: 0px;
}*/
    .row.row-gfp-header {
        text-align: left;
        margin-top: -14px;
    }

    .btn-yellow, .btn-yellow:hover, .btn-yellow:active {
        background-color: #ffc400;
        color: #080808;
        border: 1px solid #ffc400;
    }

    .lblref {
        margin-top: 21px;
    }

    .div-btn-options-right {
        text-align: right;
    }

    .div-btn-options-left {
        text-align: left;
        padding-left: 0px;
    }
    /*#openPackage, .btn-gfp-cancel {
    margin-bottom: 8px;
}*/
    .send-email-message {
        max-width: 100%;
    }

    .card-body.card-main-body {
        border: 4px solid #f0edea;
        background-color: #fff;
        padding-bottom: 10px;
        border-top: none;
        margin-top: -5px;
    }

    @media (max-width:575px) {
        #openPackage, .btn-gfp-cancel {
            margin-bottom: 8px;
        }
    }
    @media (max-width:1024px) and (min-width:768px){
        .gfpShippingForm #collapseOne .clearbutton {
            margin-left: 112px;
        }
    }
    @media (max-width:768px) {
        .btn-gfp-cancel {
            margin-bottom: 8px;
        }
    }

    @media (min-width : 700px) {
        .divCarbonNeutral {
            margin-top: -10px;
        }
    }

    @media (min-width:950px) {
        .txtEmailNotifyName {
            width: 260px;
        }
    }

    @media (max-width:500px) {
        .col-gfp-margin {
            margin-top: -11px;
            margin-left: 10px;
        }
    }

    @media (max-width:425px) {
        .idGFPCODCancel {
            margin-bottom: 10px;
        }

        .lblModalCODPackagesCount, .lblModalCODTotal {
            text-align: center;
        }

        .ups-checkbox:checked + label.chkModalCashiersLabel:after {
            top: 18px;
        }

        .idOpenModalCODGFP {
            margin-top: 17px !important;
            width: 110px;
        }
    }

    @media (max-width:700px) {
        .gfpPackagesClass {
            width: 100% !important;
        }
    }

    @media (max-width:800px) {


        .lblGFPOptions {
            text-align: center !important;
        }

        .card-body.card-main-body {
            padding-left: 10px;
            padding-right: 0px;
        }

        .GFPOptionsCollapseThree .card-body {
            padding: 0px;
            padding-left: 10px;
            padding-top: 8px;
        }


        .GFPOptionsCollapseOne .card-body, #GfpOptionsCollapseTwo .card-body, .GFPOptionsCollapse4 .card-body {
            padding: 0px;
        }

        #GfpOptionsCollapseTwo .card-body {
            padding-left: 14px;
            padding-right: 28px;
        }

        .GFPOptionsCollapseOne .card-body {
            padding-left: 29px;
            padding-right: 11px;
        }

        .gfp-package-builder-info {
            line-height: 23px;
        }

        .rdbsignatureRequired {
            margin-bottom: 5px;
        }

            .rdbsignatureRequired label {
                line-height: 20px;
            }

        .card-header .btn-gfp-accordian.accordion-toggle:after, .tab-content .card-header .btn-gfp-accordian.accordion-toggle:after, .card-header .btn-gfp-accordian.accordion-toggle.collapsed:after, .tab-content .card-header .btn-gfp-accordian.accordion-toggle.collapsed:after {
            margin-right: 0px !important;
        }
    }
    /*@media (min-width:689px) and (max-width:688px) {
}
    @media (max-width:354px) {
        #idGFPAccordionExample .card {
            width: 100%;
            max-width: 190px;
        }
    }

    @media(min-width:355px) and (max-width:395px) {
        #idGFPAccordionExample .card {
            width: 100%;
            max-width: 193px;
        }
    }*/
    /*@media(min-width:396px) and (max-width:395px) {
    #idGFPAccordionExample .card {
        width: 100%;
        max-width: 193px;
    }
}*/
    @media(min-width:482px) and (max-width:675px) {
        .upsBtnSm {
            font-size: 14px;
            margin-left: -23px;
            width: 98px !important;
            font-size: 13px;
        }

        .upsBtnSm-details {
            word-spacing: normal;
        }
    }

    @media (max-width:482px) {
        .upsBtnSm-details {
            word-spacing: normal;
        }

        .upsBtnSm {
            margin-left: -23px;
            width: 84px !important;
            font-size: 12px;
        }

        .btn-track {
            max-width: 280px
        }
    }

    @media (max-width:572px) {
        .btn-modify-request {
            margin-top: 15px;
        }
    }

    @media(min-width:974px) and (max-width:1194px) {
        .upscoll.density-weight.ups-weight {
            margin-top: 0px !important;
        }
    }

    @media (max-width:1199px) {
        #ups_navSupportedContent .lockimg {
            background-image: url(../img/icon-lock.svg);
            background-repeat: no-repeat;
            background-size: 12px;
        }
    }

    @media(max-width:1023px) {
        #rules-tarrif-page .rtariff-pdf {
            width: inherit;
        }
    }

    #mobile-myltl {
        display: block;
        cursor: pointer;
    }

    /*#mobile-myltl a.nav-link {
            background-image: url(../img/UPS_Icon_094_RGB_inverted.png);
            background-repeat: no-repeat;
            background-size: 18px;
            background-position: right center;
            padding-right: 17.9px;
        }*/

    .menumyltl a.nav-link {
        background-image: url(../img/icon-lock.svg);
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: right center;
        padding-right: 15.9px !important;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .menumyltl a.nav-link {
            background-size: 17px 17px !important
        }
    }

    @media (max-width:1199px) {
        .menumyltl a.nav-link {
            background-position: left center;
            padding-left: 20px !important;
            padding-right: 0;
        }
    }

    #myltl::before {
        content: '';
        width: 0
    }


    @media (min-width:1200px) {
        #myltl {
            display: none;
        }
    }

    .modal .modal-header {
        padding-right: 40px !important;
    }

    .ui-icon-circle-triangle-w {
        background-position: inherit !important;
    }

    .ui-icon-circle-triangle-e {
        background-position: -16px 0 !important;
    }

    .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
        font-weight: 400 !important;
        font-size: inherit !important;
    }

    .ui-datepicker-trigger img {
        height: 32px;
        padding: 5px;
    }

    .ui-widget-header .ui-icon {
        background-image: url(../img/icons-ups-sprite.png) !important;
    }

    .module a {
        font-size: 1.143em;
    }

    .trade-show h3, .no-border h3, #components-page h3.no-border, #rules-tarrif-page h3.no-border {
        border-bottom: none;
    }

    button:disabled {
        cursor: not-allowed;
    }

    .truckload-from .col-md-3, .truckload-to .col-md-3 {
        padding-left: 10px !important;
    }

    .truckload-to, .shipping-date {
        margin-top: 14px !important;
    }

    @media(min-width:1023px) {

        #rules-tarrif-page .rtariff-pdf {
            width: 1000px;
        }
    }

    @media print {
        .ul-space-print {
            height: 200px;
        }

        print-v-trade {
            margin-top: 150px !important;
        }

        .print-v li ul {
            height: 25px;
            margin-top: 30px !important;
        }
    }

    #main_nav {
        z-index: 1000 !important;
        border-bottom: 1px solid #757575;
    }

    #preferences_prompt_submit {
        width: auto !important;
        height: auto !important;
    }

    #mobile-contact-us a {
        color: #fff;
    }

    .icon-close1 {
        background-image: url(../img/icon-toggle-close.svg);
        width: 18px;
        height: 18px;
        display: inline-block;
        background-size: 18px 18px;
    }

    #menuAlert, #notemsg {
        background-image: url(../img/icon-alert.svg);
        background-repeat: no-repeat;
        background-size: 15px 15px;
    }

    .menulogin, .userMenu {
        background-image: url(../img/icon-login.svg) !important;
        background-repeat: no-repeat !important;
        background-size: 15px 15px;
    }

    .style-select select {
        padding: 0;
    }

        .style-select select option {
            padding: 4px 10px 4px 10px;
        }

            .style-select select option:hover {
                background: #EEEEEE;
            }

    .add-btns {
        padding: 0;
    }

        .add-btns input {
            margin-top: 25px;
            width: 100%;
        }

    .selected-left {
        float: left;
        width: 88%;
    }

    .selected-right {
        float: left;
    }

        .selected-right button {
            display: block;
            margin-left: 4px;
            margin-bottom: 2px;
        }

    .icon-leaf-deactive, .icon-leaf-active {
        width: 27px;
        height: 27px;
        display: inline-block;
        background-size: 27px 27px;
        margin-left: -475px;
        margin-top: 10px;
    }

    .icon-leaf-active {
        background-image: url(../img/icon-leaf-green.svg);
    }

    .icon-leaf-deactive {
        background-image: url(../img/icon-leaf-darkgrey.svg);
    }

    .idUPSCarbonNeutral {
        padding-right: 0px;
        font-weight: 500;
        width: 41%;
    }

    .idUPSCarbonNeutral1 {
        padding-right: 0px;
        font-weight: 500;
        width: 39%;
    }

        .idUPSCarbonNeutral span, .idUPSCarbonNeutral1 span {
            margin-top: -7px;
            margin-left: 74px;
        }

    #CarbonNeutralSect .ups-checkbox:checked + label:after, #CarbonNeutralSect1 .ups-checkbox:checked + label:after {
        top: 4px
    }
@media (max-width:320px) {
    .idUPSCarbonNeutral span{
        margin-left: 40px;
        margin-right: -12px !important;
    }
}
@media (max-width:425px) and (min-width:320px) {
    .idUPSCarbonNeutral span {
        margin-right: -33px !important;
    }
}
    @media (min-width:600px) and (max-width:768px) {
        .idUPSCarbonNeutral, .idUPSCarbonNeutral1 {
            width: 80%;
        }
    }

    @media (min-width:770px) and (max-width:1024px) {
        .idUPSCarbonNeutral, .idUPSCarbonNeutral1 {
            width: 57%;
        }
    }

    @media (min-width:1440px) and (max-width:1500px) {
        .idUPSCarbonNeutral, .idUPSCarbonNeutral1 {
            width: 39%;
        }
    }

    @media (min-width:1300px) and (max-width:1350px) {
        .idUPSCarbonNeutral, .idUPSCarbonNeutral1 {
            width: 44%;
        }
    }

    @media (min-width:1800px) {
        .idUPSCarbonNeutral {
            width: 40%;
        }

        .idUPSCarbonNeutral1 {
            width: 37%;
        }
    }

    @media (max-width:425px) {
        .icon-leaf-deactive, .icon-leaf-active {
            margin-left: 0px;
        }

        .idUPSCarbonNeutral, .idUPSCarbonNeutral1 {
            width: 100%;
        }
    }

    @media (max-width: 517px) {
        .selected-right button {
            display: inline;
            margin-bottom: 5px;
        }
    }

    .subject-info-box-1,
    .subject-info-box-2 {
        float: left;
        width: 20%;
    }

    .col .templateDates {
        display: inline-block;
    }

    .subject-info-box-1 select,
    .subject-info-box-2 select {
        height: 200px !important;
        padding: 0;
    }

        .subject-info-box-1 select option,
        .subject-info-box-2 select option {
            padding: 4px 10px 4px 10px;
        }

            .subject-info-box-1 select option:hover,
            .subject-info-box-2 select option:hover {
                background: #EEEEEE;
            }

    .subject-info-arrows {
        width: 5%;
    }

    .ups-custom-select select {
        background: url(../img/icon-down-large-blue.png) 97% 0px no-repeat #ffffff !important;
        border-color: #0053A1 !important;
        outline-color: rgb(5, 75, 139) !important;
        background-size: 11px !important;
        background-position-y: 13px !important;
    }
    /*Calander icons style*/
    .opencalandercss {
        background-color: #0053a1;
    }

    .ui-widget-header .ui-icon-circle-triangle-w {
        background-image: url(../img/icon-left-large-blue.svg) !important;
    }

    .ui-widget-header .ui-icon-circle-triangle-e {
        background-image: url(../img/icon-right-large-blue.svg) !important;
    }

    .ui-icon-circle-triangle-e {
        background-position: 0px 0 !important;
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
        background: url(../img/icon-down-large-blue.svg) 94%/11% no-repeat #fff !important;
    }
    /*Calander icons style*/
    @media (min-width: 1200px) {
        header #nav-contact-us a.nav-link {
            background-size: 20px 20px !important;
        }
    }

.ups-icon-question-mark.edroptin-popup:before {
    content: '?';
    display: inline-block;
    font-family: Tahoma,helvetica,arial,sans-serif !important;
    font-weight: 700 !important;
    text-align: center;
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 12px;
    border-radius: 14px;
    color: #fff !important;
    background: #05885b !important;
    border: 1px solid #333333
}