/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


/**** GLOBAL ****/

:root {
    --wt-white: #FFFFFF;
    --wt-primary-color: #00BFB3;
    --wt-primary-dark-color: #00726B;
    --wt-primary-medium-light-color: #80DFD9;
    --wt-primary-light-color: #CCF2F0;
    --wt-primary-dark-color: #00726B;
    --wt-secondary-color: #BF4000;
    --wt-warning-color: #FFA700;
    --wt-dark-color: #3F4444;
    --wt-medium-dark-color: #797C7C;
    --wt-medium-color: #A6B2B2;
    --wt-medium-light-color: #D3D8D8;
    --wt-light-color: #E1E5E5;
    --wt-primary-bg: #00BFB3;
    --wt-primary-medium-light-bg: #80DFD9;
    --wt-primary-light-bg: #CCF2F0;
    --wt-secondary-bg: #BF4000;
    --wt-warning-bg: #FFA700;
    --wt-warning-light-bg: #FFF6E5;
    --wt-dark-bg: #3F4444;
    --wt-medium-bg: #D7D9D9;
    --wt-medium-light-bg: #E8E9E9;
    --wt-light-bg: #F3F4F4;
    --wt-primary05-bg: rgba(0, 191, 179, 0.5);
    --wt-primary02-bg: rgba(0, 191, 179, 0.2);
    --wt-fw-light: 300;
    --wt-fw-regular: 400;
    --wt-fw-medium: 500;
    --wt-fw-semibold: 600;
    --wt-fw-bold: 700;
    --wt-fs-48: 3rem;
    --wt-fs-44: 2.75rem;
    --wt-fs-38: 2.375rem;
    --wt-fs-28: 1.75rem;
    --wt-fs-26: 1.625rem;
    --wt-fs-20: 1.25rem;
    --wt-fs-18: 1.125rem;
    --wt-fs-16: 1rem;
    --wt-fs-14: 0.875rem;
    --wt-fs-12: 0.75rem;
    --wt-fs-10: 0.625rem;
    --wt-fs-8: 0.5rem;
    --wt-border-1: 1px solid;
    --wt-border-2: 2px solid;
    --wt-border-3: 3px solid;
    --wt-border-4: 4px solid;
    --wt-bradius-5: 5px;
    --wt-bradius-6: 6px;
    --wt-bradius-10: 10px;
    --wt-bradius-15: 15px;
    --wt-bradius-25: 25px;
    --wt-bradius-60: 50px;
    --wt-shadow-1: 0px 4px 6px rgba(63, 68, 68, 0.35);
    --wt-shadow-2: 0px 5px 15px rgba(63, 68, 68, 0.35);
    --wt-shadow-3: 0px 10px 20px rgba(63, 68, 68, 0.35);
    --wt-shadow-4: 0px 10px 20px rgba(63, 68, 68, 0.35);
    --wt-shadow-5: 0px 10px 40px rgba(63, 68, 68, 0.5);
    --wt-shadow-6: 0px -10px 50px rgba(63, 68, 68, 0.4);
    --wt-shadow-right: 10px 0px 20px -10px rgba(63, 68, 68, 0.35);
    --wt-shadow-left: 10px 20px 20px 10px rgba(63, 68, 68, 0.35);
    --wt-opacity-10: 1;
    --wt-opacity-09: 0.9;
    --wt-opacity-08: 0.8;
    --wt-opacity-07: 0.7;
    --wt-opacity-06: 0.6;
    --wt-opacity-05: 0.5;
    --wt-opacity-04: 0.4;
    --wt-opacity-03: 0.3;
    --wt-opacity-02: 0.2;
    --wt-opacity-01: 0.1;
    --wt-opacity-00: 0;
    --wt-body-height: calc(100vh - 90px);
    --wt-taostr-success: #00BB3F;
    --wt-taostr-error: #F60018;
    --wt-taostr-alert: #FFA700;
    --wt-taostr-info: #1097FF;
    --wt-origin-ASI: #FDEDEE;
    --wt-height265: 2.65rem
}

/**** END GLOBAL ****/


.modal.demourrage-modal.delete-demourrage {
    z-index: 1053;
}

.demourrage-modal .modal-body {
    padding: 1rem 2rem 0rem;
    text-align: left;
}

.demourrage-modal label {
    font-weight: 500;
    font-size: 0.825rem;
    color: #797c7c;
}

.demourrage-modal input, .demourrage-modal textarea {
    margin-bottom: 1.825rem;
}

.demourrage-modal #demurragesContainer .demurrage {
    padding: 2rem 0.5rem 2rem;
    border-bottom: 1px solid #d3d8d8;
}

    .demourrage-modal #demurragesContainer .demurrage .demurrage-label {
        color: #a6b2b2;
    }

    .demourrage-modal #demurragesContainer .demurrage .demurrage-value {
        font-weight: 500;
    }

    .demourrage-modal #demurragesContainer .demurrage .demurrage-options {
        position: absolute;
        top: 2rem;
        right: 0rem;
    }

        .demourrage-modal #demurragesContainer .demurrage .demurrage-options .demurrage-options-btn {
            font-size: 0.75rem;
            cursor: pointer;
            transition: all 200ms ease-in-out;
            padding: 0.75rem 1.25rem;
        }

            .demourrage-modal #demurragesContainer .demurrage .demurrage-options .demurrage-options-btn.delete-demurrage:hover {
                color: #F60018
            }

            .demourrage-modal #demurragesContainer .demurrage .demurrage-options .demurrage-options-btn.edit-demurrage:hover {
                color: #00bfb3
            }

.demourrage-modal .btn.btn-primary {
    border: none;
}



.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 191, 179, 0.2);
}

input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=file]:focus,
select:focus,
textarea:focus,
.file:focus,
.input:focus,
.textarea:focus,
.select:focus,
input[type=text].focused,
input[type=password].focused,
input[type=tel].focused,
input[type=datetime-local].focused,
input[type=email].focused,
input[type=file].focused,
input[type=month].focused,
input[type=number].focused,
input[type=search].focused,
input[type=time].focused,
input[type=url].focused,
input[type=week].focused,
input[type=file].focused,
select.focused,
textarea.focused,
.file.focused,
.input.focused,
.textarea.focused,
.select.focused {
    box-shadow: 0 0 0 0.2rem rgba(0, 191, 179, 0.2);
}




a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: var(--wt-white);
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--wt-white);
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

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

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

/***** CUSTOM STYLES *****/

/*** General ***/

.container-width {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.container-fluid {
    min-height: calc(100vh - 123px);
}
/*
        .row {
            margin-left: 0;
            margin-right: 0;
            padding-left: 12px;
            padding-right: 12px;
        }*/

.brand img {
    max-height: 60px;
}

.avatar {
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

.mt-80 {
    margin-top: 80px;
}

form label {
    font-size: .8em;
}

.tally.export-tally {
    color: #30abe6
}

.lh-0 {
    line-height: 0 !important;
}

.custom-primary {
    background-color: var(--wt-primary-bg);
}

    .custom-primary:hover {
        background-color: #008c83;
    }

    .custom-primary.outline {
        color: var(--wt-primary-color);
        border-color: var(--wt-primary-bg);
    }

        .custom-primary.outline:hover {
            color: var(--wt-white);
            background-color: var(--wt-primary-bg);
            border-color: var( --wt-primary-color);
        }

.custom-primary-text {
    color: var(--wt-primary-color);
}

input[type=text],
input[type=password],
input[type=tel],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=week],
input[type=file],
select,
textarea,
.file,
.input,
.textarea,
.select,
.checkbox .check,
.radio .check {
    border-color: #d9d9d9 !important;
}

.checkbox input[type=checkbox]:checked ~ .check {
    background-color: var(--wt-primary-bg);
}

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

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
    border-radius: 10px;
}

/*** End General ***/
/*** App Bar ***/

