html{
    --font-size-base: 0.83rem;
}

body {
    padding-right: 0 !important;
    /* overflow: auto !important; */
}


/*modal no estatico cuando se cierra el modal hijo*/
.modal { overflow: scroll !important; }

/*ajustar el pie de las datatables.*/
tfoot input {
        width: 	100% !important;
        padding: 0px !important;
        box-sizing: border-box !important;
    }

thead input {
        width: 100% !important;
        padding: 0px !important;
        box-sizing: border-box !important;
    }



 th { font-size: 13px; }
 td { font-size: 13px; }

 tfoot {
    display: table-header-group;
}

thead {
    display: table-row-group;
}

/*.dataTable  {*/
/*    width: 100% !important;*/
/*}*/

a:hover{ cursor: pointer; }



/*tamaño del sweet alert*/
.swal2-popup{
    font-size: 1rem !important;
}

.swal2-container {
    z-index: X;
}

.btn-purple{
    background-color: rgb(91, 32, 130, 0.8)!important;
}

.badge-brown{
    background-color: rgb(76, 63, 41, 0.8)!important;
}

.badge-purple{
    background-color: rgb(91, 32, 130, 0.8)!important;
}

.badge-comision{
    background-color: rgb(23, 89, 36, 0.8)!important;
}

.badge-celeste{
    background-color: rgb(49, 168, 166, 0.8)!important;
}

.badge-gris{
    background-color: rgb(99, 99, 99, 0.8)!important;
}


.badge-azul{
    background-color: rgba(37, 110, 128, 0.8)!important;
}

.badge-correo{
    background-color: rgba(196, 80, 8, 0.8)!important;
}

.badge-naranjo{
    background-color: rgba(196, 80, 8, 0.8)!important;
}





/*input, select{*/
/*    !* font-size: 12px !important; *!*/
/*    margin: 0px !important;*/
/*    padding: 0px 0px 0px 2px !important;*/
/*    border-radius: 0px !important;*/
/*}*/

#modal-articulos input{
    font-size: 12px !important;
}

#modal-articulos select{
    font-size: 12px !important;
}

/*incrementa tamaño de los chebox*/
input[type='checkbox'] {
    zoom: 1.1;
    text-align: center!important;
    vertical-align: -webkit-baseline-middle!important;
}
/*
input[type='checkbox'] {
    margin-top: -30px;
}
input[type='checkbox'] {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    width: 13px;
    height: 13px;
    margin: 0;
    margin-right: 1px;
    display: block;
    float: left;
    position: relative;
    cursor:pointer;
}
input[type='checkbox']:after {
    content:"";
    vertical-align: middle;
    text-align: center;
    line-height: 13px;
    position: absolute;
    cursor: pointer;
    height: 13px;
    width: 13px;
    left:0px;
    top:0px;
    font-size:10px;
    -webkit-box-shadow: inset 0px 1px 1px #000, 0px 1px 0px #444;
    -moz-box-shadow: inset 0px 1px 1px #000, 0px 1px 0px #444;
    box-shadow: inset 0px 1px 1px #000, 0px 1px 0px #444;
    background: #45484d;
}
input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after {
    background: #2d2d2d;
    content:'\2714';
    color: #888;
}
input[type='checkbox']:checked:after {
    background: #202020;
    content:'\2714';
    color: #fff;
} */

/*span{*/
/*    box-shadow:none !important;*/
/*    border-radius: 0px !important;*/
/*}*/

/*.btn> .badge{*/
/*     border: 0 !important;*/
/*     !*box-shadow:none !important;*!*/
/*     border-radius: 0px !important;*/
/*}*/

/*th
{
    text-align: center;
    vertical-align: middle;
}
*/
tr {
    padding: 0px !important;
    margin: 0px !important;
}

th{
    text-align: center; /* center checkbox horizontally */
    vertical-align: middle; /* center checkbox vertically */
}

td {
    padding: 0px 3px 0px 0px !important;
   /* padding: 0px !important; */
    /* margin: 0px !important; */
    text-align: center; /* center checkbox horizontally */
    vertical-align: middle; /* center checkbox vertically */
}

table {
    padding: 0px !important;
    margin: 0px !important;
}


.box-title{
    font-weight: bold;
    /* font-size: 16px !important; */
}

.form-group {
    margin-bottom: 5px !important;
}
#cuerpoTabla th{
    width: 100% !important;
}




.select2-container--default .select2-results__option{
    padding: 2px;
}

