/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadgubernamental.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: #ff8402 !important;
    font-size: 15px
}

.btn-ayuda {
    display: inline-block;
    background-color: #ff8402;
    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: #ff8402;
    color: #ececec
}

.form-buscar label {
    font-size: 12px;
    margin-bottom: 0
}

.btn-buscar {
    margin-top: 22px;
    margin-left: 10px
}

.btn-normas-legales {
    background-color: #ff8402;
    border: solid 1px #ff8402;
    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: #333333;
    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-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 .nl-title-norma{color:#ff8402;text-decoration:underline}*/
.conten-norma a {
    display: block
}

.conten-norma .txt-top-res {
    font-size: 12px;
    color: #607d8b
}

.conten-norma .txt-top-res span {
    color: #ff8402;
    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;
    font-weight: 300;
    display: inline
}

.nl-listado-item-footer {
    display: block
}

.nl-listado-item-date {
    text-align: left;
    font-size: 11px;
    font-family: Verdana;
    color: #ff8402
}

.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:#ff8402}*/

.title-organismo {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    border-left: 5px solid #ff8402;
    padding: 5px 10px;
    background-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 #cccccc78;
    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: #333333;
    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: #ff8402
}

@-webkit-keyframes entidad-selected {
    0% {
        background-color: #fff;
        border-left: 5px solid #f90
    }

    20% {
        background-color: #333333;
        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: #333333;
        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: #333333
    }

    20% {
        background-color: #fff
    }

    30% {
        background-color: #333333
    }

    100% {
        background-color: #fff
    }
}

@keyframes subentidad-selected {
    0% {
        background-color: #fff
    }

    10% {
        background-color: #333333
    }

    20% {
        background-color: #fff
    }

    30% {
        background-color: #333333
    }

    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: #006996;
    border-color: #025579
}

.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: #006996
}

.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: #ff8402;
    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: #ff8402;
    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: #333333
}

.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: #333333
}

.nd-barra-link-lectura a.link-escuchar {
    border-left: solid 1px #fff;
    background-color: #e6e6e6;
    border-right: 0;
    color: #333333
}

.nd-barra-link-lectura a.link-escuchar:hover {
    background-color: #ff8402;
    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: #ff8402;
    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: #3a3a3a;
    padding: 8px 0 8px 20px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    color: #cacaca;
}

.sidebar-interno .indice-nl-grupo:hover {
    background-color: #060606;
    cursor: pointer
}

.sidebar-interno .indice-nl-grupo:hover span.num-item {
    background-color: #ff8402;
    color: #fff
}

.sidebar-interno .indice-nl-entidad:hover {
    background-color: #060606;
    cursor: pointer
}

.sidebar-interno .indice-nl-entidad:hover span.num-item {
    background-color: #ff8402;
    color: #fff
}

.sidebar-interno li.indice-nl-entidad {
    background-color: #484848;
    padding-left: 10px;
    font-size: 12px !important;
    color: #cacaca;
}

.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: #337ab7;
    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: #ff8402;
    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: #337ab7;
    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       |
|  actualidadgubernamental.pe |
'---------------------------'
*/


/* Portada */

.portada-slider {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px #e2e2e2 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: #333333;
	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;
	background-color: #333333;
	color: white;
	font-size: 14px;
	margin-left: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	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: #333;
	display: block;
	padding-top: 5px
}

a.portada-seminario-preregistro:hover {
	color: #ff8402
}

.portada-componente-title {
	background-color: #1a1a1a;
	color: #fff;
	padding: 10px 15px;
	border: 1px solid #ddd;
	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;
	font-size: 13px
}

.portada-componente-title span {
	display: block;
	float: right
}

.portada-componente-box {
	background-color: #fff;
	/* min-height: 300px; */
	border-radius: 0px 0px 5px 5px;
	border: 1px #ccc solid;
	margin-bottom: 15px;
}

.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
}

.por-articulo-destacado-title {
	font-size: 17px
}

.por-articulo-destacado-autor {
	font-size: 75%;
	color: #8d8d8d;
	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: #005f87;
	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: #005f87;
	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: #ff8402;
	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: 10px
}

.portada-comentario-imagen img {
	width: 100%;
	display: block;
}

.portada-comentario-titulo {
	font-size: 16px;
	font-weight: 500;
	padding-top: 10px
}

.portada-comentario-info {
	width: 80%;
	padding-top: 10px
}

.portada-comentario-norma {
	font-size: 12px;
	font-weight: 600;
	color: #1a1a1a
}

.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: 5px;
	width: 80%
}

a.portada-noticia-title:hover {
	color: #ff8402;
	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
}

.botones-link-lectura {
	text-align: center;
}

.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;
}

.conten-noticia-list .title-noticia,
.title-noticia {
	font-size: 20px;
	font-weight: 600;
}

.conten-noticia-list .fecha-noticia,
.fecha-noticia {
	font-size: 14px;
	margin-bottom: 5px;
}

.contenido-noti {
	display: flex;
	flex-wrap: wrap;
}

.noti-icon {
	width: 10%;
	transition: 0.5s;
	text-align: center;
}

.noti-icon .botones {
	font-size: 20px;
	padding: 10px;
}

.noti-icon .botones:hover {
	background-color: #026994;
	color: #ebebeb;
}

.noti-img {
	width: 90%;
	text-align: center;
}

.noti-img img {
	width: 500px;
}

.divflotante {
	position: -webkit-sticky;
	position: sticky;
	top: 27px;
}

