.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: -2px;
  margin-bottom: 10px;
  padding-left: 6px;
}
.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;
}
form .form-group textarea.form-control{
  min-height: 80px;
  resize: none;
  border-left: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;

}


.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: 130px;
}
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;
}
.modal-body:has(table.thStatic){
  padding-top: 0px !important;
  margin-top: 6px !important;
}
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 !important;
  top:0px;
  background-color: #dcdcdc;
}
.card-body.card-scroll table.thStatic th.cols,
.card-body.card-scroll table.th-static th.cols{
  top:-17px;
}
.card-body.card-scroll .dataTables_wrapper table.thStatic th.cols,
.card-body.card-scroll .dataTables_wrapper table.th-static th.cols{
  top:0px;
}


.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-tools .btn,
.card-header .btn{
  width: 52px;
  height: 35px;
  padding: 8px 10px 6px;
}
.card-tools .btn .fa,
.card-header .btn .fa{
  font-size: 18px !important;
}

.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: var(--bs-danger);
}
.modal-footer .btn.OptAceptar,
.modal-footer .btn.OptGuardar{
  background-color: var(--bs-success);
}
.card-header>.row{
  width: 100%;
}

.input-group input.form-control{
  x-border-left: 2px solid;
  x-border-top: 2px solid;
  x-border-right: 2px solid;
  x-border-bottom: 2px solid;
  margin-top:0px !important;
  margin-bottom:0px !important;
  x-box-shadow: 0px 0px;
  line-height: 15px;
}
.input-group input.form-control:focus{
  box-shadow: 0px 0px;
}
.table.table-options tr:focus,
.table.table-options tr:active{
  background-color: #9dffc3;
  border-color: #00b74a;
  outline-color: #00b74a;
}

.input-field > label{
  pointer-events:none !important;
}
.dataTables_wrapper .dataTables_filter>label,
.dataTables_wrapper .dataTables_filter>label>input{
  width: 100% !important;
}
input[type=date].form-control{
  min-width: 100%;
  width: 100%;
}
input[type=number].form-control{
  padding-right: 2px;
}
.card-tool-opt .tool-search{
  display: inline-block;
  max-width: 180px;
  height: 36px;
  margin-bottom: -1px;
}
.dropdown-menu.show{
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.44);
}
.modal{
  background-color: rgba(0, 0, 0, 0.3);
}
.modal-dialog .modal-content{
  box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.44);
}


.tabImages{
  text-align: center;
}
.tabImages .tab_image{
  text-align: center;
  width: 90px;
  height: 90px;
  text-align: center;
  display: inline-block;
  background-color: #e3e3e3;
  font-size: 14px;
  position: relative;
  background-image: url("/res/imgs/image.png");
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 5px;
  margin-right: 5px;
  xtext-shadow: 0px 0px 3px white,0px 0px 3px white,1px 1px 5px white;
  font-weight: bold;
  color: transparent;
}
.tabImages .tab_image input{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0.45);
  opacity: 0.0;
}
.btn{
  overflow: hidden !Important;
}