/* Reset style.css estilo definido anterior start */
* {
  box-sizing: border-box;
  font-family: 'BR-Omny-light';
}

.fs-24 {
  font-size: 24px !important;
}

button,
input,
optgroup,
select,
textarea,
option {
  color: inherit;
  font-family: 'BR-Omny-light';
}

textarea {
  border-radius: 20px;
}

.menu-desktop {
  position: fixed;
  top: 0;
  left: 0;
  height: 90%;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0px;
  scrollbar-color: #99306C #c1c1c1;
  scrollbar-width: thin;
}

/* Elemento base */
::-webkit-scrollbar {
  width: 7px;
}

/* Carril */
::-webkit-scrollbar-track {
  background: var(--gris-light);
  border-radius: 50px
}

/* Manejador */
::-webkit-scrollbar-thumb {
  background: var(--rosa);
  border-radius: 50px;
}

/* Manejador hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--morado);
}

/*Casos para mesa de ayuda en colores*/

:root {
  --rosa: #99306C;
  --morado: #4D2969;
  --gris: #B2B1B4;
  --gris-light: #c1c1c1;
  --gris-dark: #707070;
  --bg-gris-light: #DCDCDC;
  --bg-gris-opacity: #dcdcdc70;
  --sinasignar: #7aceddba;
  --enproceso: #e2ba6fd5;
  --pospuestos: #FFFFB0;
  --resueltos: #7abd76ab;
  --cerrados: #000;
  --cambioarea: #bb5f93c0;
  --valor-desactualizado: #df101bc0;
  --naranja: #e2ba6fd5;
  --valor-pendiente-actualizar: #1e10dfc0;
  --propios: #c7c7c7;
  --black: #000;
  --white: #fff;
  --sm: 12px;
  --md: 16px;
  --lg: 20px;
  --xl: 30px;
  --width-convenciones: 20px;
  --height-convenciones: 20px;
}

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

.m-0 {
  margin: 0 !important;
}

.m-2 {
  margin: 5px !important;
}

.m-3 {
  margin: 1.5px !important;
}

body {
  font-family: 'BR-Omny-light';
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'BR-Omny-medium';
}

/* aside */
aside a:hover {
  color: var(--black);
}

.sidebar-mini-popout{
    position: fixed;
    min-width: 250px;
    max-width: 320px;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--bg-gris-light);
    border-radius: 4px;
    box-shadow: 0 10px 25px rgba(0,0,0,.35);
    z-index: 99999;
    padding: 5px 0;
    display: flex;
    flex-direction: column;
}

.sidebar-mini-popout-header{
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: rgba(0,0,0,.25);
    border-bottom: 1px solid rgba(255,255,255,.08);
    letter-spacing: .5px;
    position: sticky;
    top: 0;
    z-index: 2;
}

.sidebar-mini-popout ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-mini-popout a{
    display: block;
}

.sidebar-mini-popout .treeview-menu{
    display: block !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.sidebar-mini-popout{
    animation: sidebarFade .15s ease;
}

@keyframes sidebarFade{
    from{
        opacity: 0;
        transform: translateX(-5px);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
}

.sidebar-collapse .menu-desktop {
  overflow-x: hidden;
  overflow-y: auto !important;
}

/* End to aside */

.title-page-asf {
  width: fit-content;
  position: absolute;
  top: 0;
  left: 30%;
  right: 25%;
  margin: 0;
  color: #FFF;
  padding-top: 10px;
  text-align: center;
  font-size: 25px;
}

.btn-sm {
  border-radius: 15px !important;
}

.current-menu {
  color: #000 !important;
  font-weight: bold;
}

.nota-aclaratoria-solicitud {
  margin-top: 5px;
  margin-bottom: 5px;
  float: none !important;
}

/* Alertas modificación de estilos start */

.text-body-alert {
  font-size: 14px;
}

.text-codigo-alert {
  font-size: 25px;
}

.codigo-asignado {
  text-align: center;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
  text-align: center;
}

.jconfirm.jconfirm-material .jconfirm-box {
  background-image: url(../img/bg_login.png);
  border-radius: 20px;
  background-size: cover;
}

/* Alertas modificación de estilos end*/

.border-1px-gris {
  border: 1px solid #c8c8c8;
  border-radius: 10px;
}

/* Circulos de los procesos en lista de servicios  start */
.circleProceso {
  color: var(--enproceso);
}

.circleProceso div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  background: var(--enproceso);
  border: 1px solid var(--enproceso);
}

.circleSAsignar {
  color: var(--sinasignar);
}

.circleSAsignar div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  background-color: var(--sinasignar);
  border: 1px solid var(--sinasignar);
}