@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: 5px
	}

	.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;
	}

}


/*
.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
}

@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       |
|  actualidadgubernamental.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: #ff8402;
    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: #ff8402;
    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: #ff8402;
    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: #ff9800;
    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 #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)
}

.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: #ff8402;
    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: #ff8402
}

.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: #ff8402
}

.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: #ff8402
}

.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: #ff8402;
    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       |
|  actualidadgubernamental.pe |
'---------------------------'
*/

/* Indicadores */

.rn-link-tipo i{color:#ccc;margin-right:5px}
.collapse-rn li{padding-left:23px}
.collapse-rn span.num-item{background-color:#006996;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:#333}
.ie-title-conten .subtitle-area2{color:#333333;font-size:13px}
.ie-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}
.ie-barra-seccion{background-color:#cccccc78;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:#333}
.ie-barra-seccion .ie-titulo-secc{color:#333333;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:#636363;border-bottom-width:0!important; color: #fff;}
input[type="text"].input-fecha::-webkit-input-placeholder{color:#333333}
input[type="text"].input-fecha::-moz-placeholder{color:#333333}
input[type="text"].input-fecha:-ms-input-placeholder{color:#333333}
input[type="text"].input-fecha:-moz-placeholder{color:#333333}
.table-ie td span{font-weight:500}
.tr-titulo th{background-color:#333!important; color: #fff;}
.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:#333333}
.ie-noti{color:red}
.mx-input-wrapper .mx-input::placeholder{
    color: #333333 !important;
    font-family: 'Roboto', sans-serif !important;
}

 
.title-designacion {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.subtitle-designacion {
    font-size: 14px;
    font-weight: 600;
}

.nombre-designacion {
    color: #414141;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}

.fecha-designacion {
    font-size: 14px;

}

.enlace {
    color: #2196f3 !important;
    font-size: 12px;
}
/* .---------------------------. | Instituto Pacífico | | actualidadgubernamental.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: 120px;
   height: 120px;
   float: left
}

.componente-ultima-revista-info {
   float: left;
   width: 160px;
   padding-left: 10px
}

.componente-ultima-revista-title {
   padding-top: 5px;
   color: #333;
   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: #000;
   font-size: 13px;
   display: inline-block;
   padding: 5px;
   background-color: #ff9c00;
   margin-top: 6px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   padding-left: 10px;
   padding-right: 10px
}

a.componente-ultima-revista-link:hover {
   padding-top: 5px;
   color: #fff;
   background-color: #333333;
   font-size: 13px
}

/* Suscribase Ahora */
.component-suscripcion {
   background: #e5e5e5;
   color: #333;
   margin-bottom: 15px;
   text-align: center;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   font-weight: 400;
   border-radius: 5px;
   padding: 15px;

}

.component-suscripcion .title-sus {
   font-size: 22px;
   font-weight: 600;
}

.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: 16px
}

.component-suscripcion .text-contacto {
   font-weight: 500;
   font-size: 14px;
   margin-top: 5px
}

.component-suscripcion .text-contacto a:hover {
   text-decoration: underline
}

.noticias-indole {
   margin-bottom: 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 #a1a1a1
}

.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, .1)
}

.tooltip.popover .popover-arrow {
   border-color: #f9f9f9
}

.tooltip[aria-hidden='true'] {
   visibility: hidden;
   opacity: 0;
   transition: opacity .15s, visibility .15s
}

.tooltip[aria-hidden='false'] {
   visibility: visible;
   opacity: 1;
   transition: opacity .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: #cccccc78;
   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: 900;
   color: #333
}

.componente-calendario-mes {
   font-size: 16px;
   color: #333333;
   margin-top: 5px
}

.componente-calendario-ano {
   font-size: 21px;
   font-weight: bold;
   text-align: right;
   color: #999a9b
}

.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: .2s;
   -moz-transition-duration: .2s;
   -o-transition-duration: .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: .2s;
   -moz-transition-duration: .2s;
   -o-transition-duration: .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: .2s;
   -moz-transition-duration: .2s;
   -o-transition-duration: .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: #333333;
   background-color: #333333;
   -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: #58656f;
   background: rgba(173, 184, 194, 1);
   background: -moz-linear-gradient(left, rgba(173, 184, 194, 1) 0, rgba(206, 216, 225, 1) 42%, rgba(206, 216, 225, 1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173, 184, 194, 1)), color-stop(42%, rgba(206, 216, 225, 1)), color-stop(100%, rgba(206, 216, 225, 1)));
   background: -webkit-linear-gradient(left, rgba(173, 184, 194, 1) 0, rgba(206, 216, 225, 1) 42%, rgba(206, 216, 225, 1) 100%);
   background: -o-linear-gradient(left, rgba(173, 184, 194, 1) 0, rgba(206, 216, 225, 1) 42%, rgba(206, 216, 225, 1) 100%);
   background: -ms-linear-gradient(left, rgba(173, 184, 194, 1) 0, rgba(206, 216, 225, 1) 42%, rgba(206, 216, 225, 1) 100%);
   background: linear-gradient(to right, rgba(173, 184, 194, 1) 0, rgba(206, 216, 225, 1) 42%, rgba(206, 216, 225, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adb8c2', endColorstr='#ced8e1', GradientType=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: 100%;
   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-family: verdana;
   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: .2s;
   -moz-transition-duration: .2s;
   -o-transition-duration: .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: .5s ease;
   backface-visibility: hidden;
   transform: rotateY(50deg);
   box-shadow: -10px 10px 10px 2px rgba(0, 0, 0, .2), -2px 0 0 0 #888;
   transition: all .5s;
   transition-delay: .05s
}

.comp-lib-middle {
   transition: .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: .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 .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: .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: #006996 #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: #4f6a9c;
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadgubernamental.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: #006996;
    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: #006996;
    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: #3a3a3a;
    font-size: 17px;
    padding-bottom: 8px;
    border-bottom: dotted 1px #006996
}

.media {
    display: flex;
    margin-bottom: 20px
}

.imagen {
    border: solid 1px #7d7d7a
}

.conten-recurso:hover {
    background: #fff;
    border-left: 5px solid #006996;
    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: #006996;
    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: #006996
}

.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 #006996;
    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: #006996
}

.opcion-recurso .recurso i {
    color: #006996
}

.page-link {
    margin-left: 2px;
    padding: 5px 10px;
    color: #607d8b
}

.page-item.active .page-link {
    background-color: #006996;
    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: #006996
}

.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: #006996;
    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: #ff8402
}

.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: #1A1A1A !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: #3A3A3A !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: #060606 !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: #333333;
    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;
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadgubernamental.pe |
'---------------------------'
*/

/* 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: #006996;
    font-size: 15px
}

.btn-ayuda {
    display: inline-block;
    background-color: #006996;
    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: #006996;
    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: #006996;
    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: #006996;
    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;
    max-height: 51px;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.sumilla-jurisprudencia p {
    margin: 0 0;

}

.opcion-jurisprudencia {
    margin-bottom: 10px
}

.opcion-jurisprudencia li a {
    color: #b2c4d0;
    font-size: 18px
}

.opcion-jurisprudencia li a:hover {
    color: #006996
}

.page-link {
    margin-left: 2px;
    padding: 5px 10px;
    color: gray
}

.page-item.active .page-link {
    background-color: #333333;
    border-color: #333333
}

.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: #006996
}

.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: #333333
}

.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
}

.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: #006996
}

.jur-barra-link-lectura a.link-escuchar {
    border-left: solid 1px #fff;
    background-color: #e6e6e6;
    border-right: 0;
    color: #006996
}

.jur-barra-link-lectura a.link-escuchar:hover {
    background-color: #006996;
    color: #fff
}

.jur-conten-head h3.jur-categoria {
    color: #006996;
    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
}

.card-lista {
    border: none !important;
    margin-bottom: 20px;
}

a.card-link:hover .text-color-ap {
    color: #333;
}

.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       |
|  actualidadgubernamental.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: #006996;
    font-size: 15px
}

.noti-barra-secc {
    border-bottom: dotted 1px #00587d;
    margin-bottom: 15px
}

.noti-barra-secc .noti-title-container {
    font-size: 22px;
    color: #636363
}

.noti-barra-secc a {
    font-size: 13px;
    font-weight: 600;
    color: #00587d
}

.noti-title-container2 {
    float: right;
    font-size: 13px;
    font-weight: bold;
    color: #006996
}

.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: #006996;
    text-decoration: underline
}

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

.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: #ff8402
}

.noti-conten-materias {
    text-align: right;
    font-size: 13px
}

.noti-materias {
    color: gray
}

.noti-span-tags {
    color: #333
}

.noti-barra-link-lectura {
    background-color: #333333
}

.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: #ff8402
}

.noti-barra-link-lectura a.link-escuchar {
    border-left: solid 1px #fff;
    background-color: #e6e6e6;
    border-right: 0;
    color: #333
}

.noti-barra-link-lectura a.link-escuchar:hover {
    background-color: #ff8402;
    color: #fff
}

.noti-btn-escuchar {
    float: right;
    color: #006996
}

.noti-btn-favoritos {
    background-color: #75acc2
}

.noti-btn-imprimir {
    background-color: #006996
}

.noti-txt-conten {
    font-family: 'Roboto', sans-serif;
    margin-top: 20px;
    float: left
}

.noti-img {
    width: 380px;
    float: left;
    padding-right: 20px;
    padding-bottom: 15px
}

.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: #006996;
    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: #333333;
    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: #006996
}

.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: #006996;
    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: #006996;
    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: #006996
}

.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: #ff8402;
    font-weight: 600;
}

.conten-noticia-list a:hover {
    text-decoration: none !important;
}

.conten-noticia-list a:hover h2.title-noticia {
    color: #ff8402;
    text-decoration: underline;
}

.conten-noticia-list .noti-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;
}

.noti-span-fuente {
    color: #afafaf;
    font-size: 13px;
    font-weight: 500;
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadgubernamental.pe |
'---------------------------'
*/

/* Calendario */

.cal-title-area {
    font-size: 26px;
    font-weight: 300
}

.cal-subtitle-area {
    color: #333333;
    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: #1a1a1a;
    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: #636363;
    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: #ffe599;
    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: #333;
    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       |
|  actualidadgubernamental.pe |
'---------------------------'
*/

/* Somos */

.somos-destacado {
  font-weight: 300;
  color: #006089;
  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: #006996;
  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: #006996
}

.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: #006996 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
}



/************************************************************************* 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       |
|  actualidadgubernamental.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;
    border-bottom: dotted 1px #333
}

.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: #ff8402;
    font-size: 25px
}

.suscriptor-comen {
    color: #333;
    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       |
|  actualidadgubernamental.pe |
'---------------------------'
*/

/* Comentarios Legales */

.en-title-area {
    font-size: 26px;
    font-weight: 300
}

.en-subtitle-area {
    color: #006996;
    font-size: 13px;
    font-weight: bold
}

.cl-num-fecha {
    color: #ff8402;
    font-size: 13px;
    font-weight: 600;
    padding-right: 10px
}

.en-title-conten a:hover .title-en {
    color: #333333;
    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: #006996;
    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: #00587d;
    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: #006996
}

.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: #333
}

.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: #ff8402;
    font-weight: 600
}

.en-volver {
    font-size: 13px;
    font-weight: bold;
    color: #006996;
    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: #006996;
    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: #006996
}

.en-btn-favoritos {
    background-color: #75acc2
}

.en-btn-imprimir {
    background-color: #006996
}

.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: #006996;
    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 #006996;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 15px;
    margin-bottom: 25px;
    width: 100%
}

.en-conten2-t {
    font-size: 14px;
    font-weight: bold;
    color: #006996
}

.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: #006996;
    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: #006996
}

.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: #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
}

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: #333
}