.select2-container--default .select2-results__option[aria-selected="true"]{
    background-color: #0c067c;
    color: #fff;
    /* padding: 0px!important; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border-color: #367fa9;
    /* padding: 1px 1px; */
    color: #fff;
}
.select2-container--default .select2-k selection--multiple .select2-selection__choice__remove{
    color: #fff;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff!important;
}
.dark-mode .select2-container--default .select2-selection--single{
    background-color: rgba(255, 255, 255, 0)!important;
}
/*.select2-container--default .select2-selection--single {*/
/*    background-color: rgba(255, 255, 255, 0)!important;*/
/*}*/
/*.select2-selection{*/

/*    overflow-y: auto;*/
/*    overflow-x: hidden;*/
/*    width: 100%;*/

/*    margin: 0px !important;*/
/*    padding: 1px 0px 0px 0px !important;*/

/*}*/
.select2-selection{
    height:calc(2.25rem + 2px)!important;
}

option[value="-1"][disabled] {
    display: none;
}

textarea{
    resize:vertical;
}


.tituloDiv{
    background-color: rgba(53, 63, 68, 0.6);
    color: white;
}

.tablahead{
    background-color: rgb(56, 75, 86);
    color: white;
}


/*.btn-success{*/
/*    background-color: rgb(24, 124, 24);*/
/*    color: white;*/
/*}*/

/*.btn-success:hover{*/
/*    background: rgba(0,0,0,0);*/
/*    color: rgb(24, 124, 24);*/
/*    box-shadow: inset 0 0 0 3px rgb(24, 124, 24);*/
/*    transition: 0.3s;*/
/*}*/

/*.btn-primary{*/
/*    background-color: rgb(60, 141, 188);*/
/*    color: white;*/
/*}*/

/*.btn-primary:hover {*/
/*    background: rgba(0,0,0,0);*/
/*    color: rgb(60, 141, 188);*/
/*    box-shadow: inset 0 0 0 3px rgb(60, 141, 188);*/
/*    transition: 0.3s;*/
/*}*/

/*.btn-default{*/
/*    background-color: rgb(163, 163, 163);*/
/*    color: white;*/
/*}*/

/*.btn-default:hover {*/
/*    background: rgba(0,0,0,0);*/
/*    color: rgb(163, 163, 163);*/
/*    box-shadow: inset 0 0 0 3px rgb(163, 163, 163);*/
/*    transition: 0.3s;*/
/*}*/

/*.btn-danger{*/
/*    background-color: rgb(168, 33, 33);*/
/*    color: white;*/
/*}*/

/*.btn-danger:hover {*/
/*    background: rgba(0,0,0,0);*/
/*    color: rgb(168, 33, 33);*/
/*    box-shadow: inset 0 0 0 3px rgb(168, 33, 33);*/
/*    transition: 0.3s;*/
/*}*/


.btn-realizado{
    background-color: rgb(50, 75, 114);
    color: white;
}

.btn-realizado:hover {
    background: rgba(0,0,0,0);
    color: rgb(50, 75, 114);
    box-shadow: inset 0 0 0 3px rgb(50, 75, 114);
    transition: 0.3s;
}

#btn_generar{
    background-color: rgb(50, 75, 114);
    color: white;
}

#btn_generar:hover {
    background: rgba(0,0,0,0);
    color: rgb(50, 75, 114);
    box-shadow: inset 0 0 0 3px rgb(50, 75, 114);
    transition: 0.3s;
}

.fa-trash{
    background-color: rgb(168, 33, 33);
    color: white;
    padding: 5px 20px 5px 10px;
    margin: 1px;

}

.fa-trash:hover {
    background: rgba(0,0,0,0);
    color: rgb(168, 33, 33);
    box-shadow: inset 0 0 0 3px rgb(168, 33, 33);
    transition: 0.3s;
}

.fa-clone{
    background-color: rgb(99, 99, 99);
    color: white;
    padding: 5px 20px 5px 10px;

}

.fa-clone:hover {
    background: rgba(0,0,0,0);
    color: rgb(99, 99, 99);
    box-shadow: inset 0 0 0 3px rgb(99, 99, 99);
    transition: 0.3s;
}

/*
.dataTables_scrollBody
{
 overflow-x:hidden !important;
 overflow-y:auto !important;
} */

/* .content{
    padding: 0px 5px 0px 5px;
} */


/* .modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
} */


/* .fixed-header {
    z-index: 1100;
    width: 100%;
    position: fixed;
    top: 0;
    left: -8px;
    display: none;
} */

.modal-body {
    padding: 0px;
}


/* .fixed-header .modal-header {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
} */

.affixed {
    display: block;
    z-index: 1100;
    width: 100%;
    position: fixed;
    top: 0;
    left: -8px;
}
div.dataTables_wrapper div.dataTables_processing{
    z-index: 9999!important;
    position: absolute;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    margin-left: 0!important;
    margin-top: 0!important;
    text-align: center!important;
    background: rgb(255, 255, 255,0.6) !important;
    display:inline-block;
}
div.dataTables_wrapper div.dataTables_processing > i{
    position: fixed !important;
    margin-top: 10px;
}