.circleResuelto {
  color: var(--resueltos);
}

.circleResuelto div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  background-color: var(--resueltos);
  border: 1px solid var(--resueltos);
}

.circlePospuesto {
  color: var(--pospuestos);
}

.circlePospuesto div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  background-color: var(--pospuestos);
  border: 1px solid var(--pospuestos);
}

.circleCerrado {
  color: var(--cerrados);
}

.circleCerrado div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  /* background-color:var(--cerrados); */
  border: 1px solid var(--cerrados);
}

.circleCambio {
  display: flex;
  color: var(--cambioarea);
}

.circleCambio div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  background-color: var(--cambioarea);
  border: 1px solid var(--cambioarea);
}

.circlePropios {
  display: flex;
  color: var(--propios);
}

.circlePropios div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  background-color: var(--propios);
  border: 1px solid var(--propios);
}

.convenciones {
  border: 1px solid var(--black);
  border-radius: 5px;
  padding: 0px 15px;
}

/* Circulos de los procesos en lista de servicios  end */

.circleProceso {
  color: #5BFFF3
}

.circlePropios {
  color: #99306C
}

.circleSAsignar {
  color: #FFC15B
}

.circleResuelto {
  color: #6DFF2D
}

.circledanger {
  color: #FD5757;
}


.circleValorDesactualizado {
  color: var(--valor-desactualizado);
}

.circleValorDesactualizado div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  background-color: var(--valor-desactualizado);
  border: 1px solid var(--valor-desactualizado);
}

.circleNaranjado {
  color: var(--naranja)
}

.circleNaranjado div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  background-color: var(--naranja);
  border: 1px solid var(--naranja);
}
.circleValorPendiente {
  color: var(--valor-desactualizado);
}

.circleValorPendiente div {
  border-radius: 50%;
  width: var(--width-convenciones);
  height: var(--height-convenciones);
  background-color: var(--valor-pendiente-actualizar);
  border: 1px solid var(--valor-pendiente-actualizar);
}

.btn {
  border-radius: 20px !important;
}

.btn-enproceso {
  background-color: var(--enproceso);
  border: 1px solid white;
}

.btn-sinasignar {
  background-color: var(--sinasignar);
  border: 1px solid white;
}

.btn-resueltos {
  background-color: var(--resueltos);
  border: 1px solid white;
}

.btn-cerrados {
  border-color: var(--cerrados);
  border: 1px solid;
}

.btn-pospuesto {
  background-color: var(--pospuestos);
  border: 1px solid white;
}

.btn-enproceso:active,
.btn-enproceso:hover,
.btn-sinasignar:active,
.btn-sinasignar:hover,
.btn-resueltos:active,
.btn-resueltos:hover,
.btn-pospuesto:active,
.btn-pospuesto:hover,
.btn-cerrados:active,
.btn-cerrados:hover {
  border: 1px solid var(--morado) !important;
  background-color: var(--morado);
  color: white;
}

.table>tbody>tr.enproceso>td {
  background-color: var(--enproceso);
}

.table>tbody>tr.sinasignar>td {
  background-color: var(--sinasignar);
}

.table>tbody>tr.pospuesto>td {
  background-color: var(--pospuestos);
}

.table>tbody>tr.valorDesactualizado>td {
  background-color: var(--valor-desactualizado);
}

.table>tbody>tr.naranja>td {
  background-color: var(--naranja);
}

.table>tbody>tr.valorSinasignar>td {
  background-color: var(--sinasignar);
}

.table>tbody>tr.resueltos>td {
  background-color: var(--resueltos);
}

