:root {
    --primary-color: #981a26;
}

[v-cloak] {
    display: none;
}

.font-tohoma {
    font-family: 'Tahoma', serif !important;
}

/* Pagination */
.table-pagination .v-pagination__navigation,
.table-pagination .v-pagination__item {
    box-shadow: unset;
    font-size: small;
}

/*Color picker*/
.v-color-picker__controls {
    padding-bottom: 10px;
}

.v-color-picker__swatches > div {
    padding: 0;
}

.loading-box,
.customer-loading-box {
    position: fixed;
    top: 0;
    z-index: 100000;
    min-width: 100%;
    min-height: 100%;
    cursor: progress;
}

/*Line loading*/
.v-progress-linear {
    position: absolute;
    width: 100%;
    z-index: 100;
    height: 2px;
    margin-bottom: 3px;
}

.tw-border-1 {
    border: 1px solid #eee;
}

.tw-border-b {
    border-bottom: 1px solid #eee;
}

.tw-border-t {
    border-top: 1px solid #eee;
}

.f-18 {
    font-size: 18px;
}

.f-16 {
    font-size: 16px;
}

.f-15 {
    font-size: 15px;
}

.f-14 {
    font-size: 14px;
}

.f-13 {
    font-size: 13px;
}

.f-135 {
    font-size: 13.5px;
}

.f-12 {
    font-size: 12px;
}

.f-11 {
    font-size: 11px;
}

.f-10 {
    font-size: 10px;
}

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

.-mt-3 {
    margin-top: -12px;
}

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

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

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

.-ml-1 {
    margin-left: -4px;
}

.-mr-1 {
    margin-right: -4px;
}

.mb-2px {
    margin-bottom: 2px;
}

.break-avoid {
    break-inside: avoid;
}