.dataTables_filter{
    display:none;
}

/* .file-caption{
    display:none!important;
} */



#modal-file .dataTable{
    margin-top: 10px;
}


/*td input[type="checkbox"] {*/
/*    float: left;*/
/*    margin: 0 auto;*/
/*    width: 100%;*/
/*}*/





/*button paginate datatable*/
/*.dataTables_wrapper .dataTables_paginate .paginate_button:hover {*/
/*    color: white !important;*/
/*    border: 1px solid #2980B9!important;*/
/*    background-color: #2980B9!important;*/
/*    font-size: 12px!important;*/
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2980B9), color-stop(100%, #2980B9))!important;*/
/*    background: -webkit-linear-gradient(top, #2980B9 0%, #2980B9 100%)!important;*/
/*    background: -moz-linear-gradient(top, #2980B9 0%, #2980B9 100%)!important;*/
/*    background: -ms-linear-gradient(top, #2980B9 0%, #2980B9 100%)!important;*/
/*    background: -o-linear-gradient(top, #2980B9 0%, #2980B9 100%)!important;*/
/*    background: linear-gradient(to bottom, #2980B9 0%, #2980B9 100%)!important;*/
/*}*/

/*.dataTables_wrapper .dataTables_paginate .paginate_button {*/
/*    !*font-size: 12px!important;*!*/
/*    padding: 0;*/
/*}*/

/*.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{*/

/*    color: white !important;*/
/*    border: 1px solid #2980B9!important;*/
/*    background-color: #2980B9!important;*/
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2980B9), color-stop(100%, #2980B9))!important;*/
/*    background: -webkit-linear-gradient(top, #2980B9 0%, #2980B9 100%)!important;*/
/*    background: -moz-linear-gradient(top, #2980B9 0%, #2980B9 100%)!important;*/
/*    background: -ms-linear-gradient(top, #2980B9 0%, #2980B9 100%)!important;*/
/*    background: -o-linear-gradient(top, #2980B9 0%, #2980B9 100%)!important;*/
/*    background: linear-gradient(to bottom, #2980B9 0%, #2980B9 100%)!important;*/
/*}*/

.textAreaMotivo {
    margin-top: 10px;
    /* margin-left: 50px; */
    width: 100%;
    height: 100px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border-color: -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color;
    border-image: none;
    border-radius: 6px 6px 6px 6px;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    color: #555555;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    padding: 5px 8px;
    transition: background-color 0.2s ease 0s;
  }


.textAreaMotivo:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    outline-width: 0;
}



/*modal style*/

.modal-header{
    background: rgb(50, 75, 114);
    color:white;
}
.modal-header .close span{
    color:white;
    font-size: 2em;
}

/*modal-full-width {*/
/*    max-width: 90% !important;*/
/*    margin: 30px auto;*/
/*}*/

/*boostrap 4 size sm screen ≥576px */
@media (min-width: 576px) {
    .modal-full-width {
        max-width: 100% !important;
        margin: 10px;
    }
}

/*.custom-selected{*/
/*    color: white !important;*/
/*    background-color: #0b244d !important;*/
/*}*/




/*seleccion en el datatable*/
/*table.dataTable tbody tr.selected {*/
/*    !* color: black !important;*/
/*    background-color: #00c94d !important; *!*/
/*    opacity: 0.7;*/
/*}*/

.iconoLista{
    margin-right: 2px;
    color: #ffffff !important;
    background-color: transparent;
    /*display: table;*/
}
.iconoLista> .badge:hover{
    transform: scale(1.2);
}

.iconoLista > .badge{
    height: 1.3rem;
    width: 1.4rem;
    /* border-radius: 50%!important; */
    /* text-align: center; */
    color: currentcolor;
    display: table-cell;
    /*vertical-align: middle;*/
    /*text-align: center;*/

}
.iconoLista > .badge > i{
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    line-height:1.3rem;
    vertical-align: middle

}


.select2-dropdown--below{
    min-width: 400px !important;
}

/*.select2-selection{*/
/*    width:100%!important;*/
/*}*/

/*select.minimal {*/
/*    background-image:*/
/*      linear-gradient(45deg, transparent 50%, gray 50%),*/
/*      linear-gradient(135deg, gray 50%, transparent 50%),*/
/*      linear-gradient(to right, #ccc, #ccc);*/
/*    background-position:*/
/*      calc(100% - 10px) calc(1em + 2px),*/
/*      calc(100% - 5px) calc(1em + 2px),*/
/*      calc(100% - 1.5em) 0.5em;*/
/*    background-size:*/
/*      5px 5px,*/
/*      5px 5px,*/
/*      1px 1.5em;*/
/*    background-repeat: no-repeat;*/
/*  }*/