.app-bar {
    min-height: 4rem !important;
}

    .app-bar .app-bar-item {
        min-height: 4rem;
        font-weight: var(--wt-fw-medium);
    }

.app-bar-divider {
    display: block;
    min-height: 4rem;
    width: 1px;
    background-color: #bdbdbd;
}

.breadcrumbs .page-item a,
.breadcrumbs .page-link,
.breadcrumbs {
    border: none;
    color: var(--wt-primary-color);
}

    .breadcrumbs .page-item::before, .breadcrumbs .page-item::after {
        background-color: var(--wt-primary-bg) !important;
    }

.app-bar-divider {
    background-color: #e4e4e4;
}

.table.row-hover tbody tr:hover {
    background-color: rgba(228, 228, 228,.5);
}

/*** End App Bar ***/

/**INFORMES**/

.buttonHolder {
    display: flex;
    width: 100%;
    padding: 0.875rem 1.25rem;
    border-bottom: 1px solid #e1e5e5;
    justify-content: space-between;
    position: relative;
    background-color: #ffffff;
}

    .buttonHolder .report-name-wrapper {
        display: flex;
        align-items: center;
    }

        .buttonHolder .report-name-wrapper .wt-icon {
            margin-right: 0.75rem;
        }

        .buttonHolder .report-name-wrapper .wt-select {
            min-width: 16rem;
        }

    .buttonHolder .buttons-wrapper .buttons-wrapper-button {
        display: flex;
        align-items: center;
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
        border: 2px solid #D3D8D8;
        border-radius: 5px;
        background-color: transparent;
    }

        .buttonHolder .buttons-wrapper .buttons-wrapper-button:hover {
            border-color: #00bfb3;
            color: #00bfb3;
        }

        .buttonHolder .buttons-wrapper .buttons-wrapper-button img.wt-icon {
            width: 0.75rem;
            margin-right: 0.5rem;
        }

/**END INFORMES**/

/** Selected Matches Sidebar **/

.sidebar.on-right.open, .sidebar.on-right.static {
    width: 650px;
}

.sidebar-header {
    height: 80px;
    cursor: pointer;
}

.sidebar-selectall {
    min-height: 55px;
}

.sidebar-header ~ .sidebar-menu {
    height: calc(100% - 80px);
}

.selectedmatches-sidebar .listview.view-list .node {
    height: unset;
    padding-left: 0px;
}

.selectedmatch-item .row {
    min-width: calc(100% - 36px);
}

.selectedmatches-sidebar .listview .node:hover {
    color: inherit;
    background-color: rgba(12, 169, 242, 0.05);
}

.selectedmatches-sidebar .listview .node.current-select {
    background-color: rgba(12, 169, 242, 0.05);
    color: inherit;
    border-color: transparent !important;
}

.sidebar-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 120px;
    /*background-color: #60a917;*/
    transition: background-color 300ms ease-in-out;
}

    .sidebar-bottom:hover {
        /*background-color: #adeb6e;*/
        cursor: pointer;
    }

    .sidebar-bottom .sidebar-checkout {
        min-height: 100%;
        max-width: 600px;
        width: 600px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.sidebar-checkout span {
    color: var(--wt-white) !important;
}

.dismiss-selected {
    right: 15px !important;
    font-size: 0.7em;
}
/** End Selected Matches Sidebar **/
/** Card Options Dropdown**/
.card-options .button {
    background-color: transparent;
    color: #464646;
}

.card-options .dropdown-toggle {
    padding-right: .75rem !important;
}

    .card-options .dropdown-toggle::before,
    .card-options .dropdown-toggle::after {
        display: none;
    }

/** End Card Options Dropdown**/

#SearchSectionTab .ErrorInput {
    border-color: red !important;
}

.fg-wimtruck {
    color: var(--wt-primary-color) !important;
}

.top-menu-submenu {
    position: absolute;
    top: 100%;
    background-color: white;
    box-shadow: -1px 5px 13px -7px #000000, -1px 0px 6px 0px rgb(0 0 0 / 25%);
    border-radius: 6px;
}

    .top-menu-submenu ul {
        list-style: none;
        margin: 0;
    }

        .top-menu-submenu ul li {
            padding: 24px;
            padding-top: 8px;
            padding-bottom: 8px;
            cursor: pointer;
            text-align: center;
        }

            .top-menu-submenu ul li:hover {
                background-color: rgba(29, 29, 29, 0.1);
            }

            .top-menu-submenu ul li img {
                margin-left: 5px;
            }

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spin {
    animation: spinner .6s linear infinite;
}

.currentPage {
    color: var(--wt-primary-color) !important;
    border-bottom: var(--wt-border-4);
    border-color: var(--wt-primary-color);
}

.asignadorLogo {
    width: 90px;
}

.app-bar-container.logo {
    padding: 0px 0.5rem;
}

span.ml-2.app-bar-name {
    color: var(--wt-medium-dark-color) !important;
    font-size: var(--wt-fs-14);
}

.top-menu-submenu ul li {
    font-size: var(--wt-fs-14);
}

.app-bar-item:hover {
    padding: 0.5rem 1rem !important;
    padding-bottom: 10px !important;
    background: unset !important;
}

.top-menu-submenu ul li {
    color: var(--wt-medium-dark-color) !important;
}

    .top-menu-submenu ul li:hover {
        color: var(--wt-primary-color) !important;
    }

.header {
    display: none;
}

.app-bar-item.currentPage {
    padding: 0.5rem 1rem !important;
    padding-bottom: 10px !important;
    border-bottom: 3px solid var(--wt-primary-color);
}

    .app-bar-item.currentPage a {
        color: var(--wt-primary-color) !important;
        margin-top: 6px;
    }

.app-bar-item a:hover {
    color: var(--wt-primary-color) !important;
}

.app-bar-item a {
    color: var(--wt-medium-dark-color) !important;
    font-size: var(--wt-fs-12);
}

.top-menu-submenu ul li img {
    margin-left: 5px;
    width: 1.2rem;
}

/*** BUTTONS ***/

.wt-button {
    border: unset;
    border-radius: var(--wt-bradius-6);
    background-color: var(--wt-light-bg) !important;
    width: var(--wt-fs-48);
}



button.tabulator-page {
    background-color: unset !important;
    color: var(--wt-primary-color) !important;
    border: unset !important;
}

    button.tabulator-page.active {
        background-color: var(--wt-primary-bg) !important;
        color: white !important;
        padding: 0.5em 0.75em !important;
        margin-left: 4px !important;
        border-radius: var(--wt-bradius-6) !important;
        border: 1px solid transparent !important;
    }

.wt-buttonsSelects {
    background-color: white !important;
    color: black !important;
    font-size: .8rem !important;
    width: -webkit-fill-available;
    border-color: #d9d9d9 !important;
}

button#seleccionarTodos {
    border-radius: 6px 0px 0px 6px;
}

button#deselecionarTodos {
    border-radius: 0px 6px 6px 0px;
}

.wt-buttonsSelects:hover {
    background-color: var(--wt-light-bg) !important;
}

.wt-headerInputs > div > * {
    border: 1px solid var(--wt-medium-color);
}

button#download-xlsx {
    margin-left: 1rem;
}

button#download-xlsx-complete {
    background-color: #FFFFFF !important;
    border: 2px solid #D3D8D8;
}


button#reloadReportTable {
    width: var(--wt-fs-48);
    height: var(--wt-height265);
    padding: 0;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
}

button#openCapacityTable {
    width: var(--wt-fs-48);
    height: var(--wt-height265);
    padding: 0;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    transform: scaleX(-1);
}

button#downloadReportTable {
    width: var(--wt-fs-48);
    height: var(--wt-height265);
    padding: 0;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
}

button#openCapacityTable img {
    margin-right: -0.1rem;
}

.wt-buttonsChecks {
    background-color: unset !important;
}

.wt-display-none {
    display: none !important;
}

.wt-display-block {
    display: block !important;
}

