.body.bg-gradient-primary {
  background-color:  var(--blue);
  background-image: none;
}
body.inicio a {
    color: #FFF;

}
/* modal xtra large */

.modal-dialog.mxl {
  max-width: 96%;
}
 

.checked {
  background: green;
}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}


#modulo-filtros, #modulo-utilidades {
  background:  #fff;
  z-index:  100;
}

.dropdown-menu {
  z-index: 100000;
}

.menu-arriba{
  border-bottom: 0 !important;
  border-top: 1px solid #aaa !important;
  top: auto !important;
  bottom: 40px !important;
}    


.scroll-to-top {
  z-index: 100000;
}
.flotante {
      position: fixed;
      right: 1rem;
      bottom: 1rem;
      display: none;
      width: 2.75rem;
      height: 2.75rem;
      text-align: center;
      color: #fff;
      background: rgba(90, 92, 105, 0.5);
      line-height: 46px;
}          
.flotante.utilidades {
  right: 4em;
  cursor: pointer;
}
.flotante.filtrar {
  right: 7em;
  cursor: pointer;
}        
.flotante.nuevo {
  right: 10em;
  cursor: pointer;
}   

/* Generales */
/* loading */
.loading-spinner {
  display: none;
}
.loading .loading-spinner {
  background: transparent;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 10000;
  top: 0;
  display:  block;
}
.loading .loading-spinner i {
  margin: 0 auto;
  top: 45%;
  position: absolute;
  left: 30%;
}
/* Fondo de la aplicación */
#wrapper #content-wrapper {
  background: rgb(221, 222, 205);
}



/* Tablas */

table.tabla-legalia {
  font-family: 'Roboto';
}
/*.max-nowrap {
  display: block;
  width: 300px;
  overflow: auto;
  word-break: break-all;
}
*/

:root{
    --gris-leg: #EDEFF2;
    --gris-oscuro-leg: #E6E7E9;
    --gris-claro-leg: #F8F9F9;
    --azul-leg: #19506E;
    --azul-claro-leg: #42728b;
    --verde-leg: #33BDB3;
    --verde-leg: #558E59;
    --marron-claro-leg: rgb(234 235 223);
    --blanco-leg: #FFFFFF;
    --texto-1-leg: #333;
    --texto-2-leg: #55535e;
    --texto-3-leg: #6d6d6d;
    --box-shadow: 0 0.15rem 1.75rem 0 rgb(189 191 212 / 15%);
    --border: 1px solid var(--gris-oscuro-leg);
    --border-oscuro: 1px solid var(--azul-oscuro-leg);
    --border-radius: calc(0.35rem - 1px);
    --letter-spacing: 0.2px;
    --size-h2: 2vw;
    --size-h3: 1.5vw;
    --cuerpo: 1.2vw;
    --padding-1: 2rem;
  --font-h2: 'Roboto', sans-serif;
  --font-body: 'Nunito Sans', sans-serif;

}

@font-face {
   font-family: 'Nunito Sans', sans-serif;
   src: url("https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap" rel="stylesheet");
   font-display: swap;
   }

body.normativas-leg{
    font-family: var(--font-body);
    letter-spacing: var(--letter-spacing);
    color: var(--gris-leg);
}

body.normativas-leg #wrapper #content-wrapper{
    /*background: var(--azul-claro-leg);*/
  background: #EDEFF2;
}

body.normativas-leg h2 {
    font-size: var(--size-h2);
  font-family: var(--font-h2);
    color: var(--texto-1-leg);font-weight: 300;
    /* margin-left: 20px; */
      margin-bottom: 15px;
      font-weight: 300;
}

/* botón de filtro */

button.d-sm-inline-block.btn.btn-secondary.shadow-sm.abrir-filtrar {
    background:  var(--verde-leg); 
    border-color: var(--gris-oscuro-leg);
    margin-right: 53px;
    }

    .col-5.filtro {
    text-align: right;
}

button.d-sm-inline-block.btn.btn-secondary.shadow-sm.abrir-filtrar i{
    color: white !Important;
    }

/***** barra de navegación *****/
body.normativas-leg nav.navbar.navbar-expand.navbar-light.bg-white.topbar.mb-4.static-top.shadow {
     background: var(--gris-leg)!important;
     height: 80px;
     margin-bottom: 50px!important;
     padding: 0;
}

body.normativas-leg a.navbar-brand {
    width: 90%;
    max-width: 1802px;
    margin: auto;
}