.letter-spacing-0 {
    letter-spacing: 0;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-5 {
    opacity: 0.5;
}

b, strong {
    font-weight: 700;
}

a:hover,
a:focus {
    text-decoration: none;
}

.v-notification {

}

.v-notification .v-snack__wrapper {
    max-width: 450px;
}

.v-notification .v-snack__wrapper .v-snack__content {
    text-align: justify;
    min-width: 400px;
    padding: 2px 15px;
}

.v-notification .v-snack__content .v-btn:first-of-type {
    margin-top: 2px;
    margin-left: 3px;
}

.v-notification .row .col-2 {
    margin: auto;
    flex: 0 0 60px;
    max-width: 60px;
    border-right: 1px solid #fafafa;
}

.v-notification .row .col-9 {
    padding: 10px 12px;
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
}

.v-notification .row .col-9 h6 {
    margin-bottom: 5px;
}

.v-notification .row .col-9 p {
    margin-bottom: 0;
    font-size: small;
}

.v-notification .row .col-1 {
    padding: 0;
    flex: 0 0 40px;
    max-width: 40px;
    text-align: center;
}

.v-notification .btn__close-notify {
    min-width: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 50%;
}

.v-notification .btn__close-notify i {
    padding: 5px;
}

input.input-password,
.input-password input {
    -webkit-text-security: disc;
}

/*Placeholder*/
::placeholder {
    color: #cfcfcf;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #cfcfcf;
}

::-ms-input-placeholder {
    color: #cfcfcf;
}

.no-drop {
    cursor: no-drop !important;
}

/*Font color*/
.cl-orangered {
    color: orangered;
}

.cl-orange {
    color: coral;
}

.cl-759def {
    color: #759def;
}

.cl-28b1c9 {
    color: #28b1c9;
}

.cl-17a8c6 {
    color: #17a8c6;
}

.cl-17b39c {
    color: #17b39c;
}

.bg-white {
    background: #fff;
}

.cl-gray {
    color: #b0b0b0;
}

.cl-999 {
    color: #999;
}

.bg-17a8c6 {
    background-color: #17a8c6;
}

.cl-black {
    color: #000;
}

.cl-success {
    color: #3c763d;;
}

.star {
    color: orangered;
}

.cl-red {
    color: rgb(152, 26, 38);
}

/* Font size, positon*/
.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

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

.text-right {
    text-align: right;
}

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

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

.padding-bottom0 {
    padding-bottom: 0;
}

.padding0 {
    padding: 0;
}

.right {
    float: right;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 990;
}

.left {
    float: left;
}

.clear {
    clear: both;
    margin: 0;
}

.hidden {
    display: none;
}

.margin0 {
    margin: 0 !important;
}

.width100 {
    width: 100%;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.font-small {
    font-size: small;
}

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

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

/*!*Scroll width*!*/
/*::-webkit-scrollbar {*/
/*    width: 0;*/
/*    background: rgba(255, 255, 255, 0);*/
/*}*/

/*!* Track *!*/
/*::-webkit-scrollbar-track {*/
/*    width: 0;*/
/*    background: rgba(255, 255, 255, 0);*/
/*}*/

/*!* Handle *!*/
/*::-webkit-scrollbar-thumb {*/
/*    width: 0;*/
/*    background: rgba(255, 255, 255, 0);*/
/*}*/

/*!* Handle on hover *!*/
/*::-webkit-scrollbar-thumb:hover {*/
/*    width: 0;*/
/*    background: rgba(255, 255, 255, 0);*/
/*}*/

.progress-bar {
    background-color: coral;
}

/*Form*/
form {
    width: 100%;
}

input[type=checkbox],
input[type=radio] {
    margin-top: -3px !important;
}

button, input, textarea {
    outline: none !important;
}

input[type="checkbox"], input[type="radio"] {
    margin: 0;
}

textarea {
    min-width: 100%;
    max-width: 100%;
}

hr {
    margin-top: 10px;
}

/*table*/
.table {
    margin: 0;
}

.v-color-picker__edit {
    margin-top: 20px;
}

.v-data-footer .v-data-footer__select {
    display: none;
}

/*Transaction*/
.slide-fade-enter-active {
    transition: all .5s ease;
}

.slide-fade-leave-active {
    opacity: 0;
}

/*.slide-fade-leave-to*/
.slide-fade-enter {
    transform: translateX(10px);
    opacity: 0;
}

.v-inline-flex {
    display: inline-flex;
}

.v-input.v-text-field--outlined .v-label,
.v-input.v-text-field--outlined input {
    font-size: 13px;
}

.menu__setting-box {
    max-height: calc(100% - 20px);
    overflow: auto;
}

.menu__setting-box .v-color-picker {
    max-width: 300px;
    box-shadow: unset;
    border: 1px solid #ddd;
    border-radius: 0;
    margin: 0 0 10px 0 !important;
}

.menu__setting-box button {
    width: 100%;
}


.v-data-table tbody tr.v-data-table__expanded__content {
    box-shadow: unset !important;
}

.table-grid {
    /*height: calc(100% - 68px);*/
}

.table-grid .v-data-table__wrapper {
    background: unset !important;
    margin-left: -20px;
}

.table__grid-footer {
    margin-bottom: -60px;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
}

.table__grid-footer button {
    font-size: 18px;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.table-grid .table__grid-box {
    display: inline-block;
    padding: 0 0 20px 20px;
    width: 33.333333%;
}

.table-grid.table-grid-2 .table__grid-box {
    display: inline-block;
    padding: 0 0 20px 20px;
    width: 50%;
}

.table-grid .table__grid-box .table__grid-item {
    background: #fff;
    padding: 10px;
    font-size: small;
}

.table-grid .table__grid-box .table__grid-item .table__grid-item-title .right b {
    color: #444;
}

.table-grid .table__grid-box .table__grid-item .form-group {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.table-grid .table__grid-box .table__grid-item .action-box {
    margin-top: -7px;
}

.table-grid .table__grid-box .table__grid-item .action-box button {
    margin: 0 !important;
    padding: 5px;
    background: rgba(0, 0, 0, 0.1);
    color: #000;
    border-radius: 50%;
}

.table-grid .table__grid-box .table__grid-item .action-box button:hover {
    background: rgba(33, 150, 243, 0.8);
    color: #fff;
}

.table-grid .table__grid-box .table__grid-item .form-group:last-child {
    margin-bottom: 0;
}

.table-grid .v-data-table__empty-wrapper {
    margin-left: 20px;
    background: #fff !important;
}

.table-grid.table-grid-2 .v-data-table__wrapper {
    margin-left: -20px;
}

.table-grid.table-empty .v-data-table__wrapper {
    margin-left: 0 !important;
}

.table-grid .v-data-table__empty-wrapper td {
    margin: auto;
    line-height: 45px;
}

.table-resize .table__grid-footer {
    margin-bottom: -45px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
}

.table-resize .table__grid-footer {
    margin-bottom: -45px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
}

.v-menu__content .v-list .v-list-item .v-list-item__title {
    font-size: 14px;
    line-height: 20px;
}

.theme--light.v-date-picker-header .v-date-picker-header__value button {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
    text-transform: capitalize;
}

/*Default Dialog*/
.default-dialog {
    border-radius: 0 !important;
    color: #333;
}

.default-dialog hr {
    margin: 0;
}

.default-dialog .v-card {
    border-radius: 0 !important;
    color: #333;
}

.default-dialog .v-card__title {
    padding: 5px !important;
}

.default-dialog .v-card__title i {
    font-size: 20px;
    color: #000;
}

.default-dialog .v-card .v-card__title .mdi-close {
    color: rgba(72, 0, 0, 0.8);
}

.default-dialog .v-card__title b {
    font-size: small;
    padding-left: 5px;
    line-height: initial;
}

.default-dialog .v-card .v-card__text {
    padding: 10px 10px 5px 10px !important;
    min-height: 150px;
    background: #eee;
}

.default-dialog .v-card .v-card__actions {
    padding: 8px;
}

.v-picker.v-picker--date {
    width: 100%;
}

@media (max-width: 950px) {
    .table-grid .table__grid-box {
        display: inline-block;
        padding: 0 0 20px 20px;
        width: 50%;
    }

    .table-grid.table-grid-2 .table__grid-box {
        display: inline-block;
        padding: 0 0 20px 20px;
        width: 100%;
    }
}

@media print {
    @page {
        size: 8.5in 12in;
        margin: 10mm;
    }

    /*Scroll width*/
    ::-webkit-scrollbar {
        width: 0;
        background: rgba(255, 255, 255, 0);
    }

    /* Track */
    ::-webkit-scrollbar-track {
        width: 0;
        background: rgba(255, 255, 255, 0);
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        width: 0;
        background: rgba(255, 255, 255, 0);
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        width: 0;
        background: rgba(255, 255, 255, 0);
    }

    .no-print {
        display: none;
    }

    .v-application--wrap {
        display: none;
    }

    html, body {
        width: 100% !important;
        height: auto !important;
        overflow: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #app {
        width: 100% !important;
        height: auto !important;
        position: relative;
        display: block;
        padding: 0 !important;
        margin: 0 !important;
    }

    .v-application,
    .v-dialog__content {
        width: 100% !important;
        margin: 0;
        padding: 0;
    }

    .v-dialog__content {
        width: 100% !important;
        display: block;
        position: relative;
        height: auto;
    }

    .v-dialog {
        max-width: unset !important;
        width: 100% !important;
    }

    .v-dialog .v-card {
        display: block !important;
        width: 100% !important;
        font-size: 18px !important;
    }

    .v-dialog .v-card__text {
        height: auto !important;
    }

    .v-dialog .print,
    .v-dialog .order-print {
        display: block !important;
        width: 100% !important;
        font-size: 18px !important;
    }

    .table {
        width: calc(100% - 1px) !important;
    }

    .table tr th,
    .table tr td {
        border: 1px solid #000 !important;
        vertical-align: middle;
    }
}