section.overview{
    width: 100%;
}

section.overview .statButtons{
    width: 100%; padding: 0 0 25px; text-align: justify; overflow: hidden;
}
section.overview .statButtons .statButton{
    width: 18%; margin: 0 1.25%; display: inline-block; float: left;
}
section.overview .statButtons .statButton:first-child{
    margin-left: 0;
}
section.overview .statButtons .statButton:last-child{
    margin-right: 0;
}

.post{
  margin-top: 30px;
    overflow: hidden;
}

#content section.content,
#content section.novedades,
#content section.efosLista{
    width: 74%; display: inline-block;
}

div .publicacion>table{
    width: 100%!important;
    line-height: 1.3;
}
div .publicacion>table>tbody>tr>td>p{
    padding: 15px 15px;
}

section.novedades .post{
    width: 100%; height: auto; border: 1px solid #f4f4f4; margin: 20px 0;  border-radius: 8px; overflow: hidden;
}
.post .title{
    width: 100%; height: auto;
    background: #ddd; border-radius: 8px; padding: 15px 20px;
}
/** Imagen para artículo en inicio**/
.post .imagen-dashboard{
  width: 100%;
  height: 500px;
  padding: 15px 20px;
  background-repeat: no-repeat;
  background-size: contain;
  cursor:pointer;
}
/** Imagen para artículo en especifico**/
.post .imagen-art-details{
    width: 100%;
    height: 680px;
    padding: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-article {
    width: 50%;
    float: left;
    height: 110px;
    margin: 10px 0px;
}

.header-article .img-author {
    width: 50%;
    height: 110px;
    float: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.post .title h3{
    display: inline-block !important; width: 70% !important; clear: none !important; text-align: left !important; font-size: 22px !important; color: #363636 !important; line-height: 32px !important;
}
.post .title .options{
    width: 28%; float: right; line-height: 32px; font-size: 24px; padding: 0;
}
.post .title .options a{
    display: inline-block; width: auto; height: 32px; line-height: 32px; font-family: "Roboto", sans-serif;
    font-weight: 600; float: right;
    /*margin-left: 20px;*/
}
.post .title .options a.comments{
    margin-left: 0;
}
.post .title .options a:hover{
    text-decoration: underline;
}
/*.post .title .options a span{
    width: 28px; height: 32px; display: inline-block; float: left;
    background: transparent url(../../images/icon/comments.png) center left no-repeat; background-size: 22px 20px;
}*/
/*.post .title .options a.comment span{
    background-image: url(../../images/icon/addComment.png); background-size: 22px 18px;
    opacity: 0.6; filter: alpha(opacity=60); transition: all ease-in 0.2s;
}*/
/*.post .title .options a.comment:hover span{
    opacity: 1; filter: alpha(opacity=100);
}*/

.img_icon_custom{
    padding: 0 0 0 28px;
    width: 17%;
}
.text_indent_custom{
    text-indent: 21px;;
}

.post article{
    display: inline-block; width: 100%; height: auto; padding: 5px 5px; box-sizing: border-box; overflow: hidden;
}
.post article.full{
    padding-left: 0; padding-right: 0; width: 100%;
}
.justificar{
    text-align: justify;
}
.post article p{
    /*font-size: 16px; line-height: 26px;*/
}
.post article p.overview{
    font-size: 16px; line-height: 28px; font-family: "Roboto", sans-serif; font-weight: 500;
    padding: 15px 20px 15px 20px;
    background: #F4F4F4; box-sizing: border-box; position: relative; border-radius: 5px;
}
.post article p.overview .fa{
    position: absolute; width: 50px; height: 50px; font-size: 50px; color: #CFCFCF;
    left: 10px; top: 50%; margin-top: -25px;
}
.post article code{
    width: 100%; height: auto; overflow: hidden; overflow-x: scroll;
    white-space:pre-wrap;
}

.post div.postImage{
    display: block; float: right; width: 28%; height: 450px; margin: 15px 1% 10px 0;
    background: transparent center center no-repeat; background-size: cover;
}
.post div.postImage.company{
    height: 200px; background-size: contain;
}
.post article a.readMore{
    display: block; clear: both; width: auto; float: right; margin: -5px 0 16px;
    font-size: 18px; font-weight: bold; color: #0d5db9; text-transform: uppercase;
}
.post article a.readMore:hover{
    text-decoration: underline;
}


div .listas > section {
    width: 100% !important;
}
#content section.listas.fixed{
    /*position: absolute; top: 60px; right: 40px;*/
}
.background_color_aliceblue{
    background-color: #f4f7fc;
}
.negro{
    color: black!important;
}

/*#content section.listas h1{*/
    /*font-weight: 400;*/
/*}*/

#content section.listas ul{
    padding-top: 15px;
}
#content section.listas ul li{
    width: 100%; height: auto; font-size: 14px; font-family: "Roboto", sans-serif;
}
#content section.listas ul li a{
    display: block; padding: 8px 0; width: 100%; height: auto; box-sizing: border-box;
}
#content section.listas ul li span.title{
    width: 100%; line-height: 40px; font-size: 20px; color: #9a9a9a; text-indent: 8px;
    font-weight: 400; transition: all ease-in 0.2s; margin-bottom: 5px;
}
#content section.listas ul li {
    font-weight: 200;
}
#content section.listas ul li p{
    padding: 3px 0; font-size: 24px; line-height: 32px;
}
#content section.listas ul li p span{
    display: inline-block; width: 42%; box-sizing: border-box; padding: 0 10px; border-right: 1px solid #dee4eb;
    color: #353535; font-weight: 300; font-size: 24px;
}
#content section.listas .totales{
    color: #353535; font-weight: bold; font-size: 24px;
}
#content section.listas ul li p span:last-child{
    border: none;
}
#content section.listas ul li:hover{
    background: #fcfcfc;
}
#content section.listas ul li.presunto:hover span.title{
    color: #FFCF29;
}
/*NOTIFICACIÓN POR ESTRADO*/
#content section.listas ul li.estrado:hover span.title{
    color: #0D5DB9;
}
#content section.listas ul li.definitivo:hover span.title{
    color: #FA3043;
}
#content section.listas ul li.desvirtuado:hover span.title{
    color: #48D893;
}
#content section.listas ul li.insubsistente:hover span.title{
    color: #4d4d4d;
}
#content section.listas ul li.estrados:hover span.title{
    color: #0D5DB9;
}
#content section.listas ul li.noLocalizos:hover span.title{
    color: #4d4d4d;
}
.badge-notificacion{
     background:red; box-sizing: border-box; border: 5px solid red;
    width: 20px; height: 20px;
    border-radius: 5px ;

}
/**
 *CONTENEDOR DE API DE TWITTER
 */
