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

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    color: #dedede;
    overflow-x: hidden
}

html, button, input, optgroup, select, textarea {
    font-family: Muli,Helvetica,sans-serif !important
}

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

.border-top, tr:first-child td {
    border-top: 1px solid #303030 !important
}

.border-bottom, tr:not(:last-child) td {
    border-bottom: 1px solid #303030 !important
}

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

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

body {
    margin-bottom: 0;
    height: 100vh
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    height: 60px;
    line-height: 60px
}

.modal-Account {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    width: 50%;
    padding: 0;
    height: auto;
    margin: auto;
    border-radius: 2px;
    will-change: top,opacity;
    outline: none
}

.input-field .prefix.active {
    color: #0064ac
}

.material-icons {
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    color: #fff
}

#cardAccount {
    background: #1d1d1d;
    border-radius: 5px;
    position: absolute;
    width: 400px;
    height: 200px;
    right: 10px;
    display: none;
    z-index: 2
}

.card-panel {
    background-color: #1d1d1d;
    margin: 0;
    height: 200px
}

.circle {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    width: 80px;
    height: 80px
}

    .circle p {
        font-size: 35px;
        line-height: 80px
    }

#cardAccountDetail {
    padding: 0;
    line-height: 23px
}

#accountInformation {
    display: inline-flex;
    margin-left: 10px
}

#btnAccountInformation {
    font-size: 30px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 20px
}

table.dataTable {
    width: 100% !important;
    display: table
}

    table.dataTable tbody tr {
        background-color: #212121
    }

@media only screen and (max-width:992px) {
    main, footer {
        padding-left: 0
    }
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #282828
}

.btn, .btn-large, .btn-small {
    text-decoration: none;
    color: #fff;
    background-color: #0064ac !important;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center !important
}

    .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
        background-color: #01579b !important
    }

.btn-small {
    padding-right: 6px;
    padding-left: 6px
}

table.dataTable p {
    margin: 0;
    vertical-align: baseline
}

input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    color: #dedede
}

.select-error, .red-text {
    color: #f44336;
    font-weight: bold
}

@media only screen and (min-width:993px) {
    #toast-container {
        top: 0 !important;
        right: 2% !important
    }
}

#toast-container > div {
    opacity: .9
}

.modal-title {
    font-size: 22px;
    font-weight: bold
}

.ps__rail-x, .ps__rail-y {
    background: none !important;
    z-index: 3
}

.paginate_button {
    margin: 0 1px !important;
    font-weight: bold;
    font-size: 14px;
    border: none;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

.dataTables_info, .dataTables_length > label, .dataTables_filter > label {
    color: #dedede !important;
    font-size: 14px;
    font-weight: bold
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-top: .25rem;
    padding: .25em .65em
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #fff !important;
        background: #0064ac;
        border: 1px solid #0064ac;
        -webkit-box-shadow: 0 0 8px 0 #0064ac;
        box-shadow: 0 0 8px 0 #0064ac
    }

.dataTables_wrapper .dataTables_paginate .paginate_button, table.dataTable thead th, table.dataTable tbody, .dataTables_paginate .ellipsis {
    color: #dedede !important
}

.paginate_button.disabled, .paginate_button.disabled:hover {
    background: none;
    color: #dedede
}

.dropdown-content li > a, .dropdown-content li > span {
    color: #0064ac
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #0064ac
}

.custom-container {
    margin: 0 auto;
    width: 97% !important
}

hr {
    border: 1px solid #0064ac;
    margin: 0 0 15px 0
}

.waves-effect.waves-blue .waves-ripple {
    background-color: #0064ac
}

.card .card-content {
    padding: 0 14px 14px 14px
}

.dataTables_wrapper .dataTables_info, .dataTables_paginate.paging_simple_numbers {
    padding-top: .75em;
    max-height: 2.25em
}

.sidenav .collapsible-header {
    background-color: transparent !important;
    border: none;
    line-height: inherit;
    height: inherit;
    padding: 0 16px
}

.sidenav .collapsible, .sidenav .collapsible-body {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.sidenav {
    position: fixed;
    width: 250px;
    left: 0;
    border: 0
}

    .sidenav.sidenav-collapsed {
        width: 55px
    }

    .sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a {
        padding: 0 16px
    }

.toggle-btn {
    position: fixed;
    left: 230px;
    bottom: 13px;
    z-index: 999
}

    .toggle-btn.sidenav-collapsed {
        left: 35px
    }

#togglesidenav {
    width: 25px;
    height: 25px;
    background-color: #0064ac
}

    #togglesidenav i {
        font-weight: bold;
        font-size: 18px;
        line-height: 1.5
    }