button#reloadTable {
    margin-left: 0.6rem;
}

button#clearFilter {
    color: var(--wt-dark-color) !important;
    font-size: var(--wt-fs-10);
    font-weight: var(--wt-fw-medium);
}

.wt-cursor-none {
    cursor: not-allowed !important;
}

button.wt-cursor-none:focus {
    outline: unset;
}

.wt-cursor-none img {
    pointer-events: none;
}

span.select2-selection__clear {
    display: none;
}

button#undoAsignationToast {
    /*margin-left: 40px;*/
}

button.wt-button-toast {
    width: auto;
    padding: 4px;
    color: black !important;
    font-weight: 500;
    border: 1px solid black;
}

.btn-group {
    height: 2.65rem;
}

button#confirmPreAsignedBookingsButton {
    margin-right: 0.6rem;
}

button#confirmPreAsignedBookingsButton, button#confirmAsignedBookingsButton {
    width: auto;
    color: black !important;
    font-size: var(--wt-fs-14);
    font-weight: 500;
    height: var(--wt-fs-44);
    padding: 0.5rem 1rem;
}

button#confirmAsignationModal, button#cancelAsignationModal, button#cancelView, button#saveView, button#changeColumnsVisibility, button#cancelColumnsVisibility, button#confirmEditViewExcel, button#cancelEditViewExcel, button#cancelCarrierCreate {
    line-height: 1.5715;
    font-weight: 400;
    box-shadow: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1);
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    font-size: 14px;
    border-radius: var(--wt-bradius-6);
    padding: 1.25rem;
    align-items: center;
    display: flex;
}

button#cancelAsignationModal, button#cancelView, button#cancelColumnsVisibility, .cancelButton, button#cancelDemurragesEdition, button#cancelCarrierCreate {
    color: rgba(0,0,0,.85) !important;
    background-color: unset !important;
    border: 2px solid var(--wt-medium-light-color);
}

    button#confirmAsignationModal:not([disabled]):hover, button#saveView:not([disabled]):hover, button#cancelColumnsVisibility:not([disabled]):hover {
        text-decoration: none;
    }

    button#confirmAsignationModal:hover, button#saveView:hover, button#cancelColumnsVisibility:hover {
        border-color: #00bfb3 !important;
    }

.btn-modal-footer:not([disabled]):active {
    outline: 0;
    box-shadow: none;
}

.btn-modal-footer:not([disabled]):hover {
    text-decoration: none;
}

.btn-modal-footer:hover {
    border-color: #00bfb3 !important;
}

.btn-modal-footer:active, .btn-modal-footer:focus, .btn-modal-footer:hover {
    text-decoration: none;
    background: transparent;
}

.btn-modal-footer:active {
    color: #009994;
    background: transparent;
    border-color: #009994;
}

.btn-modal-footer:focus, .btn-modal-footer:hover {
    color: #21ccbb;
    background: transparent;
    border-color: #21ccbb;
}

.btn-modal-footer, .btn-modal-footer:active, .btn-modal-footer:focus {
    outline: 0;
}

.modal-footer > :not(:last-child) {
    margin-right: 1rem;
}

.modal-footer > :not(:first-child) {
    margin-right: 1.25rem;
}

.select2-container .selection .select2-selection--single {
    height: 2.65rem;
}

    .select2-container .selection .select2-selection--single .select2-selection__rendered {
        line-height: 2.65rem;
    }

button#cancelView {
    margin-right: 10px;
}

.bt-cancel-modal {
    color: rgba(0,0,0,.85) !important;
    background-color: unset !important;
    border: 2px solid var(--wt-medium-light-color);
}

.popoverAnyView > button {
    margin-left: 0.6rem;
}

.editViewPopover.btn:focus, .deleteViewPopover.btn:focus, .visibleColumns.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    box-shadow: unset;
}

button.btn.wt-button.btn-group.visibleColumns {
    display: block;
}

button.btn.wt-button.btn-group.editViewPopover.changeViewDefautl {
    background-color: orange !important;
}

.col-xs-12.col-md-12.modalButtonsActions .col-md-6 button {
    font-size: 0.8rem;
    padding: 0.5rem;
}

button#removeViewColumns {
    border: 2px solid var(--wt-light-bg);
}

.cancelButton {
    border-radius: var(--wt-bradius-6);
}

button#cancelEditViewExcel {
    margin-right: 1rem;
}

div#saveEditViewExcel {
    display: flex;
    justify-content: end;
}

.btn-background-none {
    color: rgba(0,0,0,.85) !important;
    background-color: unset !important;
    border: 1px solid var(--wt-medium-light-color);
}

button.buttonSelectAll {
    font-size: x-small;
}

select#selectSearchSection, input#inputSearchSection, #buttonSearchSection, #clearFilterSearchSection {
    height: 2.65rem;
}

button#buttonSearchSection, #clearFilterSearchSection {
    border: 0px !important;
    background-color: var(--wt-light-bg);
    color: var(--wt-dark-color) !important;
    border-radius: var(--wt-bradius-6);
    font-size: var(--wt-fs-14);
    font-weight: var(--wt-fw-medium);
    width: auto;
}

button#lessDay {
    margin-left: 0.6rem;
}

#newComments, #saveComments {
    border: unset;
}

.btRate {
    height: 2.65rem;
    background: white;
    border: solid 1px #D3D8D8;
    font-size: 12px;
    border-radius: var(--wt-bradius-6);
}

    .btRate img {
        width: 16px;
        height: 16px;
        margin-right: 6px;
    }

a.td-u {
    text-decoration: underline !important;
}

button#AddRateRule {
    margin-left: 1rem;
}

.buttonSubmit {
    background-color: #00BFB3 !important;
    color: white !important;
    padding: 6px 12px;
    margin-left: 1rem;
}

img.RemoveRateRuleCondicional {
    width: 16px;
    height: 16px;
}

.bt-BU {
    border: unset;
}

button.bt-BU > a {
    font-size: 12px;
    text-decoration: underline !important;
}

select#seelctAddRateRuleBase {
    max-width: 10rem;
    margin-right: 2rem;
}

.dropdown-menu-settings.show {
    transform: unset !important;
}

.btn-save {
    background-color: var(--wt-primary-bg);
    color: white;
}

    .btn-save:hover {
        /*background-color: unset;
        border-color: unset;*/
    }

tr.col-12.rowTablePopoverPriceResum.TotalPricePopoverPriceReseum {
    border-right: unset;
    border-left: unset;
    font-weight: 500;
}

button#SaveCopyRate, button#saveAsignationType {
    float: right;
    margin-top: 1rem;
}

/*** END BUTTONS ***/
/*** INPUTS ***/
input, textarea, input[type=datetime-local] {
    border-radius: var(--wt-bradius-6);
    font-family: "Work Sans",sans-serif !important;
}

.wt-input {
    padding: 0 12px;
    justify-content: center;
    background-color: var(--wt-light-bg);
    color: var(--wt-dark-color) !important;
    height: 2.65rem;
    font-size: var(--wt-fs-14);
}

.wt-dateRange {
    text-align: center;
    cursor: pointer;
    font-weight: var(--wt-fw-medium);
    border: none;
    padding-right: 2rem !important;
    width: 18rem;
}

input[type="search"] {
    caret-color: transparent;
    font-size: var(--wt-fs-14);
    font-weight: var(--wt-fw-regular);
    font-family: "Work Sans",sans-serif !important;
    width: 70% !important;
    border-color: var(--wt-medium-color) !important;
    cursor: pointer !important;
}


#searchAll input {
    width: 100%;
    color: var(--wt-medium-color);
    font-size: var(--wt-fs-14);
    padding: 0.85em 0.75em;
    height: calc(1.5em + 0.75rem);
    border-color: var(--wt-medium-light-bg);
}

select:focus, input[type="search"]:focus {
    box-shadow: 0 0 0 3px rgb(0 191 179 / 45%)
}