#content section.listas ul li.li-twitter{
  height:6050px;
}
/** FIN CSS DE API DE TWITTER**/

.customerLogo{
    display: block; width: 100%; height: 200px; margin: 30px 0 25px; box-sizing: border-box;
    background: transparent url(../../images/dashboard/defaLogo.png) center center no-repeat;
    border: 1px solid #f4f4f4; border-radius: 5px; cursor: pointer;
}
.customerLogo:hover{
    border: 4px dashed #CFCFCF;
}

.viewVideo{
    display: block; width: 100%; height: 150px; margin: 30px 0 25px;
    background: #092E50 url(../../images/dashboard/preview.png) center center no-repeat;
}
#efosVideo{
    display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0;
    background: rgba(0,0,0,0.8); z-index: 10000;
}
#efosVideo a.close{
    display: block; position: absolute; width: 40px; height: 40px;
}


.networks{
    text-align: center;
}
a.network{
    width: 40px; height: 40px; display: inline-block; margin: 0 10px;
    background: transparent center center no-repeat; border-radius: 50%;
}
a.network:hover{
    box-shadow: 0 0 0 4px #E9ECEF;
}
a.network.fb{
    background-image: url('https://d1zaddgsmx0tkt.cloudfront.net/images/dashboard/facebook.png');
}
a.network.tw{
    background-image: url('https://d1zaddgsmx0tkt.cloudfront.net/images/dashboard/twitter.png');
}
a.network.in{
    background-image: url('https://d1zaddgsmx0tkt.cloudfront.net/images/dashboard/linkedin.png');
}
a.network.st{
    background-image: url('https://d1zaddgsmx0tkt.cloudfront.net/images/dashboard/status.png');
}


ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
}
ul.pagination li span {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
}
ul.pagination li.active span{
    background-color: #0D5DB9; color:#FFF;
}
ul.pagination li.active span{
    border-radius: 15px;
}
ul.pagination li.disabled span{
    background-color: transparent;
    color: transparent;
}
ul.pagination li a:hover:not(.active) {background-color: #DDDDDD;  border-radius: 10px;}

/*
 @author ALexis Velasco
 Clases para desplazar el dashboard
 */

.selected{
  background-color: #0d5db9;
}
.icon_desocultos{
  line-height: 36px !important;
  display:flex;
}
.icon_desocultos i{
  float: left;
  width: 35px;
  line-height: 36px !important;
}
#changue-class{
    width: 100%;
    list-style:none;
}
#tamano_barra{
  cursor: pointer;
  cursor: hand;
  height: 20px;

}

