/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2025 | 16:54:33 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2025 | 17:26:28 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2025 | 17:25:25 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2025 | 16:59:12 */

.tabla-md-garantias th,
.tabla-md-garantias td,
.tabla-md-garantias tbody,
table.dataTable{
    border: none !important;
}

.tabla-md-garantias table thead{
    background: transparent;
}

.tabla-md-garantias table thead th{
    font-size: 17px
}



.tabla-md-garantias table.dataTable{
    color:#313131;
}

.tabla-md-garantias table.dataTable th:hover{
    color:#007BFF
}

#sff-preview-redistribucion tbody tr.row-selected {
  background: transparent !important;
}



.tabla-md-garantias table.dataTable tbody tr td{
    background: #f4f5f7;
    padding: 5px 15px !important;
    cursor:pointer
}

#sff-preview-redistribucion tbody tr.row-selected td{
    background:#007bff24 !important
}

#sff-preview-redistribucion tbody tr.row-selected{
    background:transparent !important
}

.tabla-md-garantias table.dataTable tbody tr td:nth-child(1){
    border-radius: 10px 0px 0px 10px;
    border-style:solid none solid solid !important
}

.tabla-md-garantias table.dataTable tbody tr td:nth-last-child(1){
    border-radius: 0px 10px 10px 0px;
    border-style:solid solid solid none !important
}

.tabla-md-garantias table.dataTable tbody tr td{
    border:1px solid #313131 !important;
    border-style:solid none !important;
    background-color:#fff
}

.tabla-md-garantias table.dataTable{
    border-collapse: separate; 
    border-spacing: 0px 5px;
}

.tabla-md-garantias .dataTables_wrapper .dataTables_length select{
    background-color: #Fff !important;
    border:0px !important;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0px 0px 1px 1px #1A1A1A
}

.tabla-md-garantias .dataTables_filter input{
    border:none !important;
    background-color: #Fff !important;
    border-radius:10px;
    transition: .2s all ease;
	margin-left:10px;
    box-shadow: 0px 0px 1px 1px #1A1A1A;
    color:#1A1A1A !important;
}
form#sff-form {
    margin-bottom:1em 
}
.tabla-md-garantias .dataTables_filter input:active, 
.tabla-md-garantias .dataTables_filter input:focus{
    box-shadow: 0px 0px 1px 1px #007BFF
}

.tabla-md-garantias .dataTables_info{
    color:#828282 !important;
}

.tabla-md-garantias .dataTables_paginate{
    display: flex;
    gap:5px;
}

.tabla-md-garantias #sff-form select  {
    border-radius:10px;
    background:#fff !important;
    color:#1a1a1a !important;
    border:1px solid #1a1a1a !important
}

.tabla-md-garantias .form-duplicados select{
	border-radius:10px;
	background: #fcfcfd !important;
	col;
	color: #1a1a2f;
	order:none !important
}

.tabla-md-garantias .paginate_button.next,
.tabla-md-garantias .paginate_button.previous{
    font-size: 0px;
}

.tabla-md-garantias .paginate_button.previous::before{
   content: "\f104";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   color:#313131;
   font-size: 14px
}

.tabla-md-garantias .paginate_button.next::before{
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   color:#313131;
   font-size: 14px;
}

.tabla-md-garantias .paginate_button.previous:hover::before,
.tabla-md-garantias .paginate_button.next:hover::before{
    color:#fff
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    color:#fff !important;
    padding: 5px 10px !important;
    background: #fff !important;
    border-radius: 5px;
    border:1px solid #313131
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color:#fff !important;
    background: #313131 !important;
    box-shadow: 0px 0px 1px 1px #313131;
}

.tabla-md-garantias #sff-file-btn{
    border-radius:30px;
    padding:6px 40px;
    margin-top:20px;
    background: #007bff;
    transition:.3s all ease
}

.tabla-md-garantias #sff-file-btn:hover{
    opacity:.5
}





.filtro-tablas {
  margin-bottom:35px;
  display: flex;
  align-items: center;
  gap: 20px;  
  color:#33373d !important;
}

.filtro-tablas select{
  background-color: #fff!important;
  border: 1px solid #1a1a1a!important;
  border-radius: 10px;
  cursor: pointer;
  color:#0c0c0c !important;
  transition: .3s all ease;
  cursor:pointer;
}

.filtro-tablas select:focus{
  box-shadow: 0px 0px 1px 1px #3CC6A9;
}

div#sff-mail-modal > div{
    background:#1f2027 !important;
    color:#fff !important
}

#sff-mail-close{
    background:#3DA4A4 !important;
    font-size:20px;
    padding:0px;
    width:30px;
    height:30px;
    border-radius:3em;
    transform:translate(15px, -10px);
    transition:.3s all ease;
}
#sff-mail-close:hover{
    background:#fff !important;
    color:#26272e
}

#sff-mail-modal > div #sff-mail-form button{
    width:100%;
    background:#3da4a4 !important;
    padding:10px !important;
    border-radius:3em !important;
    font-size:16px !important
}

#sff-mail-modal > div #sff-mail-form input, #sff-mail-modal > div #sff-mail-form textarea{
    background:#363740 !important;
    border:none;
    border-radius:10px;
    color:#fff !important;
    outline:none
}


.sff-progress-bar {
  width: 100%;
  height: 10px;
  background-color: #eee;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 15px;
}

.sff-progress-fill {
  height: 100%;
  width: 0;
  background:linear-gradient(45deg, #3DA4A4, #80E784, #3DA4A4, #80E784, #3DA4A4, #80E784, #3DA4A4, #80E784, #3DA4A4);
  transition: width 0.2s linear;
}

.sff-file-name, .sff-file-size, .sff-file-icon{
    color:#16365d;
}

.sff-file-selected{
    display:flex;
    gap:15px;
    justify-content:center;
}

.sff-remove-file{
    padding:0px;
    width:25px;
    height:25px;
    border-radius:3em;
    font-size:14px;
    background:#d85050;
}

.sff-drop-area:hover{
    border: 2px dashed #007BFF !important;
}

.resultado-carga-duplicados, .resultado-carga {
    color: #1a1a1a !important;
    background: #ffffff !important;
    padding: 14px;
    border-radius: 15px;
    margin-top: 60px;
    border: 1px solid #1a1a1a;
}

.resultado-carga-duplicados span, .resultado-carga span
 {
    color: #1a1a1a !important;
}

.resultado-carga-duplicados a, .resultado-carga a{
	background: #007bff !important
}

.tabla-md-garantias table thead th{
	color:#1a1a1a !important
}