a.sidenav-collapsed {
    line-height: 0 !important;
    font-size: 0 !important;
    color: transparent !important
}

.collapsible-body > a {
    width: 100%
}

    .collapsible-body > a > i {
        float: left;
        height: 48px;
        line-height: 48px;
        margin: 0 32px 0 0;
        width: 24px
    }

main, footer {
    padding-left: 245px !important
}

    main.sidenav-collapsed, footer.sidenav-collapsed {
        padding-left: 45px !important
    }

.dataTables_wrapper {
    margin: 0
}

table.dataTable.cell-border tbody td {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #282828;
    border-collapse: collapse;
    border-radius: 0;
    height: 2rem;
    max-height: 3rem
}

thead th:last-child {
    top: 0
}

thead .no-sort, tbody .no-sort {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 2
}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: none
}

.border-none, .select-wrapper.disabled > .select-dropdown, input.select-dropdown[disabled], input.disabled:read-only, input.disabled:read-only:focus {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

input:not([type]):not([readonly]), input[type=text]:not(.browser-default):not([readonly]), input[type=password]:not(.browser-default):not([readonly]), input.select-dropdown.valid[type=text]:not(.browser-default), input[type=email]:not(.browser-default):not([readonly]), input[type=url]:not(.browser-default):not([readonly]), input[type=time]:not(.browser-default):not([readonly]), input[type=date]:not(.browser-default):not([readonly]), input[type=datetime]:not(.browser-default):not([readonly]), input[type=datetime-local]:not(.browser-default):not([readonly]), input[type=tel]:not(.browser-default):not([readonly]), input[type=number]:not(.browser-default):not([readonly]), input[type=search]:not(.browser-default):not([readonly]), textarea.materialize-textarea {
    border-bottom: 1px solid #9e9e9e !important;
    -webkit-box-shadow: 0 1px 0 0 #9e9e9e !important;
    box-shadow: 0 1px 0 0 #9e9e9e !important
}

    input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]):not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]):not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]), input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
        border-bottom: 1px solid #0064ac !important;
        -webkit-box-shadow: 0 1px 0 0 #0064ac !important;
        box-shadow: 0 1px 0 0 #0064ac !important
    }

input[type=text]:not(.browser-default):focus:not([readonly]) + label {
    color: #fff
}

.selects-container > .select-wrapper > input, input[type=text]:not(.browser-default):focus.valid ~ label {
    color: #000;
    font-weight: bold
}

.modal-content h4 {
    font-size: 18px;
    margin-top: 4px
}

ul.stepper.horizontal .step.active:not(:last-of-type)::after, ul.stepper.horizontal .step:not(:last-of-type)::after {
    background: #0064ac
}

.modal, .modal .modal-content {
    padding: 8px 4px 0 4px
}

.modal-content .row {
    margin-bottom: 2px
}

td .select-wrapper.disabled .caret {
    fill: none
}

.select-wrapper .caret {
    fill: #9e9e9e
}

.step-content td {
    padding: 0
}

.step-content th {
    color: #fff;
    font-weight: bold
}

.step-actions {
    padding-right: 10px !important
}

[type="checkbox"]:checked + span:not(.lever):before {
    border-right-color: #0064ac;
    border-bottom-color: #0064ac
}

.step-content input.valid[type=text]:not(.browser-default).border-none {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

table.highlight > tbody > tr:hover {
    background-color: #262626
}

table.dataTable thead th, .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #222
}

.dataTables_length label, .dataTables_length label .select-wrapper, .dataTables_filter label input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px !important;
    width: auto !important
}

    .dataTables_length label .select-wrapper .select-dropdown {
        width: 50px
    }