/* tamaño de logo */
body.normativas-leg a.navbar-brand img {
    width: 180px!Important;
}

/***** tabla *****/

body.normativas-leg table.tabla-legalia{
    color: var(--texto-3-leg);
    background: var(--blanco-leg);
    
}

.dataTables_scrollBody table.tabla-legalia tbody tr td {
    padding-left: 12px;
    vertical-align: middle;
}

body.normativas-leg table.tabla-legalia tHead tr{
    color: var(--texto-2-leg);
}

#tabla-normativas_wrapper .dataTables_scroll {
   /* border: 1px solid var(--azul-leg); */
   border-radius: var(--border-radius)!important;
box-shadow: 1px 1px 5px 0px #cdcdcd;}

table.table.dataTable {
    margin: 0!important;
}

/* head de tabla */

table.tabla-legalia thead {
    1background: var(--verde-leg);
}


body.normativas-leg .dataTables_scrollHead table.tabla-legalia {
    border-radius: var(--border-radius) 0 0 0; 
}

table.tabla-legalia thead tr th {
    background: var(--azul-leg);
    color: white;
    font-weight: 400;
    padding-left: 20px!important;
}


table.tabla-legalia th {
    border: none!important;
}

table.tabla-legalia th.max-nowrap {
    padding-right: 30px!important;

}

/* head de la tabla flotante */
table.tabla-legalia.fixedHeader-floating {
    margin: 0!Important;
}

/* body de tabla */

body.normativas-leg .dataTables_scrollBody table.tabla-legalia{
    border-radius: 0 0 var(--border-radius) 0;
}

.dataTables_scrollHead {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

/* etiquetas e icono de descarga */

table.tabla-legalia td.max-nowrap span.badge {
    background: var(--verde-leg);
}

table.tabla-legalia i.fa.fa-download {
    color: var(--azul-claro-leg);
    
}

/* modulo filtros */

body.normativas-leg .modal-content .modal-body .modulo-filtros,
body.normativas-leg .m_nor .modal-content .modal-body  {
    color: var(--texto-2-leg);
    font-size: var(--cuerpo);
}

body.normativas-leg .modal-content .modal-body {
    padding: var(--padding-1);
    padding-bottom: 50px;
    border-radius: var(--border-radius)!important;
}

.modulo-filtros .filtro {
    margin-top: 10px;
}

.chosen-container {
    margin-top:  -1px;
}

.modulo-filtros .filtro .yadcf-filter-wrapper .chosen-container ul,
.m_nor .chosen-container ul  {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.modulo-filtros .chosen-container-multi .chosen-choices li.search-field input[type=text],
.m_nor .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 28px!important;
}
/* botones de filtro */

.modulo-filtros .filtro .yadcf-filter-wrapper button.yadcf-filter-reset-button{
    background: var(--verde-leg)!important; 
    color: white;
    border-radius: 0 var(--border-radius) var(--border-radius) 0!important;
    border: 1px solid var(--verde-leg);
    border-left:  0;
    padding: 2.7px 12px;
    font-family: 'Nunito', sans-serif;
   1height: 29px;
    margin-top: 10px;
    }


/* header de modulo */

.m_nor .modal-header {
    background: var(--azul-claro-leg);
    border-radius:3px 3px 0 0;
    border: none!important;
}

.m_nor .modal-content  {
    border-radius: var(--border-radius);
    border: 1px solid var(--azul-leg);
}

.m_nor button.close {
    color: white;
    opacity: 100;
    font-family: 'Nunito', sans-serif;
    font-size: 2vw;
    padding: 1rem 2rem;
}


/* paginacion */

div#tabla-normativas_paginate {
    padding: 20px 10px 40px;
    width: 100%;
    display: inline-block;
    text-align: right;
margin: 0 auto!Important;}

li#tabla-normativas_previous a, li#tabla-normativas_next a{
    /*color: #28a99f!Important;*/
  color: var(--azul-leg)!important;
}

div#tabla-normativas_paginate ul.pagination li.paginate_button.page-item.active a {
    background: var(--azul-leg);
    border-color: var(--azul-leg);
    color: white;
    }

div#tabla-normativas_paginate ul.pagination li a  {
    color: var(--azul-leg);
    }


div#tabla-normativas_length {
    padding-top: 20px;
    padding-left: 10px;
    width: 50%;
    display: inline-block;
  }

/* footer */

