/* .---------------------------. | Instituto Pacífico | | actualidadpenal.pe | '---------------------------' */
/* Normas Legales */
@media(max-width:1440px){
    .col-xl-6{
        -ms-flex:0 0 100%!important;
        flex:0 0 100%!important;
        max-width:100%!important
    }
}
.nl-hoy-fechadelectura{
    font-size:23px;
    font-weight:300
}
 .nl-hoy-fechadelectura span{
    display:block;
    text-align:right;
    font-family:Verdana,Geneva,Tahoma,sans-serif;
    font-size:10px;
    padding-bottom:8px
}
 a.nl-descarga-separata:link,a.nl-descarga-separata:visited{
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:#d0d0d0;
    color:#2f2f2f!important;
    height:49px;
    display:block;
    margin-left:15px;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    line-height:16px;
    font-size:13px;
    padding-top:9px;
    border:ridge 2px #fbfbfb
}
 a.nl-descarga-separata:hover{
    background-image:url(../images/login-bar.png);
    background-position:left middle
}
 .nl-descarga-separata .icon{
    font-size:20px;
    margin-right:7px;
    margin-top:6px;
    color:#2f3031
}
 .nl-descarga-separata .text{
    width:58px
}
 .nl-main-nosuscriptor{
    padding-top:20px
}
 .title-conten{
    border-bottom:dotted 1px #333;
    padding-bottom:15px;
    margin-bottom:15px
}
 .title-area{
    font-size:26px;
    font-weight:300
}
 .subtitle-area{
    color:#2b2b2b;
    font-size:15px
}
 .btn-ayuda{
    display:inline-block;
    background-color:#2b2b2b;
    font-size:25px;
    font-weight:600;
    color:#fff;
    padding:0 13px;
    margin-top:10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
 .btn-ayuda:hover{
    background-color:#00587d;
    color:#ececec
}
 .form-buscar label{
    font-size:12px;
    margin-bottom:0
}
 .btn-buscar{
    margin-top:22px;
    margin-left:10px
}
 .btn-normas-legales{
    background-color:#2b2b2b;
    border:solid 1px #055b80;
    color:#fff;
    font-size:14px
}
 .conten-cog-busqueda-nl{
    background-color:#cccccc78;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
    font-family:Verdana;
    font-size:12px;
    border:1px double #cccccc78;
    border-radius:5px
}
 .conten-cog-busqueda-nl a{
    color:#2b2b2b;
    font-weight:500;
    text-decoration:underline
}
/*.conten-cog-busqueda-nl a:hover{
    color:#ff9800
}
*/
 .conten-cog-busqueda-nl .text-right a{
    border-right:dotted 1px #333;
    padding-right:10px;
    margin-right:10px
}
 .conten-resultado .txt-top-res{
    font-size:12px;
    color:#607d8b
}
 .publicidad-normas{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px
}
 .conten-norma{
    padding:15px 10px 15px 10px;
    border:1px #ccc solid;
}
 
 .conten-norma a{
    display:block
}
 .conten-norma .txt-top-res{
    font-size:12px;
    color:#607d8b
}
 .conten-norma .txt-top-res span{
    color:#2b2b2b;
    font-size:13px;
    font-weight:500;
    margin-left:10px
}
 .conten-norma h2.title-norma{
    font-size:16px;
    margin-top:5px;
    font-weight:600;
    margin-bottom:0;
    text-decoration:underline;
    display:-webkit-box;
    height:20px;
    line-height:1.3;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
 .nl-title-norma{
    font-size:14px;
    font-weight:600;
    display:inline
}
 .nl-sumilla-norma{
    font-size:14px;
    display:inline
}
 .nl-listado-item-footer{
    display:block
}
 .nl-listado-item-date{
    text-align:left;
    font-size:11px;
    font-family:Verdana;
    color:#2b2b2b
}
 .conten-norma .sumilla-norma{
    color:#414141;
    margin-top:5px;
    margin-bottom:10px;
    display:-webkit-box;
    height:40px;
    font-size:14px;
    line-height:1.3;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
 .conten-norma .opcion-norma{
    margin-bottom:5px
}
 .conten-norma .opcion-norma a{
    font-size:18px;
    color:#b2c4d0;
    padding:0;
    position:relative;
    top:5px
}
 .conten-norma .opcion-norma a:hover{
    color:#2b2b2b
}
 .title-organismo{
     margin-top: 10px;
     font-size: 14px;
     font-weight: 500;
     border-left: 5px solid #ff8402;
     padding: 5px 10px;
     background-color: #5c5c5c;
     color: #fff;
     text-transform: uppercase;
     display: block;
}
 .titulo-contenido {
     font-size: 13px;
     color: #383838;
     border-left: solid 5px #fbab90;
     padding: 7px;
     padding-left: 15px;
     text-transform: uppercase;
     font-weight: 600;
     background-color: #f9f3f1;
}
 .title-entidad{
    font-size:11px;
    color:#383838;
    border:dotted 1px #ccc;
    padding:7px;
    padding-left:15px;
    text-transform:uppercase;
    font-family:Verdana;
    font-weight:bold;
    background-color:#cccccc78;
    display:block
}
 .entidad-active{
    animation:entidad-selected 1s 1 linear;
    -webkit-animation:entidad-selected 1s 1 linear;
    -moz-animation:entidad-selected 1s 1 linear;
    margin-top:10px;
    font-size:15px;
    font-weight:500;
    border-left:5px solid #f90;
    color:#fff;
    padding:10px 10px;
    background-color:#702b1f;
    text-transform:uppercase;
    letter-spacing:.5px
}
 .subentidad-active{
    animation:subentidad-selected .8s 1 linear;
    -webkit-animation:subentidad-selected .8s 1 linear;
    -moz-animation:subentidad-selected .8s 1 linear
}
 ul.opcion-result{
    padding-bottom:0;
    margin-bottom:0
}
 .btn-list-favorite:hover,.btn-list-print:hover,.btn-list-download:hover{
    color:#702B1F
}
 @-webkit-keyframes entidad-selected{
    0%{
        background-color:#fff;
        border-left:5px solid #f90
    }
     20%{
        background-color:#2b2b2b;
        border-left:30px solid #f90;
        color:#fff
    }
     30%{
        border-left:2px solid #f90
    }
     50%{
        border-left:20px solid #f90
    }
     70%{
        border-left:5px solid #f90
    }
     80%{
        border-left:10px solid #f90
    }
     100%{
        border-left:5px solid #f90
    }
}
@keyframes entidad-selected{
    0%{
        background-color:#fff;
        border-left:5px solid #f90
    }
     20%{
        background-color:#2b2b2b;
        border-left:30px solid #f90;
        color:#fff
    }
     30%{
        border-left:2px solid #f90
    }
     50%{
        border-left:20px solid #f90
    }
     70%{
        border-left:5px solid #f90
    }
     80%{
        border-left:10px solid #f90
    }
     100%{
        border-left:5px solid #f90
    }
}
@-webkit-keyframes subentidad-selected{
    0%{
        background-color:#fff
    }
     10%{
        background-color:#2b2b2b
    }
     20%{
        background-color:#fff
    }
     30%{
        background-color:#2b2b2b
    }
     100%{
        background-color:#fff
    }
}
@keyframes subentidad-selected{
    0%{
        background-color:#fff
    }
     10%{
        background-color:#2b2b2b
    }
     20%{
        background-color:#fff
    }
     30%{
        background-color:#2b2b2b
    }
     100%{
        background-color:#fff
    }
}
@media(max-width:1366px){
    .conten-norma .sumilla-norma{
        height:auto;
        -webkit-line-clamp:none;
        -webkit-box-orient:vertical;
        overflow:hidden;
        text-overflow:ellipsis
    }
}
.norma-destacado{
    border-left:solid 5px #ff9800;
    padding-left:10px
}
 .norma-destacado:hover{
    padding-left:15px
}
 .page-link{
    margin-left:2px;
    padding:5px 10px;
    color:#607d8b
}
 .page-item.active .page-link{
    background-color:#2b2b2b;
    border-color:#702B1F
}
 .modal-normas-legales .modal-header{
    padding-bottom:10px;
    border-color:#d4d4d4
}
 .modal-normas-legales .text-sup-area{
    display:block
}
 .modal-normas-legales h5.modal-title{
    margin-top:-3px;
    color:#2b2b2b
}
 .modal-normas-legales h5.modal-title span{
    font-size:13px;
    display:block;
    margin-bottom:-3px;
    font-weight:400;
    color:#333
}
 .modal-normas-legales label{
    font-size:12px;
    margin-bottom:3px
}
 .modal-normas-legales .form-control{
    font-size:13px;
    padding:5px
}
 .modal-normas-legales .modal-content{
    background-color:#fff;
    box-shadow:0 0 30px rgba(0,0,0,0.7);
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.7);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.7);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px
}
 .modal-normas-legales-background{
    background-image:url(../images/black-background.png);
    display:block;
    position:fixed;
    z-index:9999;
    height:100%;
    width:calc(100% - 280px);
    overflow-x:hidden;
    overflow-y:hidden
}
 .link-volver-main{
    padding-bottom:10px;
    border-bottom:dotted 1px #333;
    margin-bottom:10px
}
 .link-volver-main a{
    color:#2b2b2b;
    font-weight:500;
    text-decoration:underline;
    font-weight:700;
    font-size:14px
}
 .link-volver-main a:hover{
    color:#000
}
 .nd-head-lectura h3.area-lectura{
    color:#2b2b2b;
    font-size:14px
}
 .nd-head-lectura h2.title-lectura{
    font-size:24px
}
 .nd-head-lectura .fecha-area{
    font-size:13px;
    color:#9e9e9e;
    margin-top:6px
}
 .nd-head-lectura .fecha-area span{
    font-weight:600
}
 .nd-barra-link-lecturá{
    background-color:#86b0c2
}
 .nd-barra-link-lectura{
    background-color:#702b1f
}
 .nd-barra-link-lectura a{
    display:inline-block;
    border-right:solid 1px #fff;
    padding:7px 10px;
    color:#fff;
    margin-left:-3px;
    font-size:13px
}
 .nd-barra-link-lectura a:first-child{
    margin-left:0
}
 .nd-barra-link-lectura a:hover{
    background-color:#2b2b2b
}
 .nd-barra-link-lectura a.link-escuchar{
    border-left:solid 1px #fff;
    background-color:#e6e6e6;
    border-right:0;
    color:#2b2b2b
}
 .nd-barra-link-lectura a.link-escuchar:hover{
    background-color:#2b2b2b;
    color:#fff
}
 .nd-conten-lectura{
    padding-top:15px;
    padding-bottom:15px
}
 .nd-barra-recientes{
    border-top:dotted 1px #333;
    border-bottom:dotted 1px #333;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:15px
}
 .title-reciente{
    color:#2b2b2b;
    font-size:16px;
    font-weight:500
}
 .nd-conten-lectura p{
    margin:0;
    padding:0;
    margin-bottom:7px;
    line-height:1.4em
}
 .nd-conten-lectura{
    font-size:14px;
    font-family:'Roboto',sans-serif!important
}
 .nd-conten-lectura table{
    width:100%;
    max-width:100%;
    margin-bottom:1rem;
    background-color:transparent
}
 .nd-conten-lectura table thead tr{
    font-weight:500;
    background:#e8e8e8
}
 .nd-conten-lectura table td,.nd-conten-lectura table th{
    border:1px solid #cacaca;
    padding:7px;
    text-align:left!important
}
 .nd-conten-lectura table td p,.nd-conten-lectura table th p{
    margin-top:0!important;
    margin-bottom:0!important;
    text-align:left!important
}
 .container-text-entidad{
    color:#fff;
    text-transform:none;
    font-weight:400;
    letter-spacing:normal;
    font-size:20px;
    margin-top:-3px
}
 .social-share{
    margin-bottom:30px;
    margin-top:30px
}
 .social-share-title{
    text-align:left;
    padding:5px;
    font-size:12px
}
 .resaltado-local{
    background-color:#a01c00;
    color:#fff
}
 .social-share a:not([href]):not([tabindex]){
    color:#fff!important
}
 .sidebar-interno .indice-nl-grupo{
    background-color:#702B1F;
    padding:8px 0 8px 20px;
    font-size:13px;
    font-weight:bold;
    border-bottom:1px solid #813427;
    color: #cacaca;
}
 .sidebar-interno .indice-nl-grupo:hover{
    background-color:#813427;
    cursor:pointer
}
 .sidebar-interno .indice-nl-grupo:hover span.num-item{
    background-color:#702B1F;
    color:#fff
}
 .sidebar-interno .indice-nl-entidad:hover{
    background-color:#602116;
    cursor:pointer
}
 .sidebar-interno .indice-nl-entidad:hover span.num-item{
    background-color:#702B1F;
    color:#fff
}
 .sidebar-interno li.indice-nl-entidad{
    background-color:#702B1F;
     padding-left: 10px;
    font-size:12px!important;
    color: #e0e0e0;
}
 .sidebar-interno li.indice-nl-entidad .flex-grow-1{
    padding:10px;
    padding-left:20px
}
 .sidebar-interno li.indice-nl-nodisponible{
    background-color:#efefef;
    font-size:13px!important;
    padding:10px;
    text-align:center;
    cursor:not-allowed
}
 .sidebar-interno li.indice-nl-nodisponible span{
    display:block;
    letter-spacing:1px;
    font-size:10px!important;
    margin-top:6px
}
 .sidebar-interno span.num-item{
    font-size:12px;
    background-color:#cecece;
    padding:1px 5px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    color:#656565;
    margin-left:10px;
    margin-right:10px;
    font-weight:normal
}
 .indice-normas-diarias{
    background-color:#dde7ee
}
 .bootstrap-datetimepicker-widget{
    list-style:none
}
 .bootstrap-datetimepicker-widget.dropdown-menu{
    display:block;
    margin:2px 0;
    padding:4px;
    width:19em
}
 @media(min-width:768px){
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{
        width:38em
    }
}
@media(min-width:992px){
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{
        width:38em
    }
}
@media(min-width:1200px){
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{
        width:38em
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{
    content:'';
    display:inline-block;
    position:absolute
}
 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #ccc;
    border-bottom-color:rgba(0,0,0,0.2);
    top:-7px;
    left:7px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid white;
    top:-6px;
    left:8px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.top:before{
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #ccc;
    border-top-color:rgba(0,0,0,0.2);
    bottom:-7px;
    left:6px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after{
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid white;
    bottom:-6px;
    left:7px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{
    left:auto;
    right:6px
}
 .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{
    left:auto;
    right:7px
}
 .bootstrap-datetimepicker-widget .list-unstyled{
    margin:0
}
 .bootstrap-datetimepicker-widget a[data-action]{
    padding:6px 0
}
 .bootstrap-datetimepicker-widget a[data-action]:active{
    box-shadow:none
}
 .bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{
    width:54px;
    font-weight:bold;
    font-size:1.2em;
    margin:0
}
 .bootstrap-datetimepicker-widget button[data-action]{
    padding:6px
}
 .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Increment Hours"
}
 .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Increment Minutes"
}
 .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Decrement Hours"
}
 .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Decrement Minutes"
}
 .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Show Hours"
}
 .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Show Minutes"
}
 .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Toggle AM/PM"
}
 .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Clear the picker"
}
 .bootstrap-datetimepicker-widget .btn[data-action="today"]::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Set the date to today"
}
 .bootstrap-datetimepicker-widget .picker-switch{
    text-align:center
}
 .bootstrap-datetimepicker-widget .picker-switch::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Toggle Date and Time Screens"
}
 .bootstrap-datetimepicker-widget .picker-switch td{
    padding:0;
    margin:0;
    height:auto;
    width:auto;
    line-height:inherit
}
 .bootstrap-datetimepicker-widget .picker-switch td span{
    line-height:2.5;
    height:2.5em;
    width:100%
}
 .bootstrap-datetimepicker-widget table{
    width:100%;
    margin:0
}
 .bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{
    text-align:center;
    border-radius:4px
}
 .bootstrap-datetimepicker-widget table th{
    height:20px;
    line-height:20px;
    width:20px
}
 .bootstrap-datetimepicker-widget table th.picker-switch{
    width:145px
}
 .bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{
    background:0;
    color:#777;
    cursor:not-allowed
}
 .bootstrap-datetimepicker-widget table th.prev::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Previous Month"
}
 .bootstrap-datetimepicker-widget table th.next::after{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    content:"Next Month"
}
 .bootstrap-datetimepicker-widget table thead tr:first-child th{
    cursor:pointer
}
 .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
    background:#eee
}
 .bootstrap-datetimepicker-widget table td{
    height:54px;
    line-height:54px;
    width:54px
}
 .bootstrap-datetimepicker-widget table td.cw{
    font-size:.8em;
    height:20px;
    line-height:20px;
    color:#777
}
 .bootstrap-datetimepicker-widget table td.day{
    height:20px;
    line-height:20px;
    width:20px
}
 .bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{
    background:#eee;
    cursor:pointer
}
 .bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{
    color:#777
}
 .bootstrap-datetimepicker-widget table td.today{
    position:relative
}
 .bootstrap-datetimepicker-widget table td.today:before{
    content:'';
    display:inline-block;
    border:solid transparent;
    border-width:0 0 7px 7px;
    border-bottom-color:#702B1F;
    border-top-color:rgba(0,0,0,0.2);
    position:absolute;
    bottom:4px;
    right:4px
}
 .bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{
    background-color:#702B1F;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
 .bootstrap-datetimepicker-widget table td.active.today:before{
    border-bottom-color:#fff
}
 .bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{
    background:0;
    color:#777;
    cursor:not-allowed
}
 .bootstrap-datetimepicker-widget table td span{
    display:inline-block;
    width:54px;
    height:54px;
    line-height:54px;
    margin:2px 1.5px;
    cursor:pointer;
    border-radius:4px
}
 .bootstrap-datetimepicker-widget table td span:hover{
    background:#eee
}
 .bootstrap-datetimepicker-widget table td span.active{
    background-color:#702B1F;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
 .bootstrap-datetimepicker-widget table td span.old{
    color:#777
}
 .bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{
    background:0;
    color:#777;
    cursor:not-allowed
}
 .bootstrap-datetimepicker-widget.usetwentyfour td.hour{
    height:27px;
    line-height:27px
}
 .bootstrap-datetimepicker-widget.wider{
    width:21em
}
 .bootstrap-datetimepicker-widget .datepicker-decades .decade{
    line-height:1.8em!important
}
 .input-group.date .input-group-addon{
    cursor:pointer
}
 .sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
 .msj-no-info-nl{
     background: #f4dcc2;
     color: #aa8052;
     border: dotted 1px #b4793a;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     padding: 10px;
     font-weight: bold;
     text-align: center;
     font-size: 11px;
     font-family: Verdana,Geneva,Tahoma,sans-serif;
     text-transform: uppercase;
}
 .btn-abrir-visor-normas{
     font-size: 13px;
    margin-top: 5px;
    color: #A710A7 !important;
    border: 1px solid #A710A7;
    padding: 2px 3px;
    border-radius: .25em;
    font-weight: 500;
}
.title-seccion-normas{
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Portada */

.portada-slider{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden;border:1px #dfdfdf solid}
.portada-slider .carousel-indicators{bottom:0}
.portada-slider .carousel-indicators .active{background-color:#ff8402}
.portada-slider .carousel-indicators li{background-color:rgba(255,255,255,0.18)}
.portada-slider .carousel-caption{position:absolute;right:0;bottom:0;left:0;z-index:10;padding-top:40px;padding-bottom:17px;color:#fff;text-align:center;background:rgba(0,0,0,0);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.48) 22%,rgba(0,0,0,0.79) 75%,rgba(0,0,0,0.82) 81%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(22%,rgba(0,0,0,0.48)),color-stop(75%,rgba(0,0,0,0.79)),color-stop(81%,rgba(0,0,0,0.82)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.48) 22%,rgba(0,0,0,0.79) 75%,rgba(0,0,0,0.82) 81%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.48) 22%,rgba(0,0,0,0.79) 75%,rgba(0,0,0,0.82) 81%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.48) 22%,rgba(0,0,0,0.79) 75%,rgba(0,0,0,0.82) 81%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.48) 22%,rgba(0,0,0,0.79) 75%,rgba(0,0,0,0.82) 81%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);width:100%}
.slider-title-portada{font-size:20px;text-align:center;padding-bottom:3px}
.slider-subtitle-portada{padding-bottom:14px;color:#ff8402;font-size:15px}
.portada-title-section{font-weight:400;padding-top:20px;padding-bottom:20px;color:#702B1F;font-size:15px}
.video-container{
	position: relative;
    padding-bottom: 54.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    border: 2px solid #dfe9f1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.banner-promocional-portada img{width: 100%;
    border: solid 2px #e9e9e9;
    border-radius: 10px;}
.portada-seminario-content{width:100%;border:1px #ccc solid;height:285px;background-color:#fff;box-shadow:6px 5px 0 #0000001c}
.portada-seminario-img{position:relative;overflow:hidden;height:70px}
.portada-seminario-img span{position:absolute;bottom:0;background-color:#000000a1;color:#fff;display:block;width:100%;padding:7px;font-size:14px;letter-spacing:.8px}
.portada-seminario-fechas{
	height: 35px;
    overflow: hidden;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.portada-seminario-fecha-num{
	line-height: 35px;
    height: 35px;
    font-size: 20px;
    float: left;
    padding-left: 6px;
    padding-right: 6px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.portada-seminario-mes{float:right;line-height:35px;padding-right:10px;font-size:14px}
.portada-seminario-titulo{padding:10px 15px;font-size:15px;line-height:145%;font-weight:400;height:135px;overflow:hidden}
a.portada-seminario-sabermas:link,a.portada-seminario-sabermas:visited{float:left;display:block;padding:5px;padding-left:10px;padding-right:10px;background-color:#005a81;color:white;font-size:14px;margin-left:10px;-moz-border-radius:35px;-webkit-border-radius:35px;border-radius:35px;line-height:20px}
a.portada-seminario-sabermas:hover{background-color:#ff8402}
a.portada-seminario-preregistro:link,a.portada-seminario-preregistro:visited{line-height:20px;float:right;margin-right:15px;text-decoration:underline;font-size:12px;color:#00587d;display:block;padding-top:5px}
a.portada-seminario-preregistro:hover{color:#ff8402}
.portada-componente-title {
    background-color: #702B1F;
    color: #fff;
    padding: 10px 15px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    font-size: 13px;
}
.portada-componente-title span{display:block;float:right}
.portada-componente-box {
    background-color: #fff;
    border: 1px #ccc solid;
    height: auto;
}
.portada-componente-box-nh{background-color:#fff;border:1px #ccc solid}
.por-articulo-destacado-img{min-width: 100px;padding:10px;padding-right:0}
.por-articulo-destacado-img img{max-width:90px;border-radius:200px;border:1px #ccc solid;-webkit-transition-duration:0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;}
.por-articulo-destacado-img:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.por-articulo-destacado-info{padding:10px;display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.por-articulo-destacado-title{font-size:17px}
.por-articulo-destacado-autor{font-size:75%;color:#ff8402;padding-top:5px;font-weight:500}
a.por-articulo-destacado-title:link{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s}
a.por-articulo-destacado-title:hover{color:#702b1f;text-decoration:underline}
.por-articulo-destacado-prin{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s}
.por-articulo-destacado-prin:hover{background-color:#efefef; width: 100%;}
a.por-articulo-destacado:link,a.por-articulo-destacado:visited{border-top:1px solid #ccc;width:100%;padding:10px 20px;line-height:125%;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s}
a.por-articulo-destacado:link span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
a.por-articulo-destacado:hover{background-color:#efefef;color:#702B1F;text-decoration:underline}
a.portada-norma-legal:link,a.portada-norma-legal:visited{padding:10px 15px;font-size:13px;border-top:1px #ccc solid; width:100%;}
a.portada-norma-legal:link span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
a.portada-norma-legal:hover{background-color:#efefef;color:#702b1f;text-decoration:underline}
a.portada-jurisprudencia-box:link,a.portada-jurisprudencia-box:visited{border-top:1px #ccc solid;display:block}
a.portada-jurisprudencia-box:hover{background-color:#efefef}
a.portada-jurisprudencia-box:hover .portada-jurisprudencia-sumilla span{color:#005f87;text-decoration:underline}
.portada-jurisprudencia-emisor{font-size:12px;padding:15px;padding-top:10px;padding-bottom:5px;font-weight:700;color:#0575a6}
.portada-jurisprudencia-emitida{font-size:12px;padding:15px;padding-top:10px;padding-bottom:5px;color:#838383}
.portada-jurisprudencia-title{padding-left:15px;font-size:16px;font-weight:500}
.portada-jurisprudencia-sumilla{padding:4px 15px 10px 15px}
.portada-jurisprudencia-sumilla span{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
a.portada-comentario-box:link,a.portada-comentario-box:visited{border-top:1px #ccc solid;display:block;width:100%}
.carousel-item a img{width:100%}
a.portada-comentario-box:hover{background-color:#efefef}
.portada-comentario-imagen{width:20%;padding-top:10px;    margin-right: 15px;margin-left: 10px;}
.portada-comentario-imagen img{width:100%;display:block;}
.portada-comentario-titulo{font-size:16px;font-weight:500;padding-top:5px}
.portada-comentario-info{width:80%;padding-top:10px}
.portada-comentario-norma{font-size:12px;font-weight:600;color:#602116}
.portada-comentario-fecha{font-size:12px;font-weight:500;color:#909090}
.portada-comentario-sumilla{padding:4px 15px 10px 0}
.portada-comentario-sumilla span{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.portada-noticias-box{width:100%;border-top:1px #ccc solid;display:block}
.portada-noticias-box:hover{background-color:#efefef}
.portada-noticia-imagen{width:20%;padding:10px}
.portada-noticia-imagen img{width:100%;display:block;}
a.portada-noticia-title:link,a .portada-noticia-title:visited{font-size:16px;font-weight:500;padding-top:10px;width:80%}
a.portada-noticia-title:hover{color:#602116;text-decoration:underline}
a.portada-noticia-title:link span{padding-right: 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.portada-noticia-fecha{padding-top: 5px;font-size: 13px;color: #717171;}
.wrap-left-p{padding-right:15px}
.wrap-right{padding-left:15px;width:315px}
.hr-portada-header{margin-top:0;border-color:#c0c7ce}
.portada-seminarios-hidden{display:none}
.portada-seminario-aux{width:100%;border:1px #ccc solid;height:280px;background-color:#efefef;text-align:center;color:#878787;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.portada-seminario-aux i{font-size:60px}
.portada-seminario-aux div{font-size:15px}
.portada-seminario-aux a{font-size:13px;color:#006088;font-weight:900;text-decoration:underline}
.barra-titulo-area{color:#333333;margin-top:20px;border:solid 1px #d9e5ef;border-bottom:solid 2px #ccdae6;background-color:#dfe9f1;padding:5px 10px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
.barra-titulo-area h2.title-area{font-size:15px;font-weight:400;margin-bottom:0}
.barra-titulo-area h2.title-area span{font-weight:500}
.barra-titulo-area h2.title-area span.text-sub-area{font-size:13px;color:#9e9e9e;font-weight:400}
.barra-titulo-area .link-area a{background-color:#0069a5;color:#fff;padding:3px 10px;border-radius:3px;font-size:12px}
.barra-titulo-area .link-area a:hover{background-color:#ff8402;color:#fff}
.sem-conten{background:#fff;border:solid 1px #e4e4e4;min-height:300px}
.carousel-sem .carousel-control-prev,.carousel-sem .carousel-control-next{top:auto!important;width:50%;height:20px;background:#ff8402!important;color:#fff!important;font-size:20px!important;padding:0!important;opacity:.7!important}
.carousel-sem .carousel-control-prev{border-right:solid 1px #fff}
.semport-title-content{min-height:90px}
.sem-ciudad{text-transform:uppercase;font-size:18px;padding:5px 10px}
.sem-title{text-transform:uppercase;font-size:16px;padding:10px;display:-webkit-box;height:79.6px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sem-dia{padding:8px 10px}
.sem-dia span{font-size:24px;margin-right:4px;margin-top:0;display:inline-block;padding:5px;border-radius:5px}
.sem-lugar{font-size:13px;border-top:solid 1px #e4e4e4;padding:10px;display:-webkit-box;height:50px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}
.embed-container-video-portada{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.embed-container-video-portada iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.sem-mes{padding:0 10px 5px 10px;text-transform:uppercase;font-size:15px;letter-spacing:1px}
.sem-link{text-align:center;position:relative;top:-10px}
.sem-link a{display:initial;text-transform:uppercase;font-size:12px;border-radius:3px;padding:4px 10px;background-color:#333333;color:white;margin-top:5px}
.sem-link a:hover{color:#fff;background-color:#ff8402}
.carousel-sem .row-sem{padding-left:30px;padding-right:30px}
.txt-area-jur{color:#333333;font-size:13px;font-weight:500}
.co-img img{width:160px;height:100px;margin-right:10px}
.conten-norma{padding:15px 10px 15px 10px;border-bottom:dotted 1px #8bc8e2}
/*.conten-norma:hover{background:#fff;outline:1px solid #9e9e9e;padding-left:15px;padding-right:10px;transition:all .15s;-webkit-transform:scale(1.02);-moz-transform:scale(1.04);-o-transform:scale(1.04);-webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,1);-moz-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);box-shadow:8px 8px 0 0 rgba(0,0,0,0.1)}*/
/*.conten-norma a:hover .title-norma{color:#00587d;text-decoration:underline}*/
.conten-norma a{display:block}
.conten-norma .txt-top-res span{color:#333333;font-size:13px;font-weight:500;margin-left:10px}
.conten-norma h2.title-norma{font-size:16px;margin-top:5px;font-weight:600;margin-bottom:0}
.conten-norma .sumilla-norma{color:#414141;margin-bottom:10px;display:-webkit-box;max-height:52.6px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.conten-noticia{width:auto;background-color:#fff;border:1px solid rgba(0,0,0,.125);margin-bottom:20px}
.conten-noticia a{display:block;padding:5px 5px 5px 0}
/*.conten-noticia a:hover{color:#333333;background-color:#fff;text-decoration:underline}*/
.conten-noticia .txt-top-res{color:#607d8b;font-size:12px;margin-top:-5px}
.conten-noticia h2.title-noticia{font-size:14px;margin-top:5px;margin-bottom:0;display:-webkit-box;height:59.6px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.po-noti-img img{width:130px}
.po-noti-img a{padding:5px}
.po-img-rev img{width:120px;margin-bottom:5px;margin-right:15px}
.po-edicion-rev{font-size:13px;line-height:20px;color:#006a9c}
.po-detalle-rev{font-size:12px;color:#2f2f2f}
.po-link-rev .artdes-area{color:#607d8b;font-size:12px}
.po-link-rev a{font-size:14px;line-height:20px;display:block;padding:15px 10px 15px 10px;border-bottom:dotted 1px #8bc8e2}
.po-link-rev a:hover{background:#fff;outline:1px solid #9e9e9e;padding-left:15px;padding-right:10px;transition:all .15s;-webkit-transform:scale(1.02);-moz-transform:scale(1.04);-o-transform:scale(1.04);-webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,1);-moz-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);box-shadow:8px 8px 0 0 rgba(0,0,0,0.1)}
.po-link-rev a:hover{color:#333333;background-color:#fff;border:1px solid rgba(0,0,0,.125)}
.po-link-rev a:hover .artdes-title{text-decoration:underline}
.po-link-rev a:first-child .artdes-title{font-weight:500;font-size:16px;margin-bottom:5px}
.po-link-rev .arts-autor img{width:60px;height:60px;border-radius:60px;margin-right:10px;border:solid 1px #cecece}
.po-link-rev .po-nombre-autor{margin-top:15px}
.po-md-numed{display:none}



.botones-link-lectura{
	text-align: center;
}
.botones-link-lectura .boton-favorito, .boton-imprimir, .boton-mas, .boton-menos, .boton-sonido{
	display: inline-block;
	border-radius: 50%;
	padding: 10px 10px;
	margin:5px;
	color:rgb(223, 223, 223)!important;
	font-size: 25px;
	background-color: #72341f;
	cursor: pointer;
}


.botones-link-lectura{
	text-align: center;
}
.botones-link-lectura .boton-favorito, .boton-imprimir, .boton-mas, .boton-menos, .boton-sonido{
	display: inline-block;
	padding: 10px;
	color: #044b69!important;
	margin:2px;
	padding: 10px;
	font-size: 20px;
	background-color: rgb(224, 224, 224);
	cursor: pointer;
	border-radius: 5px;
}
.botones-link-lectura .boton-favorito:hover,.boton-imprimir:hover, .boton-mas:hover, .boton-menos:hover,  .boton-sonido:hover{
	background-color:#044b69;
	color: rgb(224, 224, 224)!important
}
.botones-link-lectura .boton-lectura{
	margin-left: auto;
	font-size: 15px;
	padding: 10px;
	background-color: rgb(224, 224, 224);
	color: #044b69;
}
.botones-link-lectura .boton-lectura .nueva-lectura{
	display: inline-block;
	font-size: 10px;
	border-radius: 39px;
	padding: 1px 5px;
	background: #044b69;
	color: #f0d10c;
}

.noticia-titulo{
	font-family:'Roboto',sans-serif;
	font-size:24px
}

.conten-noticia-list .fecha-noticia, .fecha-noticia{
	font-size: 14px;
	margin-bottom: 5px;
}
.contenido-noti{
	display: flex;
	flex-wrap: wrap;
}
.noti-icon{
    transition: 0.5s;
    text-align: center;
}
.noti-icon .botones{
	font-size: 16px;
	padding: 10px;
	margin-right: 5px;
}
.noti-icon .botones:hover{
	background-color: #026994;
	color: #ebebeb;
}
 
 
.divflotante {
    position: -webkit-sticky;
    position: sticky;
    top: 29px;
  }
@media(max-width:768px) {
	.botones-link-lectura .boton-favorito, .boton-imprimir, .boton-mas, .boton-menos, .boton-sonido{
		font-size: 15px;
		margin: 1px;
		padding: 5px;
	}
	.portada-comentario-imagen{
		width: 40%;
		padding: 10px;
	}
	.portada-comentario-info {
		width: 60%;
		padding: 10px
	}
	.portada-comentario-sumilla{
		display: none;
	}
	.portada-noticia-imagen{
		width: 40%;
		padding-top: 10px;
	}
	a.portada-noticia-title:link,
	a .portada-noticia-title:visited {
		width: 60%;
		padding-top: 10px
	}
	.botones-link-lectura .boton-lectura{
		font-size: 10px;		
	}
	.botones-link-lectura .boton-lectura .nueva-lectura{
		font-size: 8px;
	}
	.noti-img img{
		align-items: center;
		width: 400px;
	}
	.noti-icon{	
		width: 20%;
		display: contents;	
		align-items: center;
		text-align: center;
		justify-content: center;
	}
	.noti-icon .botones{
        flex-direction: column-reverse;
	}
	.cal-item-dia{
		font-size: 40px !important;
	}
}
@media(max-width:400px) {

	.noti-img img{
		align-items: center;
		width: 300px;
	}
	
}



@media(min-width:1400px){
	.po-noti-img img{width:160px}
	.conten-noticia h2.title-noticia{font-size:16px;height:67.6px}
}
@media(min-width:1700px){
	.portada-seminarios-hidden{display:block}
	.slider-title-portada{font-size:30px;padding-bottom:4px}
	.slider-subtitle-portada{padding-bottom:18px;font-size:20px}
	.portada-title-section{font-size:20px}
	.contenedor-seminarios-portada .col-4{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
	.portada-seminario-titulo{font-size:18px;line-height:125%}
	.portada-componente-title{font-size:16px}
	.por-articulo-destacado-title{font-size:20px}
	.portada-comentario-imagen{width:20%;padding:10px}
}
@media(max-width:1400px){
	.row-tipo-1 .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.po-md-numed{display:block}
	.po-lg-numed{display:none}
	.po-link-rev .arts-autor img{width:40px;height:40px}
	.po-link-rev .po-nombre-autor{margin-top:10px}
	.col-lg-ad{display:none}
	.row-sem .col-lg-4,.row-sem .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
	.row-sem .col-lg-8,.row-sem .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
}
@media(min-width:1400px){
	.row-tipo-1 .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Tips */

.title-tip{font-family:'Roboto',sans-serif;font-size:14px;font-weight:600;margin-top:5px;margin-bottom:0}
.sumilla-tip{font-family:'Roboto',sans-serif;color:#414141;margin-bottom:10px}
.title-tip2{font-family:'Roboto',sans-serif;font-size:24px}
.tip-fecha{font-family:'Roboto',sans-serif;font-size:12px}
.tip-fecha-bottom,.tip-leido-bottom{font-family:'Roboto',sans-serif;font-size:12px;display:inline-block;color:#0575a5;font-weight:500;padding-right:8px}
.tip-titulo-noticia{font-family:'Roboto',sans-serif;font-size:14px;font-weight:500;text-decoration:underline}
.tip-mas-titulo{font-family:'Roboto',sans-serif;font-size:14px;font-weight:500;text-decoration:underline;float:left}
.conten-materias{float:right}
.tip-materias{font-family:'Roboto',sans-serif;font-size:12px;font-weight:500;color:gray}
.tip-mas-materias{font-family:'Roboto',sans-serif;font-size:10px;font-weight:600;color:gray}
.titulo-modulo{margin-bottom:12px}
.label-autor{margin-top:5px}
.link-autor{font-style:italic;font-weight:bold;color:gray}
.link-autor2{font-style:italic;font-weight:bold;color:gray}
.span-tags{color:#2b2b2b;font-weight:bold;font-size:12px;padding-left:6px}
.fa-activo{color:#ffc107}
.tip-panel{width:100%;background-color:#75acc2}
.tip-panel-botones{font-size:12px;font-weight:bold;text-decoration:underline;color:white;border-radius:0}
.tip-txt-conten{font-family:'Roboto',sans-serif;font-size:14px;margin-top:20px;line-height:160%}
.tip-mas-tip{width:100%;font-size:13px;border:dotted 1px #86b0c2;color:#2b2b2b;font-weight:400;margin-top:35px;padding:10px 15px;background-color:#e3eff4;border-radius:10px}
.tip-mas-conten{margin-top:15px;margin-bottom:15px;border-bottom:dotted 1px #333}
a.tip-conten-resultado:link,a.tip-conten-resultado:visited{display:block;padding:15px 10px 15px 10px;width:100%}
a.tip-conten-resultado:hover{background:#fff;outline:1px solid #9e9e9e;padding-left:15px;padding-right:10px;transition:all .15s;-webkit-transform:scale(1.02);-moz-transform:scale(1.04);-o-transform:scale(1.04);-webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,1);-moz-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);box-shadow:8px 8px 0 0 rgba(0,0,0,0.1)}
.tip-list-title{font-weight:500;font-size:17px;padding-bottom:8px}
.tip-list-fecha{color:#839096;font-size:12px;font-weight:500;display:inline-block;padding-right:8px}
.tip-list-vistas{color:#0677a8;font-size:12px;font-weight:500;display:inline-block;padding-right:8px}
.tip-conten-resultado .tip-link-resultado:hover .title-tip{color:#00587d;text-decoration:underline}
.tip-conten-resultado .tip-link-resultado .tip-opcion-result{margin-bottom:0}
.conten-tip:hover{background:#fff;border-left:5px solid #2b2b2b;padding-left:15px;padding-right:10px;transition:all .15s;-webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1)}
.conten-tip a{display:block;padding-bottom:1px;padding-top:5px}
.conten-tip .tip-txt-top-res{font-size:12px;color:#607d8b}
.conten-tip .tip-txt-top-res span{color:#2b2b2b;font-size:13px;font-weight:500;margin-left:0}
.conten-tip h2.title-tip{font-size:16px;margin-top:5px;font-weight:600;margin-bottom:0;text-decoration:underline;display:-webkit-box;height:20px;line-height:1.3;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-tip h2.tip-titulo{font-size:16px;margin-top:5px;font-weight:600;margin-bottom:0;text-decoration:underline}
.conten-tip .sumilla-tip{color:#414141;margin-top:5px;margin-bottom:10px;display:-webkit-box;height:52px;font-size:16px;line-height:1.3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-tip .opcion-tip{margin-bottom:5px}
.conten-tip .opcion-tip a{font-size:18px;color:#b2c4d0;padding:0;position:relative;top:5px}
.conten-tip .opcion-tip a:hover{color:#2b2b2b}
.tip-result-destacado{border-left:solid 5px #ff9800;font-size:14px}
.tip-result-destacado .link-resultado:hover{border-left:none;border:solid 1px #e6e6e6}
.tip-opcion-result li a{color:#b2c4d0;font-size:18px}
.tip-opcion-result li a:hover{color:#2b2b2b}
.tip-img-autor{width:30px;height:30px;float:left}
.tip-span-autor{font-weight:bold;text-decoration:underline;margin-left:10px;font-size:12px}
.tip-volver{font-size:12px;font-weight:bold;color:#2b2b2b}
.tip-volver:hover{animation:shake .4s 3 linear;-webkit-animation:shake .4s 3 linear;-moz-animation:shake .4s 3 linear}
.tip-btn-escuchar{float:right}
.tip-btn-favoritos{background-color:#75acc2}
.tip-btn-imprimir{background-color:#75acc2}
.tip-div-autor-nombre{padding-top:10px}
.tip-div-autor{margin-top:15px;margin-bottom:15px}
.tip-img-anuncio{width:300px;height:250px}
.tip-noticias-container{margin-top:10px}
.tip-noticias-container2{border-bottom:solid 1px black;margin-bottom:10px}
.tip-btn-buscar{margin-left:10px}
.tip-title-area{font-size:26px;font-weight:300}
.tip-subtitle-area{color:#2b2b2b;font-size:15px}
.tip-title-conten{border-bottom:dotted 1px #333;padding-bottom:15px;margin-bottom:15px}
.p-l-15{padding-left:15px}
.p-t-5{padding-top:5px}
table.tabla-tips{font-size:14px;font-family:'Roboto',sans-serif}
table.tabla-tips thead{background:#dfe9f1}
table.tabla-tips td,table.tabla-tips th{padding:8px}
table.tabla-tips .tips-plan{background:#055b80;color:#fff;padding:2px 5px;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.tip-link-resultado .tip-opcion-result{margin-bottom:0}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Indicadores */

.rn-link-tipo i{color:#ccc;margin-right:5px}
.collapse-rn li{padding-left:23px}
.collapse-rn span.num-item{background-color:#2b2b2b;color:#fff}
.link-volver-main{padding-bottom:10px;border-bottom:dotted 1px #333;margin-bottom:10px}
.ie-title-conten .title-area{font-size:26px;font-weight:300}
.ie-title-conten .subtitle-area{color:#b5b5b5;font-size:13px;margin-top:3px}
.ie-title-conten .subtitle-area span{color:#2b2b2b}
.ie-title-conten .subtitle-area2{color:#2b2b2b;font-size:13px}
.ie-title-conten .btn-ayuda{display:inline-block;background-color:#2b2b2b;font-size:25px;font-weight:600;color:#fff;padding:0 13px;margin-top:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.ie-barra-seccion{background-color:#dfe6eb;padding:10px 15px;margin-bottom:15px;font-size:13px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.ie-nota-secc{font-size:11px;color:#7f8d96}
.ie-barra-seccion .ie-titulo-secc{color:#2b2b2b;font-size:13px;font-weight:500}
.table-ie{background-color:#fff}
.table-ie td{text-align:center;padding:7px;font-size:13px}
.table-ie thead th{text-align:center;padding:7px;font-size:13px;background-color:#e1e8ed;border-bottom-width:0!important}
input[type="text"].input-fecha::-webkit-input-placeholder{color:#2b2b2b}
input[type="text"].input-fecha::-moz-placeholder{color:#2b2b2b}
input[type="text"].input-fecha:-ms-input-placeholder{color:#2b2b2b}
input[type="text"].input-fecha:-moz-placeholder{color:#2b2b2b}
.table-ie td span{font-weight:500}
.tr-titulo th{background-color:#c3d1dc!important}
.ie-nota{border-top:dotted 1px #000;padding-top:10px;margin-top:50px;margin-bottom:30px;font-size:13px}
.form-tc .cbtn{margin-top:28px}
.form-tc .input-fecha{width:140px}
.form-tc .btn-type-2{color:#516873}
.ie-noti{color:red}
.mx-input-wrapper .mx-input::placeholder{
    color: #2b2b2b !important;
    font-family: 'Roboto', sans-serif !important;
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
|  COMPONENTES              |
'---------------------------'
*/

/* Ultima Revista */

.componente-ultima-revista {
  display: inline-block;
  width: 100%;
  background-color: #e5e5e5;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 15px;
}
.componente-ultima-revista-img {
  width: 85px;
  height: 120px;
  float: left;
}
.componente-ultima-revista-img img {
  width: 100%;
}
.componente-ultima-revista-info {
  float: left;
  width: 160px;
  padding-left: 10px;
}
.componente-ultima-revista-title {
  padding-top: 5px;
  color: #1f1f1f;
  font-size: 13px;
  padding-bottom: 3px;
}
.componente-ultima-revista-edicion {
  font-size: 20px;
  font-weight: 400;
}
.componente-ultima-revista-quincena {
  color: #000;
  font-size: 12px;
}
a.componente-ultima-revista-link:link,
a.componente-ultima-revista-link:visited {
  padding-top: 5px;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  padding: 5px;
  background-color: #702b1f;
  margin-top: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
a.componente-ultima-revista-link:hover {
  padding-top: 5px;
  color: #fff;
  background-color: #602116;
  font-size: 13px;
}

/* Suscribase Ahora */

.component-suscripcion {
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #ff9800;
  color: #fff;
  font-size: 16px;
}
.noticias-indole {
  margin-bottom: 15px;
}
.component-suscripcion .title-sus {
  font-size: 22px;
  font-weight: 300;
}
.component-suscripcion .subtitle-sus {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}
.component-suscripcion .sus-marq {
  border-top: dotted 2px #ccc;
  border-bottom: dotted 2px #ccc;
  padding-top: 4px;
  text-transform: uppercase;
  font-size: 13px;
}
.component-suscripcion .text-sus-2 {
  margin-top: 10px;
  font-size: 14px;
}
.component-suscripcion .text-contacto {
  font-weight: 500;
  font-size: 14px;
  margin-top: 5px;
}

.component-suscripcion .text-contacto a:hover {
  text-decoration: underline;
}
.component-suscripcion .btn-success {
  padding: 10px 15px;
}

/* Soporte Boletines */

.component-boletin {
  text-align: center;
  background-color: #e5e5e5;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.component-boletin .title-sus {
  font-size: 22px;
  font-weight: 300;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: dotted 2px #e0e0e0;
}
.component-boletin .title-sus i {
  color: #333333;
}
.component-boletin .text-bol-2 {
  color: #333333;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
}
.component-boletin .text-contacto {
  font-size: 16px;
  font-weight: 500;
}
.tutorial-boletin-box {
  font-size: 12px;
  padding-top: 8px;
}
.tutorial-boletin-box a:hover {
  color: #333333;
  text-decoration: underline;
}

/* Herramienta de Tooltip */

.tooltip {
  display: block !important;
  z-index: 10000;
}
.tooltip .tooltip-inner {
  background-color: rgba(2, 55, 78, 0.86);
  color: white;
  border-radius: 8px;
  padding: 10px 10px 10px;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: rgba(2, 55, 78, 0.86);
  z-index: 1;
}
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"] {
  margin-left: 5px;
}
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(black, 0.1);
}
.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}
.tooltip[aria-hidden="true"] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}
.tooltip[aria-hidden="false"] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

/* Componente Calendario */

.componente-calendario-header {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 13px;
  font-size: 15px;
  color: #333333;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0, #f3f3f3 90%, #ededed 100%);
  background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 90%, #ededed 100%);
  background: linear-gradient(to bottom, #fff 0, #f3f3f3 90%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);
}
.componente-calendario-header span {
  font-weight: 400;
  color: #2f2f2f;
}
.componente-calendario-vertodos {
  background-color: #e4e4e4;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  height: 30px;
  width: 120px;
}
.componente-calendario-vertodos:hover {
  background-color: #333;
}
.componente-calendario-vertodos:hover a {
  color: #fff;
}
.componente-calendario-vertodos:hover a:hover {
  text-decoration: underline;
}
.componente-calendario-titulo {
  color: #333333;
}
.componente-calendario-body {
  border-bottom: solid 1px #dadada;
  padding-top: 10px !important;
  padding-bottom: 7px !important;
  background-color: #f1f1f1;
  background-image: radial-gradient(
      circle at 100% 150%,
      #f1f1f1 24%,
      white 25%,
      white 28%,
      #f1f1f1 29%,
      #f1f1f1 36%,
      white 36%,
      white 40%,
      transparent 40%,
      transparent
    ),
    radial-gradient(
      circle at 0 150%,
      #f1f1f1 24%,
      white 25%,
      white 28%,
      #f1f1f1 29%,
      #f1f1f1 36%,
      white 36%,
      white 40%,
      transparent 40%,
      transparent
    ),
    radial-gradient(
      circle at 50% 100%,
      white 10%,
      #f1f1f1 11%,
      #f1f1f1 23%,
      white 24%,
      white 30%,
      #f1f1f1 31%,
      #f1f1f1 43%,
      white 44%,
      white 50%,
      #f1f1f1 51%,
      #f1f1f1 63%,
      white 64%,
      white 71%,
      transparent 71%,
      transparent
    ),
    radial-gradient(
      circle at 100% 50%,
      white 5%,
      #f1f1f1 6%,
      #f1f1f1 15%,
      white 16%,
      white 20%,
      #f1f1f1 21%,
      #f1f1f1 30%,
      white 31%,
      white 35%,
      #f1f1f1 36%,
      #f1f1f1 45%,
      white 46%,
      white 49%,
      transparent 50%,
      transparent
    ),
    radial-gradient(
      circle at 0 50%,
      white 5%,
      #f1f1f1 6%,
      #f1f1f1 15%,
      white 16%,
      white 20%,
      #f1f1f1 21%,
      #f1f1f1 30%,
      white 31%,
      white 35%,
      #f1f1f1 36%,
      #f1f1f1 45%,
      white 46%,
      white 49%,
      transparent 50%,
      transparent
    );
  background-size: 80px 40px;
}
.componente-calendario-body-fecha {
  padding-left: 15px;
  padding-right: 15px;
}
.componente-calendario-dia {
  font-size: 30px;
  font-weight: 600;
  color: #333;
}
.componente-calendario-mes {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin-top: 15px;
}
.componente-calendario-ano {
  font-size: 21px;
  font-weight: bold;
  text-align: right;
  color: #999a9b;
}
.componente-calendario-body-fecha2 {
  margin-top: -10px;
}
.componente-calendario-body-evento {
  font-size: 13px;
  border-bottom: dotted 1px #f2f2f2;
}
.componente-calendario-txt1 {
  color: #333333;
  padding-top: 5px;
}
.componente-calendario-txt2 {
  color: black;
  font-weight: 500;
  padding-top: 5px;
}
.componente-calendario-event-box {
  border-bottom: dotted #ccc 1px;
  background-color: #fff;
  padding-left: 15px;
  padding-right: 17px;
  padding-top: 2px;
  padding-bottom: 3px;
  font-size: 12px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
/*.componente-calendario-event-box:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);cursor:help;background-color:#fff;color:#fff!important;box-shadow:0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3)}*/
.componente-calendario-cumple-anim {
  animation: rubberBand 1s 1 ease;
  -webkit-animation: rubberBand 1s 1 ease;
  -moz-animation: rubberBand 1s 1 ease;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}
.componente-calendario-txt3 {
  color: gray;
  padding-top: 5px;
  padding-bottom: 5px;
}
.componente-calendario-tabla-indicadores {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  background-color: #e1e1e1;
  border: #c6cfd7;
}
.componente-calendario-tabla-titulo {
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 6px;
}
.componente-calendario-tabla-indicadores th {
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #333;
  color: #fff;
}
.componente-calendario-noinicio-body {
  border: solid 1px #cbcbcb;
  background-color: #e4e4e4;
  padding: 5px 10px 7px 10px !important;
  margin: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.componente-calendario-noinicio-txt {
  text-align: center;
  font-size: 12px;
}
.componente-calendario-noinicio-link {
  text-decoration: underline;
  color: #333333;
}
.componente-calendario-noeventos {
  text-align: center;
}
.componente-calendario-noeventos span {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: gray;
  background-color: #e4e4e4;
  padding: 8px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.componente-calendario-lh30 {
  line-height: 30px;
}

/* Calendario Normas */

.datepicker {
  background: #fff;
  border: solid 1px #e6e6e6;
  border-radius: 5px;
  font-size: 13px;
  padding: 5px;
}
.datepicker .picker-switch {
  text-transform: uppercase;
}

/* Separador General */
.componentes-separador {
  display: block;
  width: 100%;
  height: 20px;
}

/* Componente Seminarios */

.conten-sem-com {
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.conten-sem-com .img-sem-com img {
  width: 100%;
  height: 85px;
}
.fecha-sem-com {
  position: relative;
  margin: -28px 0 10px 0;
  font-size: 18px;
}
.conten-sem-com .p1 {
  padding: 3px 8px;
}
.fecha-sem-com span {
  font-weight: 600;
}
.bg-ciudad {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 600;
}
.link-sem-com {
  font-size: 13px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  overflow: hidden;
}
.tipo-sem-com {
  text-transform: uppercase;
  font-size: 11px;
  padding: 0 10px 5px 15px;
}
.titulo-sem-com {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  padding: 0 15px 14px;
}
.link-sem-com a {
  display: block;
  text-decoration: underline;
  margin: 5px 0;
  font-size: 12px;
}
.link-sem-com a:hover {
  color: #ccc;
}

/* Componente Videos y Lecciones */

.comp-uvid-p {
  padding: 15px;
}
.comp-uvid-i {
  color: #333333;
}
.comp-uvid-hr {
  border-top: dotted 1px;
}
.comp-uvid-iframe {
  width: 100%;
  height: 130px;
}
.comp-uvid-txt {
  text-align: justify;
  font-size: 13px;
}
a.ultimas-lecciones-btn:link,
a.ultimas-lecciones-btn:visited {
  display: block;
  position: relative;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.ultlecc-img {
  position: relative;
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.ultlecc-duracion {
  background-color: #00000094;
  position: absolute;
  z-index: 12;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
  font-weight: 300;
  color: #fff;
  font-size: 13px;
}
a.ultimas-lecciones-btn img {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
a.ultimas-lecciones-btn:hover img {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
a.ultimas-lecciones-btn:hover .ultlecc-hover-play {
  display: block;
}
.ultlecc-hover-play {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #00000061;
  color: #fff;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10;
  font-size: 80px;
}
.ultlecc-text {
  padding-top: 10px;
  padding-bottom: 15px;
  font-size: 14px;
}
.ultlecc-footer {
  font-size: 12px;
  font-weight: 800;
  color: #0676a7;
  padding-bottom: 15px;
}
.comp-ulec-i {
  color: #333333;
}
.comp-ulec-iframe {
  width: 100%;
  height: 80px;
}
.comp-ulec-div {
  padding-left: 0px;
  padding-right: 10px;
}
.comp-ulec-span {
  text-align: justify;
  font-size: 11px;
  font-weight: bold;
}

/* TABS */

.container-right .nav-tabs {
  border-bottom: 0;
  font-size: 13px;
}
.container-right .nav-tabs .nav-item.show .nav-link,
.container-right .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #702b1f;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  outline: 0;
  outline-width: 0;
  border: 0;
}
.container-right .nav-tabs .nav-link {
  color: #1f1f1f;
  background: rgba(173, 184, 194, 1);
  outline: 0;
  outline-width: 0;
  border: 0;
  border-width: 0;
  padding: 5px 10px;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

/* Componentes Normas */

.container-right .nl-rel-conten,
.container-right .nl-tabs-conten {
  width: 300px;
  background: #fff;
  border-bottom: solid 1px #e3e2e2;
  border-right: solid 1px #e3e2e2;
  border-left: solid 1px #e3e2e2;
}
.container-right .title-componente {
  font-size: 18px;
  border-bottom: dashed 1px #95b0c5;
  margin-top: 15px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  color: #333333;
}
.container-right .subtitle-componente {
  font-family: Verdana;
  color: #313131;
  font-size: 10px;
  margin-top: -8px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.container-right .nl-rel-conten .text-organismo {
  background: #006999;
  margin-left: -1px;
  margin-right: -1px;
  padding: 5px 10px;
  color: #fff;
  text-transform: none;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 13px;
  display: -webkit-box;
  height: 25px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container-right .nl-rel-conten .text-entidad {
  background-color: #78aabf;
  font-size: 13px;
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;
  text-transform: none;
  font-weight: 400;
  letter-spacing: normal;
  margin-top: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 3px;
}
.container-right .nl-rel-conten .nl-rel-norma .title-norma,
.container-right .nl-tabs-conten .nl-rel-norma .title-norma {
  font-size: 12px;
  display: -webkit-box;
  max-height: 35px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  color: #505050;
  display: inline-block;
}
.container-right .nl-rel-conten .nl-rel-norma .number-norma,
.container-right .nl-tabs-conten .nl-rel-norma .number-norma {
  font-size: 14px;
  display: -webkit-box;
  max-height: 35px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  color: #505050;
}
.container-right .nl-rel-conten .nl-rel-norma .subtitle-norma,
.container-right .nl-tabs-conten .nl-rel-norma .subtitle-norma {
  display: -webkit-box;
  max-height: 35px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  font-family: Verdana;
  color: #757575;
  display: block;
}
.container-right .nl-rel-conten .nl-rel-norma .subtitle-norma span,
.container-right .nl-tabs-conten .nl-rel-norma .subtitle-norma span {
  color: #333333;
}
.container-right .nl-rel-conten .nl-rel-norma .sumilla-norma,
.container-right .nl-tabs-conten .nl-rel-norma .sumilla-norma {
  display: -webkit-box;
  max-height: 48px;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 13px;
}
.container-right .nl-rel-conten .nl-rel-norma .sumilla-norma span,
.container-right .nl-tabs-conten .nl-rel-norma .sumilla-norma span {
  font-weight: 600;
}
.container-right .nl-rel-conten .nl-rel-norma .fecha-norma,
.container-right .nl-tabs-conten .nl-rel-norma .fecha-norma {
  font-size: 12px;
  color: #607d8b;
}
.container-right .nl-rel-conten .nl-rel-norma a {
  font-size: 13px;
  display: block;
  padding: 10px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  background: #fff;
  border-bottom: dotted 1px #c2c7cc;
}
.container-right .nl-rel-conten .nl-rel-norma a:hover {
  background: #fff;
  color: #000;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.container-right .nl-rel-conten .nl-rel-norma a:last-child,
.container-right .nl-tabs-conten .nl-rel-norma a:last-child {
  border-bottom: 0;
}
.container-right .nl-rel-conten .nl-rel-mas a,
.container-right .nl-tabs-conten .nl-rel-mas a {
  display: block;
  background: #e4edf0;
  padding: 5px;
  text-align: center;
  color: #333;
  border: solid 1px #c3d7de;
  font-size: 13px;
}
.container-right .nl-rel-conten .nl-rel-mas a:hover,
.container-right .nl-tabs-conten .nl-rel-mas a:hover {
  background: #c3d7de;
}
.container-right .nl-tabs-conten .text-organismo {
  background: #006999;
  color: #fff;
  padding: 5px;
}
.container-right .nl-tabs-conten .text-entidad {
  background: #78aabf;
  color: #fff;
  padding: 5px;
  margin: 0 10px 10px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.container-right .nl-tabs-conten .nl-rel-norma {
  background: #fff;
  border-right: solid 1px #e3e2e2;
  border-left: solid 1px #e3e2e2;
  padding-top: 10px;
}
.container-right .nl-tabs-conten .nl-rel-norma a {
  display: block;
  padding: 10px;
  border-bottom: solid 1px #e3e2e2;
  background: #fff;
}
.container-right .nl-tabs-conten .nl-rel-norma a:hover {
  background: #ddeef3;
  color: #000;
}

/* Componentes Noticias */

.com-img-noticia {
  position: relative;
}
.com-img-noticia img {
  width: 120px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.com-title-noticia {
  font-size: 14px;
  display: -webkit-box;
  max-height: 100px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
}
.noti-tabs-conten {
  border-top: solid 1px #e3e2e2;
  border-left: solid 1px #e3e2e2;
  border-right: solid 1px #e3e2e2;
}
.noti-tabs-conten a {
  display: block;
  background: #fff;
  padding: 10px;
  border-bottom: solid 1px #e3e2e2;
}
/*.noti-tabs-conten a:hover{background:#fff;color:#000;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);box-shadow:0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3)}*/
.com-fecha-noticia {
  position: absolute;
  bottom: 0;
  left: 0;
}
.com-fecha-noticia span {
  background: rgba(0, 0, 0, 0.5);
  color: #ccc;
  padding: 3px 7px;
  font-size: 12px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
/*.noti-tabs-conten a:hover .com-fecha-noticia span{color:#fff}*/
.noti-tabs-conten .com-mas-noti a {
  font-size: 13px;
  display: block;
  text-align: center;
  padding: 5px;
  border-bottom: solid 1px #e3e2e2;
  background: #e4edf0;
}
.noti-tabs-conten .com-mas-noti a:hover {
  background: #ddeef3;
  color: #000;
}
.noti-tabs-conten-2 {
  border-top: solid 1px #e3e2e2;
  border-left: solid 1px #e3e2e2;
  border-right: solid 1px #e3e2e2;
}
.noti-tabs-conten-2 a {
  display: block;
  background: #fff;
  padding: 10px;
  border-bottom: solid 1px #e3e2e2;
}
.noti-tabs-conten-2 a:hover {
  background: #ddeef3;
  color: #000;
}
.noti-tabs-conten-2 .com-title-noticia-2 {
  font-size: 14px;
  display: -webkit-box;
  max-height: 53px;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.noti-tabs-conten-2 .com-fecha-noticia-2 {
  font-size: 12px;
  color: #607d8b;
}
.noti-tabs-conten-2 .com-mas-noti a {
  font-size: 13px;
  display: block;
  text-align: center;
  padding: 5px;
  border-bottom: solid 1px #e3e2e2;
  background: #e4edf0;
}
.noti-tabs-conten-2 .com-mas-noti a:hover {
  background: #ddeef3;
  color: #000;
}

/* Componentes Libros Recomendados */

.comp-lib-header {
  background-color: #333333;
  color: white;
  font-weight: bold;
  font-size: 16px;
}
.comp-lib-img {
  width: 100%;
  height: 125px;
  border-style: solid;
  border-color: #187eaa;
  border-radius: 4px;
  border-width: 3px;
}
.comp-lib-titulo {
  font-weight: bold;
  color: #505050;
  width: 140px;
  display: block;
}
.comp-lib-container {
  position: relative;
  width: 100%;
  padding: 0;
}
.comp-lib-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: 160px;
  transition: 0.5s ease;
  backface-visibility: hidden;
  transform: rotateY(50deg);
  box-shadow: -10px 10px 10px 2px rgba(0, 0, 0, 0.2), -2px 0 0 0 #888;
  transition: all 0.5s;
  transition-delay: 0.05s;
}
.comp-lib-middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.comp-lib-container:hover .comp-lib-image {
  opacity: 0.3;
}
.comp-lib-container:hover .comp-lib-middle {
  opacity: 1;
}
a.comp-lib-text:link,
a.comp-lib-text:visited {
  background-color: #187eaa;
  color: white;
  font-size: 14px;
  padding: 5px 10px;
  width: 120px;
  margin: 0 auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
a.comp-lib-text:hover {
  background-color: #ff8402;
  color: #000;
}
.libros-rec-box {
  -webkit-perspective: 700;
  width: 140px;
  height: 200px;
  margin: auto;
  z-index: 999;
  display: inline-block;
}
.libros-rec-box img {
  width: 140px;
  height: 200px;
}
.libros-rec-box:hover .libros-rec {
  -webkit-transform: rotateY(-90deg);
}
.libros-rec {
  width: 140px;
  height: 200px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 0.4s ease-out;
  -webkit-transform-origin: 90px 90px -90px;
}
.libro-rec-face {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: visible;
  -webkit-transform-origin: 0 0;
}
.libro-rec-front {
  -webkit-transform: rotateY(0deg);
  z-index: 2;
  background: #d9d9d9;
}
.libro-rec-side {
  background: #9dcc78;
  -webkit-transform: rotateY(90deg);
  z-index: 1;
  left: 140px;
}
.libro-rec-side-back {
  position: absolute;
  width: 140px;
  height: 200px;
  z-index: 5;
  background-color: #000;
}
.libro-rec-side-back img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  opacity: 0.4;
}
.libro-rec-side-front {
  position: absolute;
  width: 140px;
  height: 200px;
  z-index: 6;
  text-align: center;
  color: #fff;
}

.globalevento {
  max-height: 250px;
  padding: 1rem;
  overflow-y: auto;
  direction: ltr;
  scrollbar-color: #ff8402 #e4e4e4;
  scrollbar-width: thin;
}
.globalevento::-webkit-scrollbar {
  width: 20px;
}

.globalevento::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px;
}
.globalevento::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 6px solid rgba(0, 0, 0, 0.18);
  border-left: 0;
  border-right: 0;
  background-color: #ff8402;
}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Recursos */

.re-title-conten{border-bottom:dotted 1px #333;padding-bottom:15px;margin-bottom:15px;font-size:18px}
.title-area{font-size:26px;font-weight:300}
.re-subtitle-area{color:#2b2b2b;font-weight:bold}
.recurso-view-categoria{font-size:13px!important;padding-bottom:10px}
.recurso-view-categoria span{font-weight:900;color:#00587d}
.recursos-subtitulo{padding-top:10px;padding-bottom:10px}
.btn-ayuda{display:inline-block;background-color:#2b2b2b;font-size:25px;font-weight:600;color:#fff;padding:0 13px;margin-top:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.btn-ayuda:hover{background-color:#00587d;color:#ececec}
.form-buscar label{font-size:12px;margin-bottom:0}
.btn-buscar{margin-top:22px;margin-left:10px}
.btn-type-2{background-color:#c9d1d6;border:solid 1px #b5c4cd;color:#353436;font-size:14px}
.re-titulo{color:#006995;font-size:17px;padding-bottom:8px;border-bottom:dotted 1px #2b2b2b}
.media{display:flex;margin-bottom:20px}
.imagen{border:solid 1px #7d7d7a}
.conten-recurso:hover{background:#fff;border-left:5px solid #2b2b2b;padding-left:15px;padding-right:10px;transition:all .15s;-webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1)}
.conten-recurso a{display:block;padding-bottom:1px;padding-top:5px}
.conten-recurso .recurso-txt-top-res{font-size:12px;color:#607d8b}
.conten-recurso .recurso-txt-top-res span{color:#2b2b2b;font-size:13px;font-weight:500;margin-left:0}
.conten-recurso h2.title-recurso{font-size:16px;margin-top:5px;font-weight:600;margin-bottom:0;text-decoration:underline;display:-webkit-box;height:20px;line-height:1.3;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-recurso h2.recurso-titulo{font-size:16px;margin-top:5px;font-weight:600;margin-bottom:0;text-decoration:underline}
.conten-recurso .sumilla-recurso{color:#414141;margin-top:5px;margin-bottom:10px;display:-webkit-box;height:52px;font-size:16px;line-height:1.3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-recurso .opcion-recurso{margin-bottom:5px}
.conten-recurso .opcion-recurso a{font-size:18px;color:#b2c4d0;padding:0;position:relative;top:5px}
.conten-recurso .opcion-recurso a:hover{color:#2b2b2b}
.recurso-conten{width:auto;height:100px;background-color:transparent;position:relative;border-bottom:dotted 1px #333;margin-bottom:11px}
.recurso-conten .recurso-link-result{position:absolute;left:0;top:0;bottom:0;right:0}
.recurso-conten .recurso-link-result:hover{background-color:#fff;border:solid 1px #e6e6e6;padding:10px;border-bottom:solid 5px #2b2b2b;padding-left:20px}
.recurso-conten .recurso-c-link-result{position:relative;pointer-events:none;z-index:1}
.recurso-conten .recurso-c-link-result a{pointer-events:all;position:relative}
.recurso-conten .bs-callout{margin-bottom:0;padding-bottom:0;padding-top:0;margin-top:0;padding-left:0;padding-right:0;border-right-width:5px;border-bottom-width:0;border-right-color:#428bca;border-left-width:0}
.btn-actions{margin-right:78%;margin-left:15px;margin-top:5px}
.opcion-recurso{margin-bottom:10px}
.opcion-recurso li a{color:#b2c4d0;font-size:18px}
.opcion-recurso li a:hover{color:#2b2b2b}
.opcion-recurso .recurso i{color:#2b2b2b}
.page-link{margin-left:2px;padding:5px 10px;color:#607d8b}
.page-item.active .page-link{background-color:#2b2b2b;border-color:#025579}
.modal-type-1 .modal-header{padding-bottom:10px;border-color:#d4d4d4}
.modal-type-1 .text-sup-area{display:block}
.modal-type-1 h5.modal-title{margin-top:-3px;color:#2b2b2b}
.modal-type-1 h5.modal-title span{font-size:13px;display:block;margin-bottom:-3px;font-weight:400;color:#333}
.modal-type-1 label{font-size:12px;margin-bottom:3px}
.modal-type-1 .form-control{font-size:13px;padding:5px}
.main-nosuscriptor{padding-top:15px}
.wrap-left{background-color:#fff}
.wrap-rigth{background-color:#fff}
p{margin-top:10px;margin-bottom:1rem}
.badge{background-color:#c30;color:white;margin-bottom:8px}
.bs-callout .conten-resultado{margin-bottom:15px;border-bottom:dotted 0 #333;margin-bottom:-15px}
.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{border-radius:3px}
.bs-callout+.bs-callout{margin-top:-5px}
.bs-callout-default{border-left-color:#777;background-color:white}
.bs-callout-default h4{color:#777}
.bs-callout-primary{border-left-color:#428bca;background-color:white}
.bs-callout-primary h4{color:#428bca}
.bs-callout-success{border-left-color:#5cb85c;background-color:white}
.bs-callout-success h4{color:#5cb85c}
.bs-callout-danger{border-left-color:#d9534f;background-color:white}
.bs-callout-danger h4{color:#d9534f}
.bs-callout-warning{border-left-color:#f0ad4e;background-color:white}
.bs-callout-warning h4{color:#f0ad4e}
.bs-callout-info{border-left-color:#5bc0de}
.bs-callout-info h4{color:#5bc0de}
.recursos-panel{width:100%;background-color:#75acc2;height:42px}
.recursos-panel-botones{background-color:#75acc2;font-size:12px;font-weight:bold;color:white;border-radius:0;margin-top:5px}
.descarga{padding-bottom:0;border-bottom-width:12px;border-top-width:12px;padding-top:0;background-color:#e6e6e6;margin-top:0;color:black}
 
.recurso-div-img-relacionada{float:left;padding-right:10px;width:100px}
.title-recurso-sugerida{font-size:14px;margin-top:5px;font-weight:bold;margin-bottom:0;text-decoration:underline}
.recurso-opcion-result li a{color:#b2c4d0;font-size:18px}
.recurso-opcion-result li a:hover{color:#ff9800}
.recurso-result-destacado{border-left:solid 5px #ff9800;font-size:14px}
.recurso-result-destacado .recurso-link-resultado:hover{border-left:none;border:solid 1px #e6e6e6}
.re-pestanas{float:left;width:100%;line-height:normal;font-size:14px}
.re-pestanas ul{margin:0;padding:0;list-style:none}
.re-pestanas li{float:left;margin:0;padding:0;background-color:#2b2b2b;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0}
.re-pestanas a{padding:3px 10px 3px 10px;display:block;text-decoration:none;color:white}
.re-div-vertodas{float:right;width:100px}
.re-span-vertodas{font-weight:bold;font-size:13px;text-decoration:underline;color:#2b2b2b}
.recurso-formato{display:inline-block;padding-right:10px;font-size:13px}
.sumilla-recurso{padding-top:10px;font-weight:bold;font-size:16px}
.re-div-subcat{border:solid 1px #cfcfcf;margin-bottom:15px;margin-top:10px;display:block;background-color:#fff}
.re-pestanas{background-color:#e0e0e0;padding:10px}
.re-pestanas-name{font-weight:400}
.re-div-items{width:100%}
.re-contenido-item2{margin-top:4px}
.re-tabla-lista{width:100%;text-align:center;vertical-align:middle;font-size:15px}
.re-tabla-lista td{border-top:0 solid #dee2e6;border-bottom:0 solid #dee2e6}
.re-tabla-titulo{text-decoration:underline;font-weight:bold}
.re-title-area2{font-size:15px;font-weight:bold;font-style:oblique}
.p-l-r-15{padding-left:15px;padding-right:15px}
table.tabla-recursos{font-family:'Roboto',sans-serif;font-size:14px}
table.tabla-recursos thead{background:#dfe9f1}
table.tabla-recursos td,table.tabla-tips th{padding:8px}
.menu-categoria-recurso{background-color:#5d2117!important; color:#ccc; padding:8px 0 8px 20px!important;font-size:11px!important;font-weight:bold!important;border-bottom:1px solid #ccc!important;font-family:Verdana,Geneva,Tahoma,sans-serif}
.menu-subcategoria-recurso{background-color:#5d2117!important;padding:3px;font-size:14px!important;font-weight:300!important;font-family:Verdana,Geneva,Tahoma,sans-serif; color: #dee2e6!important}
.menu-subcategoria-recurso a{font-size:10px;border-bottom:0 solid #333!important; color: #cfcfcf !important;}
.menu-subcategoria-recurso:hover{background:#4B0E04!important;color:#fff!important}
.recurso-item-content{border-top:solid 1px #cfd2d4;display:block}
.recurso-item-content:hover{background: white;outline: 1px solid #9e9e9e;padding-left: 10px;padding-right: 10px;transition: all .15s;-webkit-transform: scale(1.02);-moz-transform: scale(1.04);-o-transform: scale(1.04);-webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,1);-moz-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.1);box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1);}
.recurso-item-img img{width:50px;height:50px;border:1px solid #fff}
.recurso-item-img{padding:10px}
.recurso-item-info{width:100%}
a.recurso-item-link:link,a.recurso-item-link:visited{font-size:15px;color:#0677a8;font-weight:500;padding-top:10px;display:block}
a.recurso-item-link:hover{text-decoration:underline}
.recurso-item-details{font-size:12px;padding-top:4px;color:#909090}
.recurso-item-details span{font-weight:900;color:#333;}
 
/* Jurisprudencias */
.title-conten{
    border-bottom:dotted 1px #333;
    padding-bottom:15px;
    margin-bottom:15px
}
 .title-area{
    font-size:26px;
    font-weight:300
}
 .subtitle-area{
    color:#2b2b2b;
    font-size:15px
}
 .btn-ayuda{
    display:inline-block;
    background-color:#2b2b2b;
    font-size:25px;
    font-weight:600;
    color:#fff;
    padding:0 13px;
    margin-top:10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
 .btn-ayuda:hover{
    background-color:#00587d;
    color:#ececec
}
 .form-buscar label{
    font-size:12px;
    margin-bottom:0
}
 .btn-buscar{
    margin-top:22px;
    margin-left:10px
}
 .btn-type-2{
    background-color:#c9d1d6;
    border:solid 1px #b5c4cd;
    color:#353436;
    font-size:14px
}
 .conten-cog-busqueda{
    background-color:#dde7ee;
    padding:5px;
    margin-bottom:15px
}
 .conten-cog-busqueda a{
    color:#2b2b2b;
    font-weight:500;
    text-decoration:underline
}
 .conten-cog-busqueda a:hover{
    color:#ff9800
}
 .conten-cog-busqueda .text-right a{
    border-right:dotted 1px #333;
    padding-right:10px;
    margin-right:10px
}
 .jur-conten-resultado{
    padding:15px 10px 15px 10px;
    border-bottom:dotted 1px #8bc8e2
}
 .jur-conten-resultado:hover{
    background:#fff;
    outline:1px solid #9e9e9e;
    padding-left:15px;
    padding-right:10px;
    transition:all .15s;
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.04);
    -o-transform:scale(1.04);
    -webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,1);
    -moz-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);
    box-shadow:8px 8px 0 0 rgba(0,0,0,0.1)
}
 .jur-conten-resultado a:hover .title-norma{
    color:#00587d;
    text-decoration:underline
}
 .jur-conten-resultado .txt-top-res{
    font-size:13px;
    color:#607d8b
}
 .jur-conten-resultado .txt-top-res span{
    color:#2b2b2b;
    font-size:13px;
    font-weight:500
}
 .jur-conten-resultado .txt-top-fec{
    font-size:13px;
    text-align:right
}
 .btn-actions{
    margin-right:78%;
    margin-left:15px;
    margin-top:5px
}
 .jur-conten-resultado .txt-top-mat span{
    color:#2b2b2b;
    font-size:13px;
    font-weight:500
}
 h2.title-norma{
    font-weight:600;
    font-size:14px;
    margin-top:5px
}
 .sumilla-jurisprudencia{
    font-size:14px;
    margin-bottom:5px;
    display:-webkit-box;
    line-height:1.3;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.sumilla-jurisprudencia p{
    margin-top: 0;
    margin-bottom: 0;
}

 .opcion-jurisprudencia{
    margin-bottom:10px
}
 .opcion-jurisprudencia li a{
    color:#b2c4d0;
    font-size:18px
}
 .opcion-jurisprudencia li a:hover{
    color:#2b2b2b
}
 .page-link{
    margin-left:2px;
    padding:5px 10px;
    color:#607d8b
}
 .page-item.active .page-link{
    background-color:#2b2b2b;
    border-color:#025579
}
 .modal-type-1 .modal-header{
    padding-bottom:10px;
    border-color:#d4d4d4
}
 .modal-type-1 .text-sup-area{
    display:block
}
 .modal-type-1 h5.modal-title{
    margin-top:-3px;
    color:#2b2b2b
}
 .modal-type-1 h5.modal-title span{
    font-size:13px;
    display:block;
    margin-bottom:-3px;
    font-weight:400;
    color:#333
}
 .modal-type-1 label{
    font-size:12px;
    margin-bottom:3px
}
 .modal-type-1 .form-control{
    font-size:13px;
    padding:5px
}
 .main-nosuscriptor{
    padding-top:15px
}
 .wrap-left{
    background-color:#fff
}
 .wrap-rigth{
    background-color:#fff
}
 p{
    margin-top:10px;
    margin-bottom:1rem
}
 .obser{
    margin-left:10px;
    color:#fff;
    padding:2px 5px;
    font-size:12px;
    font-weight:400
}
 .badge{
    background-color:#607d8b
}
 .badge-pro{
    background-color:#009688
}
 .bs-callout .conten-resultado{
    margin-bottom:15px;
    border-bottom:dotted 0 #333;
    margin-bottom:-15px
}
 .bs-callout{
    padding:20px;
    margin:20px 0;
    border:1px solid #eee;
    border-left-width:5px;
    border-radius:3px
}
 .bs-callout h4{
    margin-top:0;
    margin-bottom:5px
}
 .bs-callout p:last-child{
    margin-bottom:0
}
 .bs-callout code{
    border-radius:3px
}
 .bs-callout+.bs-callout{
    margin-top:-5px
}
 .bs-callout-default{
    border-left-color:#777;
    background-color:white
}
 .bs-callout-default h4{
    color:#777
}
 .bs-callout-primary{
    border-left-color:#428bca;
    background-color:white
}
 .bs-callout-primary h4{
    color:#428bca
}
 .bs-callout-success{
    border-left-color:#5cb85c;
    background-color:white
}
 .bs-callout-success h4{
    color:#5cb85c
}
 .bs-callout-danger{
    border-left-color:#d9534f;
    background-color:white
}
 .bs-callout-danger h4{
    color:#d9534f
}
 .bs-callout-warning{
    border-left-color:#f0ad4e;
    background-color:white
}
 .bs-callout-warning h4{
    color:#f0ad4e
}
 .bs-callout-info{
    border-left-color:#5bc0de
}
 .bs-callout-info h4{
    color:#5bc0de
}
 .jurisprudencia-panel{
    width:100%;
    background-color:#75acc2;
    height:42px
}
 .jurisprudencia-panel-botones{
    background-color:#75acc2;
    font-size:12px;
    font-weight:bold;
    color:white;
    border-radius:0;
    margin-top:5px
}
 .descarga{
    padding-bottom:0;
    border-bottom-width:12px;
    border-top-width:12px;
    padding-top:0;
    background-color:#e6e6e6;
    margin-top:0;
    color:black
}
 button:hover{
    background-color:#2b2b2b;
    color:white
}
 .juris-text-inf{
    font-size:13px;
    margin-top:10px
}
 .juris-text-inf span{
    font-weight:600
}
 .jur-barra-link-lectura{
    background-color:#86b0c2
}
 .jur-barra-link-lectura a{
    display:inline-block;
    border-right:solid 1px #fff;
    padding:7px 10px;
    color:#fff;
    margin-left:-3px;
    font-size:13px
}
 .jur-barra-link-lectura a:first-child{
    margin-left:0
}
 .jur-barra-link-lectura a:hover{
    background-color:#2b2b2b
}
 .jur-barra-link-lectura a.link-escuchar{
    border-left:solid 1px #fff;
    background-color:#e6e6e6;
    border-right:0;
    color:#2b2b2b
}
 .jur-barra-link-lectura a.link-escuchar:hover{
    background-color:#2b2b2b;
    color:#fff
}
 .jur-conten-head h3.jur-categoria{
    color:#2b2b2b;
    font-size:14px
}
 .jur-conten-head h2.title-jur-int{
    font-size:24px;
    font-weight:300
}
 .jur-conten-head .fecha-area{
    font-size:13px;
    color:#9e9e9e;
    margin-top:6px;
    margin-bottom:6px
}
 .jur-conten-head .fecha-area span{
    font-weight:600
}
 .jur-conten-text{
    font-size:14px;
    margin-top:15px;
    margin-bottom:15px
}
 .jur-pagination .pagination{
    font-size:13px;
    margin-top:15px
}
 a.nav-categoria-button:link,a.nav-categoria-button:visited{
    background-color:#d6d6d6!important;
    padding:8px 0 8px 20px!important;
    font-size:11px!important;
    font-weight:bold!important;
    border-bottom:1px solid #ccc!important;
    font-family:Verdana,Geneva,Tahoma,sans-serif
}
 a.nav-categoria-button:hover{
    background:#00587d!important;
    background-color:#00587d!important;
    color:#fff!important;
    text-decoration:none
}
.btp-ad-ac{
    border-color: #702b1f;
    color: #702b1f;
    background-color:#fff;
}
.card-lista{
    border: none !important;
    margin-bottom: 20px;
}
a.card-link:hover .text-color-ap{
    color: #8b3425;
}
.card-juris {
    padding: 15px 0;
}
.text-color-ap {
    color: #2f496e;
}
.card-juris h6 {
    font-size: 14px;
    font-weight: 400;
    -webkit-line-clamp: 1;
}
.card-juris h4 {
    font-size: 18px;
    font-weight: 700;
    -webkit-line-clamp: 3;
}
.card-juris-int h4 {
    font-size: 15px;
    font-weight: 700;
    -webkit-line-clamp: 3;
}
.card-juris h4, .card-juris h6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-juris .fechas-juris {
    color: #818181;
    font-size: 12px;
}
/* .---------------------------. | Instituto Pacífico | | actualidadpenal.pe | '---------------------------' */
/* Noticias */
.conten-noti h2.title-noti{
    font-family:'Roboto Condensed',sans-serif;
    font-size:18px;
    margin-top:5px;
    font-weight:700;
    margin-bottom:0;
    display:-webkit-box;
    height:62px;
    line-height:1.3;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
 .conten-noti .sumilla-noti{
    color:#414141;
    margin-top:5px;
    margin-bottom:10px;
    display:-webkit-box;
    height:52px;
    font-size:14px;
    line-height:1.3;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
 .conten-noti .noti-foot{
    background:#f2f2f2;
    padding:5px;
    margin-top:5px
}
 .conten-noti .noti-foot .noti-opcion-result{
    margin-bottom:0
}
 .conten-noti .noti-detalle-1{
    padding-left:10px;
    padding-right:10px
}
 .title-noti-sugerida{
    font-size:14px;
    margin-top:5px;
    margin-bottom:0;
    display:-webkit-box;
    height:101px;
    line-height:17px;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
 .title-noti-sugerida-2{
    font-size:14px
}
 .conten-noti .noti-busq{
    padding:10px
}
 .conten-noti .noti-c-link-result .noti-fecha-sugerida{
    color:#055b80;
    margin-bottom:10px;
    text-align:center;
    font-size:13px
}
 .conten-noti .noti-c-link-result .noti-opcion-result{
    margin-bottom:0
}
 .sumilla-noti{
    color:gray;
    font-size:13px
}
 .noti-title-area{
    font-size:26px;
    font-weight:300
}
 .noti-subtitle-area{
    color:#2b2b2b;
    font-size:15px
}
 .noti-barra-secc{
    border-bottom:dotted 1px #00587d;
    margin-bottom:15px
}
 .noti-barra-secc .noti-title-container{
    font-size:22px;
    color:#2b2b2b
}
 .noti-barra-secc a{
    font-size:13px;
    font-weight:600;
    color:#00587d
}
 .noti-title-container2{
    float:right;
    font-size:13px;
    font-weight:bold;
    color:#2b2b2b
}
 .noti-container{
    width:97%;
    border-top:dotted 1px #333;
    margin-bottom:15px;
    margin-left:1.4%
}
 .noti-container-cabecera{
    border-bottom:dotted 1px #333;
    margin-bottom:15px
}
 .noti-volver{
    font-size:13px;
    font-weight:bold;
    color:#2b2b2b;
    text-decoration:underline
}
 .noti-fecha-bottom2{
    color:#777;
    font-size:12px
}
 .noti-panel-botones{
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
    color:white;
    border-radius:0
}
 .noti-indole{
    font-size:13px;
    color:#2b2b2b
}
 .noti-conten-materias{
    text-align:right;
    font-size:13px
}
 .noti-materias{
    color:gray
}
 .noti-span-tags{
    color:#2b2b2b
}
 .noti-barra-link-lectura{
    background-color:#702b1f
}
 .noti-barra-link-lectura a{
    display:inline-block;
    border-right:solid 1px #fff;
    padding:7px 10px;
    color:#fff;
    margin-left:-3px;
    font-size:13px
}
 .noti-barra-link-lectura a:first-child{
    margin-left:0
}
 .noti-barra-link-lectura a:hover{
    background-color:#2b2b2b
}
 .noti-barra-link-lectura a.link-escuchar{
    border-left:solid 1px #fff;
    background-color:#e6e6e6;
    border-right:0;
    color:#2b2b2b
}
 .noti-barra-link-lectura a.link-escuchar:hover{
    background-color:#2b2b2b;
    color:#fff
}
 .noti-btn-escuchar{
    float:right;
    color:#2b2b2b
}
 .noti-btn-favoritos{
    background-color:#75acc2
}
 .noti-btn-imprimir{
    background-color:#2b2b2b
}
 .noti-txt-conten{
    font-family:'Roboto',sans-serif;
    margin-top:20px;
    float:left
}
 
 .noti-noticias-container{
    margin-top:10px
}
 .noti-conten-lectura{
    padding-top:5px;
    padding-bottom:20px;
    font-family:'Roboto',sans-serif!important;
    font-size:13px
}
 .noti-noticias-container2{
    border-bottom:solid 1px black;
    margin-bottom:10px
}
 .noti-titulo2{
    font-size:18px;
    color:#2b2b2b;
    font-weight:bold
}
 .noti-titulo-noticia{
    font-size:15px;
    font-weight:bold;
    text-decoration:underline
}
 .noti-img-anuncio{
    width:100%
}
 .noti-btn-buscar{
    margin-top:29px;
    margin-left:10px
}
 .noti-btn-type-2{
    background-color:#c9d1d6;
    border:solid 1px #b5c4cd;
    color:#353436;
    font-size:14px
}
 .conten-busqueda-noti{
    background-color:#cccccc78;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
    font-family:Verdana;
    font-size:12px;
    border:1px double #cccccc78;
    border-radius:5px
}
 .conten-busqueda-noti a{
    color:#2b2b2b;
    font-weight:500;
    text-decoration:underline
}
 .conten-busqueda-noti .text-right a{
    border-right:dotted 1px #333;
    padding-right:10px;
    margin-right:10px
}
 .noti-title-conten{
    border-bottom:dotted 1px #333;
    padding-bottom:15px;
    margin-bottom:15px
}
 .noti-opcion-result li a{
    color:#b2c4d0;
    font-size:18px
}
 .noti-opcion-result li a:hover{
    color:#2b2b2b
}
 .noti-img-2{
    height:200px;
    width:100%
}
 .noti-img-noticias{
    width:100%
}
 .noti-img-relacionada{
    height:120px;
    width:170px
}
 .noti-btn-ayuda{
    display:inline-block;
    background-color:#2b2b2b;
    font-size:25px;
    font-weight:600;
    color:#fff;
    padding:0 13px;
    margin-top:10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
 .noti-ayuda:hover{
    background-color:#00587d;
    color:#ececec;
    padding-left:10px
}
 .noti-l-buscar{
    font-size:11px
}
 .conten-noti{
    background:#fff;
    border:solid 1px #eae6e6;
    margin-bottom:20px
}
 .conten-noti a{
    display:block
}
 .conten-noti a.noti-link-resultado:hover{
    color:#00587d
}
 .conten-noti a.noti-link-resultado:hover .title-noti,.conten-noti a.noti-link-resultado:hover .title-noti-sugerida,.conten-noti a.noti-link-resultado:hover .title-noti-sugerida-2{
    text-decoration:underline
}
 .conten-noti:hover{
    transition:all .15s;
    -webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);
    -moz-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);
    box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1)
}
 .conten-noti .noti-tipo{
    position:relative;
    bottom:70px;
    margin-bottom:-70px;
    margin-left:-10px;
    margin-right:-10px;
    color:#fff;
    height:70px;
    background:rgba(255,255,255,0);
    background:-moz-linear-gradient(top,rgba(255,255,255,0) 4%,rgba(255,255,255,0.08) 15%,rgba(23,23,23,0.72) 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(4%,rgba(255,255,255,0)),color-stop(15%,rgba(255,255,255,0.08)),color-stop(100%,rgba(23,23,23,0.72)));
    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 4%,rgba(255,255,255,0.08) 15%,rgba(23,23,23,0.72) 100%);
    background:-o-linear-gradient(top,rgba(255,255,255,0) 4%,rgba(255,255,255,0.08) 15%,rgba(23,23,23,0.72) 100%);
    background:-ms-linear-gradient(top,rgba(255,255,255,0) 4%,rgba(255,255,255,0.08) 15%,rgba(23,23,23,0.72) 100%);
    background:linear-gradient(to bottom,rgba(255,255,255,0) 4%,rgba(255,255,255,0.08) 15%,rgba(23,23,23,0.72) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#171717',GradientType=0)
}
 .conten-noti .noti-tipo span{
    display:inline-block;
    padding-top:41px;
    padding-left:10px;
    font-size:13px
}
 .conten-noti .noti-txt-top-res{
    font-size:13px;
    color:#607d8b;
    padding-top:3px
}
 .conten-noti .noti-txt-top-res span{
    color:#2b2b2b;
    font-size:13px;
    font-weight:500;
    margin-left:10px
}
 .conten-noti .opcion-noti{
    margin-bottom:5px
}
 .conten-noti .opcion-noti a{
    font-size:18px;
    color:#b2c4d0;
    padding:0;
    position:relative;
    top:5px
}
 .conten-noti .opcion-noti a:hover{
    color:#2b2b2b
}
 .noti-result-destacado{
    border-bottom:solid 5px #ff9800;
    font-size:14px
}
 .noti-result-destacado .noti-link-resultado:hover{
    border-bottom:0;
    border:solid 1px #e6e6e6
}
 .conten-noti .noti-detalle-2{
    padding:5px
}
 .conten-noti .noti-foot-2{
    background:#f2f2f2;
    padding:5px
}
 .conten-noti .noti-foot-2 .noti-opcion-result{
    margin-bottom:0
}
 .conten-noti .noti-foot-2 .noti-fecha-sugerida{
    font-size:13px;
    color:#055b80
}
 .noti-no-info{
    width:100%;
    margin-left:15px;
    margin-right:15px;
    font-size:14px;
    margin-bottom:15px;
    background:#fbfbfb;
    color:#a2a2a2;
    border:dotted 2px #d4d4d4;
    border-radius:3px;
    padding:10px
}
 @media(max-width:1366px){
    .conten-noti h2.title-noti{
        font-size:16px
    }
     .conten-noti .sumilla-noti{
        font-size:13px;
        height:48px
    }
}
 .conten-noticia-list{
     margin-bottom: 20px;
}
 .conten-noticia-list .noti-img{
     padding: .25rem;
     background-color: #fff;
     border: 3px solid #ededed;
    /* max-width: 100%;
     */
     height: auto;
     box-shadow: 6px 6px 0 0 #0f0f0f0d;
}
 .conten-noticia-list h2.title-noticia{
     font-size: 17px;
     display: -webkit-box;
     line-height: 1.3;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .conten-noticia-list .fecha-noti{
     font-size: 13px;
     color: #2b2b2b;
     font-weight: 600;
}
 .conten-noticia-list a:hover{
     text-decoration: none !important;
}
 .conten-noticia-list a:hover h2.title-noticia{
     color: #702B1F;
     text-decoration: underline;
}
 .conten-noticia-list .noti-ptb{
     color: #414141;
     margin-top: 5px;
     margin-bottom: 10px;
     font-size: 14px;
     display: -webkit-box;
     max-height: 52px;
     line-height: 1.3;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .noti-span-fuente{
     color: #afafaf;
     font-size: 13px;
     font-weight: 500;
}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Calendario */

.cal-title-area{font-size:26px;font-weight:300}
.cal-subtitle-area{color:#2b2b2b;font-size:15px}
.cal-title-conten{border-bottom:dotted 1px #333;padding-bottom:15px;margin-bottom:15px}
.calendario-label-buscar{font-size:12px;margin-bottom:6px;color:rgb(96, 33, 22);margin-bottom: 6px !important;}
.cal-sel-tipo{padding-right:15px;width:50%}
.cal-sel-mes{width:25%}
.cal-sel-ano{padding-left:15px;width:15%}
.cal-card{border-radius:10px;font-size:20px;line-height:40px;background-color:rgb(96, 33, 22);border:0}
.cal-card-mes{font-weight:100;padding-left:15px;padding-right:15px;color:white}
.cal-card-nummes{background-color:#ff8402;min-width:60px;text-align:center;font-size:27px;font-weight:900;color:#fff;display:inline-block}
.cal-card-ano{text-align:right;padding-right:15px;font-weight:bold;color:#dac7c3;font-size:18px}
.cal-item{border-bottom:dashed 1px gray;padding:10px}
.cal-item-text{font-size:15px;font-weight:600;display:block;padding-bottom:5px}
.cal-item-extra{font-size:13px;color:#ff8402;padding-bottom:8px}
.cal-item-dia{font-size:70px;font-weight:300;padding-right:20px;display:block;line-height:52px;color:#858585}
.cal-item-titulo{color:#2b2b2b;font-weight:bold;font-size:16px}
.cal-item-sumilla{color:black;font-weight:bold}
.cal-item-sumilla2{color:gray}
.cal-comp-div{border-radius:.25rem;background-image:url(../images/blue_texture_polygon.png);color:white;height:60px;line-height:20px;padding:8px}
.cal-comp-div1{width:70%}
.cal-comp-div1 span{font-weight:300;font-size:13px;color:#ffc107}
.cal-comp-div1 div{font-size:22px;font-weight:bold}
.cal-comp-select{width:30%;padding-top:3px;padding-left:4px}
.cal-comp-select select{font-weight:bold;width:77px}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Somos */

.somos-destacado{font-weight:300;color:#333;font-size:24px;padding-top:6px}
.somos-destacado span{color:#a21923}
.somos-parraf{font-size:14px;line-height:22px;text-align:justify;padding-top:9px}
.so-title-area{font-size:26px;font-weight:300}
.so-subtitle-area{color:#2b2b2b;font-size:13px;font-weight:bold}
.so-title-conten{border-bottom:dotted 1px #333;padding-bottom:15px;margin-bottom:15px;margin-left:-10px}
.so-title-conten2{border-bottom:dotted 1px #333;padding-bottom:15px;margin-bottom:15px;padding-top:15px}
.so-span{font-size:12px;font-weight:bold}
.so-tabla{width:100%;vertical-align:middle;padding:0;font-size:14px;margin:0;margin-top:8px;margin-bottom:20px;border:1px solid #dee2e6}
.so-tabla tr{text-align:center}
.so-tabla th{text-align:center;color:#2b2b2b}
.so-tabla td{text-align:left;padding:9px 17px}
.so-tabla td ul{text-align:left;padding:0;line-height:24px;margin:0}
.so-tabla td ul li span{display:block;font-size:12px;color:#006089}
.so-th{text-align:center;width:50%;border-bottom:#2b2b2b 2px solid;padding-bottom:5px}
.so-div-principal{margin-left:-10px}
.so-img-banner{height:150px;width:100%}
.so-div-texto{padding-top:15px;text-align:justify}
.so-div-span{padding-right:20px}

.tb-cargo-staff{
	text-align:center;
  font-size:14px;
  height: 40px;
  background-color: #702b1f !important;
  color: #fff;
}
.tb-sitio-staff{
	font-size: 12px;
}
.tabla-staff tr{
    padding: 9px;
    display: block;
    /* font-weight: bold; */
}
.tabla-staff tr td{
    padding: 9px;
}
.tb-cargo-staff{
	font-size: 17px;
}
.tabla-staff tr td img{
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
}



/************************************************************************* redes sociales *******************************************************************/

.wredes-sociales a{
  font-size: 20px;
  border: solid 1px;
  margin-bottom:20px;
}
.wredes-sociales a.facebook{
  background-color:#3b5999;
  border-color: #3b5999;
  color:#ffffff;
}
.wredes-sociales a.youtube{
  background-color:#de332c;
  border-color: #de332c;
  color:#ffffff;
}
.wredes-sociales a.tiktok{
  background-color:#2b2b2b;
  border-color: #111111;
  color:#ffffff;
}
.wredes-sociales a.twitter{
  background-color:#29c5f6;
  border-color: #29c5f6;
  color:#ffffff;
}
.wredes-sociales a.instagram{
  background-color: #673ab7;
  border-color: #673ab7;
  color:#ffffff;
}
.wredes-sociales a.linkedin{
  background-color: #0864ce;
  border-color: #173a9c;
  color:#ffffff;
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Sistema de Comentarios */

.container-comen1{padding-top:5px;padding-bottom:15px;border-top:dotted 1px #333;border-bottom:dotted 1px #333}
.container-comen2{padding-top:15px;padding-bottom:15px;}
.container-comen3{padding-top:15px;padding-bottom:15px;width:100%;padding-left:5%}
.container-comen4{padding-top:15px;padding-bottom:15px;width:100%;padding-left:10%}
.container-comen5{padding-top:15px;padding-bottom:15px;width:100%;padding-left:15%}
.container-comen6{padding-top:15px;padding-bottom:15px;width:100%;padding-left:20%}
.titulo-comen{color:gray;font-size:16px;font-weight:bold}
.titulo-comen i{color:#2b2b2b;font-size:25px}
.suscriptor-comen{color:#2b2b2b;font-size:13px;font-weight:bold}
.comentario-comen{padding-top:5px;padding-bottom:5px;font-weight:bold;font-size:15px; padding-left: 15px;}
.botones-comen{font-size:12px}
.foto-comen{width:100%;border-radius:35px;border:solid 1px #ccc}
.foto-container-comen{vertical-align:middle;margin-top:1%;width:65px}
.div-bot-comen{padding-top:5px; padding-left: 15px;}
.div-comentario{background-color: #ECFAFF;border-radius: 18px;padding-top: 20px;padding-left: 5px;padding-right: 5px;box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px 0px; }
.div-comentario2{padding-left: 0px;background-color: #FFFAEA;padding-top: 20px;padding-bottom: 20px;border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px 0px;}
@media (max-width: 767px){
    .foto-comen{
        display: none;
    }
    .container-comen3{
        padding-left:0 ;
    }
}
@media (max-width: 320px){
    .suscriptor-comen{
        font-size: 10px;
    }
}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Comentarios Legales */

.en-title-area{font-size:26px;font-weight:300}
.en-subtitle-area{color:#2b2b2b;font-size:13px;font-weight:bold}
.cl-num-fecha{color:#702b1f;font-size:13px;font-weight:600;padding-right:10px}
.en-title-conten a:hover .title-en{color: #770022;text-decoration:underline;}
.en-title-conten{ border: 1px solid #d2d2d2;padding: 10px; padding-top: 15px; margin-bottom: 20px; border-radius: .3em;}
.en-btn-ayuda{display:inline-block;background-color:#2b2b2b;font-size:25px;font-weight:600;color:#fff;padding:0 13px;margin-top:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.en-ayuda:hover{background-color:#702b1f;color:#ececec}
.en-buscar{margin-bottom:30px}
.l-buscar{font-size:11px}
.en-btn-buscar{margin-top:29px;margin-left:10px;margin-right:10px}
.en-btn-type-2{background-color:#c9d1d6;border:solid 1px #b5c4cd;color:#353436;font-size:14px;width:150px;height:35px}
.select-rapido{font-weight:bold;font-size:13px}
.en-opcion-result li a{color:#b2c4d0;font-size:18px}
.en-opcion-result li a:hover{color:#2b2b2b}
.en-div-autor{margin-top:19px;height:60px}
.en-img-autor{width:60px;height:60px;float:left;}
.en-img-autor:hover{cursor:pointer ;}
.en-span-autor{font-weight:600;margin-left:10px;margin-top:12px;display:inline-block;font-size:14px;color:#2b2b2b}
.en-span-autor-2{padding-left:10px;font-size:12px;font-weight:600;display:block;margin-left:63px;margin-top:3px;color:#909090}
.en-span-autor-3{font-size:16px}
.en-div-autor-3{padding-left:70px;width:90%}
.en-div-img-2{padding-bottom:35px}
.en-titulo{font-size:22px}
.en-fecha{font-size:13px;color:#2b2b2b;font-weight:600}
.en-volver{font-size:13px;font-weight:bold;color:#2b2b2b;text-decoration:underline}
.en-container-cabecera{width:97%;border-bottom:dotted 1px #333;margin-bottom:15px;margin-left:1.4%}
.en-titulo-modulo{margin-bottom:15px}
.title-en2{font-size:24px}
.en-fecha-bottom{font-size:12px;float:left}
.en-conten-materias{float:right}
.en-materias{font-size:11px;font-weight:bold;color:gray}
.en-span-tags{color:#2b2b2b;font-weight:bold;font-size:12px}
.en-panel{width:100%;background-color:#75acc2}
.en-panel-botones{font-size:12px;font-weight:bold;text-decoration:underline;color:white;border-radius:0}
.en-btn-escuchar{float:right;color:#2b2b2b}
.en-btn-favoritos{background-color:#75acc2}
.en-btn-imprimir{background-color:#2b2b2b}
.en-img{padding:.25rem;background-color:#fff;border:3px solid #ededed;max-width:100%;height:auto;box-shadow:6px 6px 0 0 #0f0f0f0d}
.en-img-anuncio{width:100%}
.en-noticias-container{margin-top:10px}
.en-noticias-container2{border-bottom:solid 1px black;margin-bottom:10px}
.en-titulo2{font-size:18px;color:#2b2b2b;font-weight:bold}
.en-titulo-noticia{font-size:15px;font-weight:bold;text-decoration:underline}
.en-img2{width:200px;float:left;margin-right:20px;margin-bottom:15px;border:3px #ccc solid}
.comentariolegal-txt-conten{font-family:'Roboto',sans-serif;font-size:14px;margin-top:-12px;line-height:160%}
.en-txt-conten{font-size:14px;margin-top:25px;float:left;text-align:justify}
.en-div-conten2{border-bottom:solid 5px #b2c4d0;border-top:solid 5px #2b2b2b;padding-top:5px;padding-bottom:5px;margin-top:15px;margin-bottom:25px;width:100%}
.en-conten2-t{font-size:14px;font-weight:bold;color:#2b2b2b}
.en-conten2-s{font-size:14px;font-weight:bold}
.en-conten2{float:left}
.conten-en a{display:block}
.conten-en .en-txt-top-res{font-size:12px;color:#607d8b}
.conten-en .en-txt-top-res span{color:#2b2b2b;font-size:13px;font-weight:500;margin-left:10px}
.conten-en h2.title-en{font-size:17px;display:-webkit-box;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-en .sumilla-en{color:#414141;margin-top:5px;margin-bottom:10px;display:-webkit-box;height:52px;font-size:14px;line-height:1.3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-en .opcion-entrada{margin-top:5px;margin-bottom:0}
.conten-en .opcion-entrada a{font-size:18px;color:#b2c4d0;padding:0;position:relative;top:5px}
.conten-en .opcion-entrada a:hover{color:#2b2b2b}
.en-ptb{color:#414141;margin-top:5px;margin-bottom:10px;font-size:14px;font-weight:300;display:-webkit-box;max-height:52px;line-height:1.3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-en .cl-tipo-plan span{font-size:13px;background:#4caf50;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:2px 4px;color:#fff}
.conten-en .cl-num-visitas{text-align:right;font-size:13px}
.conten-cog-busqueda{background-color:#dfe9f1;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;margin-bottom:20px;font-family:Verdana;font-size:12px;border:1px double #c2d5e4;border-radius:5px}
table.tabla-comentarios{font-size:14px}
table.tabla-comentarios thead{background:#dfe9f1}
.table.tabla-comentarios td,.table.tabla-comentarios th{padding:8px}
.comentarios-no-info{width:100%;background:#fbfbfb;color:#a2a2a2;border:dotted 1px #d4d4d4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px;text-align:center;font-size:11px;font-family:Verdana,Geneva,Tahoma,sans-serif;text-transform:uppercase}
.normas-enlazadas .titulo-lnl{border-bottom:1px dotted #ccc;width:100%;padding-left:10px;padding-bottom:14px;font-size:16px;font-weight:400;color:#2b2b2b}
.normas-enlazadas-box .col-12{padding:0!important}

.barra-filtro-modulo  a,  .barra-filtro-modulo span {  font-size: 14px; font-weight: 600; }

@media(min-width:1600px){
	.en-img2{width:400px}
}
.en-fecha-bottom, .en-leido-bottom {
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    display: inline-block;
    color: #702b1f;
    font-weight: 500;
    padding-right: 8px;
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Perfil y Llamadas */

.perfil-conten .perfil-img-user{text-align:center}
.perfil-img-user-content{position:relative;width:160px;height:160px;margin:0 auto}
.perfil-conten .perfil-img-user img{width:160px;height:160px;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150px;margin-bottom:20px;border:6px #60211624 solid}
.perfil-conten label{font-size:11px;color:#2b2b2b;display:block;margin-bottom:4px;font-weight:500}
.datos-suscriptor-perfil{font-size:15px;margin-bottom:10px;padding-bottom:5px;border-bottom:dotted 1px #acbbc5}
.perfil-correo-configurado{color:#6dbb11;text-transform:uppercase;font-size:11px;padding-left:5px}
.perfil-conten .text-welcome{font-size:14px;font-weight:700;margin-bottom:6px;color:#2b2b2b}
.perfil-correos-adicionales{font-size:11px}
.edit-photo-perfil{position:absolute;bottom:4px;right:4px}
.perfil-conten .text-nombre,.perfil-conten .text-codigo{font-size:17px;font-weight:500}
.progress-bar-perfil-ae{background-color:#ff8402}
.vigencia-fecha{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:10px;color:#2b2b2b;margin-bottom:4px}
.perfil-conten .title-codigo{color:#7a7a7a;font-size:12px;margin-top:6px;margin-bottom:5px}
.perfil-hr{border-color:#c8d4dc;margin-top:15px;margin-bottom:15px}
.text-barra{background:#702b1f;font-size:14px;color:#fff;padding:8px 15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:10px;font-weight:500}
.text-barra i{padding-right:5px}
.perfil-conten .tabla-perfil{background-color:#fff;font-size:13px}
.perfil-conten .tabla-perfil thead{background:#ebebeb}
.perfil-conten .tabla-perfil td,.tabla-perfil th{padding:5px 7px}
.perfil-conten .progress{background-color:#d0d0d0}
.componente-barra{background:#fff;border:solid 1px #dde7ee;font-size:14px;color:#2b2b2b;padding:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:10px;font-weight:500}
.perfilstat-box{background-color:#cccccc78;padding:5px 10px;margin-bottom:5px;margin-top:8px;font-size:13px}
.btn-seguridad-perfil{margin-top:10px;width:100%;text-align:center}
.perfil-section-title-main{font-size:23px;font-weight:300}
.perfil-section-title-main span{font-weight:500;color:#2b2b2b}
.perfil-extra-padding-l{padding-left:25px}
.vue-image-crop-upload .vicp-wrap{z-index:8000;top:0;bottom:0;left:0;right:0;margin:auto;width: 550px !important;height: 350px !important;;padding:17px;background-color:#fff;border-radius:9px}
.vue-image-crop-upload .vicp-wrap .vicp-operate a{color:#0575a5 !important;}
.modal-backdrop.show {opacity: 0.8; background-color: #000; z-index: 10000;}
.modal{z-index: 10001;}
.modal-title-claves{font-size: 18px;line-height: 24px;}
.modal-title-claves i{color:#ff8402}
.modal-title-claves span{color:#702b1f}
.form-claves{font-size:14px}
.registro-llamadas-asesor{max-width: 200px;display:-webkit-box;max-height:48px;line-height:1.3;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.registro-llamadas-disponible{float: right;}
.llamadas-datos-acceso{padding:12px;background-color:#f2dfca;margin-bottom:10px;border-radius:8px;font-size:15px}
.llamadas-datos-acceso span{padding-right: 6px;color: #73614c;padding-left: 6px;}
.llamadas-datos-acceso span strong{color:#000;font-weight: 900;}

@media  (max-width: 767px) {
	.vue-image-crop-upload .vicp-wrap {
		width: 300px !important;
		height: 450px !important;
	}
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Favoritos */

.title-fav{font-size:15px;color:#212121;padding-bottom:16px;line-height:20px}
.title-fav i{color:#ff8402}
.sidebar-interno .menu-favoritos-filtros{line-height:14px}
table.tabla-favoritos{font-size:12px}
table.tabla-favoritos thead{background:#d6d6d6}
table.tabla-favoritos th{padding:4px 8px}
.table-favorito-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.table-favorito-sumilla{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.table-favorito-title a:hover{text-decoration:underline;color:#ff8402}
table.tabla-favoritos:hover tr{opacity:.5;background-color:#fff;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s}
table.tabla-favoritos tr:hover{opacity:1!important;background-color:#fff;box-shadow:4px 4px 9px 0 rgba(0,0,0,0.27);-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,0.27);-moz-box-shadow:4px 4px 9px 0 rgba(0,0,0,0.27);-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01)}
table.tabla-favoritos td{font-size:14px;padding:9px;margin:0}
.table-adjust-width{width:auto}
.title-fav-info-extra{font-size:10px}
.title-fav-info-extra a{text-decoration:underline;color:#ff8402;font-weight:600}
.fav-tabla-titulo{text-decoration:underline;font-weight:bold}
.conten-favorito:hover{background:#fff;border-left:5px solid #ff8402;padding-left:15px;padding-right:10px;transition:all .15s;-webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1);box-shadow:4px 4px 10px 0 rgba(0,0,0,0.1)}
.favoritos-list-content{padding-top:7px;display:block;margin-bottom:80px}
.favoritos-order-noty{color:#414141;font-size:12px;text-align:right}
.conten-favorito a{display:block;padding-bottom:1px;padding-top:5px}
.conten-favorito .favorito-txt-top-res{font-size:12px;color:#607d8b}
.conten-favorito .favorito-txt-top-res span{color:#ff8402;font-size:13px;font-weight:500;margin-left:0}
.conten-favorito h2.title-favorito{font-size:16px;margin-top:5px;font-weight:600;margin-bottom:0;text-decoration:underline;display:-webkit-box;height:20px;line-height:1.3;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-favorito h2.favorito-titulo{font-size:16px;margin-top:5px;font-weight:600;margin-bottom:0;text-decoration:underline}
.conten-favorito .sumilla-favorito{color:#414141;margin-top:5px;margin-bottom:10px;display:-webkit-box;height:52px;font-size:16px;line-height:1.3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-favorito .opcion-favorito{margin-bottom:5px}
.conten-favorito .opcion-favorito a{font-size:18px;color:#b2c4d0;padding:0;position:relative;top:5px}
.conten-favorito .opcion-favorito a:hover{color:#ff8402}
.favorito-result-destacado{border-left:solid 5px #ff9800;font-size:14px}
.favorito-result-destacado .favorito-link-resultado:hover{border-left:none;border:solid 1px #e6e6e6}
.fav-link-tipo i{color:#ccc;margin-right:5px}
.collapse-fav li{padding-left:23px}
.collapse-fav span.num-item{background-color:#2b2b2b;color:#fff}
.link-volver-main{padding-bottom:10px;border-bottom:dotted 1px #333;margin-bottom:10px}
.fav-title-conten{border-bottom:dotted 1px #333;padding-bottom:15px;margin-bottom:15px}
.fav-title-conten .title-area{font-size:26px;font-weight:300}
.fav-title-conten .subtitle-area{color:#2b2b2b;font-size:15px}
.fav-title-conten .btn-ayuda{display:inline-block;background-color:#2b2b2b;font-size:25px;font-weight:600;color:#fff;padding:0 13px;margin-top:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.fav-title-conten .btn-ayuda:hover{background-color:#00587d;color:#ececec}
.fav-form-buscar label{font-size:12px;margin-bottom:0}
.fav-form-buscar .btn-buscar{margin-top:20px;margin-left:10px}
.btn-type-2{background-color:#c9d1d6;border:solid 1px #b5c4cd;color:#353436;font-size:14px}
.btn-type-3{background-color:#fa0;border:solid 1px #dd9300;color:#333;font-size:14px}
.item-favorite {color: #2f2f2f !important;}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Videos y Lecciones */

.listado-programa-divider{background-color:#3A3A3A; color:#e4e4e4;padding:8px;padding-left:35px;font-size:12px}
a.video-menu-list-program:hover{background-color:#333!important;color:#fff!important;text-decoration:none!important}
.video-link-programa{padding-bottom:8px;font-size:11px;color:#0678aa;font-weight:500;text-transform:uppercase}
a.lecciones-imprimir-cert:link,a.lecciones-imprimir-cert:visited{display:inline-block;padding:5px 15px;background-color:#ff8402;color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
a.lecciones-imprimir-cert:link .printing{background-color:#0183a3}
a.lecciones-imprimir-cert:hover{background-color:#00577c}
.title-area{font-size:26px;font-weight:300}
.subtitle-area{color:#2b2b2b;font-size:15px}
.subtitle-area-int{color:#2b2b2b;font-size:15px}
.link-volver-main{padding-bottom:10px;border-bottom:dotted 1px #333;margin-bottom:10px}
.form-buscar label{font-size:12px;margin-bottom:0}
.btn-buscar{margin-top:22px;margin-left:10px}
.conten-cog-busqueda{background-color:#dde7ee;padding:5px;margin-bottom:15px}
.conten-cog-busqueda a{color:#2b2b2b;font-weight:500;text-decoration:underline}
.conten-cog-busqueda a:hover{color:#ff9800}
.conten-cog-busqueda .text-right a{border-right:dotted 1px #333;padding-right:10px;margin-right:10px}
.conten-resultado{border-bottom:dotted 1px #333;margin-bottom:10px;padding-bottom:10px}
.conten-resultado .txt-top-res{font-size:12px;color:#607d8b;margin-left:0}
.conten-resultado .txt-top-fec{margin-left:40%}
.btn-actions{margin-top:5px}
.conten-videos .card{width:18rem;margin-top:30px}
.conten-videos .card-body{padding:0}
.conten-videos .card-text-title{margin-top:0;margin-bottom:0;font-size:17px}
.conten-videos .card-text-duration{margin-top:0;margin-bottom:0;font-size:12px;color:#006995}
.conten-video-det .video-title{font-size:45px;margin-top:-10px;margin-bottom:0}
.conten-video-det .img iframe{width:100%;height:370px}
.conten-video-det .txt-top-res span{color:#2b2b2b;font-size:13px;font-weight:500}
.conten-video-det .col-1{padding-left:0}
.conten-video-det .offset-4{width:100%}
.conten-video-det .video-mat{color:gray}
.conten-video-det .video-mat-cat{color:#006995;text-decoration:underline}
.link-resultado .sumilla-video{color:black;margin-bottom:0}
.conten-resultado .sumilla-video{margin-bottom:0}
.conten-resultado{width:auto;background-color:transparent;position:relative;padding:10px;margin-bottom:15px}
.conten-resultado .link-resultado{position:absolute;left:0;top:0;bottom:0;right:0}
.conten-resultado-video .link-resultado-video{position:absolute;left:0;top:0;bottom:0;right:0}
.conten-resultado .link-resultado:hover{background-color:#fff;border:solid 1px #e6e6e6;padding:10px;padding-left:20px;border-left:solid 5px #2b2b2b}
.conten-resultado-video .link-resultado-video:hover{background-color:#fff;border:solid 1px #e6e6e6;padding:10px;padding-bottom:20px;border-bottom:solid 5px #2b2b2b}
.conten-resultado .video-c-link-result{position:relative;pointer-events:none;z-index:2}
.conten-resultado-video .video-c-link-result-video{position:relative;pointer-events:none;z-index:2}
.conten-resultado .video-c-link-result a{pointer-events:all;position:relative}
.conten-resultado-video .video-c-link-result-video a{pointer-events:all;position:relative}
.conten-resultado .txt-top-mat span{color:#2b2b2b;font-size:13px;font-weight:500}
.link-resultado h2.title-norma{font-size:16px;margin-top:5px;font-weight:600;margin-bottom:0}
.link-resultado:hover{text-decoration:underline}
.opcion-video{margin-bottom:10px}
.opcion-video li a{color:#b2c4d0;font-size:18px}
.opcion-video li a:hover{color:#2b2b2b}
.modal-type-1 .modal-header{padding-bottom:10px;border-color:#d4d4d4}
.modal-type-1 .text-sup-area{display:block}
.modal-type-1 h5.modal-title{margin-top:-3px;color:#2b2b2b}
.modal-type-1 h5.modal-title span{font-size:13px;display:block;margin-bottom:-3px;font-weight:400;color:#333}
.modal-type-1 label{font-size:12px;margin-bottom:3px}
.modal-type-1 .form-control{font-size:13px;padding:5px}
.videos-barra{width:100%;background-color:#75acc2;height:42px}
.videos-barra-botones{background-color:#75acc2;font-size:12px;font-weight:bold;color:white;border-radius:0;margin-top:5px}
button:hover{background-color:#2b2b2b;color:white}
.vi-title-conten{border-bottom:dotted 1px #333;padding-bottom:10px;margin-bottom:10px}
.vid-materias span{color:#2b2b2b}
.vid-bar-tools{background-color:#702b1f}
.vid-bar-tools a{display:inline-block;border-right:solid 1px #fff;padding:7px 10px;color:#fff;margin-left:-3px;font-size:13px}
.vid-bar-tools a:hover{background-color:#2b2b2b}
.vid-bar-tools a:first-child{margin-left:0}
.vid-bar-tools a.link-escuchar{border-left:solid 1px #fff;background-color:#e6e6e6;border-right:0;color:#2b2b2b}
.vid-bar-tools a.link-escuchar:hover{background-color:#2b2b2b;color:#fff}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,.plyr--video .plyr__controls .plyr__control:hover,.plyr--video .plyr__controls .plyr__control[aria-expanded=true]{background:#0575a6}
.link-video{cursor:pointer;position:relative;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s}
.video-view-vistas{line-height:29px;padding-right:20px;font-size:13px;font-weight:600;color:#fff}
.video-participantes-content{padding-top:10px}
.video-participantes-title{font-size:12px;font-weight:600;color:#ff8402;padding-bottom:5px}
a.video-participantes-staff:link,a.video-participantes-staff:visited{display:inline-block;font-size:12px;font-weight:500;padding-right:15px}
a.video-participantes-staff:hover{text-decoration:underline}
.video-view-resumen{line-height:150%;font-size:15px}
.video-link-hover-play{position:absolute;top:0;bottom:0;background-color:#00000061;color:#fff;width:100%;height:100%;display:none;z-index:10;font-size:50px}
a.link-video:hover .video-link-hover-play{display:block}
a.video-youtube-suscribete:link,a.video-youtube-suscribete:visited{background-color:#a31515;color:#fff;float:right;padding:5px 10px;font-size:18px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.videos-header-subtitle{color:#2b2b2b;font-size:14px;padding-bottom:5px}
.videos-header-title{font-size:26px;font-weight:300;padding-bottom:8px}
.videos-header-stats{font-size:13px;font-weight:500;color:#9c9c9c;margin-bottom:12px}
a.video-youtube-suscribete:hover{background-color:#740d0d}
.link-video-img-content{position:relative;overflow:hidden;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
a.link-video:hover img{-webkit-filter:blur(5px);filter:blur(5px)}
.video-link-img{width:100%;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s}
.video-link-duracion{background-color:#00000096;position:absolute;bottom:0;left:0;padding:2px 10px;color:#fff;font-size:15px}
.video-link-title{font-size:14px;font-weight:500;padding-top:2px;min-height:65px}
.video-link-fecha{font-size:12px;line-height:20px;color:#7c7c7c;font-weight:600}
.hr-video-link{margin-top:5px;margin-bottom:5px}
.video-link-footer{margin-top:6px;font-size:16px}
.vi-favorito{margin:0 10px 10px 10px}
.card-text-title{margin:10px}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Revistas Digitales */

.link-volver-main{padding-bottom:10px;border-bottom:dotted 1px #333;margin-bottom:10px}
.hr-module-header{margin-top:7px;margin-bottom:9px;border-color:#c0c7ce}
.rv-title-conten .title-area{font-size:26px;font-weight:300}
.rv-subtitle-area{color:#555;font-size:14px}
.rv-subtitle-area i{color:#333333;padding-left:10px}
.rv-title-conten .btn-ayuda{display:inline-block;background-color:#333333;font-size:25px;font-weight:600;color:#fff;padding:0 13px;margin-top:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.rv-title-conten .btn-ayuda:hover{background-color:#00587d;color:#ececec}
.rv-form-buscar label{font-size:12px;margin-bottom:0}
.rv-form-buscar .btn-buscar{margin-top:0;margin-left:8px}
.rv-conten .conten-libro a{display:inline-block;background-color:transparent}
@media(max-width:1600px){.rv-conten .col-lg-2{-ms-flex:0 0 25%!important;flex:0 0 25%!important;max-width:25%!important}
}.rv-conten .rv-portada{position:relative;box-shadow:4px 4px 0 0 rgba(0,0,0,0.2);-webkit-box-shadow:4px 4px 0 0 rgba(0,0,0,0.2);-moz-box-shadow:4px 4px 0 0 rgba(0,0,0,0.2)}
.rv-conten .rv-edicion{position:absolute;bottom:17px;left:0;background-color:#666666;padding:4px 10px;color:#fff;border-right:4px solid #ff9200;font-weight:100;font-size:20px}
.rv-conten .rv-edicion span{font-size:20px;font-weight:600}
.rv-conten .rv-autor{font-size:14px;font-weight:500;padding-top:10px;padding-bottom:20px}
.rv-conten .rv-fecha{color:#333333;padding:0 10px}
.rv-conten .opcion-result{margin-left:10px}
.rv-conten .opcion-result a{font-size:18px;color:#b2c4d0;padding:0;position:relative;top:-30px}
.rv-conten .opcion-result a:hover{color:#333333;background:transparent;box-shadow:none}
.revista-edicion-list{font-size:13px;line-height:20px;color:#006a9c}
.revista-edicion-list span{font-weight:800;font-family:sans-serif}
.rv-title-lectura{padding-bottom: 10px;border-bottom: 1px dotted #77a8bb;}
.rv-title-lectura .text-title-area{font-size:26px;font-weight:300}
.rv-detalle-lectura{font-size: 12px;}
.rv-detalle-lectura .subtitle-area{color:#333333}
.rv-conten-autor{margin-bottom:10px}
.rv-conten-autor .rv-img-autor img{width:40px;height:40px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;margin-right:5px;-webkit-transition-duration:0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;}
.rv-conten-autor .rv-img-autor:hover img{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);}
.rv-conten-autor .rv-text-autor{font-weight:500;color:#333333;font-size:15px}
.rv-detalle-lectura .rv-fecha{color:#333333;margin-right:10px;margin-top:10px}
.rv-detalle-lectura .opcion-result a{font-size:18px;color:#b2c4d0;padding:0;position:relative;top:5px}
.rv-detalle-lectura .opcion-result a:hover{color:#333333}
.rv-nombre-indice{background-color:#936;font-size:18px;line-height:24px;font-weight:300;color:#fff;padding:10px}
.rvbarra-title-lectura{color:#333333;border-bottom:solid 2px #607d8b;font-size:14px;font-weight:600;padding-bottom:5px;margin-bottom:20px;margin-top:20px}
.rvbarra-title-lectura .link-escuchar{width:110px;padding-bottom:5px;text-align:right}
.rvbarra-title-lectura .link-escuchar a{font-size:14px;font-weight:500;background:#ff8402;color:#ffff;padding:5px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.rvbarra-title-lectura .link-escuchar a:hover{background: #333333;color:#fff;border:solid 1px #333333}
.rv-lectura-conten{font-family:'Roboto',sans-serif;font-size:14px;line-height:1.5;color:#555}
@media screen and (max-width:1920px) and (min-width:1901px){.rv-lectura-conten{width:1170px}
}@media screen and (max-width:1900px) and (min-width:1851px){.rv-lectura-conten{width:1120px}
}@media screen and (max-width:1850px) and (min-width:1801px){.rv-lectura-conten{width:1070px}
}@media screen and (max-width:1800px) and (min-width:1751px){.rv-lectura-conten{width:1010px}
}@media screen and (max-width:1750px) and (min-width:1701px){.rv-lectura-conten{width:970px}
}@media screen and (max-width:1700px) and (min-width:1651px){.rv-lectura-conten{width:930px}
}@media screen and (max-width:1650px) and (min-width:1601px){.rv-lectura-conten{width:890px}
}@media screen and (max-width:1600px) and (min-width:1551px){.rv-lectura-conten{width:830px}
}@media screen and (max-width:1550px) and (min-width:1501px){.rv-lectura-conten{width:780px}
}@media screen and (max-width:1500px) and (min-width:1451px){.rv-lectura-conten{width:720px}
}@media screen and (max-width:1450px) and (min-width:1401px){.rv-lectura-conten{width:720px}
}@media screen and (max-width:1400px) and (min-width:1351px){.rv-lectura-conten{width:650px}
}@media screen and (max-width:1350px) and (min-width:1281px){.rv-lectura-conten{width:580px}
}.rv-lectura-conten h1,.rv-lectura-conten h2,.rv-lectura-conten h3,.rv-lectura-conten h4,.rv-lectura-conten h5,.rv-lectura-conten h6{font-family:'Roboto',sans-serif;font-size:14px;line-height:1.5;color:#555}
.rv-lectura-conten table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border:1px solid #dee2e6;border-collapse:collapse;font-size:13px}
.rv-lectura-conten table thead td{border-bottom-width:2px}
.rv-lectura-conten table td,.rv-lectura-conten .table th{padding:5px;vertical-align:top;border-top:1px solid #dee2e6}
.rv-lectura-conten table td p,.rv-lectura-conten .table th p{margin-top:0;margin-bottom:0}
.rv-portada{text-align:center}
.rv-portada *{-webkit-box-sizing:border-box;box-sizing:border-box}
.rv-portada img{opacity:1;width:100%;-webkit-transition:opacity .35s;transition:opacity .35s}
.re-conten-busq{padding-bottom:0;margin-bottom:0}
.numero-resul{color:#808080}
.sumilla-busq em,.numero-resul em{color:#333333;font-weight:600;font-style:normal}
.title-busq a:link,.title-busq a:visited{font-size:17px;text-decoration:underline}
.title-busq a:hover{color:#006a9c}
.title-busq a:hover{text-decoration:underline}
.busq-text-ed{background-color:#333333;color:#fff;padding:3px 10px;font-size:14px}
.busq-num{background-color:#ff8700;color:#fff;font-weight:600;padding:3px 10px;font-size:14px}
.busq-edicion{color:#808080;padding:3px 10px;font-size:14px}
.sumilla-busq{color:#808080;font-size:14px;margin:0}
.sumilla-busq p{margin:0!important;padding:0!important;line-height:20px}
.re-conten-busq .breadcrumb{list-style:none;padding:3px 0;background:rgba(237,242,245,0);margin-top:5px;margin-bottom:5px;display:-webkit-box;max-height:48px;line-height:1.3;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;margin-top:5px;font-size:13px;color:#82949b}
.re-conten-busq ul.breadcrumb li{display:inline}
.re-conten-busq ul.breadcrumb li+li:before{padding:8px;color:black;content:"/\00a0"}
.re-conten-busq ul.breadcrumb li a{color:#0275d8;text-decoration:none}
.re-conten-busq ul.breadcrumb li a:hover{color:#01447e;text-decoration:underline}
.rv-conten-autor{margin-bottom:10px;margin-right:15px;margin-top:10px}
.rv-conten-autor .rv-img-autor img{width:40px;height:40px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;margin-right:5px}
.rv-conten-autor .rv-text-autor a{display:inline-block;font-weight:500;color:#333333;font-size:15px;margin-top:8px}
.rv-conten-autor .rv-text-autor a:hover{text-decoration:underline}


/* Efecto CSS Hover*/

.stacked--fan-left{position:relative;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;will-change:transform}
.stacked--fan-left:before,.stacked--fan-left:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ccc;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;will-change:transform}
.stacked--fan-left:before{z-index:-1}
.stacked--fan-left:after{z-index:-2}
.rv-portada:hover.stacked--fan-left:before{box-shadow:3px 6px 1px rgba(0,0,0,0.2);-webkit-box-shadow:3px 6px 1px rgba(0,0,0,0.2);-moz-box-shadow:3px 6px 1px rgba(0,0,0,0.2)}
.stacked--fan-left{-webkit-transform-origin:center bottom;transform-origin:center bottom}
.stacked--fan-left:before,.stacked--fan-left:after{-webkit-transform-origin:center bottom;transform-origin:center bottom}
.stacked--fan-left:hover{-webkit-transform:translate(-2.5px,0) rotate(-2.5deg);transform:translate(-2.5px,0) rotate(-2.5deg)}
.stacked--fan-left:hover:before{-webkit-transform:translate(2.5px,0) rotate(2.5deg);transform:translate(2.5px,0) rotate(2.5deg)}
.stacked--fan-left:hover:after{-webkit-transform:translate(5px,0) rotate(5deg);transform:translate(5px,0) rotate(5deg)}

/*ICONS REDES SOCIALES*/
.col-redes img{
    width:40px;
    cursor: pointer;
}
.col-redes img:hover{
    width:45px;
}
.dropdown-redes{
    left: -90px!important;
    transform: translate3d(0px, -70px, 0px)!important;
    box-shadow: 5px 5px 11px darkgrey;
}
@media(max-width: 575px){
    .col-redes{
        flex-direction: row!important;
    }
    .sticky-redes{
        display: flex!important;
    }
    .dropdown-redes{
        left: 0px!important;
    }
}
@media(max-width:991px){
    .right-article{
        display:none!important;
    }
}
.modal-background {
  width: 100%;
}

.title-usuario-mov{
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.btn-opcion-right{
  position: absolute;
  right: 10px;
  z-index: 1;
}
.btn-show-sidebar:hover {
  background: transparent;
  color: #263e8a;
}

.btn-show-sidebar {
  border: 1px solid #263e8a;
  border-right: 10px solid #263e8a;
  color: #263e8a;
  font-size: 20px;
  margin-top: 10px;
  width: 40px;
}


.content-tools-navbar img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: solid 2px #4caf50;
}

.content-sidebar-perfil {
  font-size: 14px;
  color: #fff;
  padding: 10px;
  border-bottom: 1px solid #5471ae;
  margin-bottom: 10px;
  display: none;
}

.content-sidebar-perfil a {
  text-decoration: underline;
  font-size: 13px;
  display: block;
  margin-top: 5px;
}

.content-sidebar-perfil img {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  margin-right: 15px;
  border: solid 2px #4caf50;
}

.img-logo {
  height: 50px !important;
}

.navbar-isShowr-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(51, 51, 51, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.content-responsive {
  background: white;
}

.sidebar-left {
  margin-left: auto;
  width: calc(100% - 300px);
}

.sidebar-full {
  width: calc(100% - 615px);
  margin: auto;
}

.sidebar-right {
  margin-right: auto;
  width: calc(100% - 312px);
}

.navbar-responsive {
  width: 100%;
  background: #f5f5f5;
  border-bottom: 1px solid rgb(0 0 0 / 20%);
  z-index: 999;
}

.collapse-button {
  align-items: center;
  justify-content: center;
  height: 65px;
  max-width: 70px !important;
  display: flex;
  background: #e2e2e2;
  float: left;
  cursor: pointer;
}
.collapse-button i {
  color: #1e385e;
  font-size: 27px;
}
.navbar-responsive-content {
  display: flex;
  align-items: center;
  height: 65px;
}

.content-tools-navbar {
  display: flex;
  text-align: right;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}

.search-mobile{
  cursor: pointer;
  padding-right: 5px;
}
.search-mobile i {
  color: #1e385e;
  font-size: 22px;
}
.form-search-res{
  position: relative;
}
.form-search-res input{
  padding: 10px 15px;
  border-color: #bcbfc1;
  border-radius: 5px!important;
}

.buscador-mobil .form-search-res .form-control {
  padding-right: 2.375rem;
  display: flex;
  justify-content: flex-end;
}
.form-search-res .input-group-append{  
  list-style: none!important;
  margin-left: -40px!important;
  z-index: 99;
}
.form-search-res .input-group-append .form-control-feedback {
  position: absolute;
  display: block;
  text-align: center;
  color: #afafaf !important;
  cursor: pointer;
}
.form-search-res .input-group-append .form-control-feedback .fa-search {
  font-size: 25px;
}
.form-search-res .input-group-append .form-control-feedback .fa-search:hover {
  color: #004360;
}

.navbar-responsive-sidebar-left {
  background: #702b1f;
  width: 250px;
  left: 0;
}

.navbar-responsive-sidebar-right {
  background: #ffffff;
  width: 307.5px;
  height: 100%;
  position: fixed;
  right: 0;
  top: 68px;
  transition: all ease 0.4s;
  transform: translate(300px, 0);
  padding: 10px;
}

.inner {
  max-height: calc(100vh - 6rem) !important;
  /*overflow-y: auto;*/
}

.c-login {
  /*width: 130px;*/
  border-radius: 0.3em;
  background: #38a72f !important;
}

.showSidebarLeft {
  transform: translate(0, 0);
}

.showSidebarRight {
  transform: translate(0, 0);
}

.sidebar-left {
  width: calc(100% - 250px);
}

.sidebar-full {
  width: calc(100% - 615px) !important;
}

/* @media (max-width: 1440px) {

    .navbar-responsive-sidebar-left {
        width: 280px !important;
    }

    .navbar-responsive-sidebar-right {
        width: 287.5px !important;
    }

    .sidebar-right {
        width: calc(100% - 280px);
    }

    .sidebar-left {
        width: calc(100% - 280px);
    }

    .sidebar-full {
        width: calc(100% - 560px) !important;
    }
} */
/* 

@media (max-width: 1366px) {

    .navbar-responsive-sidebar-left {
        width: 280px !important;
    }

    .navbar-responsive-sidebar-right {
        width: 280px !important;
    }

    .sidebar-left {
        width: calc(100% - 280px);
    }

    .sidebar-right {
        width: calc(100% - 280px);
    }

    .sidebar-full {
        width: calc(100% - 560px) !important;
    }
}
*/

@media (max-width: 1280px) {
  .navbar-responsive-sidebar-left {
    width: 250px !important;
  }

  .navbar-responsive-sidebar-right {
    width: 250px !important;
  }

  .sidebar-left {
    width: calc(100% - 250px);
  }

  .sidebar-right {
    width: calc(100% - 260px) !important;
  }

  .sidebar-full {
    width: calc(100% - 500px) !important;
  }
}

/*sidebar USER*/
@media (max-width: 991px) {
  .content-sidebar-perfil {
    display: inline-block;
  }

  .sidebar-left,
  .sidebar-right,
  .sidebar-full {
    width: 100% !important;
  }

  .collapse-button {
    background: #f5f5f5;
    max-width: initial !important;
    justify-content: flex-start;
  }

  .navbar-responsive-sidebar-left {
    transform: translate(0, 0);
  }

  .navbar-responsive-sidebar-right {
    padding: 8px;
    transform: translate(0, 0);
  }

  .showSidebarLeft {
    transform: translate(-300px, 0) !important;
  }

  .showSidebarRight {
    transform: translate(250px, 0) !important;
  }
  .inner {
    height: calc(100vh - 185px) !important;
  }

  .backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000096;
    z-index: 1;
  }
}

.fullWidth {
  margin-left: auto;
  width: 100% !important;
}

.sidebar-body h4 {
  padding: 2.5px 17px;
  padding-top: 10px;
  color: white;
  font-size: 18px;
}

.rn-lista-com .c-list-rn {
  padding: 0px !important;
}

.rn-lista-com .text-select {
  max-height: 47px !important;
}

.rn-lista-com .pagination .page-link {
  padding: 0px !important;
}

.rn-lista-com .pagination {
  padding: 5px 10px;
}

.title-componente,
.subtitle-componente {
  display: none !important;
}

.collapse-sidebar-right {
  background: #fdf6ed;
  padding: 2px;
  margin-bottom: 3px;
  overflow: auto;
}

.collapse-sidebar-right ul {
  background: white;
}

.collapse-sidebar-right ul p {
  font-size: 14px;
}

.collapse-sidebar-right i {
  font-size: 14px !important;
}

.collapse-sidebar-right .angle {
  color: #fb9e00 !important;
}

.collapse-sidebar-right .circle-icon i {
  color: #712c1f !important;
  font-size: 15px;
}

.collapse-sidebar-right .circle-icon {
  float: right;
}

.indice > p {
  cursor: pointer;
}

.isSelect {
  color: red;
}

.zona {
  width: 313px;
  height: 270px;
}

.zona-link {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  align-items: center;
  text-align: center;
  margin: 4px;
  margin-top: 12px;
}

.zona-link i {
  color: #333;
  font-size: 26px;
  margin-bottom: 4px;
}

.zona.dropdown-menu.show {
  top: 10px !important;
  left: -84px !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  padding: 5px;
  overflow-y: scroll;
  z-index: 99999;
}

.zona.dropdown-menu.show.more-left {
  left: -100px !important;
}

.perfil.dropdown-menu.show {
  width: 192px !important;
  overflow: hidden;
  z-index: 99999;
}

.perfil.dropdown-menu.show a {
  font-size: 15px !important;
  /* white-space: break-spaces; */
  padding: 5px 10px;
}

.tooltip-item {
    display: none;
    position: absolute;
    color: #fff !important;
    background-color: #333;
    bottom: 6px;
    right: 40px;
    width: 150px;
    z-index: 5000;
    font-size: 13px;
    padding: 5px 5px;
    text-align: center;
    line-height: normal;
    pointer-events: none;
    border-radius: .3em;
    cursor: default;
    -webkit-animation: fadeIn 0.2s 1 linear;
    -moz-animation: fadeIn 0.2s 1 linear;
    -ms-animation: fadeIn 0.2s 1 linear;
    -o-animation: fadeIn 0.2s 1 linear;
    animation: fadeIn 0.2s 1 linear;
  }
  
  .new-tooltip:hover .tooltip-item {
    display: block;
  }
  .tooltip-item::after {
    content: "";
    position: absolute;
    left: 100%;
    margin-left: -5px;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -5px;
    border: 10px solid #333 !important;
    z-index: 1000;
    border-color: transparent transparent transparent #333 !important;
  }
  .buscador-mobil{
    display: none;
    position: fixed;
    top: 10px;
    right: 5px;
    left: 5px;
  }
  .search-mobile{
    display: none;
  }
  .cerrarbuscador{
    background: #ff8402;
    padding-left: 15px;
    padding-right: 15px; 
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;   
    
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  
  @media(max-width:768px) {
    .search-mobile{
        display: block;
    }
  }
  .imagenfoto{
    cursor: pointer;
  }
  .ajustes{
    margin-left: 20px;
    font-size: 25px;
  }
  .ajustes #boton-filtros{
    background:  #e7e7e7 ;
    padding: 10px;
    border-radius: 5px;
  }
  .ajustes #boton-filtros i{
    color: gray;
  }
  .ajustes #boton-filtros:hover{
    background:  rgb(18, 100, 152);
    padding: 10px;
    border-radius: 5px;
    
  }
  .ajustes #boton-filtros:hover i{
    color: #fff!important;
  }
  
  .filtrosBusqueda {
    display: none;
    border: 1px solid #d5d5d5;
    background: #fff;
    padding: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    border-radius: 5px;
  
  } 
  .btn-buscar-filtro{
    background-color: #245e7b;
    color: #ffff;
  }
   .btn-buscar-filtro:hover{
    color: #245e7b;
    border-color: #245e7b;
    background: #fff;
  }
  .subtitulos-busqueda { font-size: 12px; color:#838383; margin-bottom: 10px; display:block; width:95%}

  .sidebar-w-ads {
    margin-top: 0px !important;
  }
  
  .content-response-ad-h {
    margin-top: 0px !important;
  }
  
  .active-sidebar {
    display: block !important;
    opacity: 1;
    width: 250px !important;
  }
  
  .hidden-sidebar {
    display: none !important;
    opacity: 0;
  }
  
  @media (max-width: 999px) {
  
    .navbar-responsive-sidebar-left {
      position: fixed;
      height: 100%;
      z-index: 999;
      left: 0;
    }
    
    .sidebar-fixed {
      position: fixed !important;
      top: 65px;
    }
  
    .sidebar-w-ads.sidebar-top-fixed {
      top: 65px !important;
    }
  
    /* .sidebar-w-ads.active-sidebar {
      position: fixed;
      top: 65px !important;
    } */
  
    .sidebar-w-ads.sidebar-fixed {
      top: 65px;
    }
  
  
    .inner {
      max-height: calc(100vh - 8rem) !important;
      overflow-y: auto;
    }
  
   /*  .navbar-responsive-sidebar-left.sidebar-w-ads  {
      margin-top: 205px !important;
    }
  
    .navbar-responsive-sidebar-left.sidebar-left-fixed {
      margin-top: 65px !important;
    } */
  }
/* .principal-global-conten{
     overflow-y:auto!important 
}
 */
 .table-revista {
    width:100%;
    border: 2px solid #eeeeee;
}
.table-revista td {
    padding:8px;
    font-size: 14px;
    border-top: 2px solid #eeeeee;
    color:#474b61;
}
.buttons-vista i{
    color:#b1b1b1;
    margin-right:10px;
    font-size:28px;
    cursor: pointer;
}
.buttons-vista i.select{
    color:#3477c3!important 
}
.title-area{
    font-size:22px!important;
    font-weight:500!important;
    margin-bottom:10px 
}
.nav-articulos{
    background:#f6f6f6;
    border:1px solid #dbdbdb;
    border-radius:.2em;
    margin-bottom:20px;
    display:block;
    padding:5px 10px ;
   

}
.link-nav-art{
    cursor: pointer;
    padding: 5px 5px;
}
.nav-articulos .autor-nombre{
    color: #838383;
}
.nav-articulos span{
    color:#111;
    font-size:12px;
    font-weight:400;
}
.nav-articulos i {
    font-size:24px;
    cursor: pointer;
}
.nav-articulos .titulo{
    color:#111;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis 
}
.revista-content-autor{
    font-size:14px;
    font-weight:600;
    margin-bottom:0px 
}
.revista-content-autor-cv{
    font-size:13px;
    font-weight:400;
    color:#838383 
}
.revista-content-autor-cv p{
    margin-top: 0;
}
.ruta-articulo{
    color: #838383;
    display: block;
    font-weight: 400;
    font-size: 12px;
    background: #eee;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
}
.titulo-articulo {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    color: #333;
}

.content-presentacion {
    font-size:14px;
    font-weight: 400;
}
.pag-titulo {
    position:absolute;
    top:8px;
    right: 0;
    font-size: 13px;
    color:#126498;
}
.subtitulo-articulo{
    font-size:18px 
}
.autor-articulo {
    font-size: 14px;
    color:#454b61;
    font-weight: 400;
}
.revista-content-titulo{
    margin-bottom:10px;
    font-size:18px!important;
    font-weight:600 
}
.revista-content-subtitulo {
    margin-bottom: 10px;
   font-size: 16px !important;
   font-weight: 600;
}
.revista-content-html{
   /*font-family: 'PT Serif', serif;*/
    font-size:19x;
 /*  original 20
    font-weight:400;
    line-height:24px;*/
   /*original 31*/
}
.revista-content-html img{
    max-width: 90% !important;
}
.revista-content-html blockquote{
    font-family: inherit;
    font-size: 16px;
    color: #607d8b;
    margin-left: 20px;
    line-height: 23px;
}
.revista-content-html table{
    font-family: inherit;
    border-width: 0 1px;
    display: block;
    width: 100%;
    overflow-x: auto;
    border-color: inherit;
    border-style: solid;
}
.revista-content-html table td, .revista-content-html table th{
    border: 1px solid #dee2e6;
    padding: 5px;
    vertical-align: top;
}
.numuro-pagina {
    display: block;
    color:#126498;
}
.numuro-pagina-indice {
    color:#86b6f6;
    font-size: 12px;
    text-align:right;
    white-space: nowrap;
    padding: 5px 0px;
    line-height: 14px;
}
.indice-item a, .indice-item span {
    cursor:pointer
}
.wrap-contenido {
    background:#fff
}
.articulo-view {
    padding-bottom: 50px;
}
.item-articulo {
    margin: 10px 0;
}
.items-articulo {
   border-bottom: 1px solid #eeeeee;
    padding: 8px 0;
    position:relative;
}
.buttons-item-articulo {
    margin-top: 10px;
}
.buttons-item-articulo .btn-outline {
    color:#126498;
    border: 1px solid #126498;
    background:transparent;
    font-size: 13px;
    padding: 2px 8px;
}
.buttons-item-articulo .btn-outline:hover{
    background: #126498;
    color:#fff;
}
.ruta-articulo-view {
    font-size: .65rem;
    color:#838383;
    margin-bottom: 10px;
    display:block;
    width:95%
}
.content-titulo {
    margin-bottom: 10px;
}
.articulo-view .titulo-articulo{

    font-size: 1.3rem;
   line-height: 1.7rem;
    font-weight: 700;
}
.text-line-1 {
   display: -webkit-box!important;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
    word-break: break-all;
}
.text-line-2 {
   display: -webkit-box!important;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
    word-break: break-all;
}
.text-line-8 {
   display: -webkit-box!important;
   -webkit-line-clamp: 8;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
    word-break: break-all;
}
.ver-mas {
    color:#1477ff;
    font-size:14px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 12px;
    margin-top:5px;
}
.centro-estudios{
    font-size: 12px;
}
.content-articulo-autor .ver-mas {
    color:#1477ff;
    font-size:12px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin: 0px;
}
.btn-continuar-leyendo {
    background: #a657cc;
   color: #fff!important;
   margin: auto;
}
.btn-continuar-leyendo:hover {
    color: #fff!important;
}
.highlight {
    background: #fff1a8 !important;
   border-color: #fff1a8 !important;
}
.item-referencias span {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}
.referencia-palabra-clave {
    margin-right: 5px;
}
.revistas-referencias {
    border-top: 1px solid #dbdbdb;
    padding-top: 15px;
}
 
.item-contenido-revista {
    margin-bottom: 15px;
}
.barra-filtro-modulo {
    color: #575757;
    font-size: 14px;
    border-radius: 5px;
    background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 15px;
}
/* SIDEBAR INDICE */
.muted-number {
    color: #888888;
}
.indice-item {
    line-height: 30px;
    cursor: pointer;
    font-size: 12px !important;
   /* padding-left: 38px !important;
   */
    justify-content: space-between;
   /*max-height: 31px;
   */
    overflow: hidden;
    display: flex !important;
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.indice-left .titulo-indice-item {
    padding: 3px 5px 3px 0px;
    line-height: 14px;
}
/* ITEM LISTA */
.header-table-revista {
    background: #eeeeee;
}
.header-table-revista td {
    font-weight: 600;
}
.item-revista {
    cursor: pointer;
}
/* ITEM CUADRICULA */
.btn-lectura {
    font-size: 14px;
    margin: 5px 0;
    color: #fff !important;
    padding: 7px 15px;
    border-radius: 2px;
    border: none;
    display: block;
    width: 100%;
    border: solid 1px transparent;
}
.btn-abrir-web {
    background: #607d8b;
}
.btn-abrir-web:hover {
    background: #40535c;
}
.btn-abrir-lectura {
    background: #ffffff;
    color: #4e4e4e !important;
    border: solid 1px #c5c5c5;
}
.btn-abrir-lectura:hover {
    border: solid 1px #607d8b;
}
/**/
.conten-revista-responsive {
    border: 1px solid #d2d2d2;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: .30em;
}
.conten-revista-responsive .rv-portada img {
    border-radius: .3em;
    width: 80%;
}
.rv-edicion {
    border-top-left-radius: .3em;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #d0d0d0;
    padding: 4px 10px;
    color: #2f496e;
    border-right: 3px solid #ff9200;
    font-weight: 400;
    font-size: 15px;
}
.rv-portada {
    padding: 0 10px;
}
.rv-buttons-open {
    display: flex;
}
@media (max-width:423px){
    .btn-lectura{
        padding:5px 8px 
   }
    .rv-portada{
        padding:0;
   }
}
@media (max-width: 992px) {
    .pag-titulo {
        position: inherit;
        margin-top: 4px;
   }
    .titulo-articulo {
        font-size:14px;
   }
    .nav-articulos span{
        color:#111;
        font-size:12px;
        font-weight:300 
   }
}
.lectura-vista{
    padding: 0 0 !important;
    border: none !important;
}

.detalle-area span { display: block; margin-top: 10px;}

.item-contenido-libro { margin-bottom: 15px; }

.content-libro-titulo { font-size: 14px; margin: 10px 0; color: #777777; height: 55px; text-align: left; word-break: break-word; }

.conten-libro-responsive {
    border: 1px solid #d2d2d2;
    padding: 18px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: .3em;
}

.conten-libro-responsive .rv-portada {
    padding: 0;
}

.conten-libro-responsive  .rv-portada img {
    width: 80% !important;
}

.indice-libro .content-titulo { color: #333333;padding: 10px 0;border-top: 1px solid #e1e1e1;margin: 0; }
.indice-libro .content-titulo .titulo-articulo { font-weight: 500; }

/* ITEM LISTA */
.content-item-autor { margin-left: 5px; margin-top: 15px; }
.content-item-campana { font-size: 14px; margin: 5px; }
.content-item-subtitulo { color: #838383; margin: 5px; }
.content-item-titulo { font-weight: 600;margin: 5px; }
.content-collpase-list img { border-radius: .3em; }
.content-collpase-list { color: #333333;padding: 10px 15px;border: 1px solid #e1e1e1;}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Pioners */

.pioner-list-type{font-weight:600;font-size:12px;color:#2b2b2b;padding-top: 8px;}
.pioner-list-nombre{
    font-size:14px;
    font-weight:400;
    color: #333333;
    display:-webkit-box;
    min-height:55px;
    line-height:1.3;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.pioner-list-modificacion{color:#7f7f7f;font-size:13px}
.pioner-list-modificacion strong{color:#333}
.pioner-busq-avanz-item{font-size:12px;font-weight:500;color:#2b2b2b;text-transform:uppercase;letter-spacing:1px;padding-bottom:5px}
.pioner-busq-avanz-title a:hover{color:#2b2b2b;text-decoration:underline}
.pioner-busq-avanz-sumilla p{margin-bottom:0;padding-bottom:0;font-size:14px;line-height:150%}
.pioner-busq-avanz-breadcrumb{list-style:none;padding:3px 0;background:rgba(237,242,245,0);margin-top:5px;margin-bottom:5px;display:-webkit-box;max-height:48px;line-height:1.3;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;margin-top:5px;font-size:13px;color:#82949b}
.indice-pioner-list{font-size:15px;font-weight:400;border-bottom:1px solid #ccc;padding-bottom:10px;padding-top:10px;color:#000;background-color:#fff;display:block;text-align:justify;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s}
.indice-pioner-list:hover{cursor:pointer;padding-left:15px;border-bottom:#2b2b2b 1px solid;font-weight:500}
.pioner-subtitle-text-head{color:#2b2b2b;font-size:14px;padding-top:5px}
.accordion-pi .btn-link{font-size:14px;color:#2b2b2b;font-weight:600}
.accordion-pi .link-print{height:30px;margin-top:4px}
.accordion-pi .btn-type-1:hover{color:#fff}
.accordion-pi .card-header{padding:8px 10px}

a.link-conten-pioner{
    display: block;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 2px 1px #dedede;
    margin-bottom: 20px;
}

.etiqueta-nuevo {display: inline-block;font-size: 10px;border-radius: 39px;background: #2b2b2b;padding: 1px 6px;color: white;}
.btn-abrir-visor-item:hover,.btn-abrir-visor:hover {background: #FFDEFF !important;color: #A710A7 !important;}
.btn-abrir-visor-item {font-size: 13px;margin-top: 5px;color: #A710A7 !important;border: 1px solid #A710A7;padding: 5px 10px;border-radius: .25em;font-weight: 500; display: block;}
.btn-abrir-visor-item i {margin-right: 2px;}
.btn-abrir-visor { font-size: 13px;margin-top: 5px;color: #A710A7 !important;border: 1px solid #A710A7;padding: 5px 10px;border-radius: .25em;width: 23%;font-weight: 500;float:right;}
.btn-abrir-visor i { margin-right: 2px; }
.btn-abrir-visor .etiqueta-nuevo { 
    float: right;
}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Resaltados y Notas */

.rn-link-tipo:before {
  top: 11px !important;
}
.resaltado-intern-fecha {
  font-size: 13px;
}
.resaltado-intern-bottom {
  margin-top: 8px;
}
.rn-titulo-item-group {
  font-size: 18px;
  color: #602116;
  border-bottom: dotted 1px #602116;
  padding-bottom: 5px;
  margin-bottom: 11px;
}
.resaltados-count-itembig {
  font-size: 14px;
}
.rn-link-tipo[aria-expanded="true"] {
  background-color: #602116;
  color: #fff !important;
}
.rn-link-tipo[aria-expanded="true"] i {
  color: #ffc107 !important;
}
#resaltados > ul > li > a:hover > div > div > span {
  background-color: #ff8402;
  color: #000;
}
#resaltados > ul > li > a:hover,
#resaltados > ul > li > a:hover i {
  color: #fff !important;
  text-decoration: none;
}
#notas > ul > li > a:hover > div > div > span {
  background-color: #ff8402;
  color: #000;
}
#notas > ul > li > a:hover,
#notas > ul > li > a:hover i {
  color: #fff !important;
  text-decoration: none;
}
.rn-link-tipo i {
  color: #ccc;
  margin-right: 5px;
}
.collapse-rn li:hover {
  background-color: #1c1c1c;
  text-decoration: none !important;
}
.collapse-rn ul li:hover a i {
  color: #025579 !important;
}
.collapse-rn li {
  padding-left: 23px;
  background-color: #795f5aef;
}
.collapse-rn li a:link,
.collapse-rn li a:visited {
  padding: 5px 0 !important;
  text-decoration: none;
}
.collapse-rn li a:hover {
  text-decoration: none !important;
  color: #fff !important;
}
.collapse-rn span.num-item {
  background-color: #cdcdcd;
  color: #602116;
  display: inherit;
  margin: 0 auto;
  margin-right: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}
.link-volver-main {
  padding-bottom: 10px;
  border-bottom: dotted 1px #333;
  margin-bottom: 10px;
}
.rn-title-conten .title-area {
  font-size: 26px;
  font-weight: 300;
}
.rn-title-conten .subtitle-area {
  color: #602116;
  font-size: 15px;
}
.rn-title-conten .btn-ayuda {
  display: inline-block;
  background-color: #602116;
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  padding: 0 13px;
  margin-top: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.rv-title-conten .btn-ayuda:hover {
  background-color: #00587d;
  color: #ececec;
}
.rn-form-buscar label {
  font-size: 12px;
  margin-bottom: 0;
}
.rn-form-buscar .btn-buscar {
  margin-top: 20px;
  margin-left: 10px;
}
.rn-header-box-list {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 9px;
  padding-top: 10px;
}
.rn-revista-text {
  background-color: #702b1f;
  padding-left: 6px;
  padding-right: 7px;
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
}
.rn-revista-edicion {
  background-color: #ff8402;
  padding-left: 5px;
  padding-right: 6px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
}
.rn-revista-quincena {
  padding-left: 7px;
  color: #74878f;
}
.rn-item-fecha {
  color: #747474;
  padding-left: 5px;
  padding-right: 10px;
}
.rn-item-sumilla {
  line-height: 18px;
  text-align: justify;
  font-size: 14px;
}
.rn-item-sumilla a:hover,
.rn-item-title-item a:hover {
  text-decoration: underline;
  color: #ff8402;
}
.rn-conten-resultados {
  padding-top: 13px;
}
.rn-item-sumilla-nota {
  color: #333;
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 6px;
}
.rn-item-title-item {
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 5px;
}
.rn-tipo {
  color: #0474a4;
}
.rn-tipo-elemento-title {
  color: #ff8402;
}
a.rn-delete-button:link,
a.rn-delete-button:visited {
  background-color: #a4a4a4;
  padding-left: 6px;
  padding-right: 6px;
  color: #fff;
  border-radius: 15px;
}
a.rn-delete-button:hover {
  background-color: #ff8402;
}
.numero-resul {
  color: #808080;
}
.title-busq a {
  font-size: 18px;
  line-height: 24px;
}
.title-busq a:hover {
  text-decoration: underline;
}
.busq-text-ed {
  background-color: #602116;
  color: #fff;
  padding: 3px 10px;
}
.busq-num {
  background-color: #ff8700;
  color: #fff;
  font-weight: 600;
  padding: 3px 10px;
}
.busq-edicion {
  color: #808080;
  padding: 3px 10px;
}
.sumilla-busq {
  color: #333;
  margin-top: 5px;
}
.sumilla-busq a:hover {
  text-decoration: underline;
}
.t-resaltado .sumilla-busq {
  display: -webkit-box;
  max-height: 62px;
  line-height: 1.3;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-nota .title-busq {
  display: -webkit-box;
  max-height: 30px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-nota .nota-busq,
.t-nota .sumilla-busq {
  display: -webkit-box;
  max-height: 40px;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nota-busq {
  color: #999;
  font-style: italic;
  margin-top: 5px;
}
.link-opcion {
  color: #808080;
  margin-top: 5px;
}
.link-opcion a {
  padding: 5px;
  font-size: 18px;
}
.link-opcion a:hover {
  background: #602116;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rn-tipo {
  color: #999;
}
.t-servicios {
  font-size: 18px;
  color: #602116;
}
.rn-img {
  margin-right: 20px;
  text-align: center;
  color: #4d4d4d;
}
.rn-img img {
  width: 130px;
  height: auto;
  margin-bottom: 10px;
  border: 5px solid #e7e7e7;
  -webkit-transform: perspective(300px) rotateX(0deg) rotateY(20deg)
    rotateZ(0deg);
  -moz-transform: perspective(300px) rotateX(0deg) rotateY(20deg) rotateZ(0deg);
  -o-transform: perspective(300px) rotateX(0deg) rotateY(20deg) rotateZ(0deg);
  -ms-transform: perspective(300px) rotateX(0deg) rotateY(20deg) rotateZ(0deg);
  transform: perspective(300px) rotateX(0deg) rotateY(20deg) rotateZ(0deg);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.rn-img img:hover {
  /* -webkit-transform: perspective(0px) rotateX(0deg) rotateY(20deg) rotateZ(0deg);
  -moz-transform: perspective(0px) rotateX(0deg) rotateY(20deg) rotateZ(0deg);
  -o-transform: perspective(0px) rotateX(0deg) rotateY(20deg) rotateZ(0deg);
  -ms-transform: perspective(0px) rotateX(0deg) rotateY(20deg) rotateZ(0deg);
  transform: perspective(0px) rotateX(0deg) rotateY(20deg) rotateZ(0deg); */
}
.rnxedicion {
  border-bottom: dotted 1px #666;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.rn-contenido .pagination {
  background: #e1e8ed;
  padding: 10px;
}
.rn-contenido .pagination .page-link {
  padding: 4px 8px;
}
.rn-conten-int {
  margin-bottom: 20px;
}
.custom-btn-danger {
  margin-left: 8px;
}
.rn-lista-com .pagination .page-text {
  font-size: 12px;
}
.rn-title-conten .title-area {
  font-size: 26px;
  font-weight: 300;
}
.rn-subtitle-area {
  color: #555;
  font-size: 14px;
}
.rn-subtitle-area i {
  color: #602116;
  padding-left: 10px;
}
.custom-container {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4000;
}
.noty_modal {
  opacity: 0.7;
}
.rn-lista-com {
  margin-bottom: 20px;
}
.rn-lista-com .card-header {
  padding: 0;
}
.rn-lista-com .card-header a {
  background: #fff;
  font-size: 16px;
  display: block;
  cursor: pointer;
  padding: 10px;
}
.rn-lista-com .card-header a i {
  color: #602116;
  font-size: 20px;
  margin-right: 5px;
}
.rn-lista-com .card-header a span {
  font-weight: 600;
}
.rn-lista-com .card-body {
  background: #d1e0ee;
  padding: 0;
  font-size: 14px;
}
.rn-lista-com .c-list-rn {
  padding: 12px 15px;
  border-bottom: dotted 1px #769cac;
}
.rn-lista-com .text-select {
  display: -webkit-box;
  max-height: 40px;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rn-lista-com .pagination {
  padding: 10px;
  margin: 0 !important;
}
.rn-lista-com .pagination {
  margin-top: 10px;
}
.rn-lista-com .pagination .page-text {
  font-size: 14px;
  text-align: center;
  padding-top: 5px;
}
.rn-lista-com .pagination .page-text a {
  display: block;
}
.rn-lista-com .pagination .page-link {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  font-size: 18px;
  line-height: 15px;
  padding: 5px 10px;
}
.rn-lista-com .pagination .page-link a {
  display: block;
}
.rn-lista-com .text-select a:hover {
  text-decoration: underline;
}
.rn-lista-com .link-delete {
  font-size: 20px;
  padding: 0 5px;
}
.rn-lista-com .link-delete a {
  color: #602116;
}
.rn-lista-com .link-delete a:hover {
  color: #000;
}
.rn-lista-com a[aria-expanded="false"]::before,
a[aria-expanded="true"]::before {
  display: none;
}
.rn-lista-com .card {
  border: 0;
  border-bottom: 1px solid #afc9e1 !important;
}
.rn-lista-com .card-header a:hover {
  background-color: #602116;
  color: #fff;
}
.rn-lista-com .card-header a:hover i {
  color: #fff;
}
.rn-lista-com .card-header {
  border: 0;
}
.conten-busqueda-rn {
  background-color: #dfe9f1;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  font-family: Verdana;
  font-size: 12px;
  border: 1px double #c2d5e4;
  border-radius: 5px;
}
.conten-busqueda-rn a {
  color: #602116;
  font-weight: 500;
  text-decoration: underline;
}
.conten-busqueda-rn .text-right a {
  border-right: dotted 1px #333;
  padding-right: 10px;
  margin-right: 10px;
}

@media (min-width: 1440px) {
  .rn-link-tipo:before {
    top: 15px !important;
  }
  .collapse-rn li a:link,
  .collapse-rn li a:visited {
    line-height: 25px;
    font-size: 16px !important;
  }
}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Seminarios */

.conten-cog-busqueda-se{background-color:#dfe9f1;padding-top:10px;padding:10px;margin-bottom:20px;font-family:Verdana;font-size:12px;border:1px double #c2d5e4;border-radius:5px}
.conten-cog-busqueda-se a{color:#2b2b2b}
.conten-cog-busqueda-se a:hover{text-decoration: underline;}
span.num-menu-se{position: absolute; background-color: #a5a5a5; color: #fff;border-radius: 30px;font-size: 10px;padding: 2px 5px;right: 10px;}
.se-title-conten{border-bottom:dotted 1px #333;margin-bottom:10px;padding-bottom:10px}
.title-area{font-size:26px;font-weight:300}
.subtitle-area{color:#2b2b2b;font-size:15px}
.btn-nconsulta{font-size:16px;background:#3c3;color:#fff;padding:10px 15px;border:solid 1px #22ab22;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.btn-nconsulta:hover{background:#22ab22;color:#fff}
.se-form-buscar label{font-size:12px}
.se-form-buscar input{font-size:13px;padding:7px 10px}
.se-form-buscar select{font-size:13px}
.se-conten{margin-bottom:30px;border-bottom:solid 1px #e0e0e0;background:#fff}
.text-ciudad{position:relative;margin-bottom:-30px}
.text-ciudad span{text-transform:uppercase;color:#fff;background-color:rgba(0,0,0,0.5);padding:5px 10px;font-size:20px;font-weight:600}
.linea-se{height:10px}
.fecha-se{font-size: 29px;padding: 7px 7px 8px 7px;font-weight: 500;line-height: 31px;text-align: center;}
.fecha-se span{font-size:28px;display:block;text-transform:uppercase}
.detalle-se{background-color:#fff;padding:10px}
.tipo-se{text-transform:uppercase;font-size:13px;margin-bottom:5px}
.titulo-se{margin-bottom:5px}
.titulo-se a{font-size: 22px;font-weight: 600;line-height: 150%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.titulo-se a:hover{text-decoration:underline}
.link-registro a{padding:3px 10px;border:solid 1px #ccc;margin-top:5px;font-size:13px;border-radius: 20px;}
.link-registro a:hover{background:#222;color:#fff;border:solid 1px #222}
.link-right-se{border-left:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0}
.link-right-se a{padding:10px;display:inherit;border-bottom:solid 1px #e0e0e0}
.link-right-se a:hover{background-color:#222;color:#fff}
.view-head-se{margin:-25px -40px 20px -40px}
.c-view-head{text-align:center;padding:10px 40px}
.c-view-head .view-tipo-se{text-transform:uppercase;font-size:20px}
.c-view-head .view-titulo-se{font-size:26px;font-weight:600;line-height:30px;margin-top:5px;margin-bottom:10px}
.c-view-head .view-textcom-se{font-size:16px}
.c-view-ciudad{padding:5px 40px;font-size:24px}
.c-view-ciudad span{font-weight:600;text-transform:uppercase}
.view-wrap-se{margin-bottom:20px}
.view-w-left{text-align:center;margin-right:20px}
.view-w-left .img-expositor img{width:100px;height:100px;border-radius:100px;border:solid 1px #ccc;margin-bottom:10px}
.view-w-left .cv-expositor a{padding:3px 10px;border-radius:5px}
.view-w-right .view-fecha{font-size:18px;font-weight:600;margin-bottom:5px}
.view-w-right .linea-se-2{width:10px;margin-right:10px}
.view-w-right .view-horario{padding-bottom:10px;font-size:14px}
.view-w-right .view-expositor{font-size:16px;font-weight:600;padding:5px 10px}
.view-w-right .view-temario{font-size:14px;padding-top:20px;padding-bottom:20px;line-height:21px}
.view-conten-video{margin-bottom:30px}
.view-conten-inversion{margin-bottom:30px;font-size:14px}
.view-conten-inversion .view-barra-inversion{padding:10px}
.view-conten-inversion .title-inversion{font-size:18px;text-transform:uppercase;font-weight:600}
.view-wrap-se .table-inversion{background-color:#fff}
.view-wrap-se .table-inversion thead{background:#e6e6e6}
.view-wrap-se .table-inversion thead th{padding:8px;border-color:#ccc;font-weight:500}
.view-wrap-se .table-inversion tbody td{font-size:14px;font-weight:600}
.title-inversion-2{font-size:18px;font-weight:600;margin-bottom:5px}
.logo-entidad{width:70px}
.icon-fono-sem{font-size:40px;color:#818181}
.text-numero{font-size:16px;font-weight:600}
.text-numero span{display:block;font-size:12px;font-weight:400}
.c-entidades,.c-cheque{border-right:dotted 1px #333}
.nombre-sede{font-size:18px;font-weight:600}
.view-conten-lugar{margin-bottom:30px}
.view-conten-patrocinadores{margin-bottom:40px}
.view-conten-patrocinadores .titulo-pat{font-size:18px;font-weight:600;text-transform:uppercase}
.view-conten-patrocinadores .logos-pat{background-color:#fff;border:solid 1px #ccc;border-radius:5px;padding:15px}
.link-regresar{border-bottom:dotted 1px #333;margin-bottom:15px;padding-bottom:10px}
.reg-tipo-se{
    padding: 12px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    border-top-right-radius:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-top-right-radius:8px;
    border-top-left-radius:8px;
    -moz-border-radius-topleft:8px;
    -webkit-border-top-left-radius:8px;
}
.reg-titulo-se{font-size:22px;font-weight:600;line-height:24px;padding:5px 15px;margin-bottom:15px;
    padding: 12px;
    text-align: center;
    border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    -webkit-border-bottom-left-radius:8px;
}
.reg-fecha-se{font-size:20px;}
.reg-fecha-se span{font-weight:600}
.se-form-registro{width:70%;margin:15px auto 40px auto;font-size:14px}
.se-form-registro label{margin-bottom:5px;font-size:12px}
.se-form-registro .text-danger{font-size:12px;margin-top:5px}
.se-form-registro .msj-form{border-top:dotted 1px #222;padding-top:10px}
.se-form-registro .custom-control-label::before{background-color:#b9b9b9}
.se-form-registro .ayuda-cuenta{display:inline-block;width:104px;padding:3px 3px 3px 15px;font-size:12px;-webkit-border-top-right-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-topright:30px;-moz-border-radius-bottomright:30px;border-top-right-radius:30px;border-bottom-right-radius:30px}
.se-form-registro .icon-ayuda{display:inline-block;border-radius:30px;width:20px;height:20px;padding:1px 0 0 5px;position:relative;left:13px}
.se-form-registro .custom-control-label{padding-top:3px;font-weight:500}
.title-modal-cuentas{font-size:18px;font-weight:600;border-bottom:solid 1px #ccc;margin-bottom:20px}
.view-foot-se{margin:0 -40px 40px -40px}
.view-text-foot{text-align:center;padding:10px 20px}
.view-btn-foot{text-align:center;padding:40px 20px}
.btn-pre-registro{font-size:22px;font-weight:600;padding:15px 30px;border-radius:5px;margin-bottom:20px}
.link-left-sem a{cursor:pointer}
.img-expositor img{-webkit-transition-duration:0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;}
.img-expositor:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.portada-sem-conten{margin-bottom:25px;border:1px solid #ccc}
.portada-sem-img-box{position:relative}
.portada-sem-tipo{text-transform:uppercase;font-size:13px;margin-bottom:5px}
.portada-sem-ciudad{background-color:rgba(0,0,0,0.7);position:absolute;bottom:0;left:0;width:100%;font-size:24px;letter-spacing:1px;color:#fff;padding:6px}
.portada-sem-img img{width:100%}
a.menu-seminarios-location-btn:link, a.menu-seminarios-location-btn:visited{
	text-decoration: none;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    font-size: 13px !important;
}
a.menu-seminarios-location-btn:hover{
	background-color: #2b2b2b;
    color: #fff;
}
.img-se img{
    width: 100%;
}
@media(max-width:1400px){
	.view-foot-se{margin:0 -40px 40px -40px}
	.fecha-se{font-size:36px;padding:15px 10px 10px 10px;font-weight:500;line-height:31px}
	.fecha-se span{font-size:20px}
	.c-view-head .view-tipo-se{font-size:16px}
	.se-form-registro{width:100%}
	.titulo-se a{font-size:16px}
	.portada-sem-tipo{font-size: 10px;}
	.portada-sem-ciudad{font-size: 13px;}
}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Consultas Electrónicas */

span.num-menu-ce{position:absolute;right:5px;color:#fff;border-radius:30px;font-size:12px;padding:5px 9px 5px 9px;text-align:center;margin-top:0}
span.bg-green{background-color:#3c3}
span.bg-gray{background-color:#757474}
.title-area{font-size:26px;font-weight:300}
.subtitle-area{color:#2b2b2b;font-size:15px}
.btn-nconsulta{font-size:16px;background:#3c3;color:#fff;padding:10px 15px;border:solid 1px #22ab22;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;margin-top:19px;text-align:center;color:#fff!important}
.btn-nconsulta:hover{background:#22ab22;color:#fff}
.ce-form-buscar input{font-size:13px;padding:9px}
.ce-form-buscar select{font-size:13px}
.ce-barra-seccion{border-bottom:solid 3px #2b2b2b}
.ce-barra-seccion .title-seccion{background-color:#2b2b2b;padding:5px 15px;color:#fff;font-size:13px;-webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px;border-top-right-radius:8px}
.ce-barra-seccion .title-seccion .num-rr{background-color:#3c3;font-size:13px;padding:2px 6px;margin-left:10px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.ce-barra-seccion .title-seccion .num-ce{background-color:#fff;color:#2b2b2b;font-size:13px;padding:2px 6px;margin-left:10px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.text-num-ce{color:#2b2b2b;font-size:12px}
.text-num-ce span{color:#333;font-weight:800}
.section-ce{margin-bottom:40px}
.conten-ce{border-right:solid 1px rgba(163,177,186,0.6);border-left:solid 1px rgba(163,177,186,0.6);border-bottom:solid 1px rgba(163,177,186,0.6);padding:10px}
.conten-ce .text-area{color:#2b2b2b;font-size:13px}
.conten-ce .text-asesor{color:#828282;font-size:11px}
.conten-ce .title-ce a{font-size:16px;font-weight:500;margin-bottom:11px;color:#333;display:-webkit-box;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-ce .title-ce a:hover{text-decoration:underline}
.conten-ce .text-tiempo{color:#828282;font-size:13px}
.conten-ce .e-excedente{color:#909}
.conten-ce .e-pendiente{color:#9c3939}
.conten-ce .e-transferida{color:#093;font-size:10px;font-weight:600}
.conten-ce .icon-leido i{color:#2b2b2b;margin-right:-5px;font-size:18px}
.ce-noleida{background:#fff;border-left:solid 4px #3c3}
.conten-ce-2{border-bottom:dotted 1px rgba(163,177,186,1);padding:10px 0}
.conten-ce-2 .title-ce a{font-size:16px;font-weight:500;margin-bottom:11px;color:#333;display:-webkit-box;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.conten-ce-2 .title-ce a:hover{text-decoration:underline}
.conten-ce-2 .text-area{color:#2b2b2b;font-size:13px;padding-bottom:6px}
.consulta-list-question{background-color:antiquewhite;font-size:14px;padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.link-icon-ce{margin-top:5px}
.link-icon-ce a{font-size:18px;color:#8397a4;background-color:#e1e8ed;padding:3px 5px;border-radius:2px}
.link-icon-ce a:hover{background-color:#2b2b2b;color:#fff}
.c-cali{font-size:18px;color:#ccc;display:flex}
.c-cali-mesg{font-size:13px;color:#ccc;padding-top:6px;padding-right:5px;color:#ff8402}
a.alert-link-consultas:hover{text-decoration:underline}
.c-cali .fa-cali{color:#fc0}
.text-tiempo-r{color:#999;font-size:12px}
.text-tiempo-r span{color:#2b2b2b}
.nce-barra{background-color:#dae6ed;color:#2b2b2b;font-size:13px;padding:10px 15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.nce-barra a{background-color:#dae6ed;color:#2b2b2b}
.nce-barra a:hover{text-decoration:underline}
.nce-barra span{color:#333}
.nce-form label{color:#2b2b2b;font-weight:600}
.editar-consulta{position:relative;top:-30px}
.btn-edit-consulta{background-color:#2b2b2b;color:#fff}
.nav-entrada .nav-link.active,.nav-entrada .show>.nav-link{color:#fff;background-color:#0371a0}
.nav-entrada .nav-link{background-color:#e1e8ed;color:#333;padding:10px 30px;font-weight:500;font-size:13px;text-transform:uppercase;border-left:solid 1px #ced4da;border-top:solid 1px #ced4da;-webkit-border-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.nav-entrada .link-br{border-right:solid 1px #ced4da}
.tab-content-nce{border:solid 1px #ced4da;padding:15px;background:#fff;margin-bottom:20px}
.btn-default-ce{background-color:#a3b1ba;color:#fff;font-size:14px}
.title-area-view{font-size:15px;font-weight:300}
.title-consulta{font-size:20px;line-height:25px;padding-top:5px;font-weight:500}
.c-user-ce{margin-right:20px}
.c-user-ce-asesor{margin-left:20px}
.conten-detalle-ce{padding-top:20px;padding-bottom:20px;margin-bottom:0;max-width: 500px;min-width: 499px;}
.c-detalle-ce{background-color:#c9dee7;border-radius:15px;padding:15px;position:relative}
.c-detalle-ce:after{content:'';position:absolute;right:0;top:65px;width:0;height:0;border:20px solid transparent;border-left-color:#c9dee7;border-right:0;border-top:0;margin-top:-10px;margin-right:-20px}
.conten-detalle-ce-cliente{padding-top:20px;padding-bottom:20px;margin-bottom:0;max-width:500px;min-width:499px}
.c-detalle-ce-cliente{background-color:#dbf1df;border-radius:15px;padding:15px;position:relative}
.c-detalle-ce-cliente:after{content:'';position:absolute;left:0;top:65px;width:0;height:0;border:20px solid transparent;border-right-color:#dbf1df;border-left:0;border-top:0;margin-top:-10px;margin-left:-20px}
.consultas-politicas-text{font-size:14px;padding-top:15px;line-height:21px;padding-bottom:15px}
.consulta-subtitle-area{padding-top:5px}
a.link-politicas-uso-consultas{padding-left:20px;text-decoration:underline;color:#004085}
a.politicas-consultas-nueva{float:right;text-decoration:underline;font-size:12px;color:#0677a8}
.c-user-ce img, .c-user-ce-asesor img{width:70px;height:70px;-webkit-border-radius:120px;-moz-border-radius:120px;border-radius:120px;margin-bottom:10px;}
.ce-barra-top{color:#333;font-weight:600;font-size:14px;}
.ce-fecha,.ce-hora{text-align:center;font-size:13px;font-weight:600;color:#7d7d7d}
.text-nombre-sus span{color:#2b2b2b;font-style:italic; font-size: 13px;}
.ce-barra-top .link-escuchar a{font-weight:600;color:#2b2b2b;border:solid 1px #ccc;padding:5px 10px;border-radius:3px}
.ce-barra-top .link-escuchar a:hover{background-color:#2b2b2b;color:#fff;border:solid 1px #2b2b2b}
.text-audio-ce{color:#2b2b2b}
.text-audio-ce span{color:#adadad;margin-left:10px}
.ce-calificar{margin-bottom:20px}
.text-nota-cal{color:#2b2b2b;font-weight:600;margin-bottom:10px;font-size:14px;margin-top:20px}
.ce-calificar .btn-aclaracion{background:rgba(237,242,245,0);font-size:14px;text-decoration:underline}
.ce-calificar .btn-aclaracion:hover{color:#2b2b2b;border:solid 1px #2b2b2b}
.text-rpta{font-size:16px;color:#ddffb7;font-weight:800;padding-bottom:3px;background-color:#1aae35;padding:5px 20px;margin-bottom:5px;border-radius:10px}
.fecha-area-top{color:#2b2b2b;font-weight:500;margin-bottom:10px;font-size:12px}
.fecha-area-top span{color:#555;font-weight:800}
.nce-barra-right{min-width:140px;text-align:right}
.conten-respuesta{background-color:#fff;border:2px solid #0370a0;padding:17px;box-shadow:5px 5px 0 rgba(0,0,0,0.13);-webkit-box-shadow:5px 5px 0 rgba(0,0,0,0.13);-moz-box-shadow:5px 5px 0 rgba(0,0,0,0.13)}
.nce-barra-right a{margin-left:5px;display:inline-block;background-color:#00577c;padding:5px 8px;border-radius:6px;color:#fff;font-size:12px}
.nce-barra-right a:hover{background-color:#ff8402}
.componente-bc{background-color:#2b2b2b;color:#fff;padding:15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:15px}
.componente-bc .title-bc{font-size:18px;border-bottom:dotted 1px #fff;margin-bottom:5px}
.componente-bc .title-bc span{font-weight:500}
.componente-bc .btn-warning{border:solid 1px #fff;color:#fff;font-size:14px}
.sin-consultas{font-size:12px;letter-spacing:2px;padding-top:15px;padding-bottom:15px;text-align:center;text-transform:uppercase;color:#928d8d}
.co-sin-calificar{font-size:14px;margin-top:20px;padding:20px 40px;line-height:21px;text-align:center;background-color:antiquewhite;border-radius:10px;border:1px solid #ebd9c1;animation:rubberBand .8s 1 linear;-webkit-animation:rubberBand .8s 1 linear;-moz-animation:rubberBand .8s 1 linear}
.conten-detalle-ce-asesor{padding-top:10px;padding-bottom:20px;border-bottom:dotted 1px #2b2b2b;margin-bottom:20px}
.form-consulta-label{color:#2b2b2b;font-weight:500;font-size:14px}
.text-danger-form-consulta{color:#dc3545!important;font-size:12px;padding-top:5px}
.nuevo-metodo-entrada{background-color:#ff8402;padding:2px 10px;margin-left:3px;font-size:11px;color:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.wait-consultas{padding:8px;border-bottom:1px solid #cccaca}
.wait-consultas .left{width:150px}
.wait-consultas .right{float:right;width:250px;right:0;margin-top:-27px;margin-right:-51px}
.wait-consultas .asunto{width:100%}
.wait-consultas .icons{width:20px}
.wait-consultas .stars{width:200px;float:right;margin-top:-18px;margin-right:-40px}
.plyr--audio .plyr__controls{border:1px solid #b8c7cf;-moz-border-radius:10px!important;-webkit-border-radius:10px!important;border-radius:10px!important}
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#03709f!important}
.plyr--full-ui input[type=range]{color:#ff8402!important}
.ql-editor { min-height: 180px !important;}
@media (min-width: 1800px) {
    .conten-detalle-ce, .conten-detalle-ce-cliente{max-width: 50%;}
}
/**************************************************************** INICIO DEL INDEX ************************************************/ 
.search-consultor {
  background: #702b1f;
  height: 300px;
  text-align: center;
}
.search-consultor h1 {
  padding-top: 100px;
}
.search-consultor h1 .consultor {
  color:#fff;
  font-weight: bold;
}
.search-consultor h1 .juridico {
  color: #fa7d00;
  font-weight: bold;
}

.panel-filter {
  background: #d3e9ff;
}
.panel-filter .cuadrado-border {
  border: 0px solid #702b1f;
  text-align: center;
}
.panel-filter .cuadrado-border .card {
  align-items: center;
  background: none;
  cursor: pointer;
  height: 100%;
}
.panel-filter .cuadrado-border .card img {
  width: 90px;
  height: 50px;
}
.panel-filter .cuadrado-border .card h6 {
  margin-top: 10px;
}
.panel-filter .card{
  border-radius: 0px !important;
}
.notExit{
  font-size: 12px;
}
.favoritiado{
color: rgb(255, 251, 0);
cursor: pointer;
}
.desfavoritiado{
color: #fff;
cursor: pointer;
}
.iconHerramientaModal{
margin-left: 10px;
}
/**************************************************************** FIN DEL INDEX ************************************************/ 
/**************************************************************** INICIO DEL LISTDATA ************************************************/ 

.component-lawyer-consultor {
  border: 1px solid #d2d2d2;
  color: #414141;
  border-top-left-radius: .2em;
  border-top-right-radius: .2em;
}

.header-tag-lawyer-consultor {
  background: #eaf4ff;
  padding: 3px 0px;
  display: flex;
  border-top-left-radius: .2em;
  border-top-right-radius: .2em;
  border-bottom: 1px solid #d2d2d2;
}

.header-tag-lawyer-consultor p {
  margin: 0px;
  padding: 0 10px;
  font-size: 15px;
}

.body-component-lawyer-consultor {
  background: #ffffff;
  height: 250px;
  padding: 10px;
  overflow-y: auto;
  display: block;
  scrollbar-color: #d3e9ff;
  scrollbar-width: 10px;
}
.body-component-lawyer-consultor-lateral {
  background: #ffffff;
  height: auto;
  max-height: 250px;
  padding: 10px;
  overflow-y: auto;
  display: block;
  scrollbar-color: #d3e9ff;
  scrollbar-width: 10px;
}

.item-component-lawyer-consultor {
  margin-bottom: 6px;
}

.item-component-lawyer-consultor p:hover {
  cursor: pointer;
  color: #28b4ff;
}

.item-component-lawyer-consultor p {
  font-size: 14px;
 
}

.body-component-lawyer-consultor::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

.body-component-lawyer-consultor::-webkit-scrollbar-track-piece {
  background: #D4D4D4;
}

.body-component-lawyer-consultor::-webkit-scrollbar-thumb {
  background: #b1b1b1;
}

.body-component-lawyer-consultor::-webkit-scrollbar-thumb:hover {
  background: #7b7b7b;
}

/**************************************************************** FIN DEL LISTDATA ************************************************/ 

/**************************************************************** INICIO DEL COMPONENTES LEGISLACIONES ************************************************/ 
.barraHerramientas{
  /*border-top-right-radius: 10px;
  border-top-left-radius: 10px;*/
  background: #702b1f;
  color: #fff;
  margin-bottom: 5px;
  align-items: center;
}
.iconHerramienta{
  /*padding: 5px;
  margin-right: 10px;*/
  height: 45px;
  display: flex;
  align-items: center;
}
.tituloHerramienta{
  padding: 0px;
  margin-top: 0px;
  display: flex!important;
  align-items: center;
}
.iconHerramienta > span  > i{
  padding: 10px;
  font-size: 20px;
}

.tituloCard {
  padding: 5px;
  background-color: #5383a9;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  border-top-right-radius: .25rem;
  border-top-left-radius: .25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0px;
}
.styleCard {
  max-height: 185px;
  position: inherit !important;
  width: auto;
  padding: 10px!important;
  overflow: auto;
}
@media  (min-width:1400px){
  .styleCard {
    max-height: 330px;
  } 
}
.cardAdicionales {
  max-height: 170px;
  position: inherit !important;
  width: auto;
  margin: 5px;
}
.styleList {
  padding: 5px;
  font-size: 16px;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.componente-global {
  -webkit-super-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 6px;
  -moz-super-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 6px;
  -ms-super-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 6px;
  -o-super-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 6px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 /* padding: 15px;*/
  margin-bottom: 25px;
  background: #fff;
}
  /**************************************************************** FIN DEL COMPONENTES LEGISLACIONES ************************************************/ 
  /**********************/
   /**************************************************************************************************************/
   .consultor-content-html{
   /* font-family: 'PT Serif', serif;
    font-size:18px !important; original 20*/
    font-weight:400; 
    /*line-height:24px !important; original 31*/
    }
    .consultor-content-html img{
        max-width: 90% !important;
    }
    .consultor-content-html blockquote{
        font-family: inherit;
        font-size: 16px;
        color: #607d8b;
        margin-left: 20px;
        line-height: 23px;
    }
    .consultor-content-html table{
        font-family: inherit;
        border-width: 0 1px;
        border-color: inherit;
        border-style: solid;
        
    }
    .consultor-content-html table td, .consultor-content-html table th{
        border: 1px solid #dee2e6;
        padding: 5px;
        vertical-align: top;
    }
    /*********************************************************************************/
    /*********************************************************************************/
    /*********************************************************************************/
    /*PARA EL URL: dominio.com/codigos*/
    .has-search {
      position: relative;
      display: flex;
    }
    .has-search .form-control-feedback {
      position: absolute;
      right: 0;
      display: flex;
      height: 100%;
      align-items: center;
      padding-right: 20px;
    }
    /*FIN DEL URL: dominio.com/codigos*/
  /*PARA LA PORTADA DEL INDEX*/
  .consultor img{
    width: 100%;
    height: 100%;
    padding-bottom: 10px;
  }
  .juridico {
    display: none;
  }
  .search-consultor {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .search-consultor h1{
    padding-top: 0!important;
    width: 100%;
  }
  /*FIN DE LA PORTADA DE INDEX*/
  /*PARA EL MENU BAR LATERAL
  .navbar-principal .inner{
    overflow-y: auto!important;
    height: calc(100vh - 160px)!important;
  }*/
  /* .navbar-responsive-sidebar-left {
    height: calc(100vh - 65px);
  } */
  /*FIN PARA EL MENU BAR LATERAL*/
  .componentesFlotantes {	
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
  }
  .form-search-general-content{
    position: relative;
  }
  .form-search-general-content input{
    padding: 5px 5px;
    border-color: #bcbfc1;
    border-radius: 5px!important;
    font-size: 12px;
  }
  .form-search-general-content .input-group-append .form-control-feedback {
    position: absolute;
    display: block;
    text-align: center;
    color: #afafaf !important;
    cursor: pointer;
  }
  /*FIN DEL MENU BAR LATERAL*/
  /*PARA EL BODY DEL INDEX*/ 
  .panel-filter .text-center {
    text-align: center!important;
    height: 100%;
  }
  .fullWidth .wrap-body {
    height: 100%;
  }
  .search-consultor .m-4 {
    margin: 0px!important;
  }
  .form-search-res .input-group-append{
    margin-left: 0!important;
  }
  /* Al editar se cambia el iput del navbar*/
  .form-search-res .input-group-append .form-control-feedback{
    padding-right: 15px!important;
    right: 0!important;
    display: flex!important;
    height: 100%;
    align-items: center;
    background: #fff;
    padding: 9px 0;
    border-radius: 0 4px 4px 0;
    border-right: 1.9px solid #bcbfc1;
    border-bottom: 1.9px solid #bcbfc1;
    border-top: 1.9px solid #bcbfc1;
  }
  .form-search-res input.search-consultor{
    border-radius: 0px !important;
  }
  .form-search-res input.search-consultor .form-control-feedback{
    border-radius: 0px !important;
  }
  /*FIN DEL BODY DEL INDEX*/
  /*PARA EL HEADER*/
  .content-responsive {
   /*  height: calc(100vh - 65px); */
  }   
  /*****************/
  .conten-list-est{
    padding: 50px;
  }
  .item-component-lawyer-consultor:hover {
   /* background-color: rgba(0, 0, 0, 0.1);*/
  }
  .header-tag-lawyer-consultor{
    background-color: #702b1f;
    color: #fff;
  }
  .header-tag-lawyer-consultor a{
    width: 100%;
  }
  /*FIN DEL HEADER*/
  /*consutlor juridico/list*/
  .item-component-lawyer-consultor a{
    display: block;
  }
  .item-component-lawyer-consultor p{
    display: flex;
    line-height: 1.3;
  }
  .fa.fa-book.mr-1 {
    margin-right: 15px!important;
  }
  /*fin para el total de la altura de la vista*/
  /*para el titulo de los list*/
  .title_lista{
    margin-top: 0!important;
  }
  .fa-file-text {
    margin-right: 5px!important;
    font-size: 13px;
  }
  /*fin del titulo de los list*/
  /*para las listas del list*/
  .list_juridico {
    max-width: 100%;
  } 
  .header-tag-lawyer-consultor {
    padding: 6px 10px;
    align-items: center;
  }
  .flotanteTop{
    z-index: 1;
    top: 0;
    position: sticky;
  }
  .ca-contenido-normal p {
    margin: 0 important;
    font-size: 14px;
  }
  .column_text .d-flex{
    flex-direction: row!important;
  }
  /*para el flotanteTop*/
  .pdd-left-null{
    padding-left: 0;
  }
  .pdd-right-null{
    padding-right: 0;
  }
  .regresar {
    width: 100%;
    position: relative;
    padding: 10px 0!important;
    background-color: #fff;
    display: none;
  }
  .white-back .regresarTop{
    width: auto;
    background: #738da8;
    display: flex;
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
  }
  .text_regresar{
    font-size: 13px!important;
  }
  .iconsHead .mr-2{
    margin-right: 0!important;
  }
  .content_left, .content_right{
    display: none;
  }
  .regresar .iconHerramientaNone{
    display: none;
  }
  .navbar-responsive{
    border-bottom: 1px solid rgb(0 0 0 /20%)!important;
  }
  .iconHerramienta .iconsHead{
    height: 100%;
    display: flex;
    align-items: center;
    background: #738da8;
    margin-left: 1px;
    padding: 0px 15px;
  }
  .white-back .regresarTop a {
    color: #fff!important;
    font-size: 16px!important;
    align-items: center;
    display: flex;
    height: 45px;
  }
  .white-back .regresarTop a .fa-arrow-left{
    margin-right: 5px!important;
  }
  .tituloHerrCompleto{
    position: absolute;
    display: none;
    width: 100%;
    top: 50px;
    max-width: 100%;
    height: auto;
    max-height: 600px;
    justify-content: center;
    opacity: 1;
    left: 0;
  }
  
  .globo{
    position: relative;
    width: 40%;
    display: inline-block;
    height: auto;
    top: 0;
    padding: 0.8em;
    border-radius: 3px;
    z-index: 1;
    background-color: white;
    color: black;
    filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.2));
  }
  
  .globo::before{
    content: '';
    position: absolute; 
    z-index: -1;
    width: 13px;
    height: 41px;
    top: -5px;
    background-color: white;
    transform: skewY(58deg);
  }
  .ca-contenido-modificacion, 
  .ca-contenido-derogacion, 
  .ca-contenido-sustitucion, 
  .ca-contenido-eliminacion,
  .ca-contenido-incorporacion{
    overflow-x: auto;
  }
  .ca-contenido-modificacion-l, 
  .ca-contenido-derogacion-l, 
  .ca-contenido-sustitucion-l, 
  .ca-contenido-eliminacion-l,
  .ca-contenido-incorporacion-l{
    border: 1px solid rgba(0,0,0,.4);
    margin-top: 0!important;
    margin-bottom: 0!important;
    margin-right: 5px;
    width: 13px;
    height: 13px;
  }
  /*fin del flotanteTop*/
  /*para el flotante_left*/
  .flotanteLeft .text-line-1 {
    display: flex!important;
    line-height: 1.5!important;
    padding-top: 6px;
    word-break: normal!important;
    text-align: left!important;
    align-items: baseline;
  }
  .card div .tituloCard {
    background: #5383a9;
    color: #fff;
  }
  /*fin del flotante_left*/
  /*para el flotante_right*/
  .flRight_child .inner{
    height: auto!important;
  }
  .flotanteRight .nav{
    flex-wrap: inherit!important;
    overflow-x: auto;
    background-color: #eeeeee!important;
    border: 0px;
  }
  .nav-tabs .nav-item{
    margin-bottom: 0!important;
  }
  .componente-global.buscador {
    box-shadow: none;
  }
  .collapse-sidebar-right a {
    display: flex!important;
    position: relative;
    width: 100%;
    align-items: center;
    padding: 10px !important;
    font-size: 14px !important;
    color: #702b1f;
  }
  .collapse-sidebar-right a span {
    position: absolute;
    right: 10px;
  }
  #draggable-container{
    max-width: 60%;
  }
  .veIconsHead{
    padding: 0 6px;
  }
  /*fin del flotante_right*/
  /*para column_text*/
  .column_text{
    top: 20px;
  }
  .consultor-content-html p:first-child{
    margin: 0;
  }
  .title-content,.opcLect,.body-lect,.opciones-lectura,.favorite,.flex-row{
    display: flex;
  }
  span.flex-row i{
    font-size: 16px;
    display: flex;
    align-items: center;
  }
  .flex-row .name-contenido{
    font-size: 12px;
    margin-left: 5px;
    font-family: "Lato", sans-serif !important;
    font-weight: 600;
  }
  .title-content {
    background: #f5f5f5;
    padding: 10px 15px;
    margin: 0!important;
    border: 1px solid #c6c6c6;
  }
  .contenidoaresaltar {
    border: 1px solid #c6c6c6;
    padding: 10px 15px;
  }
  .title-subtitle-lectura{
    width: calc(100% - 300px);
    color: #3d3d3d;
    text-align: left;
    line-height: 1.5;
  }
  .title-contenido-lectura{
    font-size: 18px;
    font-weight: 800;
  }
  .subtitle-contenido-lectura{
    font-size: 16px;
    font-weight: 600;
  }
  .table-lectura {
    width: 300px;
  }
  .opcLect{
    width: 100%;
    flex-direction: column;
    text-align: center;
  }
  .body-lect {
    flex-wrap: wrap;
    border: 1px solid #c6c6c6;
    background: #fff;
    font-size: 14px;
    padding: 5px 20px;
  }
  .title-lect {
    background: #e8e8e8;
    border: 1px solid #c6c6c6;
    font-size: 12px;
  }
  .opciones-lectura,.favorite{
    width: 50%;
    /* justify-content: center; */
    align-items: center;
    font-size: 12px;
  }
  .favorite {
    /*justify-content: center;*/
    align-items: center;
    width: 50%;
  }
  .favorite span{
    padding: 0!important;
  }
  .favorite span span{
    margin-right: 3px;
    align-items: center;
  }
  /*para column_text*/
  /*para la estrellita al seleccionar favoritos*/
  .favoritiado{
    color: #ff5722 !important;
  }
  .column_text .desfavoritiado{
    color: #000000 !important;
    font-size: 16px;
  }
  /*fin de la estrellita al seleccionar favoritos*/
  /*para ventana emergente*/
  .modal-lg {
    max-width: 100%;
    height: 100%;
    position: relative;
    /*justify-content: center;*/
    align-items: center;
    display: flex;
    margin: 0!important;
    margin-top: 20px!important;
    flex-direction: column;
  }
  .modal-lg .modal-content{
    width: 80%!important;
  }
  /*fin de ventana emergente*/
  /*fin del contenido dentro de los list*/
  /*SECTION BUSQUEDA*/
  .back-black{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .35);
    z-index: -9;
    opacity: 0;
  }
  .button-filter{
    display: none;
  }
  .search-left{
    max-width: 280px;
    flex: 0 0 280px;
  }
  .search-right{
    max-width: calc(100% - 280px);
  }
  .list-flotante-left .btn{
    white-space: normal!important;
    text-align: start;
  }
  /*SECTION BUSQUEDA*/
/******************************FIN GENERAL CSS***********************************/
@media (min-width:1281px){
  /*para el consultor-juridico/list */
  /*para las listas*/
  .icono_contenido{
    width: auto;
    height: 15px;
    margin-right: 10px;
  }
  .header-tag-lawyer-consultor {
    padding: 3px 10px;
    align-items: center;
  }
  .title_lista {
    font-size: 14px;
    font-weight: 600;
  }
  /*flotante-top*/
  .tituloHerramienta{
    cursor: pointer;
    width: calc(100% - 400px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .tituloHerramienta strong{
    height: 20px;
    padding-left: 10px;
  }
  /*flotante-top*/
  /*PARA EL CONTENEDOR DENTRO DEL LIST*/
  .flotanteTop {	
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .float_left_fat, .float_right_fat{
    margin-left: 0!important;
    flex: 0 0 280px!important;
    max-width: 280px!important;
  }
  .flotanteLeft, .flotanteRight {
    position: sticky;
    top: 70px;
  }
  .resp_content:nth-child(2) {
    z-index: 0;
    top: 0;
    position: relative;
  }
  .barra_left, .barra_right {
      position: relative;
      width: 20%;
  }
  .componentesFlotantes {
      position: fixed;
      max-width: 15%;
      margin-top: 100px;
  }
  .barraHerramientas {
    position: sticky;
    width: 100%;
    margin-right: 15px;
    /*padding: 10px;*/
  }
  .regresar {
    position: sticky;
    padding: 10px 0;
    width: 100%;
    background: #fff;
  }
  .row.header_list {
      position: relative;
      top: 46px;
  }
  .column_text{
    flex: 0 0 100%!important;
    max-width: calc(100% - 560px)!important;
    /*border: 1px solid #ddd8d8;*/
  }
  /*para flotante_right*/
  .has-search{
    position: relative!important;
  }
  .has-search .form-control-feedback{
    top: 0!important;
    right: 0!important;
  }
  /*fin de flotante_right*/
  /*FIN PARA EL CONTENEDOR DENTRO DEL LIST*/
}
/********************************************************************/
/********************************************************************/
@media (min-width:1025px) and (max-width:1280px){
  .icono_contenido {
    width: 35px;
    height: 25px;
    margin-right: 10px;
  }
  .header-tag-lawyer-consultor {
    padding: 2px 10px;
    align-items: center;
  }
  .title_lista {
    font-size: 14px;
  }
  /******************************/
  /*PARA EL CONTENEDOR DENTRO DEL LIST*/
  .flotanteTop {	
    position: sticky;
    top: 0;
    z-index: 2;
  }
  /*flotante-top*/
  .tituloHerramienta{
    cursor: pointer;
    width: calc(100% - 400px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .tituloHerramienta strong{
    height: 20px;
    padding-left: 10px;
  }
  /*flotante-top*/
  .float_left_fat, .float_right_fat{
    margin-left: 0!important;
    flex: 0 0 270px!important;
    max-width: 270px!important;
  }
  .column_text{
    flex: 0 0 58%!important;
    max-width: calc(100% - 540px)!important;
    /*border: 1px solid #ddd8d8;*/
  }
  .flotanteLeft, .flotanteRight {
    position: sticky;
    top: 70px;
  }
  .barra_right {
    right: 15px;
  }
  .componentesFlotantes {
      position: fixed;
      max-width: 15%;
      margin-top: 100px;
  }
  .barraHerramientas {
    position: sticky;
    width: 100%;
    margin-right: 15px;
    /*padding: 10px;*/
  }
  .resp_content:nth-child(2) {
      z-index: 0;
      position: relative;
      top: 0;
  }
  .regresar {
    position: sticky;
    padding: 10px 0;
    width: 100%;
    background: #fff;
  }
  .row.header_list {
      position: relative;
      top: 46px;
  }
  /*para flotante_right*/
  .has-search{
    position: relative!important;
  }
  .has-search .form-control-feedback{
    top: 0!important;
    right: 0!important;
  }
  /*fin de flotante_right*/
  /*FIN PARA EL CONTENEDOR DENTRO DEL LIST*/
}
/********************************************************************/
/********************************************************************/
@media (min-width:768px) and (max-width: 1024px){
  .input_search {
    flex: 0 0 55%;
    max-width: 55%;
  }
  /*consutlor juridico / list*/
  .list_conJur{
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
  .col-lg-4{
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 7px;
  }
  /*para las listas*/
  .header-tag-lawyer-consultor {
    padding: 2px 5px;
    align-items: center;
  }
  .icono_contenido {
    width: 25px!important;
    height: 25px!important;
    margin-right: 10px;
  }
  .title_lista {
    font-size: 12px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
  }
  /*fin de las listas*/
  /*fin para el consultor-juridico/list */
  /*para el contenedor dentro del list*/
  .flotanteTop{
    position: sticky;
    top: 0;
    z-index: 2;
  }
  /*flotante-top*/
  .tituloHerramienta{
    cursor: pointer;
    width: calc(100% - 400px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .tituloHerramienta strong{
    height: 20px;
    padding-left: 10px;
  }
  /*flotante-top*/
  .container_list_top .row{
    flex-wrap: "";
    flex-direction: column;
  }
  .flotanteLeft,.flotanteRight{
    position: sticky;
    top: 100px;
  }
  .componente-global.card {
    width: 90%;
    margin: 10px;
    margin-top: 0;
  }
  .row_bottom{
    max-width: 100%!important;
  }
  .top_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .top_wrap .inner{
    width: 100%;
  }
  .top_wrap .componente-global{
    width: 45%;
    margin: 10px;
  }
  /*PARA EL CONTENEDOR DEL BODY DENTRO DEL LIST*/
  .float_left_fat, .float_right_fat{
    flex: 0 0 25%!important;
    max-width: 25%!important;
    padding-left: 5px!important;
    padding-right: 10px!important;
    margin-left: 0!important;
  }
  .column_text{
    flex: 0 0 50%!important;
    max-width: 50%!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
    /*border: 1px solid #ddd8d8;*/
  }
  .flotanteTop {
    position: sticky;
    top: 0;
  }
  .flotanteLeft,.flotanteRight {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: sticky;
    top: 70px;
    max-height: calc(100vh - 157px);
    height: calc(100vh - 157px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 5px;
  }
  .inner {
    width: 100%;
  }  
  .componente-global {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .flRight_child{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    font-size: 12px;
  }
  .flRight_child .buscador{
    position: relative!important;
    width: 100%;
    padding: 5px;
    left: 0!important;
  }
  .buscador-contenido {
    display: flex;
    justify-content: center;
  }
  /*para el flotanteRight*/
  .flotanteRight .styleCard{
    max-height: 100%!important;
  }
  .flotanteRight .nav{
    flex-wrap: inherit;
    overflow-x: auto;
  }
  .flotanteRight .nav-tabs .nav-item{
    margin-bottom: 0px!important;
  }
  .has-search{
    position: relative!important;
  }
  .has-search .form-control-feedback{
    top: 0!important;
  }
  /*fin para flotanteRight*/
  /*para el column_Text*/
  .title-content{
    flex-direction: column;
    align-items: center;
  }
  .title-subtitle-lectura{
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }

  /*para el column_Text*/
  /*FIN PARA EL CONTENEDOR DEL BODY DENTRO DEL LIST*/
  /*fin del contenedor dentro del list*/
  /*SECTION BUSQUEDA*/
  .list-flotante-left{
    padding-left: 0;
    padding-right: 0;
  }
  /*SECTION BUSQUEDA*/
}
/********************************************************************/
/********************************************************************/

@media (min-width:481px) and (max-width:767px){
  /*inicio portada*/
  .consultor{
    display: none;
  }
  .juridico{
    display: block;
  }
  .juridico img{
    width: 80%;
    height: 100%;
  }
  .has-search.input_search {
    padding: 0 15%;
  }
  .search-consultor h1 .consultor, .search-consultor h1 .juridico {
  font-size: 33px;
  }
  /*fin portada*/
  .conten-list-est {
    padding: 30px;
  }
  .panel-filter .text-center {
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
  .form-search-res .input-group-append .form-control-feedback {
    display: block;
    right: 20%;
  }
  /*fin para la primera seccion del index*/
  /*para la segunda seccion*/
  .panel-filter .text-center {
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
  .panel-filter .cuadrado-border .card img {
    width: 60px;
    height: 80px;
  }
  .panel-filter .cuadrado-border .card h6 {
    margin-top: 10px;
    font-size: 14px;
  }
  .cuadrado-border div div {
    padding: 20px 0!important;
  }
  /*fin de la segunda seccion*/
  /*para el consultor-juridico/list */
  .list_conJur{
    display: grid;
    grid-template-columns: repeat(1,1fr);
  }
  /*para las listas*/
  .body-component-lawyer-consultor{
    max-height: 300px;
  }
  .header-tag-lawyer-consultor {
    padding: 2px 5px;
    align-items: center;
  }
  .icono_contenido {
    width: 20px!important;
    height: 20px!important;
    margin-right: 10px;
  }
  .title_lista {
    font-size: 12px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
  }
  .icono_contenido {
    width: 30px;
    height: 20px;
    margin-right: 4px;
  }
  .list_conJur{
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
  .list_juridico {
    padding: 0 4px;
    padding-top: 1rem!important;
  }
  .header-tag-lawyer-consultor {
    padding: 2px 10px;
    align-items: center;
  }
  .item-component-lawyer-consultor p {
    font-size: 12px;
    display: flex;
    line-height: 1.5;
  }
  /*fin de las listas*/
  /*fin para el consultor-juridico/list */
  /*para el header de la informacion de los list*/
  .flotanteTop{
    position: relative!important;
  }
  .flotanteTop .col-12{
    padding: 0!important;
  }
  .iconHerramienta{
    padding: 5px;
    margin-right: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
  }
  .iconHerramienta{
    display: none;
  }
  .iconHerramientaNone .iconsHead:nth-child(2), 
  .iconHerramientaNone .iconsHead:nth-child(3) {
      display: none;
  }
  /*para el flotanteTop*/
  .white-back .regresarTop{
    display: none;
  }
  .tituloHerrCompleto{
    display: none;
  }
  .regresar{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0!important;
    background: rgba(0,0,0,.1);
    height: 50px;
  }
  .white-back {
    margin-top: 10px;
  }
  .content_left, .content_right {
    display: flex;
    width: 15%;
  }
  .content_right{
    justify-content: end;
  }
  .content_left img, .content_right img{
    padding: 2px;
    width: 40px;
    height: auto;
  }
  .content_left:hover, .content_right:hover{
    background-color: rgba(150, 144, 144, 0.3);
  }
  .regresar a {
    width: auto;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    align-items: center;
  }
  .regresar .iconHerramientaNone{
    display: flex;
    flex-direction: row;
    justify-content: end;
    width: 45%;
    align-items: center;
  }
  .iconHerramientaNone .iconsHead{
    width: 25%;
    display: flex;
    justify-content: center;
  }
  .iconHerramientaNone .fa{
    font-weight: 600;
    font-size: 18px;
  }
  .text_regresar {
    padding-left: 10px;
    width: 25%!important;
  }
  .icons_cj{
    margin-right: 0!important;
  }
  .iconHerramienta{
    display: none;
  }
  .iconHerramientaNone .iconsHead:nth-child(2), 
  .iconHerramientaNone .iconsHead:nth-child(3) {
    display: none;
  }
  /*fin del flotanteTop*/
  /*fin del header de la informacion de los list*/
  /*para esconder el float_left_faty el float_right_fat*/
  .titulo-indice-item{
    white-space: unset!important;
  }
  .back{
    background-color: rgba(0,0,0,.6);
    width: 100%;
    height: calc(100vh - 115px);
    position: absolute;
    z-index: -1;
    opacity: 0;
    padding: 0;
    top: 115px;
    left: 0;
    transition: all 1.5s;
  }
  .float_right_fat{
    position: fixed;
    z-index: 2;
    padding: 0;
    top: 115px;
    width: 75%;
    /*****************/
    margin-left: 100%;
    transition: all 1.5s;
  }
  .float_left_fat {
    position: fixed;
    z-index: 2;
    padding: 0;
    top: 115px;
    width: 75%;
    /*****************/
    margin-left: -100%;
    transition: all 1.5s;
  }
  .flotanteRight{
    width: 100%;
    height: calc(100vh - 115px);
    background: #fff;
    overflow: auto;
    float: right;
  }
  .flotanteRight .nav{
    flex-wrap: inherit!important;
    overflow-x: auto;
  }
  .flotanteRight .nav-tabs .nav-item{
    margin-bottom: 0px!important;
  }
  .flotanteLeft {
    width: 100%;
    height: calc(100vh - 115px);
    background: #fff;
    overflow: auto;
  }
  .styleCard {
      max-height: 100%;
      position: inherit !important;
      width: auto;
      padding: 10px!important;
      border: 1px solid rgba(0,0,0,.15);
  }
  .flotanteLeft .componente-global {
      padding: 10px 20px!important;
      border: 0px!important;
      box-shadow: none!important;
  }
  .flRight_child {
    padding: 10px 20px;
  }
  .flotanteLeft .indice-item{
    max-height: 100%!important;
  }
  .flotanteLeft .text-line-1{
    display: flex!important;
    line-height: 1.5!important;
    padding-top: 6px;
    word-break: normal!important;
    text-align: left!important;
  }
  .flotanteLeft .fa-caret-right{
    bottom: 0px!important;
    line-height: 2;
  }
  .has-search .form-control-feedback {
    top: 0px!important;
    right: 0!important;
  }
  #draggable-container{
    max-width: 80%!important;
  }
  .veIconsHead{
    padding: 0 6px;
  }
  #draggable-header .styleHead{
    display: flex;
    flex-direction: column;
  }
  .iconHerramientaModal{
    padding: 5px 0;
    margin-left: 0!important;
  }
  /*fin de esconder el float_left_fat y el float_right_fat*/
  .column_text{
    border: 0px solid!important;
  }
  .column_text .text-right{
    display: flex;
  }
  /*para la informacion de los list*/
  .text-right.m-3 span {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: start;
  }
  .columnText p{
    font-size: 13px;
  }
  .item-titulo{
    font-size: 13px;
  }
  div#content-highlight {
    padding: 0 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
  }
  .botonHistorial {
    position: relative;
    right: 0;
  }
  span.botonHistorial.norma-enlace {
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .regresar {
    padding: 10px 0;
  }
  /******************************/
  /*para el column_Text*/
  .title-content{
    flex-direction: column;
    align-items: center;
  }
  .title-subtitle-lectura{
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }

  /*para el column_Text*/
  /*tabla dentro del list*/
  #content tr {
    display: flex;
    flex-direction: row;
  }
  table {
    display: block;
    overflow-x: auto;
    border-collapse: collapse;
    width: 100%;
  }
  #content tbody {
    display: flex;
    flex-direction: column;
  }
  /*******/
  /*para las tablas que exceden el ancho de la vista de lectura*/
  .ca-contenido-normal {
    overflow: auto;
  }
  .column_view_text {
    display: flex;
    flex-direction: column;
  }
  .columnText {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .resp_content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex_column_row{
    display: flex;
    flex-direction: column;
  }
  .row_content {
    padding: 10px;
  }
  /******************************/
  /*PARA EL BUSCADOR DEL TEXTO*/
  .buscador{
    position: relative!important;
    left: 0!important;
    right: 0!important;
    width: 100%;
  }
  .buscador-contenido {
    display: flex;
    justify-content: center;
  }
  .componente-buscador-contenido .row{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    margin: 0!important;
  }
  .barraHerramientas.flex-wrap {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 5px;
  }
  /*FIN PARA EL BUSCADOR DEL TEXTO*/
  /*SECTION BUSQUEDA*/
  .button-filter{
    display: block;
    position: relative;
    background-color: #eeeeee;
    color: #5b5b5b;
    font-size: 15px;
    padding: 10px;
    max-width: max-content;
  }
  .search-left{
    /*max-width: 250px;*/
    position: fixed;
    z-index: 9;
    left: -100%;
    top: 65px;
    padding-right: 0;
    padding-left: 0;
    background: #fff;
  }
  .search-right{
    max-width: 100%;
  }
  .search-left .divflotante {
    height: calc(100vh - 65px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  /*SECTION BUSQUEDA*/
}
/********************************************************************/
/********************************************************************/
@media  (max-width:480px){
  /*inicio portada*/
  .search-consultor {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .has-search.input_search {
    padding: 0 0%;
  }
  .consultor{
    display: none;
  }
  .juridico {
    display: block;
    width: 100%;
    padding: 5% 10px;
  }
  .juridico img{
    width: 50%;
  }
  .search-consultor .m-4 {
    margin: 0px 8px!important;
    width: 100%!important;
    padding: 5% 15px;
  }
  .cuadrado-border div div {
    padding: 35% 0!important;
  }
  /*fin portada*/
  .barraHerramientas {
    flex-direction: column;
    text-align: center;
  }
  .panel-filter .text-center {
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
  .form-search-res .input-group-append .form-control-feedback {
    display: block;
    right: 20%;
  }
  .cuadrado-border {
    max-width: 100%;
  }
  .panel-filter .cuadrado-border .card img {
    width: 50px;
    height: 75px;
  }
  .panel-filter .cuadrado-border{
    display: block;
  }
  .conten-list-est{
    padding: 0;
    width: auto;
    padding: 4% 0;
  }
  .panel-filter .cuadrado-border .card h6 {
    margin-top: 0px;
    font-size: 11px;
  }
  /*consutlor juridico / list*/
  .title_lista {
    font-size: 12px;
  }
  .icono_contenido {
    width: 30px;
    height: 20px;
    margin-right: 4px;
  }
  .list_conJur{
    display: grid;
    grid-template-columns: repeat(1,1fr);
  }
  .list_juridico {
    padding: 0 2px;
    padding-top: 1rem!important;
  }
  .header-tag-lawyer-consultor {
    padding: 1px 10px;
    align-items: center;
  }
  .item-component-lawyer-consultor p {
    font-size: 12px;
    display: flex;
    line-height: 1.5;
  }
  .regresar {
    padding: 10px 0;
  } 
  /******************************/
  /*consultor-juridico/list*/
  .body-component-lawyer-consultor {
    max-height: 300px;
    height: auto;
  }
  /*fin consultor-juridico/list*/
  /*consultor juridico*/
  .columnText p{
    font-size: 13px;
  }
  .item-titulo{
    font-size: 13px;
  }
  div#content-highlight {
    padding: 0 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
  }
  strong {
    font-size: 16px;
  }
  .botonHistorial {
    position: relative;
    right: 0;
  }
  .botonHistorial.norma-enlace {
    width: 100%;
    display: flex;
    justify-content: end;
  }
  #content tr {
    display: flex;
    flex-direction: row;
  }
  table {
    border-collapse: collapse;
    width: 100%;
  }
  #content tbody {
    display: flex;
    flex-direction: column;
  }
  .lect-second{
    padding-left: 5px;
  }
  /************/
  /*para las tablas que exceden el ancho de la vista de lectura*/
  .ca-contenido-normal {
    overflow: auto;
  }
  .column_view_text {
    display: flex;
    flex-direction: column;
  }
  .columnText {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .resp_content {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex_column_row{
    display: flex;
    flex-direction: column;
  }
  .row_content {
    padding: 10px;
  }
  .d-flex{
    flex-direction: row!important;
  }
  /******************************/
  /*articulo sombreado*/
  .ca-contenido-modificacion-binfo, .ca-contenido-modificacion{
    margin-left: 0px!important;
  }
  .text-right.m-3 span{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: start;
  }
  /*para el flotanteTop*/
  .white-back .regresarTop{
    display: none;
  }
  .tituloHerrCompleto{
    display: none;
  }
  .flotanteTop{
    position: relative!important;
  }
  .flotanteTop .col-12 {
    padding: 0;
  }
  .regresar{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0!important;
    background: rgba(0,0,0,.1);
    height: 50px;
  }
  .favorite{
    width: 50%;
  }
  .white-back {
    margin-top: 10px;
  }
  .content_left, .content_right {
    display: flex;
    width: 15%;
  }
  .content_right{
    justify-content: end;
  }
  .content_left img, .content_right img{
    padding: 2px;
    width: 40px;
    height: auto;
  }
  .content_left:hover, .content_right:hover{
    background-color: rgba(150, 144, 144, 0.3);
  }
  .regresar a {
    width: auto;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    align-items: center;
  }
  .regresar .iconHerramientaNone{
    display: flex;
    flex-direction: row;
    justify-content: end;
    width: 45%;
    align-items: center;
  }
  .iconHerramientaNone .iconsHead{
    width: 25%;
    display: flex;
    justify-content: center;
  }
  .iconHerramientaNone .fa{
    font-weight: 600;
    font-size: 18px;
  }
  .text_regresar {
    padding-left: 10px;
    width: 25%!important;
  }
  .icons_cj{
    margin-right: 0!important;
  }
  .iconHerramienta{
    display: none;
  }
  .iconHerramientaNone .iconsHead:nth-child(2), 
  .iconHerramientaNone .iconsHead:nth-child(3) {
    display: none;
  }
  /*fin del flotanteTop*/
  /*para esconder el float_left_faty el float_right_fat*/
  .back{
    background-color: rgba(0,0,0,.6);
    width: 100%;
    height: calc(100vh - 115px);
    position: absolute;
    z-index: -1;
    opacity: 0;
    padding: 0;
    top: 115px;
    left: 0;
    transition: all 1.5s;
  }
  .titulo-indice-item{
    white-space: unset!important;
  }
  .float_right_fat{
    position: fixed;
    z-index: 2;
    padding: 0;
    top: 115px;
    width: 75%;
    /*****************/
    margin-left: 100%;
    transition: all 1.5s;
  }
  .float_left_fat {
    position: fixed;
    z-index: 2;
    padding: 0;
    top: 115px;
    left: 0;
    width: 75%;
    /*****************/
    margin-left: -100%;
    transition: all 1.5s;
  }
  .flotanteRight{
    float: right;
  }
  .flotanteLeft,.flotanteRight {
    width: 100%;
    height: calc(100vh - 107px);
    background: #fff;
    overflow: auto;
  }
  .flotanteRight .nav {
    flex-wrap: inherit!important;
    overflow-x: auto;
  }
  .flotanteRight .nav-tabs .nav-item {
    margin-bottom: 0px!important;
  }    
  .flotanteLeft .indice-item{
    max-height: 100%!important;
  }
  .flotanteLeft .text-line-1{
    display: flex!important;
    line-height: 1.5!important;
    padding-top: 6px;
    word-break: normal!important;
    text-align: left!important;
  }
  .flotanteLeft .fa-caret-right{
    bottom: 0px!important;
    line-height: 2;
  }
  .styleCard {
    max-height: 100%;
    position: inherit !important;
    width: auto;
    padding: 10px!important;
    border: 1px solid rgba(0,0,0,.15);
  }
  .flotanteLeft .componente-global {
    padding: 10px!important;
    border: 0px!important;
    box-shadow: none!important;
  }
  .flRight_child {
    padding: 10px;
  }
  .has-search .form-control-feedback {
    top: 0px !important;
    right: 0!important;
  }
  #draggable-container{
    max-width: 80%!important;
  }
  .veIconsHead{
    padding: 0 6px;
  }
  #draggable-header .styleHead{
    display: flex;
    flex-direction: column;
  }
  .iconHerramientaModal{
    padding: 5px 0;
    margin-left: 0!important;
  }
  /*fin de esconder el float_left_fat y el float_right_fat*/
   /*para el column_Text*/
   .title-content{
    flex-direction: column;
    align-items: center;
  }
  .title-subtitle-lectura{
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }
  .table-lectura{
    width: 100%;
  }
  .body-lect{
    flex-direction: column;
    align-items: center;
  }
  /*para el column_Text*/
  /*para el contenido*/
  .column_text .text-right{
    display: flex;
  }
  .row.index{
    padding: 0 5px;
  }
  /*fin del contenido*/
  /*PARA EL BUSCADOR DEL TEXTO*/
  .buscador{
    position: relative!important;
    left: 0!important;
    right: 0!important;
    width: 100%;
  }
  .buscador-contenido {
    display: flex;
    justify-content: center;
  }
  .componente-buscador-contenido .row{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    margin: 0!important;
  }
  /*FIN PARA EL BUSCADOR DEL TEXTO*/
  /*PARA EL CONTENIDO*/
  .item-contenido-revista div div span div div:nth-child(1) {
    padding-left: 2px!important;
  }
  .componentesFlotantes{
    width: 100%!important;
  }
  /*FIN PARA EL CONTENIDO*/
  /*PARA LA PARTE FINAL DEL CONTENEDOR*/
  .barraHerramientas.flex-wrap {
    flex-direction: column!important;
    align-items: center;
    padding: 5px;
  }
  /*FIN PARA LA PARTE FINAL DEL CONTENEDOR*/
  /*SECTION BUSQUEDA*/
  .button-filter{
    display: block;
    position: relative;
    background-color: #eeeeee;
    color: #5b5b5b;
    font-size: 15px;
    padding: 10px;
    max-width: max-content;
  }
  .search-left{
    /*max-width: 250px;*/
    position: fixed;
    z-index: 9;
    left: -100%;
    top: 65px;
    padding-right: 0;
    padding-left: 0;
    background: #fff;
  }
  .search-right{
    max-width: 100%;
  }
  .search-left .divflotante {
    height: calc(100vh - 65px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  /*SECTION BUSQUEDA*/
}
@media (min-width:769px){
  .d-lg-flex.input_central{
    display: block!important;
      position: relative;
      max-width: 100%;
      flex: 0 0 30%;
  }
  .input_central .input-group{
    width: 100%!important;
  }
}
@media (max-width:768px){
  .d-lg-flex.input_central{
    display: none!important;
  }
}

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Notificaciones */

.no-title-conten{border-bottom:dotted 1px #333;padding-bottom:15px;margin-bottom:15px}
.no-title-conten .title-area{font-size:26px;font-weight:300}
.no-title-conten .title-area i{color:#2b2b2b}
.no-title-conten .subtitle-area{color:#2b2b2b;font-size:15px}
.not-conten .text-remitente{color:#2b2b2b;font-weight:500}
.barra-top{border-bottom:dotted 1px #333;padding-bottom:10px;margin-bottom:15px}
.barra-top a{color:#2b2b2b}
.barra-top a:hover{text-decoration:underline}
.not-conten{background-color:#fff;border:solid 1px #2b2b2b;padding:8px 15px;border-radius:10px;margin-bottom:15px;font-size:15px;padding-bottom:15px}
.not-conten a:hover{text-decoration:underline}
.not-conten .not-link-estado a{text-align:center;line-height:20px;font-size:13px;width:20px;height:20px;display:block;background-color:#ececec;border-radius:40px;color:#2b2b2b}
.not-conten .not-link-estado a:hover{color:#fff;background-color:#2b2b2b}
.not-leida{opacity:.5;border:solid 1px #ccc;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s}
.not-leida:hover{opacity:1;border:solid 1px #ccc}
.notificaciones-msg-end{color:#666;letter-spacing:1px;font-size:13px}
.not-leida .text-remitente{color:#0576a6;font-size:13px;padding-bottom:4px}
.notificaciones-stats-bar{font-size:14px}
a.marcar-leido-notificaciones:link,a.marcar-leido-notificaciones:visited{color:#2b2b2b}
a.marcar-leido-notificaciones:hover{text-decoration:underline;color:#000}

.dip-conten{
    font-size: 14px;
}
.dip-title{
    font-size: 26px;
    font-weight: 300;
}
.dip-subtitle-area{
    color: #555;
    font-size: 14px;
    margin: 10px 0;
    padding: 10px 0;
    border-top: solid 1px #c0c7ce;
    border-bottom: solid 1px #c0c7ce;
}
.dip-subtitle{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.dip-option-co{
    margin-right: 15px;
}
.dip-option-co:last-child{
    margin-right: 0px;
}
a.dip-option-link{
    display: block;
    background: #ff8402;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: solid 3px #ff8402;
}
.dip-option-title{
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    height: 50px;
    font-size: 16px;
}
 
a.dip-option-link:hover{
    -webkit-box-shadow: 0px 0px 6px 0px rgba(133,133,133,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(133,133,133,1);
box-shadow: 0px 0px 6px 0px rgba(133,133,133,1);
}
.dip-conten-terminos{
    background: #ffffff;
    border: solid 2px #e2e2e2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px 10px;
    margin-bottom: 15px;
}
a.dip-link-modulo{
    display: block;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 2px 1px #dedede;
    margin-bottom: 15px;
}
a.dip-link-modulo:hover{
    border: solid 1px #ff8402;
    box-shadow: 0px 2px 1px #e6d7c0;
}
.dip-img-modulo img{
    width: 200px;
}
.dip-title-modulo{
    font-size: 16px;
    font-weight: 500;
}
.dip-text-pregunta{
    font-size: 15px;
    font-weight: 500;
}
.dip-num-preg{
    margin-top: 15px;
    margin-bottom: 10px;
}
.dip-cont-pregunta{
    border-left: solid 1px #ccc;
    padding-left: 15px;
}
.dip-num-pr{
    background: #6e0310;
    padding: 1px 5px;
    color: #fff;
    border-radius: 3px;
    margin: 0 5px 0 8px;
    font-weight: 500;
}
.dip-txt-ex{
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 3px;
}
.ex-num{
    background: #6e0310;
    font-size: 24px;
    color: #ffffff;
    padding: 3px 6px;
    border-radius: 6px;
}
.text-respuesta{
    color: #6e0310;
    font-weight: 500;
}
.alert-msj-examen{
    width: 50%;
    margin: 0 auto;
}
.nota-final{
    font-size: 60px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -5px;
}
.table-notas thead{
    background: #6e0310;
    color: #ffffff;
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadpenal.pe |
'---------------------------'
*/

/* Catalogo */


.ca-item-area .ca-item-titulo-view{
   font-size: 20px;
   font-weight: 300;
   padding-top: 5px;
}

.ca-contenido-general {
   padding: 10px;
}

.ca-contenido-general .ca-cg-titulo {
    font-weight: bold;
    font-size: 17px;
    margin: auto 0;
}

.ca-contenido-general .ca-tool-cg {
    margin-left: 10px;
    padding: 8px 8px;
    border-radius: 5px;
    font-size: 12px;
    background-color: #bc5c68;
    border: 1px solid #bc5c68;
    color: #fff;
    text-transform: uppercase;
    transition: 0.5s;
    cursor: pointer;
    font-family: 'Roboto', sans-serif !important;
}
.expandir{
    font-family: sans-serif;
    font-weight: 600;
    padding-left: 5px;
}

.ca-contenido-general .ca-tool-cg:hover {
   transition: 0.5s;
   background-color: #fff;
   border: 1px solid #284165;
   color: #284165;
}

.resaltado-local{
   background: #ff8402 !important;
   color: #fff !important;
}

.ca-item-subtitulo-view {
   font-size: 15px;
   padding-top: 5px;
   padding-bottom: 20px;
}
.ca-item-root {
    padding: 10px 10px 10px 10px;
}

.ca-item-root .open-node {
    color: #0078ff;
    margin-right: 10px;
    cursor: pointer;
}
.ca-item-root .node-titulo {
    margin-right: 10px;
}
.ca-item-root .options{
    min-width: 55px;
}
.ca-item-root .options a{
    color: #635f5f;
}
.ca-info-general{
    background: #fff0ed;
}
.has-content {
    color: #0078ff;
    cursor: pointer;
}

.has-content:hover {
    text-decoration: underline;
    
}
.tooltip .tooltip-inner {
    background: #bc5c68 !important;
  }

.item-subtitulo {
    margin-left: 26px;
    padding: 5px 0px;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}

.item-favorite {
    color: #ff8402 !important;
}

.item-ca {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 6px #ccc;
    padding: 0px;
}

.ca-item-imagen {
    text-align: center;
    padding: 10px;
}

.ca-item-imagen img {
    text-align: center;
    box-shadow: -2px 2px 0px 1px #ccc;
    border: 1px solid #a7a7a7;
    cursor: pointer;
}

.overlay {
    position: relative;
    width: 180px;
    height: 258px;
    margin: 0 auto;
   
    cursor: pointer;
}


 .image-caption {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #2f496eb5;
    color: #fff;
    opacity: 0;
    transition: 0.5s;
}
 .image-caption i{
    font-size: 40px;
    margin-top: 50%;
    color: #f58d2e;
}

 .image-caption:hover {
    opacity: 1;
    transition: 0.5s;
}

.ca-item-titulo {
    padding: 2px;
    text-align: center;
    font-size: 16px;
    color: #2f496e;
    font-weight: 600;
}

.ca-item-subtitulo {
    padding: 2px;
    text-align: center;
    color: #777;
    font-size: 14px;
    text-transform: uppercase;
}

.ca-item-tools {
    background-color: #cccc;
}

.ca-item-tools .favorite {
        padding: 5px;
        width: 50%;
        text-align: center;
        font-size: 20px;
        border-right: 1px solid #adadad;
        color: #f58d2e;
        cursor: pointer;
        transition: 0.5s;
}

.ca-item-tools .favorite:hover {
        
        background-color: #2f496e69;
        transition: 0.5s;
        border-bottom-left-radius: 5px;
}

.ca-item-tools .resumen {
        padding: 5px;
        width: 50%;
        text-align: center;
        font-size: 20px;
        cursor: pointer;
}

.ca-item-tools .resumen:hover {
        
        background-color: #2f496e69;
        transition: 0.5s;
        border-bottom-right-radius: 5px;
}

/*MODIFICACION*/
.ca-contenido-modificacion {
    margin-left: 10px;
    background-color: #e6f8ff;
    padding: 5px;
  }
  .ca-contenido-modificacion-l {
    width: 15px;
    height: 15px;
    background-color: #c7f0ff;
  }
  .ca-contenido-modificacion-l i,.ca-contenido-derogacion-l i, .ca-contenido-sustitucion-l i, .ca-contenido-eliminacion-l i, .ca-contenido-incorporacion-l i  {
    color: transparent;
    font-size: 20px;
  }
  .ca-contenido-modificacion-binfo {
    margin-left: 10px;
    background-color: #c7f0ff;
    padding: 2px 5px;
    font-size: 12px;
  }
  .ca-contenido-modificacion-binfo-l {
    width: 15px;
    height: 15px;
    background-color: #c7f0ff;
  }
  
  /*DEROGACION*/
  .ca-contenido-derogacion {
    margin-left: 10px;
    background-color: #efefef;
    padding: 5px;
  }
  .ca-contenido-derogacion-l {
    width: 15px;
    height: 15px;
    background-color: #e0e0e0;
  }
  .ca-contenido-derogacion-binfo {
    margin-left: 10px;
    background-color: #e0e0e0;
    padding: 2px 5px;
    font-size: 12px;
  }
  .ca-contenido-derogacion-binfo-l {
    width: 15px;
    height: 15px;
    background-color: #e0e0e0;
  }
  /*SUSTITUCION*/
  .ca-contenido-sustitucion {
    margin-left: 10px;
    background-color: #e6d7fa;
    padding: 5px;
  }
  .ca-contenido-sustitucion-l {
    width: 15px;
    height: 15px;
    background-color: #e6d7fa;
  }
  .ca-contenido-sustitucion-binfo {
    margin-left: 10px;
    background-color: #e6d7fa;
    padding: 2px 5px;
    font-size: 12px;
  }
  .ca-contenido-sustitucion-binfo-l {
    width: 15px;
    height: 15px;
    background-color: #e6d7fa;
  }
  /*ELIMINACION*/
  
  .ca-contenido-eliminacion {
    margin-left: 10px;
    background-color: #ffe2e2;
    padding: 5px;
  }
  .ca-contenido-eliminacion-l {
    width: 15px;
    height: 15px;
    background-color: #ffd2d2;
  }
  .ca-contenido-eliminacion-binfo {
    margin-left: 10px;
    background-color: #ffd2d2;
    padding: 2px 5px;
    font-size: 12px;
  }
  .ca-contenido-eliminacion-binfo-l {
    width: 15px;
    height: 15px;
    background-color: #ffd2d2;
  }
  /*INCORPORACION*/
  .ca-contenido-incorporacion {
    margin-left: 10px;
    background-color: #eaffe8;
    padding: 5px;
  }
  .ca-contenido-incorporacion-l {
    width: 15px;
    height: 15px;
    background-color: #eaffe8;
  }
  .ca-contenido-incorporacion-binfo {
    margin-left: 10px;
    background-color: #dbffd6;
    padding: 2px 5px;
    font-size: 12px;
  }
  .ca-contenido-incorporacion-binfo-l {
    width: 15px;
    height: 15px;
    background-color: #dbffd6;
  }



.ca-contenido-normal{
    margin-left: 25px;
}

.ca-contenido-normal .contenido{
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.ca-contenido-normal p{
    margin: 0 important;
}


.ca-contenido-modificacion{
    margin-left: 25px;
    border: dotted 1px #8134276e;
    margin-bottom: 10px; 
}

.ca-contenido-modificacion .contenido{
    padding: 5px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
}

.ca-contenido-modificacion p{
    margin: 0 important;
}

.ca-contenido-modificacion .norma {
    font-size: 12px;
    background-color: #ffc0891f;
    padding: 5px;
    color: #6b3e15;
}

.ca-contenido-derogacion{
    margin-left: 25px;
    border: dotted 1px #AEAEAE;
    margin-bottom: 10px;
}

.ca-contenido-derogacion .contenido{
    padding: 5px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
    color: #9B9B9B;
}

.ca-contenido-derogacion p{
    margin: 0 important;
}

.ca-contenido-derogacion .norma {
    font-size: 12px;
    background-color:#E8E8E8;
    padding: 5px;
}

.ca-contenido-sustitucion{
    margin-left: 25px;
    border: dotted 1px #1750C2;
    margin-bottom: 10px;
}

.ca-contenido-sustitucion .contenido{
    padding: 5px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
}

.ca-contenido-sustitucion p{
    margin: 0 important;
}

.ca-contenido-sustitucion .norma {
    font-size: 12px;
    background-color: #EBF1FE;
    padding: 5px;
    color: #1750C2;
}

.ca-contenido-eliminacion{
    margin-left: 25px;
    border: dotted 1px #C82A2A;
    margin-bottom: 10px;
}

.ca-contenido-eliminacion .contenido{
    padding: 5px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
}

.ca-contenido-eliminacion p{
    margin: 0 important;
}

.ca-contenido-eliminacion .norma {
    font-size: 12px;
    background-color: #F9E3E3;
    padding: 5px;
    color: #c82a2a;
}

.ca-contenido-incorporacion{
    margin-left: 25px;
    border: dotted 1px #28A745;
    margin-bottom: 10px;
}

.ca-contenido-incorporacion .contenido{
    padding: 5px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
}

.ca-contenido-incorporacion p{
    margin: 0 important;
}

.ca-contenido-incorporacion .norma {
    font-size: 12px;
    background-color: #E3F6E7;
    padding: 5px;
    color: #28A745;
}

.norma-enlace {
    color: #0078ff !important;
    font-weight: 550 !important;
}

.ca-observacion {
    padding: 5px;
    font-size: 14px;
    background-color: #e8e8e8
}

.ca-observacion span{
    font-weight: 600;
}

.modal-historial-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: #2f496e73;
    width: 100%;
    height: 100%;
}

.modal-historial-backdrop .modal-historial {
    position: relative;
    background-color: #fff;
    width: 50%;
    margin: 0 auto;
    margin-top: 6%;
    max-height: 70%;
    height: 70%;
    border-radius: 10px;
}
.modal-historial .btn-cerrar{
    position: absolute;
    top: -14px;
    right: -12px;
    background: #e74c3c;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    transition: 0.5s;
    cursor: pointer;
}

.modal-historial .btn-cerrar:hover{
    background: #f52b16;
}

.modal-historial .modal-titulo {
    padding: 15px;
    font-size: 15px;
    font-weight: 550;
    color: #464646;
    border-bottom: 1px solid #ccc;
}

.modal-historial .norma-body {
    padding: 10px;
    overflow-y: scroll;
    max-height: 90%;
}

.modal-titulo .item-enlace {
    color: #004CFE;
    font-weight: 100;
}

.modal-normas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: #2f496e73;
    width: 100%;
    height: 100%;
}

.modal-normas-backdrop .modal-normas {
    position: relative;
    background-color: #fff;
    width: 50%;
    margin: 0 auto;
    margin-top: 6%;
    max-height: 70%;
    height: 70%;
    border-radius: 10px;
}
.modal-normas .btn-cerrar{
    position: absolute;
    top: -14px;
    right: -12px;
    background: #a74628;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    transition: 0.5s;
    cursor: pointer;
}

.modal-normas .btn-cerrar:hover{
    background: #ff8402;
}

.modal-normas .norma-titulo {
    padding: 15px;
    font-size: 15px;
    font-weight: 550;
    color: #464646;
    border-bottom: 1px solid #ccc;
}

.modal-normas .norma-body {
    padding: 10px;
    overflow-y: scroll;
    max-height: 90%;
}

.norma-titulo .item-enlace {
    color: #ff6c00;
    font-weight: 100;
    font-style: italic;
    margin-left: 20px;
}

.norma-adjunto {
    border-bottom: 1px dotted #ccc;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #5a5a5a;
}

.norma-adjunto-enlace {
    background-color: #dc5d00;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    color: #fff !important;
    border-radius: 5px;
}
.item-ca {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 6px #ccc;
    padding: 0px;
}

.ca-item-imagen {
    text-align: center;
    padding: 10px;
}

.ca-item-imagen img {
    text-align: center;
    box-shadow: -2px 2px 0px 1px #ccc;
    border: 1px solid #a7a7a7;
    cursor: pointer;
}

.overlay {
    position: relative;
    width: 180px;
    height: 258px;
    margin: 0 auto;
    
    cursor: pointer;
}


    .image-caption {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #2f496eb5;
    color: #fff;
    opacity: 0;
    transition: 0.5s;
}
    .image-caption i{
    font-size: 40px;
    margin-top: 50%;
    color: #f58d2e;
}

    .image-caption:hover {
    opacity: 1;
    transition: 0.5s;
}

.ca-item-titulo {
    padding: 2px;
    text-align: center;
    font-size: 16px;
    color: #2f496e;
    font-weight: 600;
}

.ca-item-subtitulo {
    padding: 2px;
    text-align: center;
    color: #777;
    font-size: 14px;
    text-transform: uppercase;
}

.ca-item-tools {
    background-color: #cccc;
}

.ca-item-tools .favorite {
        padding: 5px;
        width: 50%;
        text-align: center;
        font-size: 20px;
        border-right: 1px solid #adadad;
        color: #f58d2e;
        cursor: pointer;
        transition: 0.5s;
}

.ca-item-tools .favorite:hover {
        
        background-color: #2f496e69;
        transition: 0.5s;
        border-bottom-left-radius: 5px;
}

.ca-item-tools .resumen {
        padding: 5px;
        width: 50%;
        text-align: center;
        font-size: 20px;
        cursor: pointer;
}

.ca-item-tools .resumen:hover {
        
        background-color: #2f496e69;
        transition: 0.5s;
        border-bottom-right-radius: 5px;
}
.ius-container{

}
.ius-container div img{
    width: 320px;
    margin: 12px;
    margin-top: 18px;
}
.ius-container-search{
    width:80%; 
    margin: 0 auto;
}
.tcenter{
    text-align: center;
}
.ius-span-search{
    background-color: #813427;
    color: #fff;
}
.ius-span-search:hover{
    transition: all 0.5s;
    color: #813427;
    background-color: #fff;
}
.ius-container-areas{
    width: 100%;
    text-align:justify;
    padding: 20px 20px 0px 20px;
}
.ius-container-areas div{
    width: 14.2857%;
    text-align: center;
    display: grid;

}
.ius-container-areas div:hover div {
    transition: all 0.5s;
    background-color: #813427;
    cursor: pointer;
}
.ius-container-areas:after {
content: " ";
display: inline-block;
width: 100%;
}
.ius-container-areas div div{
width: 65px;
height: 75px;
background-color: #702B1F;
border-radius: 5px;
margin: 0 auto;
}
.ius-container-areas div div i{
    color:#fff;
    font-size: 40px;
    padding: 13px;
}
.ius-container-areas div span{
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    margin-top: 7px;
}
.ius-btnba{
    padding-left: 20px;
    font-size: 15px;
    margin: auto 0;
}
.ius-vease{
    font-size: 20px;
    color: black;
    font-weight: bold;
    padding-bottom: 10px;
}
.ius-enabled div{
    background-color: #602116  !important;
}
.ius-contenedor-tipos a {
    display: block;
}
.ius-contenedor-tipos a:hover .node-titulo {
    text-decoration: underline;
}
.ca-item-hijo a:hover {
    text-decoration: underline !important;
}
.ca-item-raiz {
    padding: 10px 10px 10px 10px;
    /*background-color: #2d547512;*/
    border-bottom: 1px solid #e8e7e7;
}
.ca-item-raiz .open-node {
    color: #bc5c68;
    margin-right: 10px;
    cursor: pointer;
}
.ca-item-hijo{
    padding-left: 35px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 15px;
    cursor: pointer;
    border-bottom: solid 1px #ECECEC;
}
.node-titulo{
    /* cursor: pointer; */
    margin-right: 10px;
}
.node-titulo:hover{
    /* transition: all 0.5s;
    color: blue; */
    /* font-weight: bold; */
}
/* .node-titulo span{
    color: #9eacb5;
} */
.noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px;
    text-align: center;
}
.v-step{
    background: #ffffff !important;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.45) !important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.45) !important;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.45) !important;
    border-radius: 5px !important;
   /* background: rgba(72,123,168,1) !important;;
   background: -moz-linear-gradient(top, rgba(72,123,168,1) 0%, rgba(0,0,0,1) 100%) !important;;
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(72,123,168,1)), color-stop(100%, rgba(0,0,0,1))) !important;;
   background: -webkit-linear-gradient(top, rgba(72,123,168,1) 0%, rgba(0,0,0,1) 100%) !important;;
   background: -o-linear-gradient(top, rgba(72,123,168,1) 0%, rgba(0,0,0,1) 100%) !important;;
   background: -ms-linear-gradient(top, rgba(72,123,168,1) 0%, rgba(0,0,0,1) 100%) !important;;
   background: linear-gradient(to bottom, rgba(72,123,168,1) 0%, rgba(0,0,0,1) 100%) !important;;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#487ba8', endColorstr='#000000', GradientType=0 ) !important;; */
   z-index: 999;
   filter: drop-shadow(0 0 2px rgba(0,0,0,.1)) !important;
}
.v-step .v-step__arrow {
    border-color: #ffffff;
}
.v-step[data-v-aa0cbe42]{
    color: #333333 !important;
    font-size: 13px !important;
}
.v-step__button{
    background: #702b1f !important;
}

.ius-img-areas{
    width: 40px !important;
    margin: auto;
}
.ius-check{
    color: #2ecc71 !important;
    font-size: 19px !important;
    position: relative;
    left: 22px;
    top: -31px !important;
    display: none;
}
.bounce-enter-active {
  animation: bounce-in .5s;
}
.bounce-leave-active {
  animation: bounce-in .5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes resplandor {
    from {
        background-color:#f8d7da ;
        transform: scale(1.3);
        /* border:1px solid #721c24 ; */
    }
    to {
        background-color: #813427;
    }
}
.resplandor{
    animation: resplandor 3s;
}
.ius-coincidencias{
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}
.ius-item{
    padding: 15px;
    border-bottom: 1px solid #eaeaea;
}
.ius-item:hover{
   transition: all 0.3s;
   transform: scale(1.02);
   background-color: #fff;
   -webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.39);
   -moz-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.39);
   box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.39);
}
.ius-item:hover .tipo span{
   transition: all 0.5s;
}
.ius-item:hover .tipo{
   transition: all 0.5s;
   color: #565656; 
}
.ius-item .tipo{
    font-size: 13px;
    font-weight: bold;
    color: #8a8a8a;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ius-item .titulo{
color: #813427;
padding-top: 5px;
padding-bottom: 5px;
}
.ius-item .titulo:hover{
cursor: pointer;
text-decoration: underline;
}

.ius-item .contenido{
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ius-item .promulgacion{
    color: #98a1a7;
    font-size: 12px;
    padding-top: 5px;
    padding-top: 5px;
}
.ius-item .promulgacion div{
    padding-right: 10px;
}
.ius-item .promulgacion span{
    color: black;
    font-weight: bold;
}
.ius-item .origenes{
    padding-bottom: 5px;
    padding-top: 5px;
}
.ius-item .origenes span{
   font-size: 13px;
}
.ius-item .origenes span i{
    font-size: 15px;
    color: #6bc3f7;
    font-weight: bold;
}
.text-resaltado {
    color:#ff8402;
    font-weight: 600;
}
.ius-btn-cargasmas{
    color: #fff;
    background-color: #602116;
    border-color: #602116;
}
.ius-btn-cargasmas:hover{
    transition: all 0.5s;
    background-color: #ff8402;
    color: #fff;
    border-color: #ff8402;
}
.table td{
    text-align: right;
}
.ius-span-img{
    padding: 4px 1px 6px 1px;
    border-radius: 3px;
}
.ius-span-img img{
    width: 20px;
}
.v-step .v-step__arrow[data-v-aa0cbe42] {
    border-color: #613e00 !important;
}
.v-step[x-placement^=right] .v-step__arrow[data-v-aa0cbe42] {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-width: .5rem .5rem .5rem 0 !important;
    left: -.5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    top: calc(50% - 1rem) !important;
}
.v-step[x-placement^=left] .v-step__arrow[data-v-aa0cbe42] {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-width: 0 .5rem .5rem .5rem !important;
    right: -.5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    top: calc(50% - 1rem) !important;
}
.v-step[x-placement^=bottom] .v-step__arrow[data-v-aa0cbe42] {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-width: 0 .5rem .5rem !important;
    left: calc(50% - 1rem) !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    top: -.5rem !important;
}
.v-step[x-placement^=top] .v-step__arrow[data-v-aa0cbe42] {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-width: 0 .5rem .5rem !important;
    left: calc(50% - 1rem) !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    bottom: -.5rem !important;
}
.podcast-content p,.podcast-content strong,.podcast-content div{font-size: 14px!important;font-family: 'Roboto', sans-serif !important;}
.list-podcast-view{background: #e4e4e4 !important;padding: 10px;margin-bottom: 15px;/* box-shadow: -2px 2px 0px 0.5px #c0cdd7; position: relative;border: 1px solid #ccc;*/}
.iconos-podcast-list{position: absolute;right: 0px;}
.podcast-card{overflow: hidden;}
.podcast-card-img{width: 100%;height: 190px;border: 1px solid #ced4da;border-radius: .25rem; cursor: pointer;}
.podcast-card-img-listview{width: 85%;cursor: pointer;border: 1px solid #ced4da;border-radius: .25rem;}
.podcast-imagen-vista{width:60%;border: 1px solid #ced4da;border-radius: .25rem;border-bottom-color:white}
.progress {height: 10px !important;border-radius: 0 !important;}
.progress-bar{ min-width:100%;}
.podcast-footer{white-space: nowrap; overflow: hidden;text-overflow: ellipsis; cursor: pointer;padding-right: 10px; }
.podcast-nombre{margin-top:10px !important;font-weight: bold; cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;padding-right: 8px;}
.podcast-title {font-size: 26px !important;font-weight: 300;}
.podcast-nombre-listview{white-space: nowrap; overflow: hidden;text-overflow: ellipsis; cursor: pointer;padding-right: 50px;font-weight: 600;}
.podcast-titulo{font-size: 16px!important;border: 1px solid #ced4da;border-radius: .25rem;padding:7.5px 5px;font-weight: bold;text-align: left;margin-bottom: -0.65px; cursor: pointer;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}
.br-radius{border-radius: 6.5px !important}
.iconos-podcast-list i{font-size: 18px !important; margin:inherit 5px;}
.siip-podcast{color:#602116};


/*  Podcast*/
.overlay {background-color: rgb(255, 255, 255);opacity: 0.65;width: 100%;height: 100%;position: absolute;top: 0px;z-index: 0;}
.overlay-play {cursor: pointer;background-color: #00000061;opacity: 0;width: 95%; height: 95%;position: absolute; top: 13px;z-index: 0;transition: 0.5s;left:0;}
.overlay-play:hover {opacity: 1;}
.img-item:hover {filter: blur(3px);}
.play {margin: auto;color: white; z-index: 10;font-size: 65px !important;}
.img-item {width: 95%; cursor: pointer;}
.img-item:hover {filter: blur(3px);}
.fecha-item {font-size: 12px;display: block;float: left;line-height: 20px;color: #7c7c7c;font-weight: 600;}
.footer-item {height: 70px;margin-top: -70px;width: 95%;}
.nombre-item {cursor: pointer;z-index: 1;color: #414141;font-weight: bold;height: 54px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.caption {position: relative !important;}
.podcast-item {overflow-x: hidden;width: 30% !important;display: inline;margin: 5px;position: relative;}
  @media (max-width: 1440px) {
    .play {margin: auto;color: white;z-index: 10;font-size: 45px !important; }
    .overlay-play {cursor: pointer;background-color: #00000061;opacity: 0;width: 95%;height: 93%;position: absolute;top: 12.5px;z-index: 0;transition: 0.5s;left: 0;}
  }

  /* TAG */
.tags{list-style:none;margin:0;overflow:hidden;padding:0;padding-top:10px;}
.tags li{float:left;font-size:11px!important}
.tag{background:#016896!important;border-radius:3px 0 0 3px;color:#fff!important;display:inline-block;height:20px;line-height:20px;padding:0 10px 0 13px;position:relative;margin:0 10px 10px 0;text-decoration:none!important;-webkit-transition:color .2s}
.tag::before{background:#f7f7f7;border-radius:10px;box-shadow:inset 0 1px rgba(0,0,0,0.25);content:'';height:6px;left:10px;position:absolute;width:6px;top:6px;left:3px}
.tag::after{background:#f7f7f7;border-bottom:10px solid transparent;border-left:10px solid #016896;border-top:10px solid transparent;content:'';position:absolute;right:0;top:0}
.tag:hover{background-color:#71bde4!important;color:white}
.tag:hover::after{border-left-color:#71bde4}
.tag-view{background:#016896!important;border-radius:3px 0 0 3px;color:#fff!important;display:inline-block;height:20px;line-height:20px;padding:0 10px 0 13px;position:relative;margin:0 10px 10px 0;text-decoration:none!important;-webkit-transition:color .2s;cursor:default}
.tag-view::before{background:#f7f7f7;border-radius:10px;box-shadow:inset 0 1px rgba(0,0,0,0.25);content:'';height:6px;left:10px;position:absolute;width:6px;top:6px;left:3px}
.tag-view::after{background:#f7f7f7;border-bottom:10px solid transparent;border-left:10px solid #016896;border-top:10px solid transparent;content:'';position:absolute;right:0;top:0}
.plyr--audio .plyr__controls {background: #ffffff !important;border-radius: inherit !important;margin-top: -3px !important;}
.plyr__volume{ padding-left: 45px !important;margin-left: -30px !important;}
.plyr__volume input{ display: none !important;}
.plyr__menu{display: none !important;}

@media (min-width: 480px){
.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls>.plyr__control {
     margin-left: 0px !important;
    }
}
.badge-page {
  background-color:  #702b1f !important;
}

.text-orange {
  color: #fd7e14
}

@media (min-width: 768px) {
  .news-letter-page {
    right: 30px;
  }
}

.reg-icon-page i {
  font-size: 60px;
  color:  #702b1f !important;
}

.fc .fc-button-primary {
  background-color:  #702b1f !important;
  border-color: #702b1f !important;
}