#tamano_barra a i,
a#openMenu i
{
  /*margin: 35px 0px 0px 0px;*/
  -webkit-border-radius: 10px 0 0 0px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  float: right;
  line-height: 28px;
  left: 200px;
  width: 70px;
  height: 30px;
  color: #012342;
  background: #ffce33;
  text-align: center;
  font-size: 24px;
}
/*a#openMenu i{*/

/*}*/
#tamano_barra a i::before{
  margin-left: -20px;
}

.hr_custom{
    width: 200%;
    position: absolute;
    top: 60%;
}
hr.linea_azul{
    border-color: #3cc2f4!important;
}
.btn_fondo_azul{
    background-color: #3cc2f4!important;
}
.widht15porciento{
    width: 15%;
}
.widht20porciento{
    width: 20%;
}
.modal-content-especial{
    /* padding: 100px 65px!important; */
    border-radius: 15px!important;
}
.color_666666{
    color: #666666;
}
.color_fondo_amarillo{
    background-color: #FFBF49!important;
}

.color_fondo_rojo{
    background-color: #FD3D38!important;
}

@media (max-width: 1200px)
{
    
    #content section.listas ul li p {
        font-size: 16px;
    }
    .post .title h3 {
        font-size: 16px;
    }
    a.network {
        margin: 0px;
    }
}

@media screen and (max-width: 1024px){
    #content section.listas.fixed{
        right: auto; top: auto; position: relative;
    }
    /*#changue-class {*/
    /*  display: none;*/
    /*}*/
    /*aside{
      width: 100% !important;
    }*/
    #content{
      left:0px !important;
    }
    .icon_desocultos span{
      display: block !important;
    }
    #derechos_reservados{
      display: block !important;
    }
}
@media (max-width: 992px){
    ul.lists{
        display: none;
    }
}
@media screen and (max-width: 1700px){
      #content section.listas{
        /*right: 45px;*/
        /*width: 20% !important;*/
    }
}
@media screen and (min-width: 1750px){
      #content section.listas{
        /*right: 45px;*/
        /*width: 22% !important;*/
    }
}

/****************************   Responsive Laptops ******************************************/

@media screen and (min-width: 1024px) and (max-width: 1599px){
    .statButton{
        padding: 16px 8px;
    }
    .statButton span.number {
        font-size: 26px;
        margin-right: 3px;
    }

    .post .title h3 {
        font-size: 18px; line-height: 24px;
    }
}

@media screen and (max-width:768px){
  #content section.listas {
    width: 100%;
    float: right;
  }
  #content section.content, #content section.novedades, #content section.efosLista {
    width: 100%;
    display: inline-block;
  }
    .dataTables_info{
      display: inline-block;
      width: 30%;
      height: auto;
      float: left;
      padding: 10px 0;
  }
  .dataTables_paginate{
      display: inline-block;
      width: 70%;
      height: auto;
      float: left;
      padding: 10px 0;
  }

}

@media screen and (max-width:700px){
  /**tamaño de los botons de las diferentes tablas. Presuntos Definitivos etc**/
  section.overview .statButtons .statButton {
       width: 49%;
      margin-left: 0%;
      margin-right: 0.5%;
      height: 60px;
      padding: 6px 8px;
      margin-bottom: 8px;
  }
}
/**
 *CSS ELEMENTOS CONTROL DE TEXTO SECCIÓN NOVEDADES
 */
 article > div.control-size{
    width: 100%;
    border:none;
    height: auto;
    text-align: left;
    margin-top:10px;
  }
  article > div img{
    width: 100% !important;
    height: auto !important;
  }
 div.control-size > span.plus-more-size{
    font-size   : 34px !important;
    font-weight : 900;
    color  : #3bc095;
    cursor : pointer;
 }
 div.control-size > span.plus-less-size{
    font-size   : 26px !important;
    font-weight : 900;
    color  : #3bc095;
    cursor : pointer;
 }

 .filtro{
     cursor: pointer;
 }
 .font_size_24px{
     font-size: 24px!important;
 }

.color_letras_blancas{
    color: white;
}
.color_letras_dashboard:hover{
    color: black;
}