.normas-enlazadas-box .col-12 {
    padding: 0 !important
}

.barra-filtro-modulo a,
.barra-filtro-modulo span {
    color: #111;
    font-size: 14px;
}

.conten-cog-busqueda-en {
    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-en a {
    color: #ff8402;
    font-weight: 500;
    text-decoration: underline;
}

.en-barra-link-lectura {
    background-color: #333333;
}

.nd-barra-link-lectura a:hover {
    background-color: #ff8402;
}

.en-barra-link-lectura a.link-escuchar {
    border-left: solid 1px #fff;
    background-color: #e6e6e6;
    border-right: 0;
    color: #333333;
}

.span-tags-en {
    color: #ff8402;
    font-weight: bold;
    font-size: 12px;
    padding-left: 6px;
}

.en-fecha-bottom,
.en-leido-bottom {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    display: inline-block;
    color: #333;
    font-weight: 500;
    padding-right: 8px;
}

@media(min-width:1600px) {
    .en-img2 {
        width: 400px
    }
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadgubernamental.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 #aedfef78 solid
}

.perfil-conten label {
	font-size: 11px;
	color: #006996;
	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: #006996
}

.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: #006996;
	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: #dde7ee;
	font-size: 14px;
	color: #006996;
	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: #006996;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	font-weight: 500
}

