:root {
    --primary-color: #981a26;
    --v-hover-opacity: 0.08;
}

html, body {
    font-family: "Roboto";
    height: 100%;
    overflow: hidden !important;
}

.v-application .primary {
    background-color: var(--primary-color) !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #333 !important;
}

.cursor-pointer {
    cursor: pointer;
}

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

.cursor-not-allowed {
    cursor: not-allowed;
}

.v-application,
.v-application .v-application--wrap,
.v-application .v-application--wrap .v-main {
    height: 100%;
}

.v-text-field.v-text-field--enclosed .v-text-field__details {
    margin-bottom: 0 !important;
}

.v-menu__content .v-list-item__content .v-list-item__title {
    font-size: 14px;
}

.cl-primary {
    color: var(--primary-color);
}

.cl-red {
    color: darkred !important;
}

.cl-darkred {
    color: darkred !important;
}

.v-btn {
    box-shadow: none !important;
    border-radius: 2px !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

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

.v-stepper__step > .v-stepper__step__step.primary {
    background-color: var(--primary-color) !important;
}

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

.v-text-field.v-text-field--solo .v-input__control {
    min-height: 24px !important;
}

.v-text-field.v-text-field--solo .v-input__control .v-input__slot {
    font-size: 14px;
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: unset !important;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.v-text-field.v-text-field--solo .v-input__control label {
    font-size: 14px;
}

.v-text-field.v-text-field--solo .v-input__control input {
    font-size: 14px;
}

.v-input-text,
.v-input-textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 2px !important;
}

.v-input-text input {
    font-size: 14px;
}

.v-input-textarea {
    padding: 0 !important;
    font-size: 14px;
}

.v-input-textarea .v-input__slot:before {
    display: none;
}

.v-input-textarea textarea {
    padding: 5px 10px !important;
    font-size: 14px;
}

textarea:focus {
    outline: none !important;
}

input, textarea {
    outline: none;
}

.table-bordered > :not(caption) > * > * {
    border: 0 !important;
}

.table > :not(:first-child) {
    border-top: 0 !important;
}

.v-data-table .v-data-table__expanded {
    box-shadow: unset !important;
}

.content-box {
    height: 100%;
}


.v-dialog .v-card .v-sheet {
    box-shadow: none !important;
}

.table-dialog,
.dialog-box {
    position: relative;
}

.table-dialog .dialog-progress-bar,
.dialog-box .dialog-progress-bar {
    position: absolute;
    top: 0;
    z-index: 1000;
}

.v-dialog > .v-card > .v-card__actions {
    padding-right: 0;
}

/*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;
}

/*Font size*/
.f-20 {
    font-size: 20px !important;
}

.f-19 {
    font-size: 19px !important;
}

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

.f-17 {
    font-size: 17px !important;
}

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

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

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

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

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

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

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

/*Margin*/
.margin-right-2 {
    margin-right: 2px !important;
}

.ml--1 {
    margin-left: -1px !important;
}

.mr--1 {
    margin-right: -1px !important;
}

.ml--2 {
    margin-left: -2px !important;
}

.mr--2 {
    margin-right: -2px !important;
}

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

.mt--3 {
    margin-top: -3px !important;
}

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

.mt--5 {
    margin-top: -5px !important;
}

.mt--6 {
    margin-top: -6px !important;
}

.ml--8 {
    margin-left: -8px !important;
}

.mr--8 {
    margin-right: -8px !important;
}

.mt--10 {
    margin-top: -10px !important;
}

.mr--2 {
    margin-right: -2px !important;
}

.mr--4 {
    margin-right: -4px !important;
}

.mr--6 {
    margin-right: -6px !important;
}

.mr--8 {
    margin-right: -8px !important;
}

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

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

.items-list .items-list__content .items .ps__rail-y,
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
    width: 5px !important;
}

.disable-btn {
    background: #ddd !important;
    border: 1px solid #d9d9d9;
    color: #0474b9 !important;
}

.disable-btn:hover {
    cursor: no-drop !important;
}


/* Print*/
@media print {
    footer {
        page-break-after: always;
    }

    html,
    body,
    .v-application,
    .v-dialog,
    .v-dialog__content,
    .v-dialog__content .print-dialog,
    .v-dialog__content .print-dialog .v-card,
    .v-dialog__content .print-dialog .v-card .v-card__text,
    .v-dialog__content .print-dialog .v-card .v-card__text .print {
        margin: 0 !important;
        padding: 0 !important;
        max-width: unset !important;
        width: 100% !important;
        max-height: unset !important;
        overflow: visible !important;
        break-inside: avoid;
        position: static !important;
        box-shadow: unset !important;
    }

    .v-dialog__content {
        display: none !important;
    }

    .v-dialog__content--active {
        display: flex !important;
    }

    .v-dialog__content {
        display: none;
    }

    .v-dialog__content--active {
        display: flex;
    }

    .notify-print-payment-dialog {
        display: none !important;
    }

    .no-print {
        display: none !important;
    }
}