/*Varela-Round*/
@font-face {
    font-family: 'Varela-Round--400';
    src: url('/fonts/VarelaRound-Regular.woff2') format('woff2'),
            url('/fonts/VarelaRound-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*Source-Sans-3*/
@font-face {
    font-family: 'Source-Sans-3';
    src: url('/fonts/SourceSans3-Regular400.woff2') format('woff2'),
    url('/fonts/SourceSans3-Regular400.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source-Sans-3';
    src: url('/fonts/SourceSans3-Italic400.woff2') format('woff2'),
    url('/fonts/SourceSans3-Italic400.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Source-Sans-3';
    src: url('/fonts/SourceSans3-Light300.woff2') format('woff2'),
    url('/fonts/SourceSans3-Light300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Source-Sans-3';
    src: url('/fonts/SourceSans3-Bold700.woff2') format('woff2'),
    url('/fonts/SourceSans3-Bold700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/*Open-Sans*/
@font-face {
    font-family: 'Open-Sans';
    src: url('/fonts/OpenSans-Regular400.woff2') format('woff2'),
    url('/fonts/OpenSans-Regular400.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open-Sans';
    src: url('/fonts/OpenSans-ExtraBold800.woff2') format('woff2'),
    url('/fonts/OpenSans-ExtraBold800.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
body {
    font-family: 'Varela-Round--400','Source-Sans-3',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 0.9rem;
}
th {
    position: relative;
}

.wbodyquill .ql-align-center {
    text-align: center;
}

.wbodyquill .ql-video {
    width: 50% !important;
    aspect-ratio: 2 / 1;
}
@media (max-width: 767px) {
    .wbodyquill .ql-video {
        width: 100% !important;
    }
}

.nombreCentroSu a {
    border-radius: 25px 25px 0 0;
    display: inline-block;
    margin-left: 10px;
    padding: 6px 15px;
}
nav span.nombreCentroSu {
    position: absolute;
    right: 0;
    margin-top: -20px;
}
nav span.nombreCentroSu.filtroVacio {
    display: none;
}
nav .nombreCentroSu a {
    font-size: 9px;
    color: black !important;
    background: #fde9ca;
    border-radius: 8px;
    padding: 0px 2px;
}
nav .nombreCentroSu a i {
    font-size: 9px !important;
    width: 10px !important;
}
.spinner, .spinnerws {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/images/ajax-loader.gif') 50% 50% no-repeat;
    z-index: 1038;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .spinner, body.loadingws .spinnerws {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .spinner, body.loadingws .spinnerws {
    display: block;
}


.blink-text {
    color: white;
    font-weight: bold;
    animation: blinkingText 5s infinite;
    -webkit-animation: blinkingText 5s infinite;
}
.wdetalle .text-danger {
    color: #ffffff !important;
    background-color: #dc3646;
    padding: 1px 5px;
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: 1px;
}
.wdetalle .text-danger:empty {
    padding: 0;
}
.dataTables_wrapper .dataTables_filter input[type=search] {
    margin: 10px 10px 0px;
    border: 1px solid #b1ada7;
}
a {
    /*color: #8181b1;*/
    color: #184438;
}
a:hover {
    color: #a9c98c;
}
a.text-primary:focus, a.text-primary:hover {
    color: #a9c98c !important;
}
a.text-primary:focus, a.text-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
a.lnkpie {
    font-size: 12px;
    margin-left: 13px;
}
.main-footer {
    color: #184438;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@keyframes blinkingText {
    0% {
        background-color: gray;
        color: white;
    }

    /*25% {
        background-color: #1056c0;
    }*/

    50% {
        background-color: #f8f9fa;
        color: black;
    }

    /*75% {
        background-color: #254878;
    }*/

    100% {
        background-color: gray;
        color: white;
    }
}

.blink-campana {
    color: rgba(0,0,0,.5);
    font-weight: bold;
    animation: blinkingBell 2s infinite;
}

i.iconsearchauto {
    color: #c5c5c8;
    position: absolute;
    margin-top: -25px;
    margin-left: 9px;
    font-size: 11px;
}
input#pacientesauto, input#otrossauto {
    padding-left: 23px;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}

.lnkllamadas .blink-campana p:after {
    content: "\f095";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 5px;
    font-size: 21px;
    position: absolute;
    left: 7px;
    bottom: 2px;
    color: #f8f9fa;
    /*background-color: #dc3545;*/
    background-color: #da6e39;
    border-radius: 50%;
    padding: 2px 7px;
}
.lnkllamadas{ position: relative;}
.lnkllamadas.hayllamadas:before {
    content: '.';
    position: absolute;
    left: 6px;
    /*color: #dc3646;*/
    color: #da6e39;
    font-size: 70px;
    top: -8px;
    z-index: 1;
    line-height: 10px;
}

[class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link, [class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link:focus {
    color: initial;
}
a.nav-link.notaside:before {
    content: '*';
    position: absolute;
    left: 3px;
    /*color: #dc3646;*/
    color: #da6e39;
    font-size: 26px;
    top: 0;
}
@keyframes blinkingBell {
    0% {
        color: rgba(0,0,0,.5);
        transform: scale(1);
    }
    /*25% {
        background-color: #1056c0;
    }*/
    50% {
        /*color: red;*/
        color: #da6e39;
        transform: scale(1.01);
    }
    /*75% {
        background-color: #254878;
    }*/
    100% {
        color: rgba(0,0,0,.5);
        transform: scale(1);
    }
}

div#cookieConsent {
    position: absolute;
    z-index: 1;
    bottom: 45px;
    right: 10px;
    width: 730px;
    max-width: fit-content;
}
div#cookieConsent button.close {
    font-size: 17px;
    opacity: .6;
    line-height: 21px;
}

#calendar {
    background-color: white;
    padding: 20px;
    margin: 20px;
    border-radius: 15px;
}
.swal2-icon.swal2-info {
    border-color: #4d4d6a!important;
    color: #4d4d6a!important;
}
button.swal2-close {
    background-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    border: 0;
    border-radius: 50%;
    position: absolute;
    right: 14px;
    top: 14px;
    margin: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    font-size: 1.25rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

button.swal2-close:hover, button.swal2-close:focus {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    transform: scale(1.05);
}

/* For light backgrounds */
.swal2-modal.swal2-white button.swal2-close,
.swal2-container.swal2-white button.swal2-close {
    background-color: rgba(0, 0, 0, 0.1);
    color: #555;
}

.swal2-modal.swal2-white button.swal2-close:hover,
.swal2-container.swal2-white button.swal2-close:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #333;
}
@media (max-width: 767px) {
    button.swal2-close {
        top: 10px;
        right: 10px;
        width: 25px;
        height: 25px;
    }
}
button.swal2-close:focus {
    box-shadow: none;
}
/*button.swal2-close:hover {
    transform: none;
    background: rgb(90, 119, 106);
    color: #faf8f4;
}*/

.botones-alert2 {
    margin: 0 2em;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}

input#cambiacit {
    font-size: 10px;
    font-weight: normal;
    border-radius: 20px;
    letter-spacing: 0px;
    line-height: 12px;
    opacity: 0.8;
}
span#infocopia {
    display: block;
    font-size: 14px;
    font-style: italic;
    color: black;
    letter-spacing: -1px;
    line-height: 10px;
}
input#cambiacit[value="---"]{
    display: none;
}

.fc-title {
    color: white;
    display: inline-block;
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1340px) {
    .fc-title {
        width: 75px;
    }
}
@media (max-width: 630px) {
    .fc-title {
        width: 40px;
    }
}

.fc-content .fc-time span {
    background-color: white;
    padding: 2px 5px;
    display: block;
    margin-top: 2px;
    font-size: 11px;
    font-weight: bold;
    color: #343a40;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #184438;
    color: #fff;
}
[class*=sidebar-dark-] {
    background-color: #ffffff;
}

[class*=sidebar-dark-] .sidebar a {
    /*color: #b5995e;*/
    color: #e49741;
}

[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link {
    /*color: #244b3a;*/
    color: #184438;
}   

    [class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link, [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link:hover {
        background-color: #a9c98c;
        color: #343a40;
    }

    .wcalendar{
        height: calc(100vh - 245px);
    }

.content-wrapper {
    /*background: #e3e2ee21;
    background: linear-gradient(90deg, #8181b117 50%, #8181b133 100%);*/
    background: #fff;
}
#renderllamada {
    display: none;
}

.wparentllamadas {
    /*border: 2px solid #9595bd;*/
    border: 2px solid #a9c98c;
    margin: 7px;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    border-radius: .25rem;
    background: #fff;
    display: flex;
    padding: .5rem;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    height: fit-content;
}
.wparentllamadas button.btn {
    display: none;
}
.wparentllamadas.veruna .msgagenda .info-box-icon {
    display: none;
}
.wparentllamadas:before {
    content: 'colectiva';
    position: absolute;
    top: -8px;
    /*background-color: #8181b1;*/
    background-color: #184438;
    padding: 1px 7px;
    font-size: 10px;
    border-radius: 5px;
    color: white;
    right: 8px;
}

.btnentraractivo button.btn {
    display: block;
    position: absolute;
    bottom: -30px;
    right: -10px;
    font-size: 10px;
    background-color: white;
}

.wparentllamadas > div {
    font-size: 13px;
    width: inherit;
}
.btnentraractivo button.btn:hover {
    /*background: #dc3545;*/
    background: #e49741;
}

.salaactiva {
    /*background-color: #a2a2c6;*/
    background-color: #a9c98c;
}
.salaactiva button.btn {
    text-decoration: line-through;
}
.salaactiva button.btn:before {
    content: 'refresh';
    position: absolute;
    text-decoration: none;
    bottom: -6px;
    background-color: #da6e39;
    padding: 0px 5px;
    font-size: 9px;
    border-radius: 5px;
    color: white;
}
/* CLASES PARA BADGES UNIFICADAS */
.badge {
    padding: 0.25em 0.5em;
    font-size: 85%;
    font-weight: 500;
    border-radius: .3rem !important;
    letter-spacing: 0.3px;
    display: inline-block;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.navbar-badge {
    border-radius: .25rem;
    line-height: 1;
}
.badge-success {
    background-color: #a9c98c;
    color: #fff;
    border: 1px solid #a9c98c;
}
.badge-danger {
    background-color: #da6e39;
    color: #fff;
    border: 1px solid #da6e39;
}

.badge-rectificada {
    background-color: #8a8cc5;
    color: #fff;
    border: 1px solid #8a8cc5;
}
.badge-rectificativa {
    background-color: #8aa9c5;
    color: #fff;
    border: 1px solid #8aa9c5;
}

.badge-warning {
    background-color: #e49741;
    color: #fff;
    border: 1px solid #e49741;
}
.badge-secondary {
    background-color: #f2f2f2;
    color: #6c757d;
    border: 1px solid #e6e6e6;
}
.badge-light {
    background-color: #fff;
    color: #184438;
    border: 1px solid #e6e6e6;
}

/* CLASES PARA IDIOMAS */
.recargar-es button.btn:before {
    content: 'recargar';
}
.recargar-ca button.btn:before {
    content: 'recarrega';
}
/* ---------------- */
.wuserconnected .useractivo {
    text-decoration: line-through;
}

.row.listalladas {
    row-gap: 20px;
    column-gap: 10px;
}
.wpage-Llamada .col-md-6, .wpage-HomeLlamada .col-md-6 {
    max-width: 430px;
}
div#renderllamada button {
    font-size: 12px;
    letter-spacing: 0px;
}
.text-rectificada{
    color: #8a8cc5;
}
.text-rectificativa{
    color: #8aa9c5;
}

.text-primary {
    color: #a9c98c !important;
}

.bg-primary {
    background-color: #a9c98c !important;
}
.bg-light-green {
    background-color: #f0f8f0 !important;
}
.bg-light-blue {
    background-color: #f0f4ff !important;
}
.bg-blur {
    backdrop-filter: blur(4px);
    background: #ffffffdb !important;
}

.btn.btn-primary, .btn-sm.btn-primary {
    background: linear-gradient(-22deg, #a9c98cfa 42%, #a9c98cd1 100%);
    border-color: #a9c98c;
    color: #343a40;
    letter-spacing: 1px;
}
.btn.btn-outline-primary, .btn-sm.btn-outline-primary {
    border-color: #a9c98c;
    color: #a9c98c;
    letter-spacing: 1px;
}
.btn.btn-outline-primary:hover, .btn-sm.btn-outline-primary:hover {
    border-color: #184438;
    color: white;
    background-color: #184438;
    letter-spacing: 1px;
}
.btn-outline-info {
    color: #184438;
    border-color: #184438;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #184438;
    border-color: #184438;  
}
.card-outline {
    border-top: 3px solid #184438 !important;
}
.text-secondary {
    color: #184438 !important;
}

.bg-secondary {
    background-color: #184438 !important;
}

.btn-secondary, .btn-sm.btn-secondary {
    color: #ffffff;
    border-color: #184438 ;
    background: linear-gradient(-22deg, #184438fa 42%, #184438d1 100%);
    letter-spacing: 1px;
}
.text-danger {
    color: #dc3646 !important;
}
.text-warning {
    color: #e49741 !important;
}
.btn-volver, .btn-sm.btn-volver {
    color: #ffffff;
    border-color: #007bff ;
    background: linear-gradient(-22deg, #007bfffa 42%, #007bffd1 100%);
    letter-spacing: 1px;
}
.btn-volver:hover, .btn-sm.btn-volver:hover {
    color: #ffffff;
}
.btn-crearcita, .btn-crearcita:hover {
    background: linear-gradient(-22deg, #dce4ebfa 42%, #dce4ebd1 100%);
    border-color: #dce4eb;
    color: #343a40;
    letter-spacing: 1px;
}
.btn-danger, .btn-sm.btn-danger {
    color: #fff;
    background-color: #da6e39;
    border-color: #da6e39;
    box-shadow: none;
}
.btn-danger:hover, .btn-sm.btn-danger:hover {
    background-color: #DF1B41;
    border-color: #DF1B41;
}
.btn-outline-danger {
    color: #da6e39;
    border-color: #da6e39;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #da6e39;
    border-color: #da6e39;
}

.dInfo{
    font-size:10px;
}

.dInfo span{
    color: white;
    font-weight: bold;
    font-size: 12px;
    margin: 4px;
    border-radius: 20px;
    padding: 1px 5px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.dInfo span.bVirtual {
    background-color: #c2ac7b;
    box-shadow: 0 0 1px #c2ac7b;
}

.dInfo span.bPresencial {
    background-color: #567467;
    box-shadow: 0 0 1px #567467;
}

.dInfo span.bNotas {
    background-color: red;
    box-shadow: 0 0 1px red;
}

.fc-day-grid-event, .fc-more {
    visibility: hidden;
}

.fc-event.virtual:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    content: "\f03d";
    content: "\f590";
    position: absolute;
    z-index: 4;
    color: #ffffff;
    right: -6px;
    top: -4px;
    font-weight: 900;
    background-color: #c2ac7b;
    padding: 6px 5px 7px 7px;
    border-radius: 14px;
    font-size: 15px;
}

.fc-event.facturada {
    border-left: 3px solid #a9c98c !important; /* Borde verde en el lado izquierdo */
    position: relative;
    transition: border-color 0.2s ease;
}

.fc-event.facturada:after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent #a9c98c transparent;
    z-index: 4;
    transition: border-color 0.2s ease;
}

.fc-event.facturada .fc-content {
    margin-left: 3px;
}

.fc-event.facturada:hover {
    border-left-color: #a9c98c !important;
}
.fc-event.facturada:hover:after {
    border-bottom-color: #a9c98c;
}

.fc-event.facturada.fc-dragging {
    border-left-color: #dc3545 !important;
    cursor: not-allowed;
}

.fc-event.facturada.fc-dragging:after {
    border-bottom-color: #dc3545;
}

.fc-event.bloqueo {
    background-color: #f3f3f3;
    color: black;
    border: 1px solid #c0c0c3;
}

.fc-event.bloqueo .fc-content .fc-time span {
    background-color: #f3f3f3;
}

.bloqueo .fc-title {
    color: black;
    font-size: 10px;
    padding-left: 7px;
}
.fc-event.bloqueo:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    content: "\f023";
    position: absolute;
    z-index: 4;
    color: #ffffff;
    right: -6px;
    top: -4px;
    font-weight: 900;
    background-color: #333;
    padding: 5px 7px 7px 7px;
    border-radius: 14px;
    font-size: 14px;
}

/** LOGS LLAMADAS **/
.table.table--llamadas thead th {
    vertical-align: top;
}

/** LLAMADAS **/
.wpagedetallellamada .wuserconnected {
    font-size: 12px;
}
.wpagedetallellamada .box-body {
    overflow: auto;
    max-height: calc(100vh - 400px);
    z-index: 1039;
    background: #ffffff47;
    width: 255px;
    margin-left: 10px;
    border: 2px solid #65807529;
    border-radius: 10px;
}
.wpagedetallellamada .box-body .table {
    margin-bottom: 0;
}
.btnshpacientes {
    margin-left: -30px;
    position: absolute;
    display: block;
    z-index: 1039;
    font-size: 22px;
    border-color: #184438;
    background: linear-gradient(-22deg, #184438fa 42%, #184438d1 100%);
    letter-spacing: 1px;
    color: #ffffff;
}
.btnshpacientes:hover {
    border-color: #a9c98c;
    background: linear-gradient(-22deg, #a9c98cfa 42%, #a9c98cd1 100%);
    color: #343a40;
}
.wpagedetallellamada .wuserconnected td {
    padding: 2px;
    line-height: 30px;
}
.wpagedetallellamada .box-body::-webkit-scrollbar {
    width: 6px;
}

.wpagedetallellamada .box-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.wpagedetallellamada .box-body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
tr.wuserconnected.userconnected td {
    position: relative;
}
.btnverlista {
    transition-duration: 0.5s;
    font-size: 16px;
    position: absolute;
    bottom: -4px;
    right: -5px;
}
.btnverlista.ver {
    transform: rotate(180deg);
}
tr.wuserconnected.userconnected td:first-child:before {
    content: 'en línea';
    position: absolute;
    display: inline-block;
    bottom: 0px;
    font-style: italic;
    font-size: 12px;
    color: #dc3646;
    font-weight: bold;
    left: 12px;
}
.wpagedetallellamada tr.wuserconnected.userconnected td:first-child:before {
    bottom: -9px;
}

.wlistllamadas {
    font-size: 10px;
    cursor: pointer;
    transition-duration: 0.5s;
}
tr.wlistllamadas span:hover, .tabselected {
    background-color: #a9c98c;
    color: #343a40;
}
.tablista {
    display: inline-block;
    padding: 5px;
    text-align: center;
    max-width: calc(38% - 10px);
    margin-top: -5px;
    margin-bottom: -5px;
}
button#btnllamada {
    position: absolute;
    right: 6px;
    display: none;
}
button.btndesconectar {
    right: 34px;
    position: absolute;
    display: none;
}
button#btnllamada.btnoyente {
    right: 34px;
}
.wuserconnected:hover button#btnllamada {
    display: block;
}
.userconnected:hover button.btndesconectar {
    display: block;
}
.trpaciente, .tralumno, .trgrupo {
    display: none;
}

.shortNameLlamada {
    display: inline-block;
    max-width: 200px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.llamadaUsersLista {
    display: block;
    height: 35px;
}

@media (max-width: 767px) {
    .wpagedetallellamada .box-body {
        z-index: 1037;
    }

    .btnshpacientes {
        z-index: 1037;
    }
}

/*** PACIENTES ***/
table.table.tablecitashis {
    background-color: white;
    border-radius: 10px;
    display:none;
}
.wdetallehistorial {
    position: sticky;
    top: 65px;
}
.formsearchpac {
    justify-content: center;
}
.wpacientesindex {
    align-items: start;
}
.tablecitashis.table thead td.cabcitashis {
    border-top: 0;
}
.tablecitashis.table tfoot b {
    display: inline-block;
    width: 120px;
    text-align: right;
    padding-right: 10px;
}

.shortNameLength {
    display: inline-block;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 470px) {
    .shortNameLength {
        display: inline-block;
        width: 75px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

#cmbTipoTerapia {
    display: inline-block;
    width: 240px;
}

a#proximacita {
    white-space: normal;
    text-align: left;
    font-weight: bold;
    color: red;
}

#wllamadas {
    background-color: #dc3646;
    color: white;
}

#wllamadas i, #wllamadas span#horallamada {
    color: white!important;
}

.wrowchats {
    max-width: 1050px;
    margin: 0 auto;
    background-image: url(/images/PsyPocketIconsW.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    min-height: calc(100vh - 200px);


    background-size: 300px;
    background-position: left 26px center;
}

ul.wchatslist {
    list-style: none;
    padding: 20px 0;
    margin-right: -8px;
    margin-top: 2px;
}

ul.wchatslist li {
    margin-top: -2px;
    text-align: left;
}

.cardchat {
    margin: 20px 0;
    width: calc(100vw - 360px);
    max-width: 600px;
    border-radius: 0px;
}

button.btnChat.form-control {
    position: relative;
    display: inline-block;
    text-align: left;
    border-radius: 0;
    padding: 10px 22px;
    height: auto;
    line-height: 25px;
}
.btnChat i {
    float: right;
    font-size: 12px;
    padding-right: 3px;
    color: #9e9e9e;
}
.direct-chat-messages {
    padding: 0 25px;
    height: auto;
    max-height: calc(100vh - 340px);
}

.direct-chat-msg.left {
    max-width: 80%;
    clear: both;
}

.direct-chat-msg.right {
    max-width: 80%;
    float: right;
    clear: both;
}

.ultimo {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.chatactivo, .chatactivo:focus {
    background-color: #d8d8d8;
    color: #2f2f2f;
}
.direct-chat-timestamp {
    color: #59766a9e;
    font-size: 9px;
    position: relative;
    padding: 0 7px;
    bottom: -33px;
    z-index: 1;
}

.card-danger:not(.card-outline) > .card-header {
    background-color: #59766a;
    border-radius: 0;
}

.direct-chat-text {
    background: #ffffff;
    margin: 5px 0 0 50px;
    padding: 20px 12px 12px 13px;
}

.direct-chat-danger .right > .direct-chat-text {
    background: #59766a30;
    border-color: #59766a;
    color: #444;
}

.direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before {
    border-left-color: rgb(89, 118, 106);
}

.direct-chat-msg.msgdia {
    clear: both;
    text-align: center;
    padding: 2px 0;
    position: sticky;
    top: -5px;
    z-index: 1;
}

.direct-chat-msg.msgdia .direct-chat-infos {
    display: inline-block;
    background-color: #ececec;
    padding: 1px 7px;
    border-radius: 7px;
    color: gray;
}

.short-msg-usernaname {
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 370px) {
    .short-chat-username {
        display: inline-block;
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (max-width: 300px) {
    .short-msg-usernaname {
        width: 100px;
    }
}

.info-box.msgagenda {
    min-height:50px;
    margin-top: 3px;
}

.info-box.msgagenda .info-box-icon {
    background-color: rgba(255, 255, 255, 0);
    color: white;
}
.info-box .info-box-icon>img {
    max-width: 100%;
    outline: 1px solid;
    border-radius: 50%;
    background-color: #ffffff36;
}

    @keyframes shake {
        10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.content-wrapper > .content {
    padding: 15px 25px;
}

.content-wrapper > .content h1 {
    border-bottom: 1px solid #dee2e6;
}

.box {
    position: relative;
    background: #ffffff;
    margin-bottom: 20px;
    padding: 1.5rem;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}
.box-header {
    color: black;
    display: block;
    padding: 10px;
    position: relative;
    background-color: #56746733;
    background: linear-gradient(90deg, #5674670d 0%, #56746742 100%);
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
    content: " ";
    display: table;
}

.no-padding {
    padding: 0 !important;
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

aside .wloginaside {
    border-bottom: 0 !important;
    margin-bottom: 14px !important;
    padding-bottom: 0px !important;
    background-color: #f8f5ef;
    border-radius: 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    display: none !important;
}
.wloginaside a.nav-link {
    background-color: #ffffffcc;
    padding: 3px 10px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}

.wloginaside button.nav-link.btn.btn-link.text-dark {
    text-decoration: underline;
}

.wloginaside a, .wloginaside .btn {
    font-size: 14px;
}

.wloginaside .image {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}
.wloginaside .info {
    width: 100%;
    text-align: center;
}
.wloginaside .form-inline {
    justify-content: center;
}

.infologin button.nav-link.btn.btn-link.text-dark {
    padding-top: 2px;
}
.infologin button.nav-link.btn.btn-link.text-dark:before {
    content: "\f2f6";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 5px;
}

.main-sidebar{
    display: flex; flex-direction: column;
    z-index: 1150;
}

#sidebar-overlay {
    z-index: 1051;
}

.wimgconsejo{
    margin-top: auto;
}

.wimgconsejo img{
    max-width: 100%; margin-bottom: 10%; opacity: 0.8;
}

.wpagedetalle {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 350px);


    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 200px);
    background-image: url(/images/PsyPocketIconsW.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
}
.wpagedetallellamada {
    min-height: calc(100vh - 200px);
/*    background-image: url(/images/PsyPocketIconsW.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: right top;*/
}
.logoBgLlamadas {
    background-image: url(/images/PsyPocketIconsW.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: right top;
    opacity: .5;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 125px;
    right: 50px;
}
.wpagedetallellamada .navbar-badgeX {
    font-weight: 100;
    font-size: 9px;
    top: -20px;
    position: absolute;
    left: 45px;
}

/* Banner informativo del Consejo */
.info-banner-logo {
    height: 50px;
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 0.375rem;
}

/* Responsive */
@media (max-width: 768px) {
    .info-banner-logo {
        height: 40px;
    }
}

.wpagedetalle .btn-group{
    width:350px;
}

.wdetalle {
    background-color: #f8f5efb5;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    padding: 20px 20px 20px;
    margin-bottom: -15px;
}

.wdetalle center {
    color: #59776a;
    font-size: 40px;
    text-align: center;
}


    .logoheader {
        text-align: center;
        width: 100%;
        display: block;
    }

.logoheader img {
    max-width: 200px;
    padding: 0px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(248, 245, 239, 0.52);
}

/* FICHEROS */
#wnuevofile {
    text-overflow: ellipsis !important;
    overflow: hidden;
}
.foldername {
    font-weight: bold;
}
ul.ulfolder {
    transition-duration: 0.5s;
    border-left: 1px dashed #dcdce0;
}
ul.ulfolder.folderseleccionado {
    background-color: #e4d9c4;
    padding-top: 10px;
    padding-bottom: 14px;
    padding-right: 10px;
}
.formupload input#file, .formupload input#folder {
    font-size: 12px
}
ul.ulfolder .wfile {
    position: relative;
}
.kasfile {
    font-size: 10px;
    position: absolute;
    margin-top: -2px;
    padding-left: 3px;
}

.caducafile {
    font-size: 9px;
    padding-left: 3px;
    position: absolute;
    font-weight: bold;
    color: #343a40;
    bottom: 2px;
    right: 20px;
}
input#file {
    border: 0;
}
.btnupload {
    width: 100%;
}
input#file, .btnupload {
    display: none;
}
.btnsubir {
    position: absolute;
    right: 35px;
    top: 50px;
    cursor: pointer;
    display: none;
}
.dropzone.dz-drag-hover {
    background-color: #8181b19c;
}
.dropzone .dz-preview .dz-progress {
    top: 37%!important;
}

#showfolderset {
    font-weight: bold;
}
.deletefile {
    margin-right: 10px;
}
.efimfile {
    float: right;
    margin-left: 10px;
}
.text-secondaryefi {
    color: #b5a990 !important;
}
.progress-bar {
    background-color: #9f9fc4;
}
.subiendo {
    background: white !important;
    color: #929292;
    border: 0;
}
#filescontainer {
    height: auto;
}
#rootfolder {
    font-size: 18px;
    list-style: none;
    padding: 40px;
}

.showSharedUsers, .sharedUsers {
    float: right;
    margin-right: 10px;
}
.showSharedUsers {
    cursor: pointer;
}
.sharedUsers {
    list-style-type: none;
    font-size: 0.75em;
    display: none;
}
.usersIcon {
    color: #6C757D;
}
.notedIcon {
    color: black;
}

.downfile {
    margin-right: 5px;
}
@media (max-width: 576px) {
    #filescontainer {
        height: auto;
    }
    #filescontainer .wdetalle {
        padding: 0px;
    }
    #rootfolder {
        padding: 5px;
    }
    ul.ulfolder {
        padding-left: 20px;
    }
    span.caducafile {
        font-size: 8px;
        bottom: 0px;
        right: 10px;
    }
    li.list-group-item.wfile {
        font-size: 11px;
        padding: 15px;
    }
    span.kasfile {
        top: 4px;
        right: 5px;
    }
}
/* CAJA DE VIDEOLLAMADA */
.resizable {
    background: white;
    position: fixed;
    width: calc((96vw - 250px)*2 / 3);
    height: 450px;
    left: calc(290px + ((96vw - 250px) / 3));
    top: 280px;
    top: auto;
    bottom: 60px;
    z-index: 1238;
    display: none;
}
    .resizable #maxmin {
        position: absolute;
        cursor: pointer;
        top: -25px;
        font-size: 18px;
    }

    .resizable #maxmin i {
        background-color: #212529;
        padding: 4px;
        color: #ededf4;
        font-size: 14px;
    }

    .resizable #closecall {
        position: absolute;
        cursor: pointer;
        top: -25px;
        font-size: 18px;
        right: 0px;
    }
    .resizable #closecall i {
        transform: rotate(225deg);
        margin-right: 2px;
        color: white;
        background-color: #e49741;
        border-radius: 50%;
        padding: 7px;
    }
    .resizable .resizers {
        width: 100%;
        height: 100%;
        border: 0;
        box-sizing: border-box;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    }

    .resizable .resizers .before {
        position: absolute;
        background-color: #ffffff4d;
        mix-blend-mode: hard-light;
        font-size: 17px;
        top: 44%;
        padding: 2px 10px;
        border-radius: 10px;
        display: none;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 150px;
        text-align: center;
    }

    .resizable .invitado.resizers .before {
        display: block;
    }

    .resizable .resizers .resizer {
        /*border-radius: 50%; magic to turn square into circle*/
        border-radius: 0;
        width: 4px;
        height: 4px;
        background: #e9e9f2;
        border: 2px solid #0000007d;
        position: absolute;
    }

    .resizable .resizers .resizer.top-left {
        left: -5px;
        top: -5px;
        cursor: nwse-resize; /*resizer cursor*/
    }

    .resizable .resizers .resizer.top-right {
        right: -5px;
        top: -5px;
        cursor: nesw-resize;
    }

    .resizable .resizers .resizer.bottom-left {
        left: -5px;
        bottom: -5px;
        cursor: nesw-resize;
    }

    .resizable .resizers .resizer.bottom-right {
        right: -5px;
        bottom: -5px;
        cursor: nwse-resize;
    }
@media (max-width: 767px) {
    .btnshpacientes {
        margin-left: -12px;
    }
}
/* MODALES */
.espersonal-True {
    display: none;
}
.close {
    text-shadow: none;
    opacity: 1;
}
button:focus {
    outline: none;
    opacity: 1;
}
button.close {
    font-size: 38px;
    position: absolute;
    right: 5px;
    top: 17px;
    transition-duration: .5s;
    padding: 0 12px;
    color: #0000007d;
}
button.close:hover {
    color: #e49741;
}

dt.col-sm-2, dt.col-sm-4 {
    text-align: right;
    background-color: white;
    border-bottom: 1px dashed #bbb;
    margin-bottom: 3px;
    padding: 3px 8px;
    text-transform: capitalize;
}
dd.col-sm-10, dd.col-sm-8 {
    margin-bottom: 3px;
    padding: 3px 8px;
}

dl.row {
    padding: 15px;
}

h4 {
    margin: -15px -25px 9px;
    padding: 8px 65px;
    /*background-color: #5a776a;*/
    color: white;
    /*background: linear-gradient(162deg, #567467fa 42%, #567467d1 100%);*/
    background: linear-gradient(170deg, #184438 58%, #184438a6 100%);
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 5px;
    position: relative;
}

.tituloModalNuevaLlamada {
    background: linear-gradient(-22deg, #f5ddebfa 42%, #f5ddebd1 100%);
    color: #343a40;
}
.tituloModalNuevaLlamada i {
    color: #343a40;
}
.modalNuevaLlamada .btn.btn-primary {
    background: linear-gradient(-22deg, #a9c98cfa 42%, #a9c98cd1 100%);
    border-color: #a9c98c;
    color: #343a40;
}
.modalNuevaLlamada .fas.fa-user-cog {
    color: #343a40;
}

    h4 i {
        /*
    margin-top: 7px;
    margin-left: -20px;
    color: white;*/
        font-size: 14px;
        position: absolute;
        margin-left: -55px;
        padding: 12px 13px;
        background: white;
        color: #343a40;
        border-radius: 25px;
        box-shadow: 0 0 1px white;
        margin-top: -5px;
        letter-spacing: 1px;
    }

.modal-body {
    padding: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-right: 2px solid white;
}

.modal-content {
    background-color: #5a776a;
    min-height: 55px;
}

/*OPCIONES MODAL*/
.opciones-modal {
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: 10px 0;
    border: 1px solid #e9e1d0;
    border-radius: 3px;
    background-color: white;
    position: absolute;
    top: 0;
    right: -24px;
}
.opciones-modal--detailsModal {
    top: 65px;
    left: 30px;
    width: max-content;
    height: fit-content;
    z-index: 10;
}
.item-modal {
    color: #343a40 !important;
    cursor: pointer;
    padding: 6px 15px;
}
.item-modal:hover {
    background-color: #ededf2;
    border-radius: 2px;
}
.item-modal--borrar {
    color: #343a40 !important;
    padding: 6px 15px;
    background-color: white;
}
.item-modal--borrar:hover {
    color: #e49741 !important;
    outline: 1px solid #e49741;
    border-radius: 2px;
}

@media (max-width: 767px) {
    .opciones-modal {
        top: 50px;
    }

}

.max-w-fit {
    max-width: fit-content;
}
.reset-estilo-btn {
    background-color: transparent;
    border: none;
    text-align: left;
}
.reset-estilo-btn:focus {
    outline: none;
}
/*MODAL BORRAR SALA*/
.layout-modal-borrar-sala {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    padding: 25px;
    background-color: white;
    border: 1px solid #e9e1d0;
    border-radius: 3px;
    width: 100%;
}
.cabecera-modal-borrar-sala {
    background: linear-gradient(170deg, #184438 58%, #184438a6 100%);
    color: white;
    padding: 8px 15px;
}
.icono-cabecera-modal-borrar-sala__borrar {
    padding: 10px 12px;
    border-radius: 50%;
    letter-spacing: 0;
    font-size: 15px;
    background-color: #ffffff;
    margin-right: 10px;
    color: #343a40;
}
.texto-cabecera-modal-borrar-sala {
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 5px;
}
.btn-cerrar-modal-borrar-sala{
    font-size: 24px;
    color: white;
    margin-bottom: -5px;
}
@media (max-width: 767px) {
    .cabecera-modal-borrar-sala {
        padding: 4px 15px;
    }
    .icono-cabecera-modal-borrar-sala__borrar {
        padding: 8px 10px;
        font-size: 13px;
    }
    .texto-cabecera-modal-borrar-sala {
        font-size: 12px;
    }
    .btn-cerrar-modal-borrar-sala {
        font-size: 10px;
    }
}

/* PANTALLA LOGIN */


.content-wrapper > .content .wlogin h1 {
    text-align: center;
    color: white;
    border: 0;
    padding-top: 60px;
}

.wlogin .wformlogin {
    max-width: 500px;
    margin-top: 80px;
    padding: 15px;
    /*background-color: #ffffff69;*/
    backdrop-filter: blur(4px);
    outline: 1px solid #ffffff61;
    border-radius: 15px;
}
.wformlogin label {
    /*color: white;*/
    font-weight: normal !important;
    font-style: oblique;
}
.wformlogin .btn {
    background-color: #976544;
    border-color: #caac99;
}
.pnlinfo {
    font-style: italic;
    font-size: 14px;
    /*background-color: #e9e1d05c;*/
    background-color: #e9e1d0c2;
    display: block;
    padding: 10px;
    text-align: justify;
    box-shadow: 0 1px 2px rgba(0,0,0,.12), 0 1px 1px rgba(0,0,0,.24);
}

/* PANTALLA BODY */
a.sellan-1 {
/*    background-color: #8181b1;
    color: white;*/
    background-color: #a9c98c;
    color: #464646;
    font-size: 10px;
    padding: 6px;
}


.content-home {
    background-image: url(/images/pared_blanca.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: calc(100vh - 114px);
    background-position: center center;
    overflow: auto;
}
.wpage- .content-wrapper > .content {
    padding: 0;
}

    .content-home .lnkentrar {
        border: 1px solid;
        color: white;
        text-transform: uppercase;
        background-color: #8f5c4173;
        font-weight: bold;
        font-size: 30px;
        padding: 20px 25px;
        transition-duration: .8s;
        letter-spacing: 3px;
    }

    .content-home .lnkentrar:hover {
        color: black;
        background-color: white;
        mix-blend-mode: screen;
        letter-spacing: 5px;
    }

/*    .content-home .sidebar-dark-primary {
        width: 320px;
        background-color: #ffffff;
        mix-blend-mode: overlay;
        padding: 15px 10px;
        border-radius: 15px;
        transform: rotateZ(-8deg) translateY(-65px);
    }*/
.content-home .sidebar-dark-primary {
    width: 350px;
    background-color: #ffffffa6;
    border-radius: 15px;
    padding: 1rem;
    backdrop-filter: blur(4px);
    outline: 1px solid #ffffff61;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}

[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link:focus
/*, [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link:hover*/ 
{
    background-color: rgba(255,255,255,.1);
    color: inherit;
    outline-width: 0;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #ededf2;
}
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active, [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: #ededf2;
    color: #343a40;
}
    .content-home .lnkdesplegarmenu{
        display: none;
    }

    .sidebar-mini .content-home .nav-sidebar .nav-link p {
        visibility: visible;
        width: auto;
        margin-left: 5px;
        font-size: 16px;
        animation-name: fadeIn;
        text-transform: uppercase;
        color: black;
        font-weight: bold;
    }

.content-home li.nav-item {
    /*box-shadow: 50px 1px 1px #000000;*/
    border-bottom: 1px solid;
}

.nav-item p {
    letter-spacing: 2px;
    text-transform: lowercase;
}

body.wauth-false.sidebar-mini .main-header,
body.wauth-false.sidebar-mini .main-footer,
body.wauth-false.sidebar-mini .content-wrapper {
    margin-left: 4.6rem !important;
    border-bottom: 0;
    border-top: 0;
}

body.wauth-false.sidebar-mini .main-sidebar {
    overflow-x: hidden;
    margin-left: 0;
    width: 4.6rem;
}

body.wauth-false.sidebar-mini .nav-sidebar .nav-link p,
body.wauth-false .brand-link,
body.wauth-false .user-panel.mt-3,
body.wauth-false nav .navbar-nav {
    display: none !important;
}

.schedule-table .schedule-header th:nth-child(n + 2):before {
    background-color: #e49741;
    color: white;
    border-radius: 50%; 
}
@media (max-width: 992px) {

    /* Para pantallas donde el sidebar está colapsado (sidebar-mini) */
    .sidebar-mini .modal-dialog {
        margin: 1.75rem auto;
        width: 100%;
        transform: translateX(0) !important;
    }
}

@media (max-height: 920px) {
    .wpagedetalle {
        height: auto;
    }
}

@media (max-width: 767px) {
    * {
        font-size: 12px;
    }
    .content-wrapper > .content {
        padding: 10px;
    }
    h4 {
        margin: -12px -10px 0px;
        font-size: 12px;
        line-height: normal;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    h4 i {
        font-size: 12px;
        padding: 0;
        border-radius: 50%;
        width: 27px;
        height: 27px;
        text-align: center;
        line-height: 26px !important;
        margin-top: -6px;
    }
    h3 {
        font-size: 15px;
    }
    footer.main-footer {
        display: none;
    }
    .wauth-false nav {
        background-image: none !important;
    }

    .wauth-false aside {
        display: none;
    }
    body.wauth-false.sidebar-mini .main-header, body.wauth-false.sidebar-mini .main-footer, body.wauth-false.sidebar-mini .content-wrapper {
        margin-left: 0 !important;
    }

    body {
        min-height: 100vh;
        min-height: -webkit-fill-available;
    }

    html {
        height: -webkit-fill-available;
    }

    .content-home, .wlogin {
        height: calc(100vh - 100px);
        /*        height: calc(calc(100vh - calc(100vh - 100%)) - 0px);
*/ /*height: -webkit-fill-available;*/
        height: calc(100vh - 55px);
    }
    .wlogin {
        display: table;
    }
    .content-home .lnkentrar {
        font-size: 12px;
    }
    .content-wrapper {
        min-height: calc(100vh - calc(3.5rem + 25px)) !important;
    }
    .wpagedetallellamada {
        /*min-height: calc(100vh - 130px);*/
        min-height: calc(100vh - 130px);
    }
    li.infologin {
        display: none;
    }
    .user-panel.mt-3.pb-3.mb-3.d-flex.navbar-white.wloginaside {
        display: block !important;
    }
    .btn {
        font-size: .75rem;
    }
    .wpagedetalle {
        height: auto;
    }
    dt.col-sm-2, dt.col-sm-4 {
        text-align: left;
        font-variant: small-caps;
        letter-spacing: 3px;
        font-size: 10px;
    }
    .modal-dialog {
        margin: 2px;
    }
    button.close, button.close span {
        font-size: 26px;
        top: 1px;
    }
    .btn-group .btn i {
        font-size: 14px;
        display: block;
    }

    .btn-group .btn {
        font-size: 7px;
    }
    .wformlogin .btn {
        font-size: 15px;
    }
    .wformlogin section {
        padding: 10px;
    }
    /*CHAT*/
    ul.wchatslist:before {
        content: 'Contactos';
        background-color: #59766a;
        display: inline-block;
        color: white;
        padding: 0px 8px;
        font-size: 12px;
        letter-spacing: 3px;
        border-radius: 5px 5px 0 0;
    }
    .cardchat {
        width: 100%;
        margin: 10px 0px;
    }
    .direct-chat-messages {
        max-height: calc(100vh - 335px);
        padding: 0 10px;
    }
    .row.wrowchats {
        flex-direction: column-reverse;
        -o-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
        background-image: url(/images/PsyPocket.png);
        background-size: auto 40px;
        background-repeat: no-repeat;
        background-position-x: 0px;
        background-position-y: center;
        padding: 12px .5rem;
    }
    .navbar-expand .navbar-nav .nav-link {
        padding-right: 0.85rem; 
        padding-left: 0.85rem;
    }
    .nav-item.dropdown .autocierre {
        bottom: -3px !important;
    }
    i.fas.fa-bars {
        background-color: #ffffffd4;
        padding: 9px 13px;
        font-size: 23px;
        color: #59776a;
        margin-top: -11px;
        margin-left: -18px;
    }
    /*CALENDARIO*/
    .wcalendar {
        height: calc(100vh);
        height: 700px;
        height: 620px;
    }
    div#calendar {
        /*margin: -4px;*/
        padding: 8px;
    }
    #calendar .fc-toolbar h2 {
        font-size: 14px;
        text-align: center;
        padding: 2px 5px 0;
        line-height: 11px;
    }
    .wcalendar .fc-button {
        font-size: 10px;
    }
    #calendar .fc-toolbar.fc-header-toolbar {
        top: 0;
        margin-bottom: 5px;
        padding: 4px;
        flex-direction: row;
    }
    .fc-toolbar .fc-left {
        margin-bottom: 0;
    }
    .masinfobtn {
        z-index: 3;
    }
    .fc-toolbar .fc-left {
        -ms-flex-order: 0;
        order: 0;
    }
    span.dInfo {
        margin-top: 30px;
        display: inline-block;
    }
    /*MI HORARIO*/
    .schedule-table .schedule-header th:nth-child(n + 2):before {
        content: 'x';
        position: absolute;
        margin-left: 18px;
        cursor: pointer;
        border: 0;
        padding: 1px 3px;
        border-radius: 50%;
        line-height: 11px;
        background-color: #e49741;
        color: white;
        margin-top: 2px;
        left: auto;
        right: 0;
    }

    /*LLAMADA*/
    .resizable {
        left: 0px;
        /*width: 100vw; calc(100vw - 14px);*/
        right: 0px;
        bottom: 0px;
        height: auto;
        top: 90px;
        width: auto;
    }
    .resizer {
        display: none;
    }
    .resizable #maxmin i, .resizable #closecall i {
        font-size: 24px;
    }
    .resizable #maxmin {
        top: -34px;
    }
    .resizable #closecall {
        top: -40px;
    }
    .wpagedetallellamada .navbar-badgeX {
        margin-top: -15px;
        margin-left: -27px;
    }
}


@media (min-width: 576px) {
    .modal-dialog {
        max-width: 900px;
        width: clamp(500px, 70vw, 900px);
        margin: 1.75rem auto;
        transform: translateX(18%) !important;
    }

    #npac .modal-dialog {
        max-width: 400px;
        max-height: 300px;
        overflow: hidden;
        margin: 1.75rem auto;
    }

    .navbar {
        position: sticky;
        top: 0;
    }

    :not(.layout-fixed) .main-sidebar {
        position: fixed;
        /*height: 100vh;
    min-height: 100vh;
    top: 0;
    bottom: 0;*/
    }
}

.shortNavbarUsername {
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*LLAMADAS-SALAS*/

.salacitaanonima .info-box {
    /*background-color: #e9e9ed !important;*/
    background: linear-gradient(340deg, #f5ddebfa 42%, #f5ddebd1 100%);
    border: 1px solid #c0c0c3;
}
.salacita .info-box {
    background: linear-gradient(340deg, #dce4ebfa 42%, #dce4ebd1 100%);
    border: 1px solid #c0c0c3;
}

.btnentrarllamada.btn-outline-danger {
    background-color: #fff;
    border-color: #e49741;
    color: #e49741 !important;
}
.btnentrarllamada.btn-outline-danger:hover {
    background-color: #e49741;
    border-color: #fff;
    color: #fff !important;
}

.btncerraragenda.btn-outline-danger {
    background-color: #fff;
    border-radius: 0 !important;
    border: 1px solid #ced4da !important;
    color: #495057;
}
.btnentrarllamada.btn-outline-danger:hover {
    background-color: #e49741;
    border-color: #fff;
    color: #fff;
}
.deleteIcon, .editicon {
    padding: 3px;
    outline: 1px solid #65807529;
    border-radius: 2px;
    cursor: pointer;
}
.info-box-icon--edit {
    color: #464646;
    padding: 3px 4px;
    margin-left: 4px;
    outline: 1px solid #65807529;
    border-radius: 2px;
    cursor: pointer;
}
.deleteIcon .fa-ban {
    color: #e49741;
}

/*LOADINGBAR*/
.contenedor-loading {
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    
}
.loading-bar {
    height: 4px;
    background-color: #e4974157;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}

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

@keyframes indeterminateAnimation {
    0% {
        transform:  translateX(0) scaleX(0);
    }
    40% {
        transform:  translateX(0) scaleX(0.4);
    }
    100% {
        transform:  translateX(100%) scaleX(0.5);
    }
}
/*AGENDA*/
.wpage-HomeTestIframe .virtual {
    background-color: #dce4eb;
    border: 1px solid #ffffff;
}
.wpage-HomeTestIframe .virtual::before {
    background-color: #dce4eb;
    outline: 1px solid #FFFFFF;
    color: #343a40;
}
.wpage-HomeTestIframe .virtual.salaanonima {
    background-color: #f5ddeb !important;
    border: 1px solid #ffffff !important;
}
.wpage-HomeTestIframe .virtual.salaanonima::before {
    background-color: #f5ddeb;
    outline: 1px solid #FFFFFF;
    color: #343a40;
}
.wpage-HomeTestIframe .virtual :nth-child(2) {
    color: #343a40;
}
.fc-button-primary:hover {
    background-color: #a9c98c !important;
    border-color: #184438 !important;
    color: #184438 !important;
}
/* ESTILOS SWEETALERT*/
.swal2-confirm {
    background-color: #a9c98c !important;
    border-color: #184438 !important;
    color: #184438 !important;
}
.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(24, 68, 56, 0.75) !important;
}
.swal2-modal.swal2-popup.swal2-show {
    font-size: .9rem;
}

/* LLAMADAS COLECTIVAS*/
.info-box .info-box-content {
    overflow: hidden;
}

.m-sala-activa {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.veruna .m-sala-activa:not(:nth-of-type(1)) {
    display: none;
}
.wparentllamadas:not(.veruna) {
    display: grid;
    grid-template-columns: 50% 50%;
    /*column-gap: 5px;*/
    row-gap: 10px;
}

.wparentllamadas:not(.veruna) .m-sala-activa:not(:first-of-type) {
    grid-column: span 1; 
}
.wparentllamadas:not(.veruna) .m-sala-activa:first-of-type {
    grid-column: span 2;
}
.wparentllamadas:not(.veruna) .m-sala-activa:last-of-type:nth-child(odd) {
    grid-column: span 2;
}
.wparentllamadas .m-sala-activa:not(:first-of-type) .info-box-icon--edit {display: none}
.wparentllamadas .m-sala-activa:not(:first-of-type) .navbar-badgeX {
    top: -20px;
    left: 25px;
}
.btn-ver-todos {
    background: linear-gradient(-22deg, #a9c98cfa 42%, #a9c98cd1 100%);
    color: #184438;
    border: 1px solid #184438;
    padding: 4px 10px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 1;
    line-height: 0.75;
    border-radius: .2rem;
}

.wpage-HomeLlamada .m-sala-activa .info-box .info-box-icon {
    width: 50px;
}
.wpage-HomeLlamada .m-sala-activa .overflow-hidden .btnentrarllamada {
    position: absolute;
    bottom: -30px;
    right: -10px;
}
.wpage-HomeLlamada .row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
}

@media (max-width: 767px) {
    .m-sala-activa:not(:first-of-type) .navbar-badgeX {
        top: -5px;
        left: 50px;
    }
    .wpagedetallellamada .navbar-badgeX {
        top: -5px;
        left: 70px;
    }
}

[class*="wpage-HomeHelp"] h1 {
    margin-top: 2.25rem;
    margin-bottom: 1rem;
    border: none;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.022em;
}
[class*="wpage-HomeHelp"] h5 {
    margin-top: 2.074rem;
    margin-bottom: 1rem;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
}
[class*="wpage-HomeHelp"] h4 {
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
}
@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] h4 {
        padding: 8px 40px;
    }
}
@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] h4 *{
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] h4 i{
        margin-top: 0px;
        margin-left: -35px;
    }
}
[class*="wpage-HomeHelp"] .wbodyquill h4 {
    border-radius: .5rem;
}
@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] .wbodyquill h4 {
        padding: 8px 20px;
    }
}