.table>tbody>tr.cerrados>td {
  border-color: #b1b1b1;
}

.table>tbody>tr.proximosvencer>td {
  background-color: #F784844F;
}

.table>tbody>tr.incompleto>td {
  background-color: var(--cambioarea);
}

div.dataTables_wrapper div.dataTables_length select {
  border-radius: 15px;
}

div.dataTables_wrapper div.dataTables_filter input {
  border-radius: 15px;
}

#titulo-error .error {
  color: red !important;
}

.error {
  color: red !important;
}

@font-face {
  font-family: 'BR-Omny-bold';
  src:
    url('../fonts/BrOmny/br_omny_bold-webfont.woff2') format('woff2'),
    url('../fonts/BrOmny/br_omny_bold-webfont.woff') format('woff'),
    url('../fonts/BrOmny/br_omny_bold-webfont.svg#bromny-boldregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BR-Omny-light';
  src: url('../fonts/BrOmny/br_omny_light-webfont.woff2') format('woff2'),
    url('../fonts/BrOmny/br_omny_light-webfont.woff') format('woff'),
    url('../fonts/BrOmny/br_omny_light-webfont.svg#bromny-lightregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BR-Omny-medium';
  src: url('../fonts/BrOmny/br_omny_medium-webfont.woff2') format('woff2'),
    url('../fonts/BrOmny/br_omny_medium-webfont.woff') format('woff'),
    url('../fonts/BrOmny/br_omny_medium-webfont.svg#bromny-mediumregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BR-Omny-semibold';
  src: url('../fonts/BrOmny/br_omny_semi_bold-webfont.woff2') format('woff2'),
    url('../fonts/BrOmny/br_omny_semi_bold-webfont.woff') format('woff'),
    url('../fonts/BrOmny/br_omny_semi_bold-webfont.svg#bromny-semiboldregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.justify-content-center {
  display: inline-flex;
  justify-content: center;
  float: none;
}

.d-flex {
  display: flex !important;
}

.align-i-center {
  align-items: center !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mt-20px {
  margin-top: 20px;
}

.skin-blue-light .sidebar-menu>li>a {
  font-weight: 100 !important;
}

.skin-blue-light .sidebar-menu>li>a:hover {
  background-color: var(--bg-gris-light);
  border-radius: 25px;
  /*margin: 2px 5px;*/
  color: var(--black) !important;
}

.sidebar-collapse .skin-blue-light .sidebar-menu>li>a:hover {
  background-color: #dddddd;
  border-radius: 5px;
  /*margin: 2px 5px;*/
  color: var(--black) !important;
}

.skin-blue-light .sidebar-menu .treeview-menu>li>a:hover {
  color: #000 !important;
}

.skin-blue-light .sidebar-menu>li>a:focus {
  color: var(--black) !important;
}

/* Reset style.css estilo definido anterior  end*/

/* Pié de página mejorado start */
.copy-right {
  display: flex;
  align-items: center;
}

.version-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bg-clouds {
  background: transparent;
  background-image: url("../img/clouds.png");
  background-repeat: no-repeat;
  background-size: cover;
}

/* Pié de página mejorado end */

/* Input redondeados los bordes start */

.border-left-radius {
  border-radius: 20px 0 0 20px !important;
}

.input-rounded {
  border-radius: 20px;
}

.input-rounded-childs input {
  border-radius: 15px;
}

.input-rounded-childs select {
  border-radius: 15px;
  font-family: 'BR-Omny-light';
}

.input-rounded-childs textarea {
  border-radius: 15px;
  font-family: 'BR-Omny-light';
}

.input-rounded-childs .input-group-addon {
  border-radius: 0px 15px 15px 0px !important;
}

.input-rounded-i {
  border-radius: 0px 15px 15px 0px !important;
}

.input-rounded-uploads {
  border-radius: 20px;
  padding: 10px 20px;
  height: 59px;
}

.icheckbox_square-blue,
.iradio_square-blue {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  border: 1px solid black;
  cursor: pointer;
  border-radius: 15px;
}

/* Input redondeados los bordes end */

/* Input personalizado para subir archivos */
input[type=file]::file-selector-button {
  align-items: center;
  border: none;
  background: var(--rosa);
  padding: 10px 20px !important;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
  background: var(--morado);
}

/* Input personalizado para subir archivos */

.recordar-contraseña a {
  color: #fff !important;
}

/* Carousel start */
.contain-carousel {
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
}

.carousel-inner {
  border-radius: 15px 0 0 15px;
}

.carousel-indicators .active {
  background-color: var(--black) !important;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--gris);
  border: none;
  border-radius: 10px;
}

.carousel-indicators {
  bottom: -3em !important;
}

/* Carousel end */

/* Dashboard start */

.info-box-icon {
  border-radius: 60px;
}

.info-box {
  border-radius: 60px;
  margin-bottom: 0px;
}

.box-ppal-dashboard {
  overflow: visible;
  max-width: 1100px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border: none;
  background: #f0f0f0;
  border-radius: 15px;
}

.box-primary-dashboard {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 20%;
  margin-left: 2%;
  margin-right: 2%;
  border: none;
  border-radius: 15px;
}

.box-primary-dashboard h2 {
  font-size: 20px;
}

.bg-rounded-abiertos {
  background: #BFBFBF;
  height: 100px;
  border-radius: 50px;
  margin: 10px;
}

.bg-rounded-abiertos a {
  color: black !important;
}

.bg-rounded-en-proceso {
  background: #4D2969;
  height: 100px;
  border-radius: 50px;
  margin: 10px;
}

.bg-rounded-en-proceso a {
  color: black !important;
}

.bg-rounded-sin-cerrar {
  background: #99306C;
  height: 100px;
  border-radius: 50px;
  margin: 10px;
}

.bg-rounded-sin-cerrar a {
  color: black !important;
}

.bg-rounded-contacto {
  background: #00a65a;
  height: 72px;
  border-radius: 50px;
  margin: 10px;
  border: 1px solid white;
}

.counter-dashboard-contacto h2 {
  font-family: 'Br-Omny-Bold';
  font-size: 50px;
  color: #fff;
  text-align: center;
  margin-top: 8px;
}

.rounded-icon-contacto {
  background-color: #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg-rounded-contacto a {
  color: black !important;
}

.bg-rounded-contacto a:hover {
  color: var(--black) !important;
}

.rounded-icon {
  background-color: #fff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.counter-dashboard h2 {
  font-family: 'Br-Omny-Bold';
  font-size: 50px;
  color: #fff;
  text-align: center;
}

.contador-dash {
  font-family: 'Br-Omny-Medium';
  font-size: 40px;
  color: black;
  text-align: center;
  /*padding: 0 30px 0 0;*/
}

.box-content {
  padding-top: 10px;
  padding-bottom: 10px;
}

.box-content:hover {
  border-radius: 100px;
  box-shadow: rgba(43, 43, 43, 0.3) 0px 1px 2px 0px, rgba(40, 40, 40, 0.15) 0px 2px 6px 2px;
}

.text-descripcion-dash {
  text-align: center;
}

/* Dashboard end */


/* Dashboard segunda section start*/

.content-header-2 h2 {
  color: #4D2969;
}

.image-dashboard img {
  width: 250px;
  height: 250px;
  border-radius: 15px;
  margin: 5px;
}

.content-wrapper {
  margin-top: 50px;
}

.main-header {
  position: fixed;
  max-height: 100px;
  z-index: 1030;
  width: 100%;
  margin-bottom: 50px;
}

/* Dashboard segunda section end */

/* Select border redondeado, cambiando estilo desde la libreria  start */

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border-radius: 15px !important;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 15px !important;
}

.ck-rounded-corner {
  border-radius: 15px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 15px;
}

/* Select border redondeado, cambiando estilo desde la libreria  end */

/* Sidebar menu cambiar la flecha y color de fondo al estar activo y el sidebar-mini para que tenga más ancho start*/

.sidebar-menu li.active>a>.fa-angle-left {
  transform: rotate(270deg);
  transition: transform .1s ease;
}

.skin-blue-light .sidebar-menu>li.active>a {
  font-weight: 100;
  background-color: var(--gris);
  border-radius: 20px;
  /*margin: 5px;*/
}

@media (min-width: 768px) {

  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right) {
    width: 222px;
  }
}

/* Sidebar menu cambiar la flecha y color de fondo al estar activo y el sidebar-mini para que tenga más ancho end*/

input[type="file"] {
  display: block;
  border-radius: 20px;
  padding: 10px 20px;
  height: 59px;
}

/*Diseño cotizaciones*/

#DetallesCotizaciones .info-box {
  display: block;
  min-height: 90px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 10px !important;
  margin-bottom: 15px;
}

#DetallesCotizaciones .info-box-detalle {
  color: #4d2969;
  border-radius: 10px;
  position: relative;
  top: 22px;
  left: -10px;
  box-shadow: -4px -4px 2px #4d2969;
}

