/* Your Custom CSS Goes here */
.select2-dropdown {z-index:99999 !important;}
.app-auth-sign-in .app-auth-background.recovery{
    background: url("../images/backgrounds/sign-in.jpg") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: center;
}
#patron {transition: all 0.5s;}
.ui-state-highlight { height: 200px; line-height: 2em; background: #f5f5f5; border:4px dashed #dddddd;}
.ui-sortable-helper, .ui-sortable-helper button {/*visibility: hidden !important;*/}
#check_radios label {line-height:1;}
.hidden {visibility: hidden;}
#draw-canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 5px;
  cursor: crosshair;
    width: 320px;
    min-height: 300px;
}
#draw-dataUrl {
  width: 320px;
}
.tabla-materiales {font-size:12px !important;}
.remove, .remove_selec {
    width: auto;
position: absolute;
top:-5px; right: 5px;
color: red;
padding: 5px;
text-align: right;}

.bg-grey {background-color: #f1f1f1;}
.settings-integrations .settings-integrations-item .settings-integrations-item-info span {margin-top:0 !important;}
.settings-integrations .settings-integrations-item .form-check {min-height:auto !important;}
.settings-integrations .settings-integrations-item:last-child {margin-bottom: 10px; border-bottom: 1px solid #E3E6EA;}
#materiales .col {position:relative;}
#materiales .col img {border: 4px solid transparent;}
/*#materiales .col img.activo {border: 4px solid #0AB10A;}*/
/*#materiales .col p {padding-left: 20px;}*/
#materiales input {position:absolute; top: 5px; left: calc(var(--bs-gutter-x)/ 2);left: 0; margin-left: 10px; width: 20px; height: 20px;}
#materiales.mat_pet input {position:absolute; top: 30px; left: calc(var(--bs-gutter-x)/ 2); margin-left: 5px; width: 20px; height: 20px;}
.mat_gestor .table th, .mat_gestor .table td { padding:7px 10px !important; font-size:12px; padding-right:25px;}

.btn-xs, .btn-group-xs .btn {
  padding: 2px 12px;
  font-size: 11px;
}

.swal2-title {font-size:1.2em !important; font-weight:500 !important;}

table.dataTable tbody tr.selected {
    background: #a4cae6!important;
    color: #000; }
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
    top: 50%!important;
}
.select-checkbox input.dt-checkboxes {
    display: none;
}
.dataTables_scrollHead {
    position: sticky !important;
    top: 105px;
    z-index: 99;
    background-color: white;
    box-shadow: 0px 2px 1px 0px rgba(82, 63, 105, 0.08);
}
.dataTables_wrapper {
    position:relative;
}
div.dataTables_wrapper div.dataTables_length select {
    padding: 8px 30px 8px 14px;
}
div.dataTables_processing {
    position: absolute;
    top: 150px;
    left: 0;
    margin: 0;
    width: 100%;
    height: calc(100% - 150px);
    text-align: center;
    padding: 20px 20px;
    z-index: 999;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: none;
}
.dataTables_info {
    background: #fff;
    z-index: 99;
    position: relative;
    top: -36px;
    padding-top: 36px!important;
}
.dataTables_scrollBody {
    /*position: static!important;*/
    overflow-x: scroll!important;
}