.btn_listas_per{
  margin-bottom: 1em !important;
}
html[class*='ventana_modal'] {
    overflow:hidden !important;
}

body{
  padding-bottom: 1em !important;
}
html[data-placement='horizontal'] main {
  padding-bottom: 1em !important;
}

.ventana_modal{
  overflow:hidden !important;
}
.modal-header{
  padding:1em !important
}
.modal-footer{
  padding:0.5em !important
}
.estilo_lis_bus_scr{
  height: 15em;
  padding-right: 0.5em;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
.tabla_usuarios tr td:first-child{
  display:none;
}
.tabla_usuarios tr td:nth-child(3){
  display: none !important;
}

.act_estado:hover{
  background-color: var(--primary) !important;
  color:black !important;
  box-shadow:inset 0 0 0 1px var(--info) !important;
}
.estilos_bus_pres input{
  padding-left:0px !important;
  padding: 0.375rem 0.75rem !important;
}


.estilo_lis_bus_scr .row{
  background: #f0f0f09e;
  border-radius: 0.2em;
}
.estilo_lis_bus_scr .row .name{
  font-weight: bold;
}
.estilo_lis_bus_scr .item_lista_reporte:hover,.estilo_lis_bus_scr .item_lista_version:hover{
  background: #e8eff6;
  cursor:pointer;
}
[data-tipo=modales_forms] .modal-title{
  font-weight:bold;
}
.item_lista_reporte.active{
  background-color:antiquewhite;
}

.estilo_calendarios{
  background-color: #d4e7d7b0;
  border-radius: 1em;
  height: auto !important;
}
.estilo_calendario_subir{
  background-color: #f9f9f9;
  border-radius: 1em;
  height: auto !important;
}
.estilo_calendario_subir .cta-3.text-black, .estilo_calendario_subir .periodos span{
  color: var(--primary) !important;
}
.estilo_calendario_subir .periodos{
  margin:0.3em;
  font-weight:bold;
}
.fondo_calendarios{
  background-color: transparent !important;
  box-shadow: none !important;
}
#imagen_cargue{
  background-image: url("../img/fon_cap.jpg");
  margin: 0.2em;
  text-align:center;
  box-sizing: border-box;
  box-shadow: 2px 2px 10px 2px gray;
  border-radius:3px;
  width:6em;
  min-width:6em;
  height: 1.5em;
  min-height: 1.5em;
  padding: 1px !important;
  font-weight: bold;
  user-select: none;
  text-decoration:line-through;
  font-style: italic;
  font-size: x-large;
  margin-left: 10px;
}
#validar_captcha{
  margin: 0.2em !important;
}
#validar_captcha::placeholder{
  font-size:0.7em;
}
.recargar_capt{
  cursor:pointer;
}
.estilo_primario h5{
  color: var(--tertiary) !important;
  font-weight:bold;
}
.estilo_primario{
  color: var(--primary) !important;
  font-weight:bold;
}
.estilo_primario_darker{
  color: var(--primary-darker) !important;
  font-weight:bold;
}
.estilo_secundario{
  color: var(--secondary) !important;
  font-weight:bold;
}
.estilo_secundario_darker{
  color: var(--secondary-darker) !important;
  font-weight:bold;
}
.estilo_terceario{
  color: var(--tertiary) !important;
}
.estilo_terceario_darker{
  color: var(--tertiary-darker) !important;
}

.page-title-container h1{
  color:#000000 !important;
}

.descargar_radicado,.descargar_subido{
  margin: 2px !important;
}


.empty.datatable{
  display:none !important;
}
.opciones_cal i{
  font-size: 1em !important;
  margin: 0.2em;
}
.opciones_cal i:hover{
  color: var(--success-darke) !important;
  font-weight:bold;
  cursor:pointer;
}

#settingsButton{
  padding: 0.6em;
  margin: 0;
  height: 2em;
  width: 1.8em;
}

.page-item.large{
  /*min-width:5em !important;*/
  opacity:1;
}
.page-item.large .page-link:hover{
  /*min-width:5em !important;*/
  opacity:1;
}