#DetallesCotizaciones .info-box-icon {
  display: block;
  float: left;
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  border-radius: 50%;
}

#DetallesCotizaciones .detallehistorial {
  border-radius: 10px;
  align-items: center;
  display: flex;
  height: 100%;
  min-height: 90px;
}

#DetallesCotizaciones .text-align-center-cotiza {
  height: 100%;
  min-height: 80px;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#DetallesCotizaciones .bg-fucsia {
  background-color: white;
  border: 1px solid var(--rosa);
  color: black;
}

.descripcion-larga {
  max-height: 240px;
  white-space: normal;
  overflow-y: auto;
}

.select-colaborador .select2-search__field {
  padding-right: 46px;
}

.d-flex-column {
  display: flex;
  flex-direction: column;
}

.mb-2 {
  margin-bottom: 1rem;
}

.bg-primary {
  color: #fff;
  background-color: #4D2969 !important;
}

.bg-primary:hover,
.bg-primary:focus {
  background-color: #4D2969 !important;
}

.bg-success {
  background-color: #dff0d8 !important;
}

.bg-success:hover,
.bg-success:focus {
  background-color: #c1e2b3 !important;
}

.bg-info {
  background-color: #d9edf7 !important;
}

.bg-info:hover,
.bg-info:focus {
  background-color: #afd9ee !important;
}