.wt-align-right {
    justify-content: flex-end;
}

.wt-headerInputs #searchAll input:focus-visible {
    outline: unset;
    box-shadow: 0 0 0 3px rgb(0 191 179 / 45%)
}

span.select2-selection.select2-selection--single {
    border: 0px !important;
    background-color: var(--wt-light-bg);
    color: var(--wt-dark-color) !important;
    border-radius: var(--wt-bradius-6);
    font-size: var(--wt-fs-14);
    font-weight: var(--wt-fw-medium);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: unset;
}

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

span.select2.select2-container.select2-container--default {
    width: 18rem !important;
}

ul#select2-CarrierSelectInit-results {
    font-size: var(--wt-fs-14);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--wt-primary-bg) !important;
    color: var(--wt-white) !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--wt-primary-bg) !important;
    color: var(--wt-white) !important;
}

    .select2-container--default .select2-results__option[aria-selected=true]:hover {
        background-color: var(--wt-primary-bg) !important;
        color: var(--wt-white) !important;
    }

span.select2-dropdown.select2-dropdown--below {
    border: unset !important;
    box-shadow: var(--wt-shadow-3) !important;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
    background: var(--wt-primary-bg) !important;
}

input[type=checkbox] {
    accent-color: rgb(0, 191, 179);
    cursor: pointer;
}

    input[type=checkbox]:disabled {
        cursor: no-drop;
    }

input#nameView {
    border: unset;
    border-bottom: 2px solid black;
    border-radius: unset;
}

    input#nameView:focus {
        box-shadow: unset;
    }

    input#nameView:hover {
        background-color: var(--wt-light-bg);
    }

select#viewConfiguratonExcel {
    caret-color: transparent;
    font-weight: var(--wt-fw-regular);
    font-family: "Work Sans",sans-serif !important;
    cursor: pointer !important;
    border: none;
    color: var(--wt-primary-color) !important;
    border-radius: var(--wt-bradius-6);
    border-color: var(--wt-primary-color) !important;
    border-bottom: 2px solid var(--wt-primary-color);
    border-radius: unset;
}

.divSelectViewsExcel {
    align-items: center;
}

