.miprimary {
    color: var(--primary)
}

.m-gradient-primary {
    background: linear-gradient(118deg, var(--primary), rgba(var(--primary-rgb), 0.7))
}

.centrar {
    text-align: center;
    justify-content: center
}

.apexcharts-toolbar {
    z-index: 0!important
}

.transparent {
    background: rgba(255, 255, 255, .5)
}

.m-shadow {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .2)!important
}

.m-shadow:hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .4)!important
}

.m-shadow-1 {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1)!important
}

.m-shadow-1:hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .3)!important
}

.m-shadow-2 {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .4)!important
}

.m-shadow-2:hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .6)!important
}

.m-shadow-header {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1)!important
}

.m-shadow-header:hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .2)!important
}

.m-shadow-hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0)!important
}

.m-shadow-hover:hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .3)!important
}

.m-shadow-none {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0)!important
}

.m-menu {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1)!important
}

.vs-progress--background {
    width: 100%;
    border-radius: 18px;
    background-color: rgba(0, 0, 0, .06);
    z-index: 0!important;
    position: relative;
    display: inline-block;
    overflow: hidden
}

.m-encima-header {
    z-index: 9
}

.m-outline {
    border-style: solid;
    border-color: var(--primary);
    border-width: 1px
}

.m-outline-grey {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(160, 160, 255, .089)
}

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

.m-gradient-primary-con-borde {
    background-color: linear-gradient(118deg, var(--primary), rgba(var(--primary-rgb),0.7))!important;
    border-color: linear-gradient(118deg, var(--primary), rgba(var(--primary-rgb),0.7))!important
}

.cardScrollable {
    max-height: 500px;
    overflow: auto
}

.cardScrollable400 {
    max-height: 400px;
    overflow: auto
}

.cardScrollable300 {
    max-height: 300px;
    overflow: auto
}

.cardScrollable400Hiden {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none
}