[class*="wpage-HomeHelp"] h3 {
    margin-top: 2.074rem;
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 500 !important;
    line-height: 1.15;
    letter-spacing: -0.022em;
}
@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] h3 *{
        font-size: 18px;
    }
}
[class*="wpage-HomeHelp"] h2 {
    margin-top: 2.25rem;
    margin-bottom: 1rem;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.022em;
}
@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] h2 {
        font-size: 22px;
    }
}
[class*="wpage-HomeHelp"] p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] p *{
        font-size: 16px;
    }
}
[class*="wpage-HomeHelp"] li {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}
@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] li *{
        font-size: 16px;
    }
}
[class*="wpage-HomeHelp"] p img {
    width: 100%;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    border-radius: .5rem;
    margin-left: 20px;
}
@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] p img {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    [class*="wpage-HomeHelp"] .wbodyquill {
        padding-left: 25px !important;
        padding-right: 25px !important;
        margin-top: 100px !important;
    }
}
/*UTILITY CLASS */
.gap2 {
    gap: 2px;
}
.gap5 {
    gap: 5px;
}
.gap10 {
    gap: 10px;
}
.gap--1 {
    gap: 0.25rem;
}
.gap--2 {
    gap: 0.5rem;
}
.gap--3 {
    gap: 0.75rem;
}
.gap--4 {
    gap: 1rem;
}
.gap--6 {
    gap: 1.5rem;
}
.gap--12 {
    gap: 3rem;
}
.z-1 {
    z-index: 10 !important;
}