.perfilstat-box {
	background-color: #dde7ee;
	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: #006996
}

.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: #0677a8
}

.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       |
|  actualidadgubernamental.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: #006996;
    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: #006996;
    font-size: 15px
}

.fav-title-conten .btn-ayuda {
    display: inline-block;
    background-color: #006996;
    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
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadgubernamental.pe |
'---------------------------'
*/

/* Videos y Lecciones */

.listado-programa-divider {
    background-color: #3A3A3A;
    color: #e4e4e4;
    padding: 8px;
    padding-left: 15px;
    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: #a31515;
    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: #006996;
    font-size: 15px
}

.subtitle-area-int {
    color: #006996;
    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: #cccccc78;
    padding: 5px;
    margin-bottom: 15px
}

.conten-cog-busqueda a {
    color: #333333;
    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: #006996;
    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 #006996
}

.conten-resultado-video .link-resultado-video:hover {
    background-color: #fff;
    border: solid 1px #e6e6e6;
    padding: 10px;
    padding-bottom: 20px;
    border-bottom: solid 5px #006996
}

.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: #006996;
    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: #006996
}

.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: #006996
}

.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: #006996;
    color: white
}

.vi-title-conten {
    border-bottom: dotted 1px #333;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.vid-materias span {
    color: #006996
}

.vid-bar-tools {
    background-color: #333333
}

.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: #ff8402
}

.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: #333333
}

.vid-bar-tools a.link-escuchar:hover {
    background-color: #ff8402;
    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: #f9f5f0
}

.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: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.videos-header-subtitle {
    color: #6e0310;
    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: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #d5d5d5;
}

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;
}

.video-link-fecha {
    font-size: 12px;
    color: #7c7c7c;
}

.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
}
.modal-background {
    width: 100%;
}
.title-usuario-mov{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: rgb(255, 255, 255);
  }
  .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;
  }
  .subtitulos-busqueda { font-size: 12px; color:#838383; margin-bottom: 10px; display:block; width:95%}
.content-tools-navbar img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: solid 2px #4CAF50;

}

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

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

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

.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;
    transition: all ease 0.4s;
  /*   width: calc(100% - 300px);
    height: calc(100vh - 85px);
    overflow-y: auto; */
}

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

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

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

.navbar-responsive {
    width: 100%;
    background: #f5f5f5;
    border-bottom: 1px solid #e8e8e8;
/*     position: absolute;
    top: 0;*/
    z-index: 9999;
}
.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;
    padding-top: 10px;
  }
  .form-search-res .input-group-append .form-control-feedback .fa-search:hover {
    color: #004360;
  }
.collapse-button {
    align-items: center;
    justify-content: center;
    height: 65px;
    max-width: 50px !important;
    display: flex;
  
    float: left;
    cursor: pointer;
}

.collapse-button i {
    color: #1e385e;
    font-size: 22px;
}

.search-mobile i {
    color: #1e385e;
    font-size: 30px;
}

.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;
}