/*  select.minimal:focus {*/
/*    background-image:*/
/*      linear-gradient(45deg, blue 50%, transparent 50%),*/
/*      linear-gradient(135deg, transparent 50%, blue 50%),*/
/*      linear-gradient(to right, #ccc, #ccc);*/
/*    background-position:*/
/*      calc(100% - 5px) 1em,*/
/*      calc(100% - 10px) 1em,*/
/*      calc(100% - 1.5em) 0.5em;*/
/*    background-size:*/
/*      5px 5px,*/
/*      5px 5px,*/
/*      1px 1.5em;*/
/*    background-repeat: no-repeat;*/
/*    border-color: blue;*/
/*    outline: 0;*/
/*  }*/


/*  select:-moz-focusring {*/
/*    color: transparent;*/
/*    text-shadow: 0 0 0 #000;*/
/*  }*/

  /* body {
    background-color: rgb(0,159,214);
    font: bold 1em/100% "Helvetica Neue", Arial, sans-serif;
    padding: 2em 0;
    text-align: center;
  } */
/*
  h1 {
    color: white;
    line-height: 120%;
    margin: 0 auto 2rem auto;
    max-width: 30rem;
  } */


  /*select {*/

  /*  !* styling *!*/
  /*  background-color: white;*/
  /*  border: thin solid blue;*/
  /*  border-radius: 4px;*/
  /*  display: inline-block;*/
  /*  font: inherit;*/
  /*  line-height: 1.5em;*/
  /*  padding: 0.5em 3.5em 0.5em 1em;*/

  /*  !* reset *!*/

  /*  margin: 0 !important;*/
  /*  -webkit-box-sizing: border-box !important;*/
  /*  -moz-box-sizing: border-box !important;*/
  /*  box-sizing: border-box !important;*/
  /*  -webkit-appearance: none !important;*/
  /*  -moz-appearance: none !important;*/
  /*  appearance: none !important;*/
  /*  -ms-appearance: none !important;*/


  /*}*/
.dt-body-center{

    text-align: center;
}
.dt-body-left{
    padding-left: 3px!important;
    text-align: left;
}

.content-wrapper>.content{
    padding: 0;
}

.form-control{
    padding-left: 2px !important;
    padding-right: 2px !important;
}

#cuerpoTabla select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 4em;
    display: inline-block;
}

/*.form-control:disabled, .form-control[readonly] {*/
/*    background-color: #c5061b !important;*/
/*    opacity: 1;*/
/*}*/

/*#ArticulosOt {*/
/*    font-size: 0.8rem!important;*/
/*}*/

.table-hover-primary tbody tr:hover td {
    background: #1265ad !important;
    color: white;
}
#tablaEmisoras input[type=checkbox]{
    transform: scale(1.5) !important;
}

.ribbon-wrapper.ribbon-xxl {
    height: 240px;
    width: 240px;
}

.ribbon-wrapper.ribbon-xxl .ribbon {
    right: 8px;
    top: 68px;
    width: 310px;
}

.ribbon-wrapper.ribbon-xxxl {
    height: 300px;
    width: 300px;
}

.ribbon-wrapper.ribbon-xxxl .ribbon {
    right: 10px;
    top: 100px;
    width: 385px;
}

/* force select2 to match bootstrap form-control-sm */
.select2, .select2-selection__rendered {
    line-height: calc(1.5em + .5rem + 2px) !important;

    text-overflow: clip !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.select2-container .select2-selection--single {
    /* height: calc(1.5em + .5rem + 2px) !important; */
    height: calc(2.25rem + 2px) !important;
}
.select2-selection__arrow {
    height: calc(1.5em + .5rem + 2px) !important;
}


/*.pruebas-border {*/
/*    border: 5px solid #58c471; !* Cambia #ff0000 al color que prefieras *!*/
/*}*/

.vertical-scrollable{
    height:100vh;
    overflow-y: scroll;
}


.select2-selection--multiple{
    overflow: hidden !important;
    height: auto !important;
}

.tbl-xs th, .tbl-xs td {
    font-size: 0.7rem !important;
    margin: auto !important;
    vertical-align: inherit !important;
}

.span-leyenda {
    font-size: 0.7rem !important;
    font-style: italic;
    font-weight: bold;
    border-radius: 25px;
    border: 2px solid rgb(50, 75, 114);
}

.ul-emps {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
}

.no-wrap {
    white-space: nowrap;
}