table.centered thead tr th, table.centered tbody tr td, table.centered tbody tr td input {
    text-align: center !important
}

table.dataTable.cell-border tbody tr:last-child td {
    border-bottom: none
}

#sidenav li.active .collapsible-header::before {
    bottom: 0;
    background-color: #0064ac;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
    border: 2px solid #5a5a5a;
    background: none
}

.modal-content table tbody tr td {
    padding: 0;
    height: 45px !important
}

    .modal-content table tbody tr td p {
        margin: .5em
    }

.modal-close {
    color: #dedede;
    font-weight: bold;
    text-transform: none
}

table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead td {
    padding-top: 4px;
    padding-bottom: 4px
}

.bg-transparent, .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: none !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 2px;
    color: #dedede !important;
    border: none !important;
    text-transform: none
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        color: #0064ac !important;
        box-shadow: none !important
    }

    .bg-transparent:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #303030 !important;
        box-shadow: none !important
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #0064ac !important;
        background: #282828 !important
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        background: transparent !important
    }

    .bg-transparent i {
        color: #0064ac
    }

.hoverable.bg-transparent {
    padding: 0 6px;
    font-size: 16px;
    font-weight: bold
}

    .hoverable.bg-transparent i {
        margin-left: 6px
    }

.dropdown-content {
    background-color: #424242
}

    .dropdown-content li > span {
        color: #dedede;
        font-weight: normal
    }

.blue-text {
    font-weight: bold
}

.div-breadcrumb {
    margin-top: 2px
}

.dataTables_info {
    padding-top: 1em !important
}

.white-text, .input-field > label, .breadcrumb, .breadcrumb:last-child {
    color: #dedede !important
}

.sidenav li > a, .collapsible-body > a {
    font-size: 15px
}

.sidenav li > a, .collapsible-body > a, .input-field > label, .modal-content h4, ul.stepper .step .step-title, .breadcrumb:last-child, #accountInformation {
    font-weight: bold !important
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-thumb {
    background: #808080;
    border-radius: 2px
}

    ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
        background: #606060;
        box-shadow: 0 0 2px 1px rgba(0,0,0,.2)
    }

::-webkit-scrollbar-track {
    background: none;
    border-radius: 4px
}

    ::-webkit-scrollbar-track:hover, ::-webkit-scrollbar-track:active {
        background: #c0c0c0
    }

table.dataTable thead th {
    text-align: center
}

ul.stepper.horizontal {
    min-height: 530px
}

.modal-content .head-title, .modal-content .head-close {
    display: inline-block;
    height: 22px
}

.modal-content .head-title {
    width: 85%
}

    .modal-content .head-title h4 {
        margin: 0 0 0 20%
    }

.modal-content .head-close {
    width: 10%
}

    .modal-content .head-close a {
        margin-left: 20%
    }

.modal-content .head-title h4, .modal-content .head-close {
    line-height: 36px
}

.step.active .step-content {
    height: calc(100% - 84px) !important;
    padding: 10px 0 !important;
    display: block
}

.btn-card, .btn-card[disabled] {
    margin: 0;
    width: 100%;
    max-width: 400px;
    height: 100px;
    border-radius: 5px;
    padding: 0 2px 0 5px;
    background: #0064ac !important
}

    .btn-card i {
        color: #dedede;
        font-size: 45px;
        font-style: normal;
        font-weight: bold;
        margin-right: 4px
    }

    .btn-card .card-content {
        width: 100%;
        height: 100%
    }

.bg-transparent i {
    font-size: 1.6rem
}

fieldset {
    background-color: #383838;
    border: 3px solid #0064ac;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 5px
}

    fieldset > input {
        color: #dedede !important;
        font-weight: bold;
        margin: 0 !important;
        padding-bottom: 3px !important;
        height: 2rem !important
    }

legend {
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px
}

#barcode-icon {
    font-size: 2.5rem;
    margin-top: 1rem;
    color: #dedede
}

.inline, .inline fieldset {
    display: inline-flex;
    width: 100%
}

.table-summary th {
    font-size: 16px !important;
    width: 30%
}

.table-summary td {
    font-weight: bold;
    font-size: 18px !important
}