.navbar-responsive-sidebar-left {
    background: #1b1b1b;
    transition: all ease 0.4s;
}

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

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

.c-login {
    border-radius: .3em;
    background: #ff9800 !important;
    padding: 8px 15px;
}

.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) {
    .img-logo {
        width: auto;
      }
    .content-sidebar-perfil {
        display: inline-block
    }

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

    .collapse-button {
        background: #f5f5f5;
        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;
    }

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

}

.fullWidth {
    margin-left: auto;
    width: 100% !important;
}
.zona {
    width: 313px;
    height: 400px;
}

.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: 3px;
    margin-top: 20px;
}

.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: 9999;
}

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

}
.sidebar-body h4 {
    padding: 2.5px 17px;
    padding-top: 10px;
    color: white;
    font-size: 18px;
}
.text-versa {
    font-variant: small-caps;
    font-size: 0.8rem;
}
.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;
  }
  .imagenfoto{
    cursor:pointer;
  }
  @media(max-width:768px) {
    .search-mobile{
        display: block;
    }
  }
  .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;
    }
  
    .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;
    } */
  }
.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: none !important;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 0.3em;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px,
    rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  background: #fff;
}

.conten-libro-responsive:hover {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px !important;
  border: none !important;
}

.btn-listen {
  color: #fff;
  background-color: #17c3ab;
  border-color: #17c3ab;
}
.btn-playing {
  color: #fff;
  background-color: #94a9a2;
  border-color: #94a9a2;
}
.text-jade {
  color: #11a099;
}
.contenidoaresaltar {
  border: none !important;
}

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

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

.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       |
|  actualidadgubernamental.pe |
'---------------------------'
*/

/* Pioners */

.pioner-list-type {
    font-weight: 600;
    font-size: 12px;
    color: #ff8402;
    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: #ff8402;
    ;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 5px
}

.pioner-busq-avanz-title a:hover {
    color: #060606;
    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: #006996 1px solid;
    font-weight: 500
}

.pioner-subtitle-text-head {
    color: #006996;
    font-size: 14px;
    padding-top: 5px
}

.accordion-pi .btn-link {
    font-size: 14px;
    color: #006996;
    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       |
|  actualidadgubernamental.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: #006996;
  border-bottom: dotted 1px #006996;
  padding-bottom: 5px;
  margin-bottom: 11px;
}

.resaltados-count-itembig {
  font-size: 14px;
}

.rn-link-tipo[aria-expanded="true"] {
  background-color: #ff8402;
  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: #777777;
}

.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: #006996;
  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: #006996;
  font-size: 15px;
}

.rn-title-conten .btn-ayuda {
  display: inline-block;
  background-color: #006996;
  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: #333;
  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: #323232;
  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: #333333;
  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: #333333;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.rn-tipo {
  color: #999;
}

.t-servicios {
  font-size: 18px;
  color: #006996;
}

.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: #006996;
  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: 5px 10px;
}

.rn-lista-com .card-header a i {
  color: #ff8402;
  font-size: 20px;
  margin-right: 5px;
}

.rn-lista-com .card-header a span {
  font-weight: 600;
}

.rn-lista-com .card-body {
  background: #cccccc78;
  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: #ff8402;
}

.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: #333333;
  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: #ff8402;
  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       |
|  actualidadgubernamental.pe |
'---------------------------'
*/

/* Seminarios */

.conten-cog-busqueda-se {
    background-color: #cccccc78;
    padding-top: 10px;
    padding: 10px;
    margin-bottom: 20px;
    font-family: Verdana;
    font-size: 12px;
    border: 1px double #cccccc78;
    border-radius: 5px
}

.conten-cog-busqueda-se a {
    color: #333333
}

.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: #006996;
    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: 90%;
    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: 16px;
    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%
}

.ver-todos {
    cursor: pointer !important;
    font-weight: bolder;
    font-size: 14px;
}

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: #006996;
    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       |
|  actualidadgubernamental.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: #006996;
    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 #006996
}

.ce-barra-seccion .title-seccion {
    background-color: #006996;
    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: #006996;
    font-size: 13px;
    padding: 2px 6px;
    margin-left: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.text-num-ce {
    color: #006996;
    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: #006996;
    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: #006996;
    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: #006996;
    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: #006996;
    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: #006996
}

.nce-barra {
    background-color: #dae6ed;
    color: #006996;
    font-size: 13px;
    padding: 10px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.nce-barra a {
    background-color: #dae6ed;
    color: #006996
}

.nce-barra a:hover {
    text-decoration: underline
}

.nce-barra span {
    color: #333
}

.nce-form label {
    color: #006996;
    font-weight: 600
}

.editar-consulta {
    position: relative;
    top: -30px
}

.btn-edit-consulta {
    background-color: #006996;
    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: #006996;
    font-style: italic;
    font-size: 13px;
}

.ce-barra-top .link-escuchar a {
    font-weight: 600;
    color: #006996;
    border: solid 1px #ccc;
    padding: 5px 10px;
    border-radius: 3px
}

.ce-barra-top .link-escuchar a:hover {
    background-color: #006996;
    color: #fff;
    border: solid 1px #006996
}

.text-audio-ce {
    color: #006996
}

.text-audio-ce span {
    color: #adadad;
    margin-left: 10px
}

.ce-calificar {
    margin-bottom: 20px
}

.text-nota-cal {
    color: #006996;
    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: #006996;
    border: solid 1px #006996
}

.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: #006996;
    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: #006996;
    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 #006996;
    margin-bottom: 20px
}

.form-consulta-label {
    color: #006996;
    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%;
    }
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadgubernamental.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: #006996
}