.iconSelect {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.noDrop {
    cursor: no-drop;
}

input[type=text].errorInput {
    border-color: red !important;
}
/*** END INPUTS ***/
/*** ICONS ***/

i.fas.fa-caret-down {
    position: absolute;
    left: 7rem;
}

.tabulator-header-filter img {
    z-index: 9;
    margin-left: -1.5rem;
    pointer-events: none;
}

img.wt-icon.wt-calendarSelect {
    margin-left: -2.5rem;
}

i.fa.fa-exclamation-triangle {
    padding-right: 6px;
}

.col-6 {
    padding: 1px 6px;
}

.rowHeader .btn-group button i {
    font-size: var(--wt-fs-14);
    padding-left: 0.5rem;
}

i.fas.fa-info-circle {
    color: #a6b2b2;
}

.iconTruck {
    width: 28px;
}

.iconEnabled {
    color: var(--wt-medium-color);
}

.iconDisabled {
    color: var(--wt-medium-light-color);
    cursor: default;
}
/*** END ICONS ***/
/*** TABLE ***/
.wt-table {
    border: unset !important;
}

.tabulator {
    background-color: unset !important;
}

.wt-table .tabulator-col.tabulator-sortable {
    background: unset !important;
    border: unset !important;
}

.wt-table .tabulator-header {
    background-color: white !important;
    border-bottom: unset !important;
    font-weight: var(--wt-fw-medium) !important;
}

.wt-table .tabulator-col-title {
    color: var(--wt-medium-light-color);
}

.wt-table .tabulator-col-title {
    left: 4px;
}


.wt-table .tabulator-row.tabulator-selectable div {
    padding: 4px 0.75rem !important;
    /*display: inline-flex; Si se lo pongo me jode la elipsis */
    align-items: center;
    height: 1.75rem !important;
    max-width: 12.5rem;
}

.tabulator-row.tabulator-selectable.tabulator-row-odd, .tabulator-row.tabulator-selectable.tabulator-row-even {
    margin-bottom: 6px;
}

.wt-table .tabulator-cell {
    border-right: unset !important;
}

.wt-table .tabulator-row.tabulator-selectable.tabulator-row-odd:first-child {
    margin-top: 0.4rem;
}

.wt-table .tabulator-footer {
    background-color: white !important;
}

.wt-table select.tabulator-page-size {
    border-radius: var(--wt-bradius-6) !important;
    width: 4rem;
}


.wt-table .tabulator .tabulator-footer .tabulator-paginator {
    text-align: unset !important;
    border-left: unset;
    margin-left: 10px;
    padding-left: 10px;
}

span.tabulator-page-counter :nth-child(2) {
    font-weight: bold;
}

.tabulator-edit-select-list {
    width: 240px;
    padding: 2px;
    border: unset !important;
    border-radius: var(--wt-bradius-6) !important;
    -webkit-box-shadow: var(--wt-shadow-3) !important;
    box-shadow: var(--wt-shadow-3) !important;
    max-width: 250px;
}

.wt-headerInputs {
    border-bottom: 1px solid var(--wt-light-color);
    padding: 3px;
}

.wt-divButtonsSelects {
    display: flex;
    margin-top: 4px;
    height: calc(1.5em + 0.75rem);
}

.tabulator-edit-select-list-item.active {
    background-color: var(--wt-primary-bg) !important;
    color: var(--wt-white) !important;
    border-bottom: 1px solid var(--wt-light-color);
    padding: 8px 10px;
}

.tabulator .tabulator-header .tabulator-frozen {
    background-color: var(--wt-white) !important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 4px 0.65rem 0px 0.65rem !important
}

.tabulator-row .tabulator-frozen.tabulator-frozen-right {
    border-left: 6px solid var(--wt-white) !important;
}

.wt-table .tabulator .tabulator-tableholder .tabulator-table {
    color: var(--wt-dark-color) !important;
}

#OrdersToAssign1 .tabulator-table {
    min-width: auto !important;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: none;
    padding-top: 8px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item {
    padding: 0.5rem !important;
}

.tabulator-cell:not(.tabulator-frozen) {
    background-color: var(--wt-light-bg) !important;
}

.tabulator-cell:first-child {
    border-radius: 6px 0px 0px 6px !important;
}

.tabulator-cell:not(.tabulator-frozen):last-child {
    border-radius: 0px 6px 6px 0px !important;
}

.tabulator-header-filter {
    display: flex;
    align-items: center;
}

.tabulator .tabulator-footer {
    border-top: unset !important;
}

.tabulator-col-title-holder {
    font-size: 12px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow,
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: none;
    border-bottom: 4px solid #666;
}

.wt-table .tabulator-row div.tabulator-frozen .text-center {
    padding: 6px !important;
    width: 100%;
    background-color: var(--wt-light-bg);
    border-radius: var(--wt-bradius-6);
}

.wt-table .tabulator-row.tabulator-selectable div.tabulator-cell.tabulator-frozen {
    border-left: 6px solid var(--wt-white) !important;
    display: inline-flex;
    display: inline-flex;
    justify-content: center;
    padding: 0px !important;
}

.tabulator-cell.tabulator-frozen:last-child {
    border-right: 3px solid var(--wt-white) !important;
}

.tabulator-row.tabulator-selectable.tabulator-row-odd .tabulator-cell:not(.tabulator-frozen):last-child, .tabulator-row.tabulator-selectable.tabulator-row-even .tabulator-cell:not(.tabulator-frozen):last-child {
    border-radius: var(--wt-bradius-6);
}

.tabulator-cell.wt-div-status-asigned:not(.tabulator-frozen) {
    background-color: var(--wt-primary-light-bg) !important;
}

div[tabulator-field="comments"] {
    min-width: 5rem !important;
}

.tabulator-cell.wt-div-status-pre-asigned:not(.tabulator-frozen) {
    background-color: var(--wt-warning-light-bg) !important;
}

.tabulator-cell.wt-div-origin-asi:not(.tabulator-frozen) {
    background-color: var(--wt-origin-ASI) !important;
}

.tabulator-cell.wt-div-report-type1:not(.tabulator-frozen) {
    background-color: #D7D4F8 !important;
    color: #8275FF;
}

.tabulator-cell.wt-div-report-type2:not(.tabulator-frozen) {
    background-color: #CAC5F8 !important;
    color: #6353FF;
}

.tabulator-cell.wt-div-report-type3:not(.tabulator-frozen) {
    background-color: #BBB5F8 !important;
    color: #331FFF;
}

.tabulator-cell.tabulator-frozen.tabulator-frozen-right.wt-div-status-pre-asigned .text-center i {
    color: var(--wt-warning-bg) !important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
    padding-bottom: 0px;
}

.tabulator .tabulator-header .tabulator-col {
    border-right: unset !important;
    max-width: 12.5rem;
}

.wt-table .tabulator-row.tabulator-selected > div {
    background-color: var(--wt-medium-bg) !important;
}

.wt-table .tabulator-row div.tabulator-frozen.wt-div-status-asigned .text-center {
    background-color: var(--wt-primary-light-bg) !important;
}

.wt-table .tabulator-row div.tabulator-frozen.wt-div-status-pre-asigned .text-center {
    background-color: var(--wt-warning-light-bg) !important;
}

.wt-table .tabulator-row div.tabulator-frozen.wt-div-origin-asi .text-center {
    background-color: var(--wt-origin-ASI) !important;
}

.tabulator-row .tabulator-frozen {
    background-color: unset;
}

.tabulator-row.tabulator-row-even {
    background-color: var(--wt-white) !important;
}

.tabulator-row.tabulator-selectable:hover {
    background-color: var(--wt-white) !important;
}

.tabulator-row.tabulator-selectable:hover {
    background-color: var(--wt-white);
}

.wt-table .tabulator-row.tabulator-selected div.tabulator-frozen {
    background-color: var(--wt-white) !important;
}

    .wt-table .tabulator-row.tabulator-selected div.tabulator-frozen .text-center {
        background-color: var(--wt-medium-bg) !important;
    }

.tabulator-row .tabulator-cell:nth-last-child(3) { /* Si le pongo el :not, luego el last-child no me lo coge*/
    border-radius: 0px 6px 6px 0px !important;
}

.tabulator-row.tabulator-selectable:hover > div:not(.tabulator-frozen):not([class*="wt-div-report-type"]) {
    background-color: var(--wt-medium-bg) !important;
}

.tabulator-row.tabulator-selectable:hover > div.tabulator-frozen .text-center {
    background-color: var(--wt-medium-bg) !important;
}

.tabulator-row.tabulator-selectable.wt-row-status-asigned:hover > div {
    background-color: var(--wt-primary-light-bg) !important;
}

    .tabulator-row.tabulator-selectable.wt-row-status-asigned:hover > div.tabulator-frozen .text-center {
        background-color: var(--wt-primary-light-bg) !important;
    }

.tabulator-row.tabulator-selectable.wt-row-status-asigned:hover div.tabulator-frozen {
    background-color: var(--wt-white) !important;
}

.tabulator-row.tabulator-selectable.wt-row-status-pre-asigned:hover > div {
    background-color: var(--wt-warning-light-bg);
}

    .tabulator-row.tabulator-selectable.wt-row-status-pre-asigned:hover > div.tabulator-frozen .text-center {
        background-color: var(--wt-warning-light-bg);
    }

.tabulator-row.tabulator-selectable.wt-row-status-pre-asigned:hover div.tabulator-frozen {
    background-color: var(--wt-white) !important;
}

.tabulator-row.tabulator-selectable.wt-row-origin-asi:hover > div {
    background-color: var(--wt-origin-ASI) !important;
}

    .tabulator-row.tabulator-selectable.wt-row-origin-asi:hover > div.tabulator-frozen .text-center {
        background-color: var(--wt-origin-ASI) !important;
    }

.tabulator-row.tabulator-selectable.wt-row-origin-asi:hover div.tabulator-frozen {
    background-color: var(--wt-white) !important;
}

.tabulator-cell.wt-div-status-asigned:not(.tabulator-frozen):last-child {
    background-color: black !important;
}

.wt-table .tabulator-row.tabulator-selected > div.tabulator-cell.wt-div-status-asigned:not(.tabulator-frozen) {
    background-color: var(--wt-primary-light-bg) !important;
}

.wt-table .tabulator-row.tabulator-selected div.tabulator-frozen.wt-div-status-asigned .text-center {
    background-color: var(--wt-primary-light-bg) !important;
}

.tabulator-cell.wt-div-status-pre-asigned:not(.tabulator-frozen):last-child {
    background-color: black !important;
}

.wt-table .tabulator-row.tabulator-selected > div.tabulator-cell.wt-div-status-pre-asigned:not(.tabulator-frozen) {
    background-color: var(--wt-warning-light-bg);
}

.wt-table .tabulator-row.tabulator-selected div.tabulator-frozen.wt-div-status-pre-asigned .text-center {
    background-color: var(--wt-warning-light-bg);
}

.tabulator-cell.wt-div-origin-asi:not(.tabulator-frozen):last-child {
    background-color: black !important;
}

.wt-table .tabulator-row.tabulator-selected > div.tabulator-cell.wt-div-origin-asi:not(.tabulator-frozen) {
    background-color: var(--wt-origin-ASI) !important;
}

.wt-table .tabulator-row.tabulator-selected div.tabulator-frozen.wt-div-origin-asi .text-center {
    background-color: var(--wt-origin-ASI) !important;
}

.tabulator-row.tabulator-selected {
    background-color: unset !important;
}

.tabulator-col.tabulator-frozen {
    width: auto !important;
}

/*.tabulator-row.tabulator-selectable.wt-row-status-pre-asigned.tabulator-selected {
    color: #333;
}*/

td#ModalCarrierAlias {
    white-space: nowrap;
    max-width: 28rem;
    min-width: 22rem;
}

    td#ModalCarrierAlias p {
        overflow: hidden;
        text-overflow: ellipsis;
    }

#tableConfirm tr td:not(:First-child), #tableConfirm th:not(:First-child) {
    width: 18%;
}

#tableConfirm td#ModalEta {
    min-width: 10rem;
}

.wt-status-0 {
    color: #CDCDCD;
}

.wt-status-1 {
    color: var(--wt-warning-bg);
}


.wt-div-status-2 {
    background-color: var(--wt-primary-light-bg);
}

.wt-status-2 {
    color: var(--wt-primary-bg);
}

.wt-status-ASI {
    color: #fd8991;
}

.tabulator-edit-select-list-item.wt-div-status-2.active {
    background-color: var(--wt-primary-light-bg) !important;
}

.wt-div-status-3 {
    background-color: var(--wt-warning-light-bg);
}

.wt-status-3 {
    color: var(--wt-warning-bg);
}

.tabulator-edit-select-list-item.wt-div-status-3.active {
    background-color: var(--wt-warning-light-bg) !important;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.wt-div-status:hover {
    background-color: unset !important;
}

.tabulator-edit-select-list-item.wt-div-status {
    color: transparent !important;
}

.tabulator-edit-select-list-item.active.wt-div-status-0 {
    background-color: unset !important;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
    box-shadow: 0 0 0 3px rgb(0 191 179 / 45%);
    /* outline: 2px solid rgb(0 191 179 / 45%) !important;*/
    z-index: 9;
}

.tabulator-edit-select-list {
    z-index: 999 !important;
}

table#tableConfirm {
    width: 100%;
}

span.tabulator-page-counter {
    width: 55%;
}