.bg-warning {
  background-color: #fcf8e3 !important;
}

.bg-warning:hover,
.bg-warning:focus {
  background-color: #f7ecb5 !important;
}

.bg-danger {
  background-color: #f2dede !important;
}

.bg-danger:hover,
.bg-danger:focus {
  background-color: #e4b9b9 !important;
}

.flex-center {
  display: flex;
  align-items: center;
}

.swal2-popup {
  font-size: 1.225rem !important;
}

.long-text-column {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

.url-link-table {
  width: 25rem;
  position: relative;
  display: flex;
  word-break: break-all;
}

#customFontSize #GraficaContratos *,
#customFontSize #GraficaRenovacion *,
#customFontSize #GraficaRenovacionExcluir *,
#customFontSize #GraficaMesaInterna *,
#customFontSize #GraficaPendienteLegalizacion *,
#customFontSize #GraficaCotizacionEstado *,
#customFontSize #GraficaCotizacionProceso *,
#customFontSize #GraficaCentroCosto *,
#customFontSize #GraficaPendienteEjecucion * {
  font-size: 15px;
}

tspan.highcharts-text-outline {
  display: none !important;
}

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


#Anio.px-15px {
  padding-left: 15px;
  padding-right: 15px;
}


@media (min-width: 992px) {
  .col-md-15 {
    width: 12.666667%;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    float: left;
  }
}

.col-md-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.info-box-boton-orange {
  background-color: #fff;
  color: #f39c12;
  border-radius: 10px;
  position: relative;
  border: 1px solid #f39c12;
}

.info-box-boton-orange:hover {
  background-color: #f39c12;
  color: #fff;
}


.info-box-boton-blue {
  background-color: #fff;
  color: #00c0ef;
  border-radius: 10px;
  position: relative;
  border: 1px solid #00c0ef;
}

.info-box-boton-blue:hover {
  background-color: #00c0ef;
  color: #fff;
}

.info-box-boton-green {
  background-color: #fff;
  color: #00a65a;
  border-radius: 10px;
  position: relative;
  border: 1px solid #00a65a;
}