.table-summary tr:first-child td {
    border-top: none !important
}

.table-summary tr td, .table-summary tr th {
    padding: 5px 5px
}

.separation-line {
    border-left: 1px solid #606060;
    margin-left: 5px;
    margin-right: 5px
}

.constant-width {
    max-width: 6rem !important;
    width: 6rem !important;
    padding-right: 2px !important;
    padding-left: 2px !important
}

.btn-card p {
    font-size: 10px;
    font-weight: bold;
    color: #dedede;
    line-height: 15px;
    margin: 8px 0;
    text-transform: none
}

.dataTable tbody input {
    border: none !important;
    font-size: 14px;
    margin: 0;
    box-shadow: none !important;
    height: inherit
}

#tableManifestDetail_wrapper {
    padding-top: 5px
}

.table-summary p {
    margin: 0
}

.block-page {
    background: rgba(0,0,0,.7) url('../../image/Animacion-Precarga1.gif') no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center
}

.swal2-popup {
    background: #212121
}

.swal2-container.swal2-backdrop-show {
    background: rgba(0,0,0,.8)
}

.swal2-title, .swal2-content {
    color: #dedede
}

.swal2-title {
    font-size: 2em;
    font-weight: bold
}

.swal2-icon.swal2-error {
    border-color: #f44336;
    color: #f44336
}

    .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        background-color: #f44336
    }

.card-tooltip {
    position: relative;
    border-bottom: 1px dotted #000
}

    .card-tooltip > span, .card-tooltip > div {
        display: none;
        width: 100%;
        max-width: 300px;
        color: #dedede;
        text-align: center;
        border-radius: 6px;
        padding: 10px 0;
        position: absolute;
        z-index: 999;
        top: 1em;
        opacity: 1
    }

        .card-tooltip > span::after, .card-tooltip > div::after {
            content: "";
            position: absolute;
            top: 0;
            right: 45%;
            margin-top: -20px;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent #202020 transparent
        }

        .card-tooltip > span .select-wrapper, .card-tooltip > div .select-wrapper {
            margin: 20px
        }

        .card-tooltip > span label {
            color: #fff;
            top: 25px;
            left: 20px;
            position: absolute;
            -webkit-transform: translateY(-14px) scale(.8);
            transform: translateY(-14px) scale(.8);
            font-weight: bold;
            font-size: 1rem
        }

        .card-tooltip > div label {
            color: #fff;
            left: 20px
        }

        .card-tooltip > span .select-wrapper .dropdown-content, .card-tooltip > div .select-wrapper .dropdown-content {
            min-width: 300px !important;
            top: 0 !important;
            max-height: 300px;
            background: #303030
        }

.select-dropdown li.disabled > span, .select-dropdown li.disabled > div {
    color: #999
}

#btnCarrier p {
    margin: 4px 2px
}

.div-manifest-actions .row {
    margin-bottom: 0;
    margin-top: 2px;
    padding: inherit
}

.bg-transparent[disabled] {
    background-color: #303030 !important
}

.animated.flash {
    background: #404040
}

#toast-container, .toast {
    display: block
}

    #toast-container > div {
        width: 320px
    }

.toast-info {
    background-color: #0064ac
}

.toast-success {
    background-color: #025839
}

#tableManifestPostponed {
    margin-top: 5px
}

    #tableManifestPostponed tbody tr {
        cursor: pointer
    }

.constant-width i {
    vertical-align: middle
}

.swal2-icon.swal2-warning {
    border-color: #d87600;
    color: #d87600
}

    .swal2-icon.swal2-warning [class^=swal2-x-mark-line] {
        background-color: #d87600
    }

.swal2-styled.swal2-confirm {
    background-color: #0064ac
}

.swal2-styled.swal2-cancel {
    background-color: #666
}

#modalRemoveShipment {
    max-width: 300px
}

#modalAuthorizationUpdateManifest {
    max-width: 300px
}

#modalAuthorizationGenerateManifest {
    max-width: 300px
}

.modal-delete-confirm, .modal-delete-confirm:focus {
    background-color: #c22020;
    text-transform: none;
    font-weight: bold
}