.tabla_paginacion table{
  border-spacing: 0 calc(var(--card-spacing-xs) / 10 * 7);
  margin-top: calc(var(--card-spacing-xs) * -1) !important;
  padding-left: var(--card-spacing-xs);
  padding-right: var(--card-spacing-xs);
  border-collapse: separate !important;
  clear: both;
}
.tabla_paginacion table tbody tr{
  box-shadow: 0 4px 10px rgb(0 0 0 / 3%) !important;
  border-radius: var(--border-radius-lg);
  margin: 0 0em 0.5em 0;
}
.tabla_paginacion table tbody tr td{
  --bs-table-accent-bg:var(--foreground) !important;
  height:2.5rem;
  text-align:left !important;
  vertical-align:middle !important;
  /*border: 2px solid orange;*/
}
.tabla_paginacion table tr td:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.tabla_paginacion tr td:nth-last-child(-n+2) {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.tabla_paginacion tbody tr:hover td{
  --background-color: rgba(var(--separator-rgb), 0.3);
  --bs-table-accent-bg:rgba(var(--separator-rgb), 0.3) !important;
  border-color: var(--primary);
}

.tabla_paginacion table tbody tr.selected td{
  border-color: var(--primary);
  border-top: 1px solid var(--primary);
}
.tabla_paginacion table tbody tr.selected td:first-child{
  border-left: 1px solid var(--primary);
}
.tabla_paginacion table tbody tr.selected td:nth-last-child(-n+2){
  border-right: 1px solid var(--primary);
}
.centrar_cargar{
  display:flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.estilo_afil_nov{
  background-color:#97e7d5 !important;
  font-weight:bold;
}
.center_afil_nov{
  text-align:center;
}

.dividir_vista{
  border-top: 1px solid teal;
  font-weight: bold;
  font-size: 1.3em;
  color: teal;
  text-align: center;
}






.estilo_lis_bus_scr::-webkit-scrollbar,.barra_per::-webkit-scrollbar {
    -webkit-appearance: none;
}

.estilo_lis_bus_scr::-webkit-scrollbar:vertical,.barra_per::-webkit-scrollbar:vertical {
    width:10px;
}

.estilo_lis_bus_scr::-webkit-scrollbar-button:increment,.barra_per::-webkit-scrollbar-button:increment,
.contenedor::-webkit-scrollbar-button,.barra_per::-webkit-scrollbar-button {
    display: none;
} 

.estilo_lis_bus_scr::-webkit-scrollbar:horizontal,.barra_per::-webkit-scrollbar:horizontal {
    height: 10px;
}

.estilo_lis_bus_scr::-webkit-scrollbar-thumb,.barra_per::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.estilo_lis_bus_scr::-webkit-scrollbar-track,.barra_per::-webkit-scrollbar-track {
    border-radius: 10px;  
}


/*estilos para las opciones de los parametros*/
.opc_tabla{
  font-weight:600;
}

.opc_tabla:hover{
  cursor: pointer;
  color: teal;
  font-weight: bold;
}

#ModalVerReglasParametro.modal-right .modal-footer {
  justify-content: right !important;
}

#ModalVerReglasParametro .modal-dialog{
  width: 50% !important;
  max-width: 100% !important;
}

#ModalAddReglasParametro .modal-dialog{
  width: 70% !important;
  max-width: 100% !important;
}

@media (max-width: 992px) {
  #ModalVerReglasParametro .modal-dialog{
    width: 100% !important;
    max-width: 100% !important;
  }
  #ModalAddReglasParametro .modal-dialog{
    width: 100% !important;
    max-width: 100% !important;
  }
}
.nuevaitemrule{
  padding: 5px;
  margin: 5px;
  display: flex;
  justify-content: right;
}

.row_crear_regla .alert.alert-success{
  padding: 6px !important;
  margin: 0px !important;
  font-weight: bold !important;
  border-radius:0px !important;
}

#ModalAddReglasParametro .modal-body{
  padding: 0.3em 1em 1em 1em !important;
}

#ModalAddReglasParametro #query{
  width: 100%;
  border: none !important;
  background: transparent !important;
  color:black !important;
  -webkit-text-fill-color:black !important;
  font-size: 1.1em !important;
}


#ModalAddReglasParametro #builder #builder-iris .rule-value-container select{
  margin-left: 5px !important;
  width: 15em;
  min-width: 15em;
}
#ModalAddReglasParametro #builder #builder-iris .rule-value-container input:nth-child(n+2){
  margin-left: 5px !important;
  width: 6em;
  min-width: 6em;
}
#ModalAddReglasParametro #builder #builder-iris .rule-value-container input:nth-child(-n+1){
  margin-left: 5px !important;
  width: 15em;
  min-width: 15em;
}

#ModalAddReglasParametro #builder #builder-iris .rule-filter-container select{
  margin-left: 5px !important;
  width: 15em;
  min-width: 15em;
}


#ModalAddReglasParametro #builder #builder-iris [data-add=rule],
#ModalAddReglasParametro #builder #builder-iris [data-add=group],
#ModalAddReglasParametro #builder #builder-iris [data-delete=group]{
  margin: 2px;
}