.info-box-boton-green:hover {
  background-color: #00a65a;
  color: #fff;
}

.tagify {
  border-radius: 30px;
  width: 100%;
  --tag-bg: var(--rosa) !important;
  --tag-hover: var(--rosa) !important;
  --tag-text-color: white !important;
  --tag-border-radius: 15px !important;
}

.card-archivos {
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100px;
}

.card-archivos i {
  font-size: 32px;
  margin-top: 35px;
}

.card-archivos .card-footer {
  font-size: small;
  text-align: start;
  color: white;
  background-color: var(--rosa);
  width: 100%;
}

#videoContainer iframe,
#videoContainer_2 iframe {
  margin: 10px;
  border-radius: 10px;
}

.btn-outline-warning {
  border-bottom: 2px solid #f39c12;
  border-radius: 20px !important;
  color: #f39c12;
}

.btn-outline-success {
  border-bottom: 2px solid #00a65a;
  border-radius: 20px !important;
  color: #00a65a;
}

.btn-outline-warning:hover {
  color: #f39c12;
}

.btn-outline-success:hover {
  color: #00a65a;

}

.tagify {
  --readonly-striped: 0 !important;
}

.tagify[disabled] {
  background: var(--tags-disabled-bg);
  filter: inherit !important;
  opacity: 1 !important;
  pointer-events: none;
}

.btnEditarCapitulo {
  font-size: 10px;
  padding: 5px 8px;
  margin-left: 10px;
}

.ck-powered-by {
  display: none !important;
}

.info-pedidos {
  background-color: var(--rosa);
  color: white !important;
  display: flex;
  justify-content: center;
  gap: 12px;
}

.info-pedidos p {
  margin: 0;
}

.info-pedidos .item-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  border-right: 1px solid white;
}

.info-pedidos .item-detail:last-child {
  border: 0;
}

.info-pedidos .item-detail .text-title {
  margin: 0;
  font-size: 30px;
}

.info-pedidos .item-detail .text-title-responsable {
  margin: 0;
  font-size: 24px;
}

.info-pedidos .item-detail.text-start {
  text-align: start;
  align-items: start;
}

.info-pedidos .item-detail.px-3 {
  padding: 0 2.5em;
}

@media(max-width: 992px) {
  .info-pedidos {
    flex-direction: column;
    text-align: start;
    justify-content: start;
    align-items: start;
  }

  .info-pedidos .item-detail {
    border: 0;
    border-bottom: 1px solid white;
  }

  .info-pedidos .item-detail.px-3 {
    padding: 5px 15px;
  }
}

.entrega-pedidos {
  background-color: var(--rosa);
  color: white !important;
  display: flex;
  justify-content: start;
  gap: 12px;
}

.bg-icon-pedidos {
  background-image: url(../img/entrega.png);
  height: 130px;
  width: 350px;
  background-position: 0 center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0;
  margin-left: -28px;
  margin-right: 28px;
}

.separador-vertical {
  border-right: 1px solid white;
  height: fit-content;
}

@media (max-width: 992px) {
  .bg-icon-pedidos {
    position: absolute;
    right: -33px;
    transform: scaleX(-1);
    width: 100px;
    top: 30px;
  }

  .separador-vertical {
    border: 0;
  }
}

.container-pedidos {
  display: flex;
}

.pedido-detalle {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  margin-bottom: 7px;
}

.container-pedidos .width-50 {
  width: 48%;
}

.container-pedidos .w-100 {
  width: 100%;
}

.container-pedidos .fa-solid {
  font-size: 20px;
  width: 24px;
}

/* Popover ckeditor encima de los modales */
.ck.ck-balloon-panel.ck-balloon-panel_visible {
  z-index: 1052 !important;
}

.panel-footer {
  position: relative;
  z-index: 900;
}

.sidebar-collapse .btn-logout span {
  display: none;
}

.btn-logout {
  position: fixed;
  bottom: 10px;
  z-index: 10;
  left: 1%;
}

@media (max-width: 992px) {
  .btn-logout {
    display: none;
  }
}