:root{
  --bs-warning: #ff8800;
}
.bg-warning{
  background-color: var(--bs-warning) !important;
}
.input-group label,
.form-group label{
  display: inline-block;
  width: 100%;
  font-size: 15px;
  margin-bottom: -6px;
}
.card-body form{
  padding-top: 10px;
}
.form-group .form-control,
.input-group .form-control{
  border-top: 0px;
  border-left: 0px;
  border-right: 1px;
  border-radius: 0px;
  box-shadow: 0px 1px 0px 0px transparent;
  margin-top: -6px;
  margin-bottom: 10px;
}
.form-group .form-control:focus,
.input-group .form-control:focus {
  transition: all 0.5s;
  box-shadow: 0px 1px 0px 0px #0c56d0;
}
.form-group{
  padding-top: 6px;
}
.form-group .form-control::placeholder {
  color: #a8a8a8;
  font-size: 13px;
}
.form-group .form-control[type=checkbox]{
  display: inline;
  width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  min-width: 20px;
  max-width: 20px;
  line-height: 20px;
  visibility: visible;
  opacity: 1;
  appearance:auto;
  background-color: #c1c1c1;
  padding: 0px 0px;
  margin: 0px 0px;
  border: 0px;
  margin-bottom: -5px;
}
.form-group .form-control[type=checkbox]:checked{
  background-color: var(--cl-red);
}
.form-group .form-control[type=checkbox]:focus{
  box-shadow: none;
  border-bottom: 0px;
}
.form-group:has(.form-control[type=checkbox]) label{
  width: auto;
  line-height: 20px;
  vertical-align: top;
  margin-left: 6px;
}
.form-group:has(.form-control[type=checkbox]){
  padding-bottom: 20px;
  padding-top: 15px;
}


.login-box{
  width: 95%;
  max-width: 400px;
  margin: 50px auto;
}
.input-group-text{
  height: 100%;
  border-radius: 0px;
}

.btn{
  border-radius: 1px;
}
input[type=date].form-control{
  max-width: 140px;
  font-size: 14px;
}
.row .col-12 input[type=date].form-control,
.row .col-10 input[type=date].form-control,
.row .col-8 input[type=date].form-control,
.row .col-6 input[type=date].form-control,
.row .col-4 input[type=date].form-control,
.row .col-3 input[type=date].form-control,
.row .col-2 input[type=date].form-control{
  max-width: 100%;
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after{
  top:3px;
}

table.thStatic,table.th-statuc{
  margin-top: 6px;
  position: relative;
  border-collapse: collapse;

}
table.thStatic th.cols,table.th-static th.cols{
  margin-top: -30px;
  position: sticky;
  top:0px;
  background-color: #dcdcdc;
}
.card-body.card-scroll table.thStatic th.cols,
.card-body.card-scroll table.th-static th.cols{
  top:-17px;
}

.modal .modal-header button.close{
  width: 30px;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.modal .modal-header button.close span{
  line-height: 27px !important;
}

.card .card-tools .btn,
.card .card-header .btn{
  width: 52px;
  height: 35px;
  padding: 8px 10px 6px;
}
.card-tools .btn .fa,
.card-header .btn .fa{
  font-size: 18px !important;
}
.card.card-warning:has(.card-tools){
  position: relative;
  float: right;
}
.card.card-warning .card-tools{
  position: absolute;
  top:3px;
  right: 5px;
}
.card.card-warning .card-tools .btn{
  width: 40px;
  padding: 13px 3px;
  border: 0px solid red;
  box-shadow: none;
  height: 40px;
}
.card.card-warning .card-header .card-title{
  line-height:25px
}
.media{
  border-radius: 4px;
  padding: 4px 4px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.79);
  margin-bottom: 7px;
}
.media.media-danger{
  border-left: 6px solid var(--bs-danger);
}
.media.media-primary{
  border-left: 6px solid var(--bs-primary);
}
.media.media-warning{
  border-left: 6px solid var(--bs-warning);
}
.media.media-success{
  border-left: 6px solid var(--bs-success);
}
.media .media-title{
  font-weight: bold !important;
  font-size: 14px;
  line-height: 20px;
}
.media .media-body{
  font-weight: normal !important;
  font-size: 12px;
  line-height: 18px;
}
.media .media-footer{
  font-weight: normal !important;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
}
.inputf .custom-file{
  position: relative;
  width: 100%;
}
.inputf .custom-file .custom-file-input{
  padding: 4px 4px;
  background-color: red;
  position: absolute;
  opacity: 0.0;
  width: 100%;
}
.custom-file-label{
  padding: 6px 2px;
  border: 1px solid green;
  border-radius: 4px;
  overflow: hidden;
}
.modal-footer .btn.OptCancelar{
  background-color: #b41a1a;
}
.modal-footer .btn.OptAceptar{
  background-color: #06730b;
}
th.cols.is_sorttable {
  cursor: pointer;
}

.tab-respo.rpsv-visible tbody tr{
  width: 100%;
  min-width: 100%;
}
#CodAgenteSelTable{
  width: 600px;
  max-width: 600%;
  margin: 0 auto;
}
#CodAgenteSelTable .cols.col-codagente{
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
#CodAgenteSelTable .cols.col-nombre{
  width: 400px;
  max-width: 400px;
  min-width: 400px;
}
textarea.form-control{
  resize: none;
}

/** RESPONSIVEtABLE v2 **/
.ResponsiveT.RTActive{table-layout: fixed;width:100%;min-width:100%;max-width:100%;}
.ResponsiveT.RTActive .cols{width:100%;min-width:100%;max-width:100%;}
.ResponsiveT.RTActive thead{display:none}
.ResponsiveT.RTActive tbody tr{
  display:inline-block;
  width:100%;
  min-width:100%;
  max-width: 100%;
  border: 1px solid #838383;
  border-radius: 5px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.48);
  margin-bottom: 10px;
  padding-bottom: 12px;
  padding: 0px 4px;

}
.ResponsiveT.RTActive tbody tr td.cols.ResponsiveTd{
  position:relative;
  display:inline-block;
  width:100%;
  min-width:100%;
  padding:18px 3px 0px;
  border:0px;

}
.ResponsiveT.RTActive tbody tr td:after{
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 3px;
  top:0px;
  font-size: 14px;
}
/** RESPONSIVEtABLE v2 **/


.toast{
  position: fixed;
  z-index: 90000;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
  top:-200px;
  right:10px;
  transition: all .5s;
}
.toast .toast-header{
  background-color: var(--bs-primary);
  color: white !important;
}
.toast .toast-header .btn-close{
  background-color: white;
  padding-top: 6px;
  padding-right: 2px;
}


.toast.show{
  top:20px;
  transition: all .5s;
}


.modal-header.bg-warning .modal-title,
.modal-header.bg-success .modal-title{
  color: white;
}
.modal-header.bg-warning .modal-title{
  color: white;
}
.card-tools .input-group .input-group-text{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-color: transparent;
}
.card-flex-between-center,.flex-between-center,.card-header .flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-header-flex {
  /* Hereda las propiedades de .card-header */
  background-color: #e8e8e8; /* Color de fondo predeterminado */
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;

  /* Añade flex para alineación */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-header-flex .card-tools{
  text-align: right;
}




@media (max-width: 576px) {
  input.form-control,select.form-control,.form-control,label,cols{
    font-size: 12pt !important;
  }
}