﻿body,
.tab-content,
.accordion-collapse {
   background-color: #ebebf1;
}

.contenedor-formulario {
   border-radius: 16px;
   box-shadow: 0 0px 0px 1px darkgray;
   background-color: #fff;
   padding: 0px 20px 20px 20px;
}

   .contenedor-formulario a,
   .alumno-kardex,
   .alumno-autoriza {
      color: #3f0a8b !important;
   }

      .contenedor-formulario a:hover,
      .alumno-kardex:hover,
      .alumno-autoriza:hover {
         color: #0a58ca !important;
      }

.form-control {
   border-radius: 4px;
}

   .form-control:disabled, .form-control[readonly] {
      background-color: #FAFAFA;
      opacity: 1;
   }

form label {
   font-size: 0.8em !important;
   font-weight: 600 !important;
   color: #000000 !important;
}

.text-warning {
   color: rgba(13, 110, 253, 1) !important;
}

.btn-empresa {
   border: none;
   border-radius: 8px !important;
   font-weight: bold !important;
   color: #ffffff !important;
   background-color: #3f0a8b !important;
}

   .btn-empresa:active {
      border: solid 2px;
      border-color: #0a58ca;
   }

.subtitulo {
   font-size: 16px;
   font-weight: bold;
}

.tab-activo.active {
   background-color: #ebebf1 !important;
   border-color: transparent !important;
   border-bottom: 2px solid #9732F5 !important;
}

.kardex-item,
.lista-item {
   color: #120241 !important;
   padding-top: 10px;
   padding-bottom: 10px;
   border-radius: 8px;
   box-shadow: 0 0px 0px 1px darkgray;
   background-color: #ffffff;
   margin-bottom: 8px;
}

.activo-Si {
   color: green;
   font-weight: bolder;
}

.activo-No {
   color: red;
   font-weight: bolder;
}

.estatus-Cerrado {
   color: green;
   font-weight: bolder;
}

.estatus-Abierto {
   color: darkorange;
   font-weight: bolder;
}

.accordion-filter {
   font-size: 14px;
   height: 30px;
   width: 200px;
}

.accordion-titles {
   padding-left: 55px;
   padding-right: 50px;
}

.accordion-item {
   background-color: #fff;
   border: none;
   margin-top: 0px;
   margin-bottom: 8px;
}

   .accordion-item:last-child .accordion-body {
      border-left: none;
   }

   .accordion-item .descargar {
      color: #3f0a8b;
      text-decoration: none;
      font-weight: normal;
      font-size: 12px;
   }

.accordion-body {
   background-color: transparent;
   padding: 5px 0px 0px 20px;
   margin-left: 30px;
   border-left: solid 1px #A9A9A9;
}

   .accordion-body .detalle-accordion {
      padding: 10px 5px 10px 5px;
      border-radius: 8px;
      box-shadow: 0 0px 0px 1px #A9A9A9;
      background-color: #fff;
   }

.accordion-button {
   color: #120241 !important;
   padding-top: 10px;
   padding-bottom: 10px;
   border-radius: 8px;
   box-shadow: 0 0px 0px 2px #A9A9A9;
   background-color: #fff;
   font-size: calc(0.5em + 0.2vw);
}

   .accordion-button:not(.collapsed) {
      background-color: #fff;
      color: #120241;
      font-weight: bold;
      box-shadow: 0 0px 0px 2px #A9A9A9;
   }

   .accordion-button::after {
      background-image: none !important;
   }

   .accordion-button::before {
      flex-shrink: 0;
      width: 1.25rem;
      height: 1.25rem;
      margin-right: auto;
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233f0a8b' class='bi bi-check-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      transition: transform .2s ease-in-out;
   }

   .accordion-button:not(.collapsed)::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233f0a8b' class='bi bi-check-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");
      transform: rotate(-360deg);
   }

   .accordion-button .boton-contenido {
      width: 100%;
      padding-left: 15px;
   }

   .accordion-button .nivel {
      font-size: 16px;
      overflow: hidden;
   }

.empresa-modal .modal-content {
   border-radius: 20px;
   box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.empresa-modal .modal-header {
   background-image: linear-gradient(to right, #3f0a8b 0%, #651DF4 80%) !important;
   color: #fff !important;
}

.empresa-modal .btn-close {
   background: #3f0a8b url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
   color: #fff;
   width: 16px;
   height: 16px;
   border-radius: 16px;
   border: none;
   position: relative;
   left: 0px;
}


.empresa-modal label {
   color: #7675c0;
}

.empresa-modal .btn-primary {
   max-width: 200px !important;
   height: 38px !important;
}

.empresa-modal .modal-title {
   font-size: 24px;
   font-weight: bold;
}

#mnuUsuario {
   min-width: 150px;
}

@media screen and (max-width: 575px) {
   .empresa-modal .btn-primary {
      width: 140px;
   }

   .empresa-modal .modal-title {
      font-size: 16px;
   }

   .empresa-modal .texto {
      font-size: 12px;
   }
}


@media screen and (max-width: 767px) {
   .show-md {
      display: none;
   }
}

@media screen and (min-width: 768px) {
   .accordion-button {
      font-size: calc(0.4em + 0.1vw);
   }
}

@media screen and (max-width: 991px) {
   .show-lg {
      display: none;
   }
}

@media screen and (max-width: 1199px) {
   .show-xl {
      display: none;
   }
}