/*Auth*/

.bg-pattern {
    background-image: none;
    background-size: cover;
}

body.authentication-bg-pattern {
    background-image: none;
}

body.authentication-bg {
    background-color: #75459b;
}

/*Footer*/

.footer-auth {
    color: white;
}

/*Barra superior*/

.navbar-custom {
    background-color: #75459b;
}

.navbar-custom .topnav-menu .nav-link {
    color: white !important;
}

/*Menu*/

body[data-sidebar-size=condensed] .left-side-menu {
    display: none;
}

body[data-sidebar-size=condensed] .content-page {
    margin-left: 0px !important;
}

@media (min-width: 768px) {
    body[data-sidebar-size=condensed]:not([data-layout=compact]) {
        min-height: 0px;
    }
}

body[data-sidebar-size=condensed] .footer {
    left: 0px !important;
}


/*General*/

.page-title-box {
    margin-bottom: 20px;
}

.page-title-box .page-title {
    line-height: 0px;
    margin-top: 40px;
    margin-bottom: 10px;
    overflow: visible;
}

.page-title-box .breadcrumb {
    padding-top: 5px;
    display: inline-flex;
}

.btn {
    border-radius: 5px;
}

.btn-align-label-input
{
    margin-top: 29px;
}

.mdi-accion {
    opacity: 0.9;
}

.mdi-accion:hover {
    opacity: 1;
}

.mdi-accion-disabled {
    opacity: 0.5;
    pointer-events: none;
 }

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

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

.color-primary {
    color: #75459b;
}

/*Menu*/

#sidebar-menu .menuitem-active .active {
    color: #75459b;
}

#sidebar-menu > ul > li > a {
    padding-top: 0px;
}

#sidebar-menu > ul > li > a:hover, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:active {
    color: #75459b;
}

#sidebar-menu .menuitem-active > a {
    color: #75459b;
}

#sidebar-menu .menu-title {
    padding-top: 25px;
}

.nav-second-level li a:focus, .nav-second-level li a:hover {
    color: #75459b;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a:hover, body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a:active, body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a:focus {
    color: #75459b;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul a:hover, body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul a:hover {
    color: #75459b;
}

.nav-second-level li a {
    padding: 5px 20px;
    line-height: 18px;
}

#sidebar-menu .menu-title {
    font-size: 12px;
}

.dropdown-item-menu-aplicaciones {
    white-space: normal;
    padding-bottom: 0px;
}

.dropdown-item-menu-aplicaciones:hover {
    color: #75459b;
    background-color: white;
}

.menu-aplicaciones-titulo {
    line-height: 18px;
}

.menu-apliaciones-detalles a {
    color: #98a6ad;
}

.menu-apliaciones-detalles a:hover {
    color: #75459b;

}

/*Botones*/

.btn {
    height: 38px;
}

.btn-tactil {
    height: 88px;
}