.no-title-conten .subtitle-area {
    color: #006996;
    font-size: 15px
}

.not-conten .text-remitente {
    color: #006996;
    font-weight: 500
}

.barra-top {
    border-bottom: dotted 1px #333;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.barra-top a {
    color: #006996
}

.barra-top a:hover {
    text-decoration: underline
}

.not-conten {
    background-color: #fff;
    border: solid 1px #006996;
    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: #006996
}

.not-conten .not-link-estado a:hover {
    color: #fff;
    background-color: #006996
}

.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: #006996
}

a.marcar-leido-notificaciones:hover {
    text-decoration: underline;
    color: #000
}
.dip-conten{
    font-size: 14px;
    padding-bottom: 20px;
 }
 .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: 20px;
 }
 .dip-option-co{
    margin-right: 15px;
 }
 .dip-option-co:last-child{
    margin-right: 0px;
 }
 a.dip-option-link{
    display: block;
    background: #6e0310  ;
    border-radius: 5px;
 /*     -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 #FFE0BD  ; */
 }
 .dip-option-title{
    color: #fff;
    text-align: center;
    padding: 7px;
    /* height: 50px; */
    font-size: 16px;
 }
 .dip-detalle-modulo{
    font-size: 15px;
 }
 a.dip-option-link:hover{
    -webkit-box-shadow: 0px 0px 7px 0px rgba(133,133,133,1);
    -moz-box-shadow: 0px 0px 7px 0px rgba(133,133,133,1);
    box-shadow: 0px 0px 7px 0px rgba(133,133,133,1);
    padding-top: 5px;
    background: #1a1a1a;
    filter: grayscale(30%);
    transition: all 0.5s ease;
 }
 .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 gray; */
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);
    transition: all 0.5s;
    transform: scale(1.03);
    /* background-color: #ffffff00; */
    /*padding-top: 15px;*/
 }
 a.dip-link-modulo:hover .dip-title-modulo{
    transition: all 1s;
    -webkit-transition: all 1s;
    color: #6e0310;
 }
 .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #636363;
    background: linear-gradient(to bottom, rgba(20,20,20,1) 0%, rgba(66,66,66,1) 100%);
    border-color: #dee2e6 #dee2e6 #fff;
 }
 .nav-tabs {
    margin-bottom: -1px;
 }
 .dip-img-modulo img{
    width: 200px;
 }
 .dip-title-modulo{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
 }
 .dip-text-pregunta{
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
 }
 .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: #1b1b1b;
    color: #ffffff;
 }
 .table-notas{
    font-size:14px;
 }