footer.sticky-footer.bg-white {
    background-color: var(--azul-leg)!important;
background-image: linear-gradient(180deg,rgba(25,80,110,0.79) 0%,rgba(0,0,0,0.63) 100%),url(https://legalia.com.ar/wp-content/uploads/2020/05/background.jpg)!important;}

/* carga */


.loading .loading-spinner i{
    left: 47%!important;
}

@media only screen and (max-width: 767px){

    /*************** mobile ***********************/
nav.navbar {
    text-align: center;
}

body.normativas-leg h2{
    font-size: 8vw!important;
    text-align: left;    
}

.col-5.filtro {
    margin-right: 0!important;
    display: inline-block!important;
    text-align: right!important;
    padding: 0;
}

button.d-sm-inline-block.btn.btn-secondary.shadow-sm.abrir-filtrar{
    margin-right: 13px!Important;
}

.col-7.titulo {
 
    padding-right: 0!Important;
}

/* nowrap tabla en movil */

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: pre-wrap;
}

body.normativas-leg .modal-content .modal-body .modulo-filtros {
    font-size: 4vw;
}

body.normativas-leg .modal-content .modal-body {
    padding: 15px 10px;
}

.m_nor button.close{
      font-size: 7vw;
    padding: 0.5rem 1rem;
}


/* loading*/

img.logo {
    left: 50%!important;
    transform: translate(-50%, -50%);
    top: 135px!important; /* 60px*/
}

.loading .loading-spinner i {
    left: 39%!important;
    top: 45%!important;
}

.loading .cargando {
  top:80!important;
  font-size: 3vw!important;
}

}
@media only screen and (min-width: 768px){

/* Define ancho máximo de columna, agrega scroll  */

}

/************ tamaños de tabla *************/

td.columna-1, th.columna-1 {
    min-width: 120px!important;
    padding-left: 20px!important;
}

td.columna-1{
    padding-left: 20px!important;
}

td.columna-2, th.columna-2 {
    min-width: 190px!important;
}

td.columna-3, th.columna-3{
    min-width: 200px!important;
}

td.columna-4, th.columna-4{
    min-width: 220px;
}

td.columna-1.sorting_1 {
    padding: 10px 12px;
}

.table-sm td, .table-sm th{
    padding-right: 20px;
    padding-left: 20px;
}

td.columna-6, td.columna-7 {
    text-align: center;
}

a.scroll-to-top.rounded.scroll, a.flotante.rounded.filtrar.abrir-filtrar {
    background: var(--verde-leg); 
    border: 1px solid var(--gris-oscuro-leg)!important;
    opacity: 0.90!important;
}
 
 a.flotante.rounded.filtrar.abrir-filtrar{
     right: 4.5em;
 }

 a.flotante.rounded.filtrar.abrir-filtrar:hover, a.scroll-to-top.rounded.scroll:hover{
     color: white;
     background: var(--verde-leg) !important;
 }

.loading-spinner .cargando {
    color: var(--texto-2-leg);
    background-color: var(--gris-leg);
    font-size: 1.5vw;
    text-align: center;
    border: none!Important;
    align-items: center;
    vertical-align: middle;
    left: 50%;
    position: absolute;
    top: 70%;
    transform: translate(-50%, -50%);
}


.loading .loading-spinner i {
    animation: fa-spin 1s steps(8) infinite;
    animation-duration: 1s;
    animation-timing-function: steps(8);
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: fa-spin;
}

body.normativas-leg .loading-spinner{
  background-color: var(--gris-leg);
  align-items: center;
  vertical-align: middle;
  /*background-image: url("/img/fondo-movil.jpg");
  background-position: center;
  background-size: cover;*/
}

i.fas.fa-spinner.fa-spin.fa-5x {
    color: var(--verde-leg);
}

.loading .loading-spinner i {
    left: 50%;
    position: absolute;
    top: 40%;
    transform: translate(-50%, -50%);
}


.loading  img.logo {
  position: absolute;
  top: 17px;
  left: 27px;

}
/* flechas de orden en head de tabla */

table.tabla-legalia th::before {
    right: 8px!important;
}

table.tabla-legalia th::after{
    right: 1px!important;
}

.daterangepicker {
    color: var(--azul-leg);
}
/* de la validacion html5 para chosen */
select:invalid {
  height: 0px !important;
  opacity: 0 !important;
  position: absolute !important;
  display: flex !important;
}

select:invalid[multiple] {
    margin-top: 15px !important;
}

/* Modal publicidad */
#cta .modal-content{
    1background: var(--azul-claro-leg)!important;
}
 
.filtro {
    margin-top: 31px;
}