#ModalAddReglasParametro #builder #builder-iris .group-conditions label,
#ModalAddReglasParametro #builder #builder-iris .group-conditions label{
  margin: 2px;
}

#ModalAddReglasParametro #builder #builder-iris .rules-list .rule-container{
  display: inline-flex;
  align-items: center;
}
#ModalAddReglasParametro #builder #builder-iris .rules-list .rule-container .rule-header{
  position: absolute;
  right: 0;
}

#ModalAddReglasParametro #builder #builder-iris .rules-list{
  display: flex;
  flex-direction: column;
}

#ModalAddReglasParametro #builder #builder-iris .borrar_regla{
  /*padding: 0.4em;*/
  padding: 0;
}

#ModalAddReglasParametro #builder #builder-iris .rules-group-container{
  background:transparent !important;
  border-color: rgba(var(--primary-rgb), 1) !important;
}

#ModalAddReglasParametro #builder #builder-iris .rules-group-header{
  display: flex;
  justify-content: flex-start;
}

#ModalAddReglasParametro #builder #builder-iris .group-actions{
  position: absolute;
  right: 1em;
}

#ModalAddReglasParametro #builder #builder-iris .group-actions button{
  padding: 0px !important;
  margin: 1px !important;
  border-radius: 50%;
}

#ModalAddReglasParametro #builder #builder-iris .rule-value-container{
  display: flex !important;
}

#ModalAddReglasParametro #builder #builder-iris .selectwhidthoperator{
  margin-left: 5px !important;
  width: 4em !important;
  min-width: 4em !important;
}



#ModalAddReglasParametro .fa-2{
  font-size: 1.5em;
  color: red !important;
  padding: 0.2em;
}
#ModalAddReglasParametro .fa-3{
  font-size: 2em;
  color: red !important;
  padding: 0.2em;
}
#ModalAddReglasParametro .fa-4{
  font-size: 2em;
  color: red !important;
  padding: 0.2em;
}
#ModalAddReglasParametro .fa-5{
  font-size: 2em;
  color: red !important;
  padding: 0.2em;
}

#ModalAddReglasParametro .success{
  color:#009487 !important; 
}

#ModalAddReglasParametro .danger{
  color:#9c3436 !important; 
}

#ModalAddReglasParametro .borrar_regla:active,
#ModalAddReglasParametro [data-add=rule]:active,
#ModalAddReglasParametro [data-add=group]:active{
  background-color: #b3d9d5 !important;
  border-radius: 50% !important;
}

#ModalAddReglasParametro [data-delete=group]:active{
  background-color: #ffdddd !important;
}

#ModalAddReglasParametro .borrar_regla:hover,
#ModalAddReglasParametro [data-add=rule]:hover,
#ModalAddReglasParametro [data-add=group]:hover,
#ModalAddReglasParametro [data-delete=group]:hover{
  border-radius: 50% !important;
  background-color: #e3eee1 !important;
}

#ModalAddReglasParametro .query-builder .rule-value-container input[type=number], .query-builder .rule-value-container input[type=text], .query-builder .rule-value-container select {
  padding: .375rem .75rem !important;
}

#ModalAddReglasParametro .group-conditions .btn-primary.active{
  background-color: #009487 !important;
}

#ModalAddReglasParametro .group-conditions .btn-primary{
  background-color: #7fc5c0 !important;
}

#tabla_reglas tr td{
  padding-top: 0.70rem !important;
  padding-bottom: 0.70rem !important;
}
.est_opciones{
  font-weight: bold;
  font-size: 1em;
  margin: 5px;
}
.est_opciones:hover{
  color:var(--primary);
  cursor: pointer;
}
@media (max-width: 992px) {
  .reg_pagina{
    width:90%;
  }
}
@media (min-width: 992px) {
  .reg_pagina{
    width:25%;
  }
}
.btn_detalles_app.val{
  padding: 0.5em 0.8em !important;
}
.btn_detalles_app.rad{
  padding: 0.4em 0.6em !important;
}

.padre_iris{
  display: flex;
  align-items: center;
  justify-content: center;
}


.iris_v3{
  -webkit-animation: rotate-center 2s ease-in-out infinite ;
  animation: rotate-center 2s ease-in-out infinite ;
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    color:#009487;
  }
  50% {
    color:#9C3436;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color:#009487;
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    color:#009487;
  }
  50% {
    color:#9C3436;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color:#009487;
  }
}


@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
    to {
      transform: rotate(360deg);
    }
  }
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.imgr{
    -webkit-animation: 5s rotate linear infinite;
    animation: 5s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#imgr1 {
  position: relative;
  left: 0px;
  top: 0px;
}
#imgr2 {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
  position: relative;
  left: -20px;
  top: -30px;
}