.modal-dialog-examen {
   max-width: 26%;
   margin-left: 25%;
   margin-right: 25%;
   margin-top: 15%;
}
@media (max-height: 1400px) {
   .dip-conten-terminos {
       max-height: 350px;
       overflow-y: scroll;
   }
}
/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadgubernamental.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: #005065;
     border: 1px solid #005065;
     color: #fff;
     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;
      
 }
 
 .ca-item-root .open-node {
     color: #005065;
     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;
 }
 
 .has-content {
     color: #2337d2;
     cursor: pointer;
 }
 
 .has-content:hover {
     text-decoration: underline;
     
 }
 
 .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;
 }
 
 .ca-item-contenidos-container div{
     /* padding-top: 15px;
     padding-bottom: 15px; */
 }
 .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 #18B2EC;
     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: 14px;
     background-color: #EBF8FE;
     padding: 5px;
     color: #18B2EC;
 }
 
 .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: 14px;
     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: 14px;
     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: 14px;
     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: 14px;
     background-color: #E3F6E7;
     padding: 5px;
     color: #28A745;
 }
 
 .norma-enlace {
     color: #004cfe !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: #e74c3c;
     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: #f52b16;
 }
 
 .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: 86%;
 }
 
 .norma-titulo .item-enlace {
     color: blue;
     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: #2d486b;
     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 div img{
     /* antes solo esto */
     /* width: 430px; */
 
     width: 430px;
     position: relative;
     left: -6px;
     
 }
 .brillo{
     position:relative;
     display: block;
     height: 133px;
     width: 132px;  
     text-decoration:none;
     overflow:hidden;
 }
 .brillo span{
     position: relative;
     display: block;
     background: url(brillo.png) no-repeat;
     background-position: -300px 0px;
     margin-top: -77px;
     border-radius: 5px;
     margin-left: 132px;
     height: 56px;
     width: 431px;   
 }
 .brillo:hover span{
     background-position: 300px 0px;
     -webkit-transition-property: all;
     -webkit-transition-duration: 1.5s;
     transition-property: all;
     transition-duration: 2s;
     filter: opacity(0);
 }
 .ius-container-search{
     width:80%; 
     margin: 0 auto;
 }
 .tcenter{
     text-align: center;
     font-size: 14px;
 }
 .ius-span-search{
     background-color: #005065 !important;
     color: #fff;
     cursor: pointer;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
 }
 .ius-span-search:hover{
     transition: all 0.3s;
     background-color: #01313e;
 }
 .ius-container-areas{
     width: 100%;
     text-align:justify;
     padding: 0 15px;
   
 }
 .ius-container-areas div{
     /* width: 14.28%; */
     text-align: center;
     /*display: grid;*/
     padding-top: 13px;
 
 }
 .ius-container-areas div:hover div {
     transition: all 0.5s;
     background-color: #01313e;
     cursor: pointer;
 }
 
 .ius-container-areas div div{
 width: 65px;
 height: 75px;
 background-color: #005065;
 border-radius: 5px;
 margin: 0 auto;
 }
 .ius-container-areas div div:hover{
     transform: scale(1.05);
     transition: 0.7s all;
 }
 .ius-container-areas div div i{
     color:#fff;
     font-size: 40px;
     padding: 13px;
 }
 .ius-container-areas div span{
     display: block;
     font-size: 12px;
     line-height: 14px;
     text-align: center;
     position: relative;
     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: #284165 !important;
 }
 
 .ca-item-raiz {
     padding: 10px 0px;
   
 }
 .ca-item-raiz .open-node {
     color: #005065;
     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;
 }
 .ca-item-hijo a:hover{
     text-decoration: underline !important;
 }
 .node-titulo{
     cursor: pointer;
     margin-right: 10px;
 }
  
 .noty_theme__relax.noty_bar .noty_buttons {
     border-top: 1px solid #e7e7e7;
     padding: 5px 10px;
     text-align: center;
 }
 
 .ius-img-areas{
     width: 50px !important;
     margin: auto;
 }
 .ius-check{
     color: #2ecc71 !important;
     font-size: 19px !important;
     position: relative;
     left: 22px;
     top: -19px !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: #284165;
     }
 }
 .resplandor{
     animation: resplandor 3s;
 }
 .ius-coincidencias{
     font-size: 14px;
     font-weight: bold;
     padding: 10px;
 }
 .ius-item{
     padding: 15px;
     border-bottom: 1px solid #d8d6d6;
 }
 .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;
  
     padding-top: 5px;
     padding-bottom: 5px;
 }
 .ius-item .titulo{
 color: #6e0310;
 font-weight: 500;
 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;
     font-size: 13px;
 }
 .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: #177cb7;
     border-color: #177cb7;
 }
 .ius-btn-cargasmas:hover{
     transition: all 0.5s;
     background-color: #fff;
     color: #177cb7;
     border-color: #177cb7;
 }
 
 .ius-span-img{
     padding: 4px 1px 6px 1px;
     border-radius: 3px;
 }
 .ius-span-img img{
     width: 18px;
 }
 /*NUEVOS ESTILOS*/
 .ius-input-buscar{
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     padding-top: .45rem;
     padding-bottom: .45rem;
 }
 .ius-contenedor-tipos a{
     display: block;
 }
 .ius-contenedor-tipos a:hover .node-titulo{
     text-decoration: underline;
 }
 .ius-div-icons{
     margin-left: 6px;
     font-size: 14px;
 }
 .ius-div-icons span{
     padding: 1px 2px;
     color: #d0cfcf;
 }
 .ius-div-icons span i{
     color: #177cb7;
     font-size: 14px;
 }
  
 .ca-info-general{
     background-color: #a7702f17;
     border: solid 1px #d4d4d4;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }
 .ius-div-title{
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 17px;
     width: 60%;
 }
 /*v-step*/
 .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__content{
     font-size: 14px;
     color: #333333;
 }
  
 .v-step__button{
     background: #005065 !important;
     border: .05rem solid #005065 !important;
 }
 .v-step__button:hover{
     background-color: #005065 !important;
     color: #ffffff !important;
 }
 .v-step[x-placement^=top] .v-step__arrow[data-v-aa0cbe42] {
     border-bottom-color: transparent !important;
     border-left-color: transparent !important;
     border-right-color: transparent !important;
     border-width: .5rem .5rem 0;
     bottom: -.5rem;
     left: calc(50% - 1rem) !important;
     margin-bottom: 0;
     margin-top: 0;
 }
 .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;
     left: calc(50% - 1rem) !important;
     margin-bottom: 0;
     margin-top: 0;
     top: -.5rem;
 }
 .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;
     left: -.5rem;
     margin-left: 0;
     margin-right: 0;
     top: calc(50% - 1rem) !important;
 }
 .ius-scrollmenu {
     /* background-color: #333; */
     overflow: auto;
     /* white-space: nowrap; */
 }
   
   .ius-scrollmenu div {
     display: inline-block;
    /*  color: white; */
     text-align: center;
     padding: 14px;
     text-decoration: none;
   }
   
   .ius-scrollmenu div:hover {
    /* background-color: #777;*/
   }
 /*   .ius-container-areas:after {
     content: " ";
     display: inline-block;
     width: 100%;
     } */
.header-lawyer img {
    max-width: 100%;
  }
  
  .header-lawyer {
    padding: 20px 0;
    text-align: center;
    display: block;
  }
  
  @media (max-width: 991px) {
    .img-tabs {
      width: 250px;
    }
  }
  
  .img-tabs {
    width: 400px;
  }
  
  .tab {
    border-bottom: 3px solid #333;
    color: #333;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    margin-right: 20px;
  }
  
  .select {
    color: #126598;
    border-bottom-color: #126598;
  }
  
  .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;
  }

  .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: #f2f2f2;
    padding: 2px;
    margin-bottom: 3px;
    overflow: auto;
}

.collapse-sidebar-right ul {
    font-size: 13px;
    background: white;
}

.collapse-sidebar-right a {
    padding: 10px !important;
    font-size: 14px !important;
    color: #333333;
    display: block;
}