.m-br10 {
    margin-bottom: 10px;
    margin-right: 10px;
}
.table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.white-space-nowrap {
    white-space: nowrap;
}
.text-decoration-line-through {
    text-decoration: line-through;
}
/* COLORES */
.texto-primario {
    color: #a9c98c;
}
.texto-secundario {
    color: #184438;
}
.texto-destacado {
    color: #e49741;
}
.texto-aviso {
    color: #da6e39;
}
.texto-aviso--info {
    color: rgba(0, 123, 255, 0.6);
}

/* AVISOS */
.aviso-info {
    background: rgba(0, 123, 255, 0.05);
    border-color: rgba(0, 123, 255, 0.1) !important;
}
.aviso-warning {
    background: rgba(255, 193, 7, 0.05);
    border-color: rgba(255, 193, 7, 0.1) !important;
}


/* Estilos para checkboxes más grandes y elegantes */
.check__Psy input[type="checkbox"] {
    display: grid;
    place-content: center;
    appearance: none;
    background-color: #fff;
    margin-left: -1.25rem;
    font: inherit;
    color: currentColor;
    width: 1.65rem;
    height: 1.65rem;
    border: 2px solid #d1d3e2;
    border-radius: 0.15rem;
    transform: translateY(-0.075rem);
}

.check__Psy input[type="checkbox"]::before {
    content: "";
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1.2rem 1.2rem #a9c98c;
    position: initial;
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer;
    border: 1px solid #d1d3e2;
    border-radius: 0.15rem;
    margin-right: 0.015rem;
}