.btn-solo-icono {
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

.btn-solo-icono-tactil {
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

.btn-solo-icono-buscador {
    padding-top: 7px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

.span-btn-solo-icono {
    padding-top: 10px;
}

.span-btn-solo-icono-tactil {
    padding-top: 10px;
}

/*Fuentes*/

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

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

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

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

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

/*Tablas*/

.table-responsive{
    white-space: nowrap;
    margin-bottom: 20px;
}

.table-disabled{
    filter: blur(1px);
    pointer-events: none;
}

.table > thead {
    text-transform: uppercase;
}

td {
    vertical-align: middle;
}

.table > :not(caption) > * > * {
    padding: 8px;
}

.tabla-columna-id {
    width: 50px;
    min-width: 50px;
    text-align: center;
}

.tabla-columna-nombre {
    width: 475px;
    min-width: 300px;
    text-align: left;
}

.tabla-columna-organizacion {
    width: 500px;
    min-width: 300px;
    text-align: left;
}

.tabla-columna-cargo {
    width: 475px;
    min-width: 300px;
    text-align: left;
}

.tabla-columna-direccion {
    width: 475px;
    min-width: 300px;
    text-align: left;
}

.tabla-columna-email {
    width: 350px;
    min-width: 200px;
    text-align: left;
}

.tabla-columna-telefono {
    width: 250px;
    min-width: 100px;
    text-align: left;
}

.tabla-columna-ejercicio {
    width: 110px;
    min-width: 110px;
    text-align: center;
}

.tabla-columna-fechas {
    width: 110px;
    min-width: 110px;
    text-align: center;
}

.tabla-columna-adulto-infantil {
    width: 110px;
    min-width: 110px;
    text-align: center;
}

.tabla-columna-si-no {
    width: 20px;
    min-width: 20px;
    text-align: center;
}

.tabla-columna-contador {
    width: 40px;
    min-width: 40px;
    text-align: right;
}

.tabla-columna-numerador {
    width: 40px;
    min-width: 40px;
    text-align: right;
}

.tabla-columna-registro {
    width: 20px;
    min-width: 20px;
    text-align: right;
}

.tabla-columna-aplicacion {
    width: 180px;
    min-width: 180px;
}

.tabla-columna-acciones-1 {
    width: 50px;
    min-width: 50px;
}

.tabla-columna-acciones-2 {
    width: 95px;
    min-width: 95px;
}

.tabla-columna-acciones-3 {
    width: 110px;
    min-width: 110px;
}

.tabla-columna-acciones-4 {
    width: 135px;
    min-width: 135px;
}

.tabla-columna-porcentaje {
    width: 100px;
    min-width: 135px;
}

.tabla-columna-orden {
    width: 30px;
    min-width: 30px;
    text-align: right;
}

.tabla-columna-bytes {
    width: 100px;
    min-width: 100px;
    text-align: right;
}

.tabla-file-carpetas {
    padding: 5px 0px 0px 0px!important;
}

.tabla-columna-mw-100 {
    min-width: 100px;
}

.tabla-columna-mw-150 {
    min-width: 150px;
}

.tabla-columna-mw-200 {
    min-width: 200px;
}

.tabla-columna-mw-250 {
    min-width: 250px;
}

.tabla-columna-mw-300 {
    min-width: 300px;
}

.tabla-columna-mw-350 {
    min-width: 350px;
}

.tabla-columna-mw-400 {
    min-width: 400px;
}

.tabla-columna-mw-475 {
    min-width: 475px;
}

.tabla-columna-mw-500 {
    min-width: 500px;
}

.span-btn-acciones {
    padding-top: 5px;
}


/*Tabla cabecera sticky (fija)*/

.table-vh-60 {
    height: 60vh !important;
}

.theah-sticky {
    position: sticky; top: 0; background-color: white;
}



/*Inputs*/

input, textarea {
    /*background-color: rgb(117, 69, 155, 0.03) !important;*/
    background-color: rgb(242, 243, 246, 0.25) !important;
}

input:checked[type=radio] {
    background-color: #75459b !important;
}

input:checked[type=checkbox] {
    background-color: #75459b !important;
}

.form-label {
    text-transform: uppercase;
}

.required:after {
    content:" *";
    color: #f1556c;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eee !important;
    cursor: not-allowed;
}

::selection{
    background: rgba(117, 69, 155, 0.18);;
}

::-moz-selection{
    background: rgba(117, 69, 155, 0.18);;
}

input:disabled {
    cursor: not-allowed;
}

input:read-only {
    cursor: not-allowed;
}

input[type=radio], .form-check-label {
    cursor: pointer;
}

input[type=checkbox], .form-check-label {
    cursor: pointer;
}

/*Tooltips*/

.li-tooltip {
    cursor: help;
}

.tooltip-inner {
    background: #75459b;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #75459b;
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-right-color: #75459b;
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-bottom-color: #75459b;
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-left-color: #75459b;
}

/*Selec2*/

.select2 {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 37.38px !important;
    margin-top: 0px;
    border: 1px solid #ced4da;
    /*background-color: rgb(117, 69, 155, 0.03);*/
    background-color: rgb(242, 243, 246, 0.25);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 4px 0 0 12px !important;
    height: 37.38px !important;
    color: #6c757d;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 37.38px;
    margin-top: 0px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #75459b;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee !important;
    cursor: not-allowed;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
    background-color: #eee !important;
    cursor: not-allowed !important;
}

/*Selec2 Cambiar Paginacion*/

.div-cambiar-paginacion {
    width: 90px;
}

.div-cambiar-paginacion-livewire {
    width: 90px;
}


/*TomSelect*/
.ts-control
{
    color: #6c757d;
    padding-left: 12px;
    font-size: 14px;
    background-color: rgb(242, 243, 246, 0.25) !important;
    border-radius: 0.2rem;
    background-image: none !important;
    min-height: 37.38px;
}

.ts-dropdown {
    margin-top: -1px;
}

.ts-dropdown-content
{
    font-size: 14px;
}

.ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create
{
    padding: 10px 12px 10px 12px;
}

.ts-dropdown .selected
{
    background-color: #ddd;
}

.ts-dropdown .active
{
    background-color: #75459b;
    color: white;
}

.dropdown-input-wrap
{
    margin: 8px;
    font-size: 14px;
}

.plugin-dropdown_input .dropdown-input
{
    border: 1px solid #aaa;
    border-width: 0 0 0 0;
    display: block;
    padding: 8px 8px;
    box-shadow: none;
    width: 100%;
    background: transparent;
}

.ts-wrapper.single .ts-control, .ts-dropdown.single {
    border: 1px solid #ced4da;
}

.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
    border: 1px solid #aaa;
    border-radius: 0.2rem;
    outline: 0;
}

.focus .ts-control {
    border: 1px solid #aaa;
    border-radius: 0.2rem;
    outline: 0;
}


/*Modal*/

.modal-disabled{
    filter: blur(1px);
    pointer-events: none;
}


/*Modal Header*/

.modal-title {
    text-transform: uppercase;
}

.modal-header-danger {
    background: #f1556c;
}

.modal-header-warning {
    background: #f7b84b;
}

.modal-header-action {
    background: #75459b;
}

.modal-title-danger, .modal-title-warning, .modal-title-action {
    color: white;
}

.modal-button {
    color: white;
}


/*Modal VisorPDF*/

.modal-dialog-visor-pdf {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
}

.modal-content-visor-pdf {
    height: auto;
    min-height: 100%;
}

.modal-body-visor-pdf {
    height: 85vh;
}


/*Tabs*/

.nav-tabs {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.bg-contador-tab {
    background-color: rgba(117, 69, 155, 0.18);
    color: #6c757d;
}


/*OffCanvas*/

.offcanvas-title {
    text-transform: uppercase;
}

.offcanvas-50 {
    width: 50%;
    max-width: 800px;
    min-width: 600px;
}

@media (max-width: 800px) {
    .offcanvas-50 {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

.offcanvas-75 {
    width: 75%;
    max-width: 1000px;
    min-width: 800px;
}

@media (max-width: 800px){
    .offcanvas-75 {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}


/*Titulo de Pagina*/

.page-title {
    text-transform: uppercase;
    font-size: 18px !important;
}

.page-title-box .page-title-right {
    margin-top: 10px;
    display: inline-flex;
}


/*Timeline*/

.timeline-historial-cofrade:before {
    left: 0%;
    margin-left: 75px;
}

.timeline-item-historial-cofrade {
    display: block;
    margin-left: 75px;
}

.timeline-icon-historial-cofrade {
    top: 17% !important;
}

.timeline .timeline-box {
    padding: 10px;
}

.timeline .timeline-icon {
    background-color: rgba(117, 69, 155, 0.18) !important;
    left: -55px;
}

.timeline:before {
    background-color: rgba(117, 69, 155, 0.18) !important;
}


/*Loader*/

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/jmssm/images/loader.gif')
    50% 50% no-repeat rgb(249,249,249);
}


/*QuillJS Editor*/

.quilljs_texto_tramite {
    height: 400px;
}

.quilljs_texto_documento {
    height: 400px;
}

.quilljs_texto_correo {
    height: 400px;
}

.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #75459b !important;
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #75459b !important;
}

.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    /* font-size: 13px; */
    font-size: 12px;
    height: 100%;
    margin: 0px;
    position: relative;
}

.ql-editor .ql-size-small {
    /* font-size: 0.75em; */
    font-size: 10px;
}

.ql-editor .ql-size-large {
    /* font-size: 1.5em; */
    font-size: 14px;
}

.ql-editor .ql-size-huge {
    /* font-size: 2.5em; */
    font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    /* content: 'Normal'; */
    content: '12px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    /* content: 'Small'; */
    content: '10px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    /* content: 'Large'; */
    content: '14px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    /* content: 'Huge'; */
    content: '18px';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    /* font-size: 18px; */
    font-size: 14px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    /* font-size: 32px; */
    font-size: 18px;
}


/*Anchos*/

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

/*Evolución del Asistente*/

.track {
    position: relative;
    background-color: #ddd;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 80px;
}

.track .step {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative;
}

.track .step.active:before {
    background: #75459b;
}

.track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px;
}

.track .step.active .icon {
    background: #75459b;
    color: #fff;
}

.track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd;
}

.track .step.active .text {
    font-weight: 400;
    color: #000;
}

.track .text {
    display: block;
    margin-top: 7px;
}

/*Loader*/

.loader-text-modal {
    background-color: rgba(255,255,255,0.7);
}

.loader-text-modal-content {
    border: 2px solid #75459b;
}

/*Filtros*/

.filtro-aplicado .select2-selection {
    background-color: rgba(117, 69, 155, 0.18);
}

.bg-filtros-aplicados {
    background-color: rgba(117, 69, 155, 0.18);
    color: #6c757d;
}

/*A Disabled*/

a.disabled {
    color: gray;
    pointer-events: none;
}

/*Estadisticas*/

@media (max-width: 1500px) {
    .card-ssmv-censo-evolucion {
        min-height: 208px;
    }
}

@media (max-width: 9999px) {
    .card-ssmv-censo-evolucion {
        min-height: 198px;
    }
}

/*Cards de Imagenes*/
.card-container {
    width: auto;
    height: 250px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-container img {
    width: auto;
    height: 250px;
    object-fit: cover;
}

 /*ProgressBar*/

.demo-container {
    width: 100%;
    margin: auto;
}

.progress-bar {
    height: 4px;
    background-color: rgba(117, 69, 155, 0.2);
    width: 100%;
    overflow: hidden;
}

.progress-bar-value {
    width: 100%;
    height: 100%;
    background-color: #75459b;
    animation: indeterminateAnimation 1s infinite linear;
    transform-origin: 0% 50%;
}

.progress-bar-row {
    height: 40px;
}

@keyframes indeterminateAnimation {
    0% {
        transform:  translateX(0) scaleX(0);
    }
    40% {
        transform:  translateX(0) scaleX(0.4);
    }
    100% {
        transform:  translateX(100%) scaleX(0.5);
    }
}

/*Alert*/

.alert-success-permanent {
    color: #10715e;
    background-color: #d1f2eb;
    border-color: #baebe1;
}

.spinner-tabla {
    height: 20px;
    width: 20px;
}

/*Sortable*/

.a-sortable {
    color: #6c757d;
}

.a-sortable-active {
    color: #75459b;
}


/*Gestion Documental*/

.mail-list a {
    padding: 0px 10px;
}

/*Reservas Asientos*/

.asientos {
    list-style :none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.asiento {
    display: flex;
    flex: 0 0 80px;
    padding: 5px;
    position: relative;

    .asiento-input {
        position: absolute;
        opacity: 0;
    }

    .asiento-color-L {
        + label
        {
            background: green;
        }
    }

    .asiento-color-O {
        + label
        {
            background: red;
        }
    }

    .asiento-color-X {
        + label
        {
            background: gray;
        }
    }

    .asiento-input:checked {
        + label {
            background: #75459b;
        }
    }

    .asiento-label {
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
        font-size: 12px;
        line-height: 1.5rem;
        padding: 4px 0;
        background: green;
        border-radius: 5px;
        color: white;

        &:hover {
            cursor: pointer;
            background: #75459b;
            box-shadow: 0 0 0px 2px #75459b;
        }
    }
}