.modal-delete-close, .modal-delete-close:focus {
    background-color: #666;
    text-transform: none;
    font-weight: bold
}

    .modal-delete-confirm:hover, .modal-delete-close:hover {
        opacity: .8
    }

#modalRemoveShipment .input-field {
    margin-bottom: 0;
    font-weight: bold
}

#modalAuthorizationUpdateManifest .input-field {
    margin-bottom: 0;
    font-weight: bold
}

#modalAuthorizationGenerateManifest .input-field {
    margin-bottom: 0;
    font-weight: bold
}

.input-field-seal > label {
    left: 0 !important
}

.input-field-seal {
    margin-top: 15px
}

.modal .modal-footer {
    background-color: #262626
}

.btn-small {
    text-transform: none
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    width: 8em;
    height: .7em;
    top: 3em
}

    .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: -.5em
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: -.5em
    }

.swal2-icon {
    border: .5em solid transparent;
    padding: 1em;
    width: 7em;
    height: 7em
}

.swal2-warning .swal2-icon-content {
    font-size: 9em
}

.swal2-popup.swal2-modal {
    width: 50%;
    min-height: 350px
}

.swal2-content {
    font-size: 1.5em
}

.modal.fullscreen {
    width: 95vw;
    height: 90vh;
    max-height: 90vh
}

    .modal.fullscreen .modal-content {
        overflow: hidden;
        padding-top: 0
    }

.datepicker-modal {
    background-color: #181818
}

    .datepicker-modal .datepicker-date-display, .datepicker-table td.is-selected {
        background-color: #0064ac
    }

    .datepicker-modal .datepicker-cancel, .datepicker-modal .datepicker-clear, .datepicker-modal .datepicker-today, .datepicker-modal .datepicker-done, .datepicker-modal .selects-container > .select-wrapper > input {
        color: #0064ac
    }

    .datepicker-modal .month-prev, .datepicker-modal .month-next {
        border-radius: 50%;
        background-color: #606060
    }

    .datepicker-modal .datepicker-cancel, .datepicker-modal .datepicker-done {
        text-transform: initial;
        font-weight: bold
    }

.btn-right {
    float: right !important;
    margin-right: 10px
}

@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url('../../font/password.ttf')
}

.password {
    font-family: 'password' !important
}

#modalPasswordChange {
    width: 800px;
    height: 330px
}

    #modalPasswordChange .material-icons {
        vertical-align: bottom;
        color: #f44336;
        font-weight: normal
    }

.swal-resize {
    height: 260px !important;
    min-height: 260px !important;
    width: 500px !important
}

.dropdown-content.select-dropdown {
    max-height: 320px
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid #01579b;
    background-color: #01579b
}

.version {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 999;
    font-weight: bold;
    font-size: 16px
}

.select2-selection--single {
    cursor: pointer !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid #9e9e9e !important;
    border-radius: 0 !important;
    line-height: 3rem
}

    .select2-selection--single .select2-selection__rendered {
        color: #fff !important;
        font-size: 16px !important
    }

.select2-container {
    width: 100% !important;
    margin-top: 16px
}

.select2-container--open .select2-dropdown {
    background-color: #424242;
    font-size: 16px;
    color: #dedede;
    border: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)
}

.select2-results__option {
    line-height: 2.5rem;
    background-color: #424242 !important;
    color: #dedede !important;
    padding: 6px 12px
}

    .select2-results__option:hover {
        background-color: rgba(0,0,0,.08) !important
    }

.select2-search__field {
    border: none !important
}

.select2-dropdown--above {
    top: -20px !important
}

.select2-search--dropdown {
    padding: 4px 12px
}

.select2-results__option.select2-results__message {
    font-size: 12px
}

.card-tooltip .select2-container {
    width: 80% !important
}

.small-label {
    width: auto !important;
    max-width: 250px
}

    .small-label .select2-results__option {
        font-size: 12px
    }

::placeholder {
    color: #9e9e9e;
    font-weight: bolder;
    font-size: 14px
}

:-ms-input-placeholder {
    color: #9e9e9e;
    font-weight: bolder;
    font-size: 14px
}

::-webkit-input-placeholder {
    color: #9e9e9e;
    font-weight: bolder;
    font-size: 14px
}