::-webkit-scrollbar {
    width: 12px;
    border-radius: 7px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 7px !important;
}

::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 1px;
    border-radius: 7px !important;
}

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

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

.text-center {
    text-align: center !important;
}

.justify-center {
    justify-content: center !important;
}

.w-max {
    width: 100% !important;
}

.h-max {
    height: 100% !important;
}

.fit {
    padding: 0 !important;
    margin: 0 !important;
}

.pointer {
    cursor: pointer;
}

.center-div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

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

.center-div-justify {
    display: flex;
    justify-content: center;
}

.column_space-around {
    display: flex !important;
    flex-direction: column;
    justify-content: space-around;
}

.end-justify {
    display: flex;
    justify-content: flex-end !important;
}

.start-justify {
    display: flex;
    justify-content: flex-start !important;
}

.end-align {
    display: flex;
    align-items: flex-end !important;
}

.color_white {
    color: #fff !important;
}

.v-card {
    /* overflow: auto; */
}

.v-dialog>.v-card {
    overflow: hidden;
}

.overflow_h {
    overflow: hidden;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.position_relative {
    position: relative
}

.v-btn {
    text-transform: none !important;
}

.v-calendar-weekly__head {
    border-bottom: 1px solid gray;
}

.v-calendar-weekly__head>.v-calendar-weekly__head-weekday {
    padding: 5px !important;
    text-transform: capitalize;
}

.v-calendar-weekly__day-label {
    cursor: default !important;
}

.v-calendar-weekly__day {
    min-height: 130px;
}

.v-data-table-header>tr>th {
    font-weight: bold;
    font-size: 14px !important;
}

.detail-hidden-input>.v-input__control>.v-input__slot {
    margin: 0;
}

.detail-hidden-input>.v-input__control>.v-text-field__details {
    display: none;
}

.small-input {
    margin: 0 !important;
    padding: 0 !important;
}

.small-input>.v-input__control {
    padding: 0;
    margin: 0;
}

.small-input>.v-input__control>.v-input__slot {
    padding: 0;
    margin: 0 !important;
}

.v-input__slot.backcolor>fieldset {
    border: 1px solid #DCDFE5 !important;
}

.small-input>.v-input__control>.v-messages {
    display: none;
}

.small-input>.v-input__control>.v-text-field__details {
    display: none;
}

.color_gray {
    color: #77838f;
}

td {
    height: 35px !important;
}

th {
    height: 35px !important;
}

.main_con {
    height: 100%;
    padding: 25px;
    /* padding-top: 60px; */
    /* max-width: 1300px !important; */
}

.parent-form>div {
    padding-left: 5px;
    padding-right: 5px;
}

.v-date-picker-table {
    height: auto !important
}

.toasted .primary.success,
.toasted.toasted-primary.success {
    background-color: #26c99a !important;
}

.v-btn {
    letter-spacing: 0 !important
}

.height_72 {
    height: 72px;
}

.min_height_72 {
    min-height: 72px !important;
}

.min_height_72_header>.v-list-group__header {
    min-height: 72px !important;
    /* padding-left: 30px !important;
    padding-right: 30px !important; */
}

.min_height_50 {
    min-height: 50px !important;
}

.decoration {
    text-decoration: none
}


/* table {
    table-layout: fixed
} */

.base_table-header {
    table-layout: fixed
}

.base_table-header>th {
    padding-top: 7px;
    padding-bottom: 7px;
}

.min-col {
    width: 32px;
}

.parent-footer {
    display: flex;
    padding: 10px;
    padding-top: 20px;
    align-items: center;
}

.parent-footer>.v-input {
    width: 100px;
    height: 35px;
    max-width: 100px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
}

.parent-footer>.v-input>.v-input__control {
    min-height: 40px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.parent-footer>.footer-left_btn {
    margin-right: 5px;
}

.parent-footer>.footer-right_btn {
    margin-left: 5px;
}

.height_171 {
    height: 171px !important;
    min-height: 171px !important;
}

.height_110 {
    height: 110px !important;
    min-height: 110px !important;
}

.theme--light.v-calendar-weekly .v-calendar-weekly__day.v-outside {
    background-color: var(--v-lightcolor) !important;
}

.theme--light.v-calendar-weekly .v-calendar-weekly__head-weekday.v-outside {
    background-color: var(--v-lightcolor) !important;
}

.min_calendar {
    border: none !important;
    font-size: 20px !important;
}

.min_calendar>div>.v-calendar-weekly__head-weekday {
    border: none !important;
    font-size: 20px !important;
}

.min_calendar>.v-calendar-weekly__week>.v-calendar-weekly__day {
    min-height: 50px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #909399;
}

.v-skeleton-loader__image {
    height: 100% !important;
}

.height_20 {
    height: 20px;
}

.v-date-picker-header>.v-btn>.v-btn__content>i {
    font-size: 40px !important;
    color: #07C1F6 !important;
}

.v-input__append-inner {
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.border_ca {
    border: 1px solid #cacaca;
}

.b-success {
    border: 1px solid #17a2b8;
}

.shadow-red {
    box-shadow: 0 0 10px 1px red !important;
}

.border_right_a1 {
    border-right: 1px solid #a1a1a1;
}

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

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

.white-space_pl {
    white-space: pre-line;
}

.task_Green {
    background: #008000;
}

.task_Gold {
    background: #ffd700;
}

.task_DarkOrange {
    background: #ff8c00;
}

.task_Red {
    background: #ff0000;
}

.task_Plum {
    background: #dda0dd;
}

.task_RoyalBlue {
    background: #4169e1;
}

.width_80 {
    width: 80px !important;
    max-width: 80px !important;
}

.width_80>img {
    width: 80px;
    height: 80px;
}

.width_80>video {
    width: 80px;
    height: 80px;
}

.close-dialog {
    top: 27px;
    right: 20px;
    position: absolute;
    cursor: pointer;
}

.table-lable {
    width: 109px;
    height: 30px;
    display: flex;
    color: white;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
}

.center-checkbox>.v-input__control>.v-input__slot {
    display: block;
    text-align: center;
}

.center-checkbox>.v-input__control>.v-input__slot>div {
    padding-right: 0 !important;
}

.action_img {
    width: 22px !important;
    height: 22px !important;
}

.calendar_parent_width {
    min-width: 1500px !important
}

.border-radius_20 {
    border-radius: 20px !important
}

.table-collapse {
    border-collapse: collapse;
}

.v-dialog {
    background: rgb(33 33 33 / 9%) !important
}

.v-list-item--dense .v-list-item__title,
.v-list-item--dense .v-list-item__subtitle,
.v-list--dense .v-list-item .v-list-item__title,
.v-list--dense .v-list-item .v-list-item__subtitle {
    line-height: 1.2 !important
}

.height_90 {
    height: 90vh;
}

.height_40 {
    height: 40px;
}

.height_34 {
    height: 34px;
}

.height_70 {
    height: 70px;
}

.opacity_0 {
    opacity: 0;
}

.labale-color {
    color: #707070;
}

.theme-blue {
    background-color: #17a2b8 !important;
}

.text-white {
    color: white;
}

.v-input__control .v-messages__message {
    text-align: right;
}

.text-red {
    color: red;
}

.font-23 {
    font-size: 23px;
}

.pointer {
    cursor: pointer;
}

.text-green {
    color: green;
}

.text-gray {
    color: gray;
}

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

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

.theme-color {
    color: #20d77f !important
}

.table_even {
    cursor: pointer;
}

.add_day_btn {
    background: #17a2b8 !important;
    color: white !important;
    padding: 3px;
}

.appointment-span {
    color: red;
    font-size: 10px;
}

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

.logo-menu {
    place-content: center;
    margin: 0 auto;
    padding: 3px;
    border: 3px solid #adb5bd;
    margin-top: 25px;
    background-color: #fff;
}

a {
    text-decoration: none;
}

label.vpd-icon-btn,
div.vpd-header,
span.vpd-day-effect {
    background-color: #17a2b8 !important;
}

div.vpd-actions button {
    color: #17a2b8 !important;
}

div.v-list-item__title {
    line-height: 1.6 !important;
}

.v-btn--example {
    bottom: 0;
    left: 0;
    position: fixed !important;
    z-index: 9999;
    margin: 0 0 80px 16px;
}

.filter-btn {
    color: white !important;
    font-size: 13px !important;
}

.filter-btn-c {
    width: 27px !important;
    height: 27px !important;
}

th,
td {
    padding: 0 2px !important;
}

.offline-tbl th {
    text-align: right !important;
}

.a {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

a .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

a:hover .tooltiptext {
    visibility: visible;
}

.form-control.vpd-is-editable {
    width: -webkit-fill-available;
}

.text-white
{
    color: white !important;
}