body {
   padding-top: 70px;
   padding-top: 50px;
}

.card-body .rotate {
   z-index: 8;
   float: right;
   height: 100%;
}

.card-body .rotate span {
   color: rgba(20, 20, 20, 0.15);
   position: absolute;
   left: 0;
   left: auto;
   right: -10px;
   bottom: 0;
   display: block;
   -webkit-transform: rotate(-44deg);
   -moz-transform: rotate(-44deg);
   -o-transform: rotate(-44deg);
   -ms-transform: rotate(-44deg);
   transform: rotate(-44deg);
}

.page-footer {
   background: #007bff;
   color: white;
}

.page-footer a {
   color: white;
}

.table > tbody > tr > td {
   vertical-align: middle;
}

.marginBottom-0 {
   margin-bottom: 0;
}



/* Material design styling */

/*placeholder style*/

.note-placeholder {
   position: absolute;
   top: 20%;
   left: 5%;
   font-size: 2rem;
   color: #e4e5e7;
   pointer-events: none;
}

/*Toolbar panel*/

.note-editor .note-toolbar {
   background: #088ac2;
   border-bottom: 1px solid #c2cad8;
   -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

/*Buttons from toolbar*/

.summernote .btn-group, .popover-content .btn-group {
   background: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.note-popover {
   background: #f0f0f1 !important;
}

.summernote .btn, .note-btn {
   color: rgba(0, 0, 0, .54) !important;
   background-color: transparent !important;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.summernote .dropdown-toggle:after {
   vertical-align: middle;
}

.note-editor.card {
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 2px;
}

/* Border of the Summernote textarea */

.note-editor.note-frame {
   border: 1px solid rgba(0, 0, 0, .14);
}

/* Padding of the text in textarea */

.note-editor.note-frame .note-editing-area .note-editable {
   padding-top: 1rem;
}

.btn-imagen-IniCaptcha {
   width: 300px; /* Ancho del botón */
   height: 77px; /* Alto del botón */
   border: none; /* Sin borde */
   cursor: pointer; /* Cursor de mano */
   background-size: cover;
   background-image: url('../images/captchainicio.jpg'); /* Escalar para cubrir todo el botón */
   background-position: center; /* Centrar imagen */
   background-repeat: no-repeat; /* No repetir imagen */
   color: white; /* Color del texto */
   font-size: 16px;
   font-weight: bold;
   text-shadow: 1px 1px 2px black; /* Mejor visibilidad del texto */
}

.btn-imagen-FinCaptcha {
   width: 300px; /* Ancho del botón */
   height: 77px; /* Alto del botón */
   border: none; /* Sin borde */
   cursor: pointer; /* Cursor de mano */
   background-size: cover;
   background-image: url('../images/captchafin.jpg'); /* Escalar para cubrir todo el botón */
   background-position: center; /* Centrar imagen */
   background-repeat: no-repeat; /* No repetir imagen */
   color: white; /* Color del texto */
   font-size: 16px;
   font-weight: bold;
   text-shadow: 1px 1px 2px black; /* Mejor visibilidad del texto */
}

.btn-imagen:hover {
   opacity: 0.85; /* Efecto al pasar el mouse */
}


/*Nav Menu Bootstrap*/

/* NAVBAR */
.custom-navbar {
   background-color: #088ac2 !important;
}

   .custom-navbar .navbar-brand,
   .custom-navbar .nav-link {
      color: white !important;
   }

/* DROPDOWN AZUL PARA TODOS LOS NIVELES */
.dropdown-menu,
.dropdown-menu.show,
.custom-dropdown,
.dropdown-submenu > .dropdown-menu,
.dropdown-submenu.open-left > .dropdown-menu,
.dropdown-menu[data-bs-popper] {
   background-color: #088ac2 !important;
   border: 1px solid #066f9b !important;
}

/* TEXTO */
.dropdown-item {
   color: white !important;
}

   /* HOVER */
   .dropdown-item:hover,
   .dropdown-item:focus {
      background-color: #066f9b !important;
      color: white !important;
   }

/* SUBMENÚS MULTINIVEL */
.dropdown-submenu {
   position: relative;
}

   /* Abre a la derecha por defecto */
   .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-left: 0.1rem;
   }

   /* Abre a la izquierda cuando no hay espacio */
   .dropdown-submenu.open-left > .dropdown-menu {
      left: auto !important;
      right: 100% !important;
      margin-right: 0.1rem;
   }

/* Asegura que los submenús se vean */
.dropdown-menu.show {
   display: block !important;
}


/*Fin Nav Menu Bootstrap*/


/*Calendario desde hasta Bootstrap*/
.calendar-grid {
   grid-template-columns: repeat(7, 1fr);
   gap: 4px;
}

.day {
   padding: 6px;
   text-align: center;
   border-radius: 4px;
   cursor: pointer;
   background: #f8f9fa;
}

   .day:hover {
      background: #e2e6ea;
   }

.disabled-day {
   background: #ddd !important;
   color: #777 !important;
   cursor: not-allowed !important;
}

.holiday-day {
   background: #ffcccc !important;
   color: #a10000 !important;
   cursor: not-allowed !important;
   border: 1px solid red;
}
/*Fin Calendario desde hasta Bootstrap*/