.vertical_align_center {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}


.m-page-loader.m-page-loader--base,
.blockUI .blockOverlay {
    z-index: 15000 !important;
}


.btn-med {
    min-width: 100px;
}

.m-portlet .m-portlet__body {
    padding: 1.0rem 1.0rem;
}


.modal .modal-content .modal-header {
    padding: 12px;
    background: var(--header-common) !important;
    border-radius: 0 !important;
}

    .modal .modal-content .modal-header .modal-title {
        font-size: 1.4rem !important;
    }

.modal .modal-content .modal-body {
    padding: 10px;
}

.modal-dialog .card,
.modal .modal-content {
    border-radius: 0 !important;
}



.table thead th,
.table tbody td,
.table tfoot th {
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
}

table.dataTable th.focus,
table.dataTable td.focus {
    outline: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.dataTables_wrapper .dataTable .selected th, .dataTables_wrapper .dataTable .selected td {
    background: var(--selected-row-bg) !important;
    color: var(--selected-row-tcl) !important;
}

.table {
    width: 100% !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}

    /*.table tbody tr td input {
        padding: 0;
        cursor: default;
        border: 0;
        display: inline-block;
        font-size: 13px;
        line-height: 1;
        height: auto;
    }*/

    .table thead tr th,
    .table tfoot tr th {
        background-color: var(--header-common) !important;
        font-weight: bold;
        border-bottom: 1px solid #ddd !important;
        border-top: 1px solid #ddd !important;
        border-right: 0 !important;
        border-left: 0 !important;
        color:black;
    }

.dataTables_scrollBody .table thead tr th,
.dataTables_scrollBody .table tfoot tr th {
    border-bottom: 0 !important;
    border-top: 0 !important;
}

.table-bordered,
.table-bordered thead th,
.table-bordered tfoot th {
    border-color: #ddd !important;
}

.dataTables_wrapper {
    width: 100% !important;
}

.scroll_body_border {
    border: 1px solid #ddd;
    box-sizing: border-box;
}


    .scroll_body_border .table {
        border: 0px solid #ddd !important;
    }

.dataTables_scrollBody > .table-bordered {
    border-left: 0;
    border-right: 0;
}

.table-hover tbody tr:hover {
    cursor: pointer;
}


.td-align-right,
.td-align-right * {
    text-align: right;
}

.td-align-center,
.td-align-center * {
    text-align: center;
}
    .td-align-center input, .td-align-center button {
        margin: auto !important;
    }


.td-align-left,
.td-align-left * {
    text-align: left;
}

.modal .modal-content .modal-footer {
    padding: 10px 5px;
}


.modal-header .close {
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: right;
    line-height: inherit !important;
}

.modal .m-portlet__body {
    padding-bottom: 0px !important;
}


/*.dataTables_scrollBody {
        border: 1px solid #ddd;
        box-sizing: border-box;
    }*/




#my-message .modal-body {
    color: black;
    font-size: 18px;
}

.modal-backdrop {
    background-color: #ddd;
    opacity: 0.95 !important;
}

.example-open .modal-backdrop {
}

#my-message .modal-header .close {
    color: white;
}

#my-message .modal-body-error {
    background-color: #FFAAAA;
}

#my-message .modal-header-error {
    border: 0;
    background-color: #B53E3E !important;
}

    #my-message .modal-header-error h1 {
        color: white;
        font-size: 18px;
    }

#my-message .modal-body-success {
    background-color: #C0DDC2 !important;
}

#my-message .modal-header-success {
    border: 0;
    background-color: #91C394 !important;
    color: white;
}

.modal-header-success {
    border: 0;
    background-color: #91C394 !important;
    color: white;
}

    .modal-header-success h1 {
        color: white;
        font-size: 18px;
    }


#my-message .modal-header-success h1 {
    color: white;
    font-size: 18px;
}





.td-textbox {
    width: 100% !important;
    border: 0;
    cursor: default;
}

.fa, .la {
    padding-right: 5px;
}



.form-group, .m-form__group {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 0 !important;
}


.form-control {
    border-radius: 0 !important;
    padding: 0.40rem 0.50rem;
    height: calc(2.40rem + 2px)
}

.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-aside-right, .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-wrapper {
    margin-bottom: 0 !important;
}

.m-portlet .m-portlet__head {
    padding: 0 0.5rem 0 1.5rem !important;
    height: 4.5rem !important;
}


/*#voucher_view_modal .modal-header,
    #voucher_view_modal .modal-footer {
        background-color: #FFF;
    }*/


/*.tab-content > .tab-pane {
        display: block;
        visibility: hidden;
    }

    .tab-content > .active {
        visibility: visible;
    }*/

.nav.nav-tabs {
    margin-bottom: 0;
}



/*.tab-content {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 5px;
    }*/

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    font-weight: bold;
}

.m-tabs-line .m-tabs__item {
    margin-right: 0px !important;
}

.nav {
    box-shadow: 0 6px 9px rgba(0,0,0,0.08) !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    margin-bottom: 30px;
}

.tab-content {
    padding-top: 20px;
}



.m-btn--icon-only .fa {
    padding: 0;
}


body.modal-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
}

.modal.show.right {
    overflow: hidden !important;
}

.modal.right .modal-content {
    overflow: hidden !important;
}

.sub-total {
    font-weight: bold;
    border-top: 2px solid #ddd !important;
    border-bottom: 2px solid #ddd !important;
    border-top-color: #ddd !important;
    border-bottom-color: #ddd !important;
    border-right-color: #ddd !important;
    border-left-color: #ddd !important;
}

a {
    color: #0083C0;
}

    a:hover {
        text-decoration: none;
        color: #006291;
    }