.tabulator .tabulator-footer .tabulator-page-counter {
    font-weight: 400;
    display: flex;
    justify-content: end;
    margin-right: 5rem;
}

.tabulator .tabulator-footer .tabulator-footer-contents {
    margin-top: 6px;
}

.tabulator [tabulator-field="carrierAlias"] {
    max-width: 16rem !important;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item {
    display: flex;
}

.TextHeaderSelectFilter, .tabulator-edit-select-list-item.active.TextHeaderSelectFilter {
    color: transparent !important;
}

.iconTruckColorWimtruckLooksGood {
    background-color: white;
    border-radius: 5px;
    padding: 0px 2px;
    height: 24px;
}

table#noMatchAsignador td, table#noMatchAsignador th, table#noMatchWimtruck td, table#noMatchWimtruck th {
    padding: 0px 1rem;
    border: solid 1px black;
    text-align: center;
    max-width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table#noMatchAsignador, table#noMatchWimtruck {
    max-width: 45vw;
}

@media (min-width: 1600px) {
    table#noMatchAsignador td, table#noMatchWimtruck td {
        max-width: 20rem;
    }
}

#NewRateRules tbody {
    background-color: var(--wt-light-bg);
}

table#NewRateRules td:nth-child(4) {
    background-color: #eeefef;
}

table#NewRateNewRules tbody {
    background-color: #eeefef;
}

    table#NewRateNewRules tbody tr td:nth-child(1) {
        width: 0%;
    }

    table#NewRateNewRules tbody tr td input, table#NewRateNewRules tbody tr td select {
        width: 80%;
        margin-left: 0.5rem;
        border-radius: var(--wt-bradius-6);
        background-color: transparent;
        border: solid 1px #a6b2b2;
    }

.col-12.tableHeaderNewRule.df > div {
    padding: 6px;
    font-weight: 500;
}

div#NewRateNewRules .df {
    align-items: center;
}

.col-12.tableRowNewRule.df.modelViewRates > div[class^=col] {
    padding-top: 10px;
}


button.bt-BU {
    background-color: unset;
}

.divNewRate.col-12.df div.col-6 {
    border: unset;
    padding-top: unset;
}

.bodyRate .col-12.df {
    padding-top: unset;
}

button#AddRateRule {
    margin-left: 1rem;
}

div#butonsNewRate > a, #CancelNewRate, #CancelBAF {
    font-size: 12px;
}

div#tableRate {
    margin-left: calc(6px + 6px);
    max-height: 60vh;
    overflow: auto;
    margin-bottom: 6px;
}

div#butonsNewRate {
    margin-left: 2rem;
}

/*.btRate.dropdown-toggle::before {
    display: none;
}*/

div#messageNotRate {
    margin-top: 15%;
}

table#TableUpdateKms img {
    margin: 1rem 0rem 1rem 1rem;
}
/*** END TABLE ***/
/*** DIV ***/
.rowHeader {
    display: flex;
}

    .rowHeader > * {
        margin-right: 0.6rem;
    }


#panel-ordersToAssign {
    /*width: 99%;*/
    height: calc(80vh);
    display: flex;
}

#panel-ordersTeco {
    height: calc(80vh);
    display: flex;
}

div#OrdersToAssign1 {
    height: calc(87vh - 2vh) !important;
    /*min-width: 90%;*/
}

div#dashBoardContainer {
    background-color: white;
}

@media only screen and (max-width: 800px) {
    div#OrdersToAssign1 {
        height: calc(87vh - 4vh) !important;
    }
}

label.switch-material.transition-on {
    display: none;
}

.pb-3 {
    padding-bottom: unset !important;
}

.p-2 {
    padding: 0px 8px !important;
}

.col-4 {
    padding: 1px 6px;
}

div#menssageDistintCarrier {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    position: relative;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    display: initial;
    margin: 0rem 1rem 1rem;
    font-size: var(--wt-fs-14);
}

div#resumStatus {
    align-items: center;
    padding: 6px;
    border: 2px solid #A6B2B2;
    border-radius: var(--wt-bradius-6);
    width: 80%;
}

    div#resumStatus > div {
        width: 33%;
    }

#resumStatus div.wt-div-status {
    border-radius: var(--wt-bradius-6);
    padding: 6px;
    text-align: initial;
    height: calc(3vh);
    display: flex;
    align-items: center;
    min-width: 17%;
}

#resumStatus i.fas.fa-solid.fa-circle.fa-lg span {
    margin-left: 6px;
}

#resumStatus i.fas.fa-solid.fa-circle.fa-lg {
    font-size: 0.8em;
}

div#contentResultStatus {
    padding: 0px;
    border-left: 2px solid #D3D8D8;
    padding-left: 1rem;
    display: flex;
}

.wt-div-status.wt-div-status-3 {
    min-width: 24%;
}

#resumStatus .selectedStatus {
    box-shadow: 0 0 0 3px rgb(0 191 179 / 45%);
}

.wt-div-status {
    cursor: pointer;
}

    .wt-div-status.wt-div-status-NSIC {
        margin-right: 0px;
    }

.divPopoverView {
    width: 40%;
    margin-right: 40%;
    display: flex;
}

select#selectView {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #aaa;
    border-radius: var(--wt-bradius-6) !important;
    width: 4rem;
}

div.popover {
    background-color: var(--wt-white);
    border-color: transparent;
    border-radius: var(--wt-bradius-6);
    height: auto;
    width: 18%;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
}

h3.popover-header {
    padding: 1rem 0.25rem;
    margin: unset;
    background-color: transparent;
}

.popover-body {
    height: 80%;
}

.media-buttons, .media {
    padding: 1rem 0rem;
    display: flex;
    justify-content: center;
}

.media-buttons {
    margin-top: 1rem;
}

.spinnerPeriodically {
    width: 1rem;
    height: 1rem;
    margin-left: 10px;
}

.divPeriodically {
    padding-left: 1rem;
}

span.spanHourPeriodically {
    font-weight: 400;
}

.resumOriginAsi {
    margin-left: 1rem;
    width: auto !important;
}

.wt-div-status-NSIC {
    width: auto !important;
}

.droptrue {
    min-height: 50px;
    height: 42vh;
    overflow-y: auto;
}

@media screen and (max-width: 768px) {
    .droptrue {
        height: 25vh;
    }
}

.modalButtonsActions select:focus, viewConfiguratonExcel:focus {
    box-shadow: none;
}

div.modalSaveConf {
    z-index: 1051;
}

.showInfoFilter {
    font-size: 14px;
}

    .showInfoFilter p {
        color: black !important;
        padding-left: 12px;
    }

.col-xs-8.col-md-8.infoFilter {
    display: grid;
}

div#OrdersToAssignSearch {
    height: calc(80vh) !important;
    min-width: 99%;
}

div#tablesOrdersNotMatches {
    display: flex;
    margin: 2rem 1rem;
    display: none;
}

    div#tablesOrdersNotMatches > div {
        margin: 0rem 1rem;
    }

.spinnerLoad {
    display: none;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 100;
    height: 83vh;
    width: 98vw;
    background: rgba(0,0,0,.4);
    text-align: center;
}

.bodyRate {
    margin: 0 1.5rem;
}

.col-12.tableRatesHeader, .col-12.tableRatesRow {
    display: flex;
    padding: 10px;
}

.col-12.tableRatesRow {
    background-color: var(--wt-light-bg);
    border-radius: var(--wt-bradius-6);
    margin-bottom: 8px;
}

    .col-12.tableRatesRow div div {
        /* padding: 3px;  Queda muy bien, pero no cabe todo en la pantalla */
    }

.df {
    display: flex;
}

.dfi {
    display: flex !important;
}

.colEditRate {
    padding: 0px 6px;
}

div#butonsNewRate.ntTrans {
    margin-left: 2rem;
}

    div#butonsNewRate.ntTrans #AddRateRule, #saveBAF {
        background-color: #00BFB3 !important;
        color: white;
        margin-left: 80%;
        margin-top: 10px;
    }