.check__Psy input[type="checkbox"]:checked::before {
    transform: scale(1);
}
/* DIALOGS */
.swal2-html-container{
    margin: 0 !important;
    padding: 2rem 1.5rem !important;
}

.swal2-actions {
    margin: .5rem 1rem 0 !important;
    justify-content: flex-end;
}
.contenedor-nombres {
    background-color: #f0f8f0;
    border-radius: 0.5rem;
    padding: 1.25rem;
}
.contenedor-datos {
    display: flex;
    align-items: center;
    background-color: #f9fafb;
    border-radius: 0.5rem;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.tailwind-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}
.btns-detalle-cita {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.btn-detalle-cita {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* Estructura del formulario */
.max-w-4xl {
    max-width: 75rem;
}
@media (min-width: 768px) {
    .tailwind-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .btns-detalle-cita {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .btn-detalle-cita {
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }
    .btn-detalle-cita a, .btn-detalle-cita button {
        width: 100%;
    }
}
.form-control-disabled {
    background-color: #f3f0f075;
    opacity: 0.75;
    pointer-events: none;
}

#tituloAsidePanel span {
    font-size: 1rem !important;
    margin-left: .75rem;
    color: #6c757d !important;
}
/* icono agencia tributaria */
.verifactu-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    content: url(/images/verifactu-icon.svg);
    vertical-align: middle;
    margin-right: 6px;
    background-color: white;
    border-radius: 50%;
    padding: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* Alerts*/
.alert {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeaa7;
}