.collapse-sidebar-right ul p {
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

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

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

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

.collapse-sidebar-right .circle-icon {
    float: right;
}
  
.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:#ff8402 !important};


/*  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;max-height: 58px;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;
    }
}
/* .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: #ff8402 !important;
}
.title-area {
  font-size: 22px !important;
  font-weight: 500 !important;
  margin-bottom: 10px;
}
.nav-articulos {
  background: #f6f6f6;
  border: 1px solid #dbdbdb;
  border-radius: 0.2em;
  margin-bottom: 20px;
  display: block;
  padding: 10px;
}
.nav-articulos .autor-nombre {
  color: #838383;
}
.nav-articulos span {
  color: #111;
  font-size: 12px;
  font-weight: 400;
}
.nav-articulos i {
  font-size: 35px;
  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: 5px;
}
.revista-content-autor-cv {
  font-size: 13px;
  font-weight: 400;
  color: #838383;
}
.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 {
  display: block;
  font-family: 'Lato', sans-serif;
  /* font-size:16px;*/
  font-weight: 700;
}
.titulo-articulo:hover {
  /*color: #0075ff!important;
    text-decoration: underline;*/
}
.content-presentacion {
  font-size: 14px;
  font-weight: 400;
}
.pag-titulo {
  position: absolute;
  top: 8px;
  right: 0;
  font-size: 13px;
  color: #ff8402;
}
.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-html {
  font-family: 'PT Serif', serif;
  font-size: 18px !important;
  /*original 20*/
  font-weight: 400;
  line-height: 24px !important;
  /*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;
  display: block;
  width: 100%;
  overflow-x: auto;
  /*border-width: 0 1px;
    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: #ff8402;
}
.numuro-pagina-indice {
  color: #fb9802;
  font-size: 12px;
  text-align: right;
  white-space: nowrap;
}
.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: #006996;
  border: 1px solid #006996;
  background: transparent;
  font-size: 13px;
  padding: 2px 8px;
}
.buttons-item-articulo .btn-outline:hover {
  background: #006996;
  color: #fff;
}
.ruta-articulo-view {
  font-size: 12px;
  color: #838383;
  margin-bottom: 10px;
  display: block;
  width: 95%;
}
.content-titulo {
  margin-bottom: 10px;
}
.articulo-view .titulo-articulo {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
}
.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;
}
.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 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: 0.3em;
}
.conten-revista-responsive .rv-portada img {
  width: 80% !important;
  border-radius: 5px;
}
.rv-edicion {
  border-top-left-radius: 0.3em;
  position: absolute;
  top: 0px;
  left: 0;
  background-color: #666666;
  padding: 4px 10px;
  color: #fff;
  border-right: 3px solid #ff9200;
  font-weight: 100;
  font-size: 20px;
}
.rv-portada {
  padding: 0 10px;
}
.rv-buttons-open {
  display: flex;
}
/* ITEM LISTA */
.header-table-revista {
  background: #eeeeee;
}
.header-table-revista td {
  font-weight: 600;
}
.item-revista {
  cursor: pointer;
}
/* 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-item-diario {
  line-height: 30px;
  cursor: pointer;
  font-size: 12px !important;
  justify-content: space-between;
  overflow: hidden;
  display: flex !important;
  width: 100%;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.titulo-indice-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.barra-filtro-modulo {
  background: #e8e8e8;
  padding: 10px 15px;
  margin: 10px 0;
  display: block;
  width: 100%;
}
.word-finded {
  color: #ff8402;
}
.principal-global-conten {
  background: white;
}
@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;
  }
}

/*Estyles nuevos*/
.lectura-content-html {
  font-family: 'Roboto', sans-serif;
  font-size: 19px;
  line-height: 1.47;
  color: #2b2b2b;
  text-align: justify;
}
.titulo-list {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: #2b2b2b;
  transition: color 0.25s;
  overflow-wrap: anywhere;
}
.datos-list {
  font-size: 12px;
  color: #555555;
}
.resumen-list {
  color: #414141;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  display: -webkit-box;
  line-height: 1.3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conten-list {
  overflow-x: hidden;
  border-top: 1px solid #d2d2d2;
  margin-top: 20px;
  padding-top: 20px;
}

.link-list:hover .titulo-list {
  color: #006996;
}

.nombre-autor-articulo,
.nombre-autor-list {
  font-size: 12px;
  color: #333;
}

.img-articulo {
  background-color: #cfcfcf;
  border-radius: 5px;
}

.img-autor-articulo {
  width: 45px;
  height: 45px;
  border-radius: 5px;
}

.conten-caja-resp .rv-portada img {
  border-radius: 0.3em;
  width: 80%;
}
.content-datos-libro {
  margin-bottom: 10px;
  background: #f5f5f5;
  padding: 10px;
  border: solid 1px #e5e5e5;
  border-bottom: solid 2px #e5e5e5;
  border-radius: 2px;
}

@media (max-width: 768px) {
  .titulo-articulo {
    font-size: 22px;
    line-height: 28px;
  }
  .conten-list figure {
    text-align: center;
  }
}
/*hola*/

/*
.---------------------------.
|  Instituto Pacífico       |
|  actualidadgubernamental.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: #1a1a1a
}

.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;
    }
}
.badge-page {
  background-color:  #1b1b1b !important;
}

.text-orange {
  color: #fd7e14
}

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

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

.fc .fc-button-primary {
  background-color: #1b1b1b !important;
  border-color: #1b1b1b !important;
}