div#messageNotData, div#messageNotRate {
    margin: 10% 15%;
    opacity: 0.6;
    text-align: center;
}

div#buttonsCreateRate > .col-6 {
    text-align: end;
    padding-right: unset;
}

.divTableRates {
    padding: 0px 10px 0px 0px;
}

.col-12.tableRatesRow > .col-4:first-child > div {
    padding-left: 6px;
}

.br-bt-General h5 {
    margin-left: 1rem;
}

form#miFormulario {
    padding-left: 4px;
}

.col-6 h5 {
    padding-left: 2rem;
}

div#tableBAF {
    margin-left: 6px;
}

#tableBAF > .col-12 .inputTableNewRule {
    display: flex;
    align-items: center;
}

input#amountBAF {
    width: 90%;
    margin-right: 10px;
}

div#tableBAF {
    margin-left: 12px;
    padding: 2rem;
}

#tableBAF > .col-12 .col-3:first-child {
    border-right: unset;
    margin-left: 20%;
}

#tableBAF .col-12.tableRowNewRule.df {
    display: flex;
    align-items: center;
}

.divHeaderRates {
    display: flex;
    border-bottom: 1px solid #dcdddd;
    padding-top: unset;
    width: 95%;
    margin-left: calc(6px + 6px + 6px + 8px);
}

.divHeaderRuleDate {
    display: flex;
    align-items: center;
    place-content: space-between;
}

div.divHeaderKms {
    display: flex;
    margin: 0 1.5rem;
    flex-grow: 1;
    margin-top: 4rem;
}
/*** END DIV ***/
/*** TOAST ***/
.toast {
    padding: 0px;
    z-index: unset;
}

.custom-toastr {
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: var(--wt-bradius-10);
    background-color: white;
    width: auto;
    box-shadow: var(--wt-shadow-2);
    font-size: 16px;
    font-weight: 500;
}

.toast-header {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.toast-succes {
    background-color: var(--wt-taostr-success);
}

.toast-info {
    background-color: var(--wt-taostr-info);
}

.toast-error {
    background-color: var(--wt-taostr-error);
}

.divToast {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.toast.custom-toastr > div {
    padding: 1.25rem;
}

.textToast {
    background-color: var(--wt-dark-bg);
}

.toast.custom-toastr {
    display: flex;
    flex-direction: row;
}

.toast.show {
    z-index: 1800;
}

.rowInfoFilters {
    display: flex;
}
/*** END TOAST ***/
/*** MODAL ***/
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 65rem;
    }

    #asignationTypeModal .modal-dialog {
        max-width: 35rem;
    }

    #downloadExcelModal .modal-dialog {
        max-width: 80vw;
    }

    #visibilityColumnsModal .modal-dialog {
        max-width: 35rem;
    }
}

.modal-body {
    max-height: calc(100vh - 26vh);
    overflow: scroll;
}

table#tableConfirm p {
    font-size: 16px;
}

table#tableConfirm tr td p {
    border-radius: 0px !important;
    padding: 4px 0.75rem !important;
    align-items: center;
    height: 1.75rem !important;
    font-size: 14px;
    margin-top: 0.5rem;
    text-align: left;
}

table#tableConfirm tr.wt-warning-bg td p {
    background-color: var(--wt-warning-light-bg) !important;
    color: #333 !important;
}

table#tableConfirm tr.wt-nothing-bg td p {
    background-color: var(--wt-light-color);
}

table#tableConfirm tr.wt-invalidBooking-bg td p {
    background-color: var(--wt-secondary-bg);
}


table#tableConfirm tr td:nth-child(2) p {
    border-radius: 6px 0px 0px 6px !important;
    margin-left: 0.7rem;
}

table#tableConfirm tr td:last-child p {
    border-radius: 0px 6px 6px 0px !important;
}

table#tableConfirm tr.wt-nothing-bg {
    display: table-header-group;
}

table#tableConfirm tr th {
    font-weight: var(--wt-fw-regular);
    text-align: left;
    padding-left: 12px;
}

div#modalRemoveStatus .modal-body {
    overflow: unset;
}

.modal-title {
    font-weight: 500;
    font-size: 1.125rem;
    color: #797c7c;
}

.modal-header {
    padding: 1.5rem;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 3px solid #f0f0f0;
}

.modal-footer {
    display: flex;
    border-top: unset;
}

.modal-footer {
    padding: 1.5rem 1rem;
}

.modalCloseButton {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: rgba(0,0,0,.45) !important;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
    background-color: unset !important;
}

.modalCloseSpan {
    display: block;
    width: 56px;
    height: 56px;
    font-size: 24px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
}

.modal-content {
    border-radius: 0.625rem;
}

.modal-body-content {
    padding: 1.25rem 1.25rem 0rem 1.25rem;
    display: grid;
}

.modal-body {
    max-height: calc(100vh - 40vh);
    overflow-y: auto;
    overflow-x: unset;
    padding: 1rem 1rem 0rem;
}

.modal-pre-title {
    font-weight: var(--wt-fw-bold);
    text-align: center;
}

#visibilityColumnsModal .modal-body {
    justify-content: center;
    display: flex;
}

table#tableVisibilityColumns tr td {
    padding-left: 1.5rem;
    text-align: start;
}

#downloadExcelModal .modal-body {
    justify-content: center;
    display: flex;
    padding: 0px;
    max-height: calc(100vh - 27vh);
}

.borderError {
    border-color: red;
}

.classEditViewExcel {
    pointer-events: none;
    opacity: 0.5;
}

.modalViewColumnLeft {
    border-right: 3px solid #f0f0f0;
}

h6 {
    text-align: start;
}

.divLeftModalViewExcel {
    display: flex;
}

input#completo {
    margin-left: 1rem;
}

.divLeftModalViewExcel > input {
    margin-right: 0.25rem;
}

input[type=radio] {
    accent-color: #00bfb3;
}

.modalButtonsActions {
    display: flex;
    align-items: end;
    margin-bottom: 0.75rem;
}

.modalViewColumnLeft > .col-xs-12 {
    margin-bottom: 1rem;
}

.col-xs-12.col-md-12.modalButtonsActions .col-md-6 {
    text-align: right;
}

.titleColumnsModalViewExcel {
    font-size: 1rem;
    font-weight: 600;
    padding-left: 10px;
}

.headerColumnsModalViewExcel {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.columnViewExcel input {
    border: unset;
    border-bottom: 2px solid black;
    border-radius: unset;
    width: 90%;
    box-shadow: none !important;
}

.modalCloseButton .modal-body {
    overflow-x: unset;
    max-height: calc(100vh - 30vh);
    overflow-y: unset;
}

.columnViewExcel {
    border: 1px solid var(--wt-medium-light-color);
    border-radius: 6px;
    padding: 1rem 0.5rem 0.5em 1rem;
}

    .columnViewExcel .fa-search {
        position: absolute;
        top: calc(10% - 4%);
        right: 4.5rem;
    }

    .columnViewExcel .clearSearchColumnVisible {
        position: absolute;
        top: calc(10% - 4%);
        right: 3rem;
        color: #dbdfdf;
    }

ul.droptrue li {
    padding: 10px;
    text-align: left;
    width: calc(100% - 1rem);
    cursor: grab;
    overflow: hidden;
    text-overflow: ellipsis;
}

#columnsVisibleDownloadExcel .selected {
    box-shadow: none !important;
    background-color: var(--wt-medium-light-bg);
}

#columnsNoVisibleDownloadExcel .selected {
    box-shadow: none !important;
    background-color: var(--wt-medium-light-bg);
}

.droptrue li:first-child {
    margin-top: 5px;
}

input#searchVisible {
    background-color: unset;
}

.divColumnVisible {
    background-color: var(--wt-light-bg);
}

.listBlock i.fa.fa-search {
    color: #dbdfdf;
}