#m_quick_sidebar .tab-content {
    border-right: none;
    border-left: none;
    border-bottom: none;
    box-shadow: none;
    padding: 5px;
}

.m-aside-menu .m-menu__nav {
    padding: 0px 0 30px 0 !important;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}



.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    transform: translateY(130%);
    transition-timing-function: ease-in;
    transition: 1s;
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

.modal.right.show .modal-dialog {
    right: 0;
    transition-timing-function: ease-out;
    /* A litttttle slower on the way in */
    transition: 0.25s;
    /* Move into place */
    transform: translateY(0);
}

.modal.right .modal-dialog {
    right: 0px;
    transition-timing-function: ease-out;
    /* A litttttle slower on the way in */
    transition: 0.25s;
    /* Move into place */
    transform: translateY(0);
}

.modal.right.show .modal-dialog {
    right: 0;
}


.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    font-family: "Proxima" !important;
}


.no-gutter-form {
    padding: 10px 0 10px 0 !important;
    margin-bottom: 10px;
}

    .no-gutter-form [class^='col-lg'] {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

.dataTables_wrapper .pagination .page-item.active > .page-link {
    background-color: var(--primary) !important;
}

.btn-brand {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.m-portlet__foot {
    background-color: var(--header-common) !important;
}

.m-form .m-form__actions.m-form__actions--solid {
    background-color: var(--header-common) !important;
    border-color: var(--header-common) !important;
}

.btn {
    padding: 0.65rem 1.00rem;
}

.m-form .form-control-label, .m-form label {
    font-weight: 600 !important;
}



.m-portlet__head {
    /*background-color: var(--header-common) !important;*/
    padding: 12px !important;
}

.m-portlet .m-portlet__head .m-portlet__head-caption,
.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    font-size: 20px;
}


.m-portlet {
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.m-widget24 .m-widget24__item .m-widget24__title {
    margin-top: 2.0rem !important;
    font-size: 1.25rem !important;
}

input[readonly],
textarea[readonly] {
    background-color: #f2f0f0 !important;
}


.input-table tbody td input[type="text"]:not(:read-only) {
    margin: 0 !important;
    width: 100% !important;
    text-align: right !important;
    padding: 7px !important;
    border: 1px solid var(--border-gray) !important;
    text-align: left !important;
    cursor: auto;
}

input[type="text"]:focus {
    background-color: var(--selected-row-bg) !important;
    border: 1px solid var(--border-gray) !important;
}

select:focus {
    background: var(--selected-row-bg) !important;
}

select option {
    margin: 40px;
    background: #ddd !important;
}

option:not(:checked) {
    background-color: #FFF;
}




.hide-me {
    display: none;
}



.m-subheader .m-subheader__title {
    font-family: "Proxima" !important;
}


.modal .modal-content .modal-header .close::before {
    content: none;
}

.cursor-pointer {
    cursor: pointer !important;
}


.modal-dialog {
    pointer-events: auto;
}

.row-button {
    padding: 5px !important;
}

legend {
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 20px !important;
}

.m-btn--icon {
    padding: 2px !important;
    line-height: 1 !important;
}

    .m-btn--icon i.la {
        padding: 0 !important;
        font-size: 0.85rem;
        line-height: 1 !important;
    }


.swal-error-content-class {
    color: red;
    font-weight: bold;
}

.swal2-title-error {
    color: red;
}

.swal-success-content-class {
    color: green;
    font-weight: bold;
}

.swal2-title-success {
    color: green;
}

.swal2-icon {
    margin: 0.5em auto 0.50em;
}

.swal2-title {
    font-size: 1.750em;
    margin: 0 0 0.10em;
}

.swal2-container:before, .swal-overlay:before {
    background-color: #ddd !important;
    opacity: 0.90 !important;
}

.swal2-popup {
    border-radius: 0 !important;
}

    .swal2-popup .swal2-content {
        font-size: 1.40rem;
        color: black;
        padding: 1em 1em 0.25em 1em !important;
    }

.swal2-header-confirm {
    padding: 12px;
    background: var(--header-common) !important;
    border-radius: 0 !important;
}

.swal2-title-confirm {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-size: 1.70rem !important;
    color: black !important;
}

.swal2-actions-confirm {
    margin: 0 !important;
    padding-bottom: 10px;
}

.m-quick-sidebar {
    padding: 20px 5px 5px 10px !important;
    overflow-x: hidden;
}

#m_quick_sidebar_tabs {
    box-shadow: 0 6px 9px rgba(0,0,0,0.08) !important;
    margin-left: -10px !important;
    padding-left: 10px !important;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__notifications.m-topbar__notifications--img.m-dropdown--arrow .m-dropdown__arrow,
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
    color: var(--header-common) !important;
}

.modal-backdrop-vat {
    background-color: #ddd;
    opacity: 0.95 !important;
}


.form-control[readonly] {
    background-color: transparent !important;
    border: none !important;
    cursor: default;
}


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

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    width: 200px !important;
}

.style_stock_rolls {
    font-style: italic;
    color: var(--text-color-blue);
}


table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    bottom: 0.3em !important;
}



.marquee {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;    
    background: black;
    color: yellow;    
    font-weight: bold;
    padding: 10px;
    font-size: 1.00rem;
}

    .marquee span {
        display: inline-block;
        padding-left: 100%;
        animation: marquee 25s linear infinite;
    }

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

.marquee span:hover {
    animation-play-state: paused
}

/*table {
    user-select: none !important;
}
*/
/** {
    user-select: none;
}

    *::selection {
        background: none;
    }

    *::-moz-selection {
        background: none;
    }*/