ul#columnsVisibleDownloadExcel {
    color: var(--wt-primary-color);
}

.modal-dialog.modal-sm.modalSmall {
    width: calc(100vw - 75vw);
}

.input-modal-nameView {
    border: unset;
    border-bottom: 2px solid black;
    border-radius: unset;
    width: 90%;
    border-color: #d9d9d9 !important;
    margin-top: 2rem;
    padding-left: 10px;
    margin-left: 1rem;
}

.modal-dialog.modal-sm.modalSmall {
    width: calc(100vw - 75vw);
    height: 100%;
    top: 25%;
}

.buttonCloseModal {
    color: rgba(0,0,0,.85) !important;
    background-color: unset !important;
    border: 2px solid var(--wt-medium-light-color);
}

.modalSmall .modal-body {
    text-align: left;
    margin-left: 10px;
}

div#saveEditViewExcel button {
    font-size: 0.8rem;
}

i.icon-space-label {
    margin: 0px 5px 0px 10px;
}

.input-modal-nameView:focus-visible {
    outline: none;
}

.withoutTopBottonMargin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.withoutTopMargin {
    margin-top: 0px;
}

.showInfoFilter {
    background-color: var(--wt-light-bg);
    border-radius: 6px;
}

#startTab .showInfoFilter p {
    font-size: 14px !important;
    color: black !important;
    text-align: left;
    padding-top: 0.5rem;
    font-weight: 500;
}

.infoFilter a {
    padding-bottom: 10px;
    text-align: left;
}

.titleFilter {
    text-align: left;
    font-weight: 300;
}

.filterActive {
    overflow-y: auto;
    height: 42vh;
}

table#tablePhotos > tr > td > img {
    width: 10vw;
}

table#tablePhotos, table#tablePhotos > tr, table#tablePhotos > tr > td, table#tablePhotos > thead, table#tablePhotos tbody {
    display: block !important;
}

    table#tablePhotos > tr {
        width: 50% !important;
        float: left !important;
    }

        table#tablePhotos > tr > td > img:hover {
            width: 20vw;
        }

.modalComments {
    width: 30rem;
    margin: 13% 35%;
}

#modalCommentsTextarea {
    border-radius: var(--wt-bradius-6);
}

textarea#modalCommentsTextarea:focus {
    box-shadow: unset;
}

.divModalTerminalWasted {
    height: 25px;
    width: 25px;
}

.colModalTerminal {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.imgAddModal {
    width: 24px;
}

.rowTablePopoverPriceResum {
    display: flex;
    align-items: center;
}

table.tablePopoverPriceResum {
    width: 100%;
}

.popover-header {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.titleDataPopoverPriceRseum {
    font-size: 10px;
    font-weight: 700;
}

tr.col-12.rowTablePopoverPriceResum {
    border-right: 1px solid var(--wt-light-color);
    border-left: 1px solid var(--wt-light-color);
}

    tr.col-12.rowTablePopoverPriceResum:nth-child(1n) {
        border-top: 1px solid var(--wt-light-color);
    }

    tr.col-12.rowTablePopoverPriceResum:nth-child(3n) {
        border-bottom: 1px solid var(--wt-light-color);
    }

.pHStyle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.col-12.pHStyle:nth-child(2) {
    font-size: 12px;
}

.infoModal {
    font-size: 10px;
    display: flex;
}

    .infoModal span {
        background-color: beige;
        padding: 0.25rem;
    }

    .infoModal > p {
        margin: unset;
        margin-left: 0.5rem;
        font-size: 10px !important;
    }

.modal-footer {
    display: unset;
}

table#tableAsignationType td:nth-child(1) {
    width: 4%;
    text-align: right;
    padding-right: 2rem;
}

td#NameColumnVisibility, table#tableAsignationType th {
    text-align: left;
}

table#tableAsignationType {
    margin-left: 6rem;
}

/*** END MODAL ***/
/*** DROPDOWN ***/
.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

.dropdown-item {
    display: block;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    margin: 0px 0px;
    padding: 1rem;
}

.btn-group > .dropdown-menu > a.dropdown-item:hover:first-child:hover {
    background-color: unset;
}

.dropdown-item {
    cursor: pointer;
}

.dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa;
}

.selected {
    box-shadow: 0 0 0 4px rgb(0 191 179 / 45%) !important;
    z-index: 9;
    border-radius: var(--wt-bradius-6);
}

.tabulator-footer .selected::after {
    border-top: 28px solid rgb(0 191 179 / 45%);
}

.selected::after {
    display: none;
}

.dropdown-item {
    width: auto;
}

button.btn.btn-secondary.dropdown-toggle {
    border: unset;
    background-color: unset !important;
    color: black !important;
}

    button.btn.btn-secondary.dropdown-toggle:focus {
        box-shadow: unset;
    }

    button.btn.btn-secondary.dropdown-toggle.anyViewSelected {
        background-color: var(--wt-light-bg) !important;
        color: var(--wt-primary-color) !important;
        border-radius: var(--wt-bradius-6);
    }

button.btn.wt-button.btn-group.deleteViewPopover, button.btn.wt-button.btn-group.editViewPopover, button.btn.wt-button.btn-group.newView {
    align-items: center;
}

button.btn.wt-button.btn-group.deleteViewPopover, .visibleColumns.btn {
    margin-left: 0.875rem;
}


/*** END DROPDOWN ***/
/*** SELECT ***/
.wt-select {
    border-radius: var(--wt-bradius-6);
    font-size: var(--wt-fs-14);
    font-weight: var(--wt-fw-medium);
    color: var(--wt-medium-dark-color);
}

select#portSelect {
    width: 7rem;
}

select#selectSearchSection option:hover {
    cursor: pointer;
    color: #fff;
    background: var(--wt-primary-bg) !important;
}

#selectSearchSection, #inputSearchSection, #buttonSearchSection, #clearFilterSearchSection {
    font-size: var(--wt-fs-14);
    font-weight: 400 !important;
}

#SearchSectionTab .selectSearchSection {
    display: flex;
    cursor: pointer;
}

#selectSearchSection {
    cursor: pointer;
}

.arrowSelectSearchSection {
    z-index: 9;
    margin-left: -1.5rem;
}

.ml-auto .app-bar-container {
    margin-left: 1rem;
}

/*** END SELECT ***/
body {
    font-family: "Work Sans",sans-serif;
    background-color: var(--wt-white) !important;
}

html, body, [data-role="tabs"], [data-role="tabs"] li {
    background-color: var(--wt-white) !important;
}

::placeholder {
    color: var(--wt-medium-light-color); /* Firefox */
    font-size: var(--wt-fs-12);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--wt-medium-light-color);
    font-size: var(--wt-fs-12);
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--wt-medium-light-color);
    font-size: var(--wt-fs-12);
}

#CarrierSelectInitDiv {
    height: var(--wt-fs-44);
}

.modalSaveConf:nth-of-type(even) {
    z-index: 1052 !important;
}

.modal-backdrop.show:nth-of-type(even) {
    z-index: 1040 !important;
}

.selected:before {
    display: none !important;
}

.modal-backdrop.show:nth-of-type(odd) {
    /* z-index: 1050; /*No se porque está a 1050, pero es que sino los modales de la parte de Teco no se ven bien*/
    z-index: 1040;
}

#CopyRateModal .modal-dialog {
    max-width: 40rem;
}

table#TableCopyRate td:nth-child(1), table#TableCarriersPreInvoice td:nth-child(1) {
    width: 4%;
    text-align: right;
    padding-right: 2rem;
}

/***Spinner load***/
.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 50vw;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #fff;
            margin: -4px 0 0 -4px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 63px;
                left: 63px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 68px;
                left: 56px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 71px;
                left: 48px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 71px;
                left: 32px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 68px;
                left: 24px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 63px;
                left: 17px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 56px;
                left: 12px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/***END Spinner load***/