.login-register {
    background-image: url(/DataDoc/Content/DataDoc/login/login_10.jpg) !important;
}

.login-version {
    font-size: 10px;
}

.login-box {
    margin: 20px auto 0;
}

.preloader {
    background: rgba(0, 0, 0, 0.25) !important;
}

.sweet-alert h2 {
    font-size: 18px;
}

.white-box {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 7px;
}

.panel-encabezado {
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.panel-titulo {
}

    .panel-titulo h5 {
        display: inline-block;
        font-size: 16px;
        margin: 0 0 7px;
        padding: 0;
        text-overflow: ellipsis;
    }

.panel-botones {
    float: right !important;
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.panel-contenido {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

#main_container{
    padding: 10px !important;
}

#assistant_container {
    padding: 0 !important;
    height: calc(100vh - 70px);
    position: fixed;
    right: 0;
    overflow: unset;
}

.panel-oculto {
    display: none;
}

.input-group {
    width: 100%;
}

.help-block {
    font-size: 12px;
    color: gray;
}

.bootstrap-switch {
    margin-top: -5px;
    margin-left: -11px;
}

.btn-secondary.btn-outline {
    border: 2px solid #ccc;
}

.boton-opciones-laterales {
    width: 80%;
    margin-bottom: 20px;
}

    .boton-opciones-laterales i {
        float: left;
        vertical-align: central;
    }

    .boton-opciones-laterales li {
        float: left;
        vertical-align: central;
    }

    .boton-opciones-laterales .fa {
        margin-top: 4px;
    }

.select2-hidden-accessible {
    display: none !important;
}

.has-error .select2-selection--single {
    border-color: #ef5350 !important;
}

.has-error-checkbox {
    border: 1px solid red;
}

.select2-container {
    width: 100% !important;
}

    .select2-container .select2-selection--single {
        height: 38px;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-top: 4px;
        }

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
    }

.modal-open .modal {
    overflow-x: scroll;
    overflow-y: auto;
}

.modal {
    z-index: 2050 !important;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: scroll;
    -webkit-overflow-scrolling: auto;
    outline: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-backdrop {
    z-index: 2040 !important;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-visible {
    display: block;
    padding-right: 17px;
}

.modal-oculto {
    display: none;
}

.inmodal .modal-title {
    font-size: 26px;
}

.modal-fullscreen {
    width: 100% !important;
    height: 100vh;
    padding: 0;
    margin: 0;
}

.modal-grande {
    width: 90%;
}

.modal-normal {
    width: 70%;
}

.modal-pequeno {
    width: 50%;
}

@media (max-width: 760px) {
    .modal-grande {
        width: 90%;
    }

    .modal-normal {
        width: 90%;
    }

    .modal-pequeno {
        width: 90%;
    }
}

.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3;
}

.inmodal .modal-body {
    background: #f8fafb;
}

.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center;
}

iframe {
    border: 0;
    margin: 4px;
    width: 100%;
    height: 100%;
    min-height: 85vh;
    overflow: scroll;
}

a.area-encontrada {
    color: orange;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px 5px;
}

.icono-tabla-paginada {
    font-size: 20px;
    margin-left: 12px;
}


.product-slider {
    padding: 5px;
}

    .product-slider #carousel {
        border: 1px solid #;
        margin: 0;
    }

    .product-slider #thumbcarousel {
        margin: 12px 0 0;
        padding: 0 15px;
    }

        .product-slider #thumbcarousel .item {
            text-align: center;
        }

            .product-slider #thumbcarousel .item .thumb {
                border: 4px solid #cecece;
                width: 20%;
                margin: 0 2%;
                display: inline-block;
                vertical-align: middle;
                cursor: pointer;
                max-width: 98px;
                min-height: 121px;
            }

                .product-slider #thumbcarousel .item .thumb:hover {
                    border-color: #1089c0;
                }

    .product-slider .item img {
        width: 100%;
        height: auto;
    }

#carousel a {
    color: #ccc;
}

.carousel-control {
    color: #0284b8;
    text-align: center;
    text-shadow: none;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 20px;
    top: 23%;
}

    .carousel-control:hover, .carousel-control:focus, .carousel-control:active {
        color: #333;
    }

    .carousel-caption, .carousel-control .fa {
        font: normal normal normal 30px/26px FontAwesome;
    }

.carousel-control {
    background-color: rgba(0, 0, 0, 0);
    bottom: auto;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 30%;
    width: auto;
}

    .carousel-control.right, .carousel-control.left {
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
    }

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}

.correspondencia-codigo {
    font-weight: bolder;
    font-size: 20px;
    float: right;
}

.inmodal .modal-header {
    padding: 8px;
    text-align: center;
}

.table-condensed tbody tr td {
    font-size: 13px;
}

.lista-pendientes-ul {
    overflow-y: scroll;
    height: 28rem;
    transition: .3s;
}

    .lista-pendientes-ul::-webkit-scrollbar-thumb {
        background-color: #DDDDDD !important;
        border-radius: 5px !important;
    }

        .lista-pendientes-ul::-webkit-scrollbar-thumb:hover {
            background: #b3b3b3 !important;
        }

.form-control-daterange {
    width: 50% !important;
}

.boton-correspondencia {
    width: 250px;
}

.correspondencia-titulo-arbol {
    font-size: 18px;
}

.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
    border-radius: 3px;
    background-color: #999;
    padding: 15px;
    margin-top: -20px;
    margin-right: 15px;
    float: left;
}

.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text) {
    -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
}

.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .back, .card.card-rotate.bg-warning .front {
    background: linear-gradient(60deg,#ffa726,#fb8c00);
}

.card.card-stats .card-header.card-header-icon, .card.card-stats .card-header.card-header-text {
    text-align: right;
}

.card [class*=card-header-] {
    margin: 0 15px;
    padding: 0;
    position: relative;
}

.card .card-header {
    z-index: 3 !important;
}

.card .card-header {
    border-bottom: none;
    background: 0 0;
}

    .card .card-header .title, .card [class*=card-header-], .card [class*=card-header-] .card-title, .card [class*=card-header-] .card-title a, .card [class*=card-header-] .icon i, .card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i {
        color: #fff;
    }

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-header {
    border-bottom: 1px solid #eee;
}

.card-header, .card-subtitle, .card-text:last-child {
    margin-bottom: 0;
}

.card-footer, .card-header {
    padding: .75rem 1.25rem;
    background-color: #fff;
}

.card {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}

.card {
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    color: #333;
    background: #fff;
    width: 100%;
}

.card, .input-group-btn > .btn {
    border: 0;
}

.card {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

.card, .card-deck {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.card, .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
}

..login-register {
    background-image: url(/DataDoc/Content/imagenes/login_background.jpg) !important;
}

.login-version {
    font-size: 10px;
}

.login-box {
    margin: 8px auto 0;
    max-height: 100vh;
    overflow-y: auto;
}

.preloader {
    background: rgba(0, 0, 0, 0.25) !important;
}

.sweet-alert h2 {
    font-size: 18px;
}

.white-box {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 7px;
}

.panel-encabezado {
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.panel-titulo {
    min-height: 38px;
}

    .panel-titulo h5 {
        display: inline-block;
        font-size: 16px;
        color: #000;
        margin: 0 0 7px;
        padding: 0;
        text-overflow: ellipsis;
    }

.panel-botones {
    float: right !important;
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.panel-contenido {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.panel-oculto {
    display: none;
}

.input-group {
    width: 100%;
}

.help-block {
    font-size: 12px;
    color: gray;
}

.bootstrap-switch {
    margin-top: -5px;
    margin-left: -11px;
}

.btn-secondary.btn-outline {
    border: 2px solid #ccc;
}

.select2-hidden-accessible {
    display: none !important;
}

.has-error .select2-selection--single {
    border-color: #ef5350 !important;
}

.has-error-checkbox {
    border: 1px solid red;
}

.select2-container {
    width: 100% !important;
}

    .select2-container .select2-selection--single {
        height: 38px;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-top: 4px;
        }

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
    }

.modal-open .modal {
    overflow-x: scroll;
    overflow-y: auto;
}

.modal {
    z-index: 2050 !important;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: scroll;
    -webkit-overflow-scrolling: auto;
    outline: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-backdrop {
    z-index: 2040 !important;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-visible {
    display: block;
    padding-right: 17px;
}

.modal-oculto {
    display: none;
}

.inmodal .modal-title {
    font-size: 26px;
}

.modal-fullscreen {
    width: 100% !important;
    height: 100vh;
    padding: 0;
    margin: 0;
}

.modal-grande {
    width: 90%;
}

.modal-normal {
    width: 70%;
}

.modal-pequeno {
    width: 50%;
}

@media (max-width: 760px) {
    .modal-grande {
        width: 100% !important;
        height: 100vh;
        padding: 0;
        margin: 0;
    }

    .modal-normal {
        width: 100% !important;
        height: 100vh;
        padding: 0;
        margin: 0;
    }

    .modal-pequeno {
        width: 100% !important;
        height: 100vh;
    }

    .modal-content {
        height: 100vh !important;
    }
}

.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3;
}

.inmodal .modal-body {
    background: #f8fafb;
}

.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center;
}

iframe {
    border: 0;
    margin: 4px;
    width: 100%;
    height: 100%;
    min-height: 85vh;
    overflow: scroll;
}

a.area-encontrada {
    color: orange;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px 5px;
}

.icono-tabla-paginada {
    font-size: 20px;
    margin-left: 12px;
}


.product-slider {
    padding: 5px;
}

    .product-slider #carousel {
        border: 1px solid #;
        margin: 0;
    }

    .product-slider #thumbcarousel {
        margin: 12px 0 0;
        padding: 0 15px;
    }

        .product-slider #thumbcarousel .item {
            text-align: center;
        }

            .product-slider #thumbcarousel .item .thumb {
                border: 4px solid #cecece;
                width: 20%;
                margin: 0 2%;
                display: inline-block;
                vertical-align: middle;
                cursor: pointer;
                max-width: 98px;
                min-height: 121px;
            }

                .product-slider #thumbcarousel .item .thumb:hover {
                    border-color: #1089c0;
                }

    .product-slider .item img {
        width: 100%;
        height: auto;
    }

#carousel a {
    color: #ccc;
}

.carousel-control {
    color: #0284b8;
    text-align: center;
    text-shadow: none;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 20px;
    top: 23%;
}

    .carousel-control:hover, .carousel-control:focus, .carousel-control:active {
        color: #333;
    }

    .carousel-caption, .carousel-control .fa {
        font: normal normal normal 30px/26px FontAwesome;
    }

.carousel-control {
    background-color: rgba(0, 0, 0, 0);
    bottom: auto;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 30%;
    width: auto;
}

    .carousel-control.right, .carousel-control.left {
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
    }

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}

.correspondencia-codigo {
    font-weight: bolder;
    font-size: 20px;
    float: right;
}

.inmodal .modal-header {
    padding: 8px;
    text-align: center;
}

.table-condensed tbody tr td {
    font-size: 13px;
}

.form-control-daterange {
    width: 50% !important;
}

.boton-correspondencia {
    width: 250px;
}

.correspondencia-titulo-arbol {
    font-size: 18px;
}

.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
    border-radius: 3px;
    background-color: #999;
    padding: 15px;
    margin-top: -20px;
    margin-right: 15px;
    float: left;
}

.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text) {
    -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
}

.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .back, .card.card-rotate.bg-warning .front {
    background: linear-gradient(60deg,#ffa726,#fb8c00);
}

.card.card-stats .card-header.card-header-icon, .card.card-stats .card-header.card-header-text {
    text-align: right;
}

.card [class*=card-header-] {
    margin: 0 15px;
    padding: 0;
    position: relative;
}

.card .card-header {
    z-index: 3 !important;
}

.card .card-header {
    border-bottom: none;
    background: 0 0;
}

    .card .card-header .title, .card [class*=card-header-], .card [class*=card-header-] .card-title, .card [class*=card-header-] .card-title a, .card [class*=card-header-] .icon i, .card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i {
        color: #fff;
    }

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-header {
    border-bottom: 1px solid #eee;
}

.card-header, .card-subtitle, .card-text:last-child {
    margin-bottom: 0;
}

.card-footer, .card-header {
    padding: .75rem 1.25rem;
    background-color: #fff;
}

.card {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}

.card {
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    color: #333;
    background: #fff;
    width: 100%;
}

.card, .input-group-btn > .btn {
    border: 0;
}

.card {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

.card, .card-deck {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.card, .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
}

.card {
    font-size: .875rem;
}

    .card.card-stats .card-header .card-category:not([class*=text-]) {
        color: #999;
        font-size: 14px;
    }

    .card.card-stats .card-header .card-icon + .card-category, .card.card-stats .card-header .card-icon + .card-title {
        padding-top: 10px;
    }

    .card.card-stats .card-header .card-category {
        margin-bottom: 0;
        margin-top: 0;
    }

    .card.card-stats .card-header .card-category, .card.card-stats .card-header .card-title {
        margin: 0;
    }

    .card .card-header .card-category {
        margin: 0;
    }

    .card [class*=card-header-] .author a, .card [class*=card-header-] .card-category, .card [class*=card-header-] .card-description, .card [class*=card-header-] .stats, .card[class*=bg-] .author a, .card[class*=bg-] .card-category, .card[class*=bg-] .card-description, .card[class*=bg-] .stats {
        color: rgba(255,255,255,.8);
    }

    .card .card-category:not([class*=text-]), .card .card-footer .stats {
        color: #999;
    }

    .card .card-category {
        margin-top: 10px;
    }

    .card.card-stats .card-header .card-category, .card.card-stats .card-header .card-title {
        margin: 0;
    }

    .card .card-header.card-header-icon .card-title, .card .card-header.card-header-text .card-title {
        margin-top: 15px;
        color: #3C4858;
    }

    .card .card-header .title, .card [class*=card-header-], .card [class*=card-header-] .card-title, .card [class*=card-header-] .card-title a, .card [class*=card-header-] .icon i, .card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i {
        color: #fff;
    }

    .card .card-title:last-child {
        margin-bottom: 0;
    }

    .card .card-title {
        margin-top: 0;
        margin-bottom: 3px;
    }

.card-title, .card-title a, .footer-big h4, .footer-big h4 a, .footer-big h5, .footer-big h5 a, .footer-brand, .footer-brand a, .info-title, .info-title a, .media .media-heading, .media .media-heading a, .title, .title a {
    color: #3C4858;
    text-decoration: none;
}

.card-title {
    margin-bottom: .75rem;
}

.card .card-header-info .card-icon, .card .card-header-info .card-text, .card .card-header-info:not(.card-header-icon):not(.card-header-text), .card.bg-info, .card.card-rotate.bg-info .back, .card.card-rotate.bg-info .front {
    background: linear-gradient(60deg,#26c6da,#00acc1);
}

.card .card-header-success .card-icon, .card .card-header-success .card-text, .card .card-header-success:not(.card-header-icon):not(.card-header-text), .card.bg-success, .card.card-rotate.bg-success.back, .card.card-rotate.bg-success.front {
    background: linear-gradient(60deg,#5cb85c,#2ecc71);
}

.tarjetas-arbol-correspondencia:before {
    content: " ";
    position: absolute;
    top: -30px;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    height: 195px;
    background: #ccc;
}


.tarjetas-arbol-correspondencia-final:after {
    content: " ";
    position: absolute;
    top: 82px;
    bottom: 0;
    left: 50%;
    width: 200px;
    margin-left: -1.5px;
    height: 3px;
    background: #ccc;
}

.tarjeta-arbol-correspondencia {
    cursor: pointer;
}

.correspondencia-asociada-fondo {
    background-color: #f8f8f8;
    padding: 10px;
}

.documento-electronico-version {
    font-size: 14px;
}

.recuadro {
    border-radius: 5px !important;
}

.tabla-reporte-produccion > thead > tr > th {
    text-align: center;
    color: #fff;
    background: #ccc;
}

.tabla-reporte-produccion > tbody > tr > td {
    text-align: center;
    color: #333;
    font-size: 12px;
    padding: 0;
}

.tabla-reporte-produccion > tbody > tr > th {
    text-align: center;
    color: #000;
    background: #f3f3f3;
    font-size: 12px;
}

.tabla-reporte-produccion > tfoot > tr > td {
    text-align: center;
    color: #333;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
}

.tabla-reporte-produccion > tfoot > tr > th {
    text-align: center;
    color: #000;
    background: #e3e3e3;
    font-size: 15px;
    font-weight: bold;
}

.tabla-reporte-produccion .label {
    border-radius: 4px !important;
    font-size: 12px;
}

.tabla-reporte-produccion .borde-fecha {
    border-left: 1px solid #999;
}

.campo_foliacion_fecha {
    border: 1px solid #ccc;
    width: 100px;
}

.campo_foliacion_codigo {
    border: 1px solid #ccc;
    width: 50px;
}

.campo_foliacion_folio {
    border: 1px solid #ccc;
    width: 50px;
}

.campo_foliacion_error {
    border: 1px solid #ff8888;
}

.hoja-blanca {
    max-width: 100%;
    padding: 5px;
}

.loader-hojas-blancas {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0;
    outline: 0;
}

    .image-checkbox input[type="checkbox"] {
        display: none;
    }

.image-checkbox-checked {
    border-color: #4783B0;
    opacity: 0.3;
}

.image-checkbox .fa {
    position: absolute;
    color: #4A79A3;
    background-color: #fff;
    padding: 0px;
    top: 0;
    right: 0;
}

.image-checkbox-checked:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,0,0,0.4);
}

.image-checkbox-checked .fa {
    display: block !important;
}

.panel-caja-impresion-stickers {
    background: #f8f8f8;
}

    .panel-caja-impresion-stickers .panel-heading {
        background-color: #eee !important;
        padding: 5px;
        padding-left: 20px;
    }

    .panel-caja-impresion-stickers .panel-body {
        padding: 5px;
        padding-left: 20px;
    }

.panel-documento-impresion-stickers {
    border-radius: 4px;
    padding-right: 4px;
    margin: 3px;
    display: inline-block
}

    .panel-documento-impresion-stickers a {
        color: #fff;
        margin-left: 5px;
    }

#mensajeImpresion {
    top: 50px;
}

.boton-campo-dinamico {
    font-size: 18px;
    margin-left: -20px !important;
    margin-right: 10px !important;
}

.control-arbol-lista {
    list-style-type: none;
    margin-left: -40px;
}

.control-arbol-item {
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

    .control-arbol-item:hover {
        background-color: #eee;
    }

.control-arbol-indent {
    margin-left: 10px;
    margin-right: 10px;
}

.control-arbol-expander {
    margin-right: 10px;
}

.etiqueta-numero {
    min-width: 120px !important;
}

.contenedorDiagramaProcedimientoRow {
    overflow: scroll;
    height: 760px;
    width: 99%;
    position: relative;
    margin-right: 40px;
}

.contenedorDiagramaProcedimientoRow-noedicion {
    margin-right: 0 !important;
}

#contenedorDiagramaProcedimiento {
    position: relative;
    width: 500%;
    background-color: white;
    height: 4000px;
    border: 1px dashed #999;
}

    #contenedorDiagramaProcedimiento path {
        filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 0.4));
    }

.procedimiento-barra-zoom {
    position: absolute;
    top: 20px;
    right: -17px;
    z-index: 100;
}

    .procedimiento-barra-zoom .btn {
        margin-bottom: 4px;
        width: 40px;
        height: 40px;
        padding: 10px;
    }

    .procedimiento-barra-zoom i {
        color: #ccc;
        font-size: 18px;
    }

.procedimiento-barra-zoom-noedicion {
    right: -17px !important;
}

.no-overflow {
    overflow: hidden;
}

.procedimiento-actividad {
    position: absolute;
    min-width: 60px !important;
    padding: 0;
    background: #6699cc;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

.procedimiento-actividad-lista {
    width: 20px !important;
    height: 20px !important;
    padding: 2px;
    background: #6699cc;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.procedimiento-actividad-Notificacion {
    background: #abd5ff;
}

.procedimiento-actividad-recuadro {
    position: absolute;
    height: 60px;
    min-width: 120px !important;
    padding: 5px 10px;
    margin-left: 20px;
    background: #ddd;
    justify-content: center;
    align-items: center;
    border: 1px solid #aaa;
    color: #555;
    z-index: 10000;
    display: none;
}

    .procedimiento-actividad-recuadro li {
        display: block;
    }

.procedimiento-actividad-icono {
    display: inline-block;
    color: #fff;
    font-size: 2em;
}

.procedimiento-actividad-lista-icono {
    display: inline-block;
    color: #fff;
    font-size: 0.9em !important;
    margin: unset !important;
}


.procedimiento-actividad-icono-opcion {
    display: inline-block;
    color: #555;
    font-size: 1em;
    margin-left: 6px;
}

.procedimiento-actividad-icono-opcion-error {
    margin-left: 6px;
    color: #f88;
    font-size: 16px;
}

.procedimiento-actividad-entrada {
    stroke: #69c;
    stroke-width: 2px;
    fill: red;
    cursor: alias !important;
    position: absolute;
    overflow: overlay !important;
}

.procedimiento-actividad-salida {
    stroke: #69c;
    stroke-width: 2px;
    fill: red;
    cursor: alias !important;
    position: absolute;
    overflow: overlay !important;
}


.procedimiento-actividad-salida-aprobado {
    stroke: #4ade36;
    stroke-width: 2px;
    fill: #fc7d16;
}

.procedimiento-actividad-salida-rechazado {
    stroke: #d61616;
    stroke-width: 2px;
    fill: #fc7d16;
}





.procedimiento-actividad table {
    border: 2px solid #6699cc;
    height: 60px;
    border: 2px solid #6699cc;
    border-radius: 5px;
    background-color: #eee;
}



.procedimiento-actividad .celda-icono {
    background: #6699cc;
    padding: 15px;
    cursor: move;
    width: 60px;
    max-height: 60px;
}

.procedimiento-actividad .celda-recuadro-extendido {
    vertical-align: top;
    padding: 4px;
    min-width: 150px;
    max-width: 220px;
    overflow: hidden;
    position: relative;
    background: #eee;
}

.procedimiento-actividad td:nth-child(2) div {
    position: absolute;
    bottom: 3px;
}

.procedimiento-actividad td:nth-child(3) {
    padding: 4px;
    min-width: 30px;
    overflow: hidden;
    border-left: 1px dotted #6699cc;
}

.procedimiento-actividad td:first-child i {
    color: white;
}

.procedimiento-actividad .icono-robot {
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: -15px;
    left: -15px;
    background-color: white;
    font-size: 22px;
    border-radius: 20px;
    color: #2dcc32;
    border: 1px solid #ccc;
}

.procedimiento-actividad .icono-adhoc {
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: -15px;
    left: -15px;
    background-color: white;
    font-size: 22px;
    border-radius: 20px;
    color: #00b1ff;
    border: 1px solid #ccc;
}

.procedimiento-actividad-ancla-ok {
    fill: white !important;
}

.procedimiento-actividad-salida {
    stroke: #69c;
    stroke-width: 3px;
    cursor: alias;
}

.procedimiento-actividad-salida-normal {
    stroke: #69c;
    fill: #fc7d16;
}

.procedimiento-actividad-error-definicion {
    background: #da3333 !important;
}



.procedimiento-ruta-normal {
    stroke: #69c;
    stroke-width: 3px;
    stroke-dashoffset: 4px;
    fill: transparent;
    cursor: grab;
}

.procedimiento-ruta-aprobado {
    stroke: #4ade36;
    stroke-width: 3px;
    stroke-dashoffset: 4px;
    fill: transparent;
    cursor: grab;
}

.procedimiento-ruta-rechazado {
    stroke: #d61616;
    stroke-width: 3px;
    stroke-dashoffset: 4px;
    fill: transparent;
    cursor: grab;
}

.procedimiento-ruta-temporal {
    stroke: orange;
    stroke-width: 3px;
    stroke-dashoffset: 4px;
    fill: transparent;
}

.procedimiento-ruta-notificacion {
    stroke-dasharray: 5;
}

.procedimiento-escala-1 {
    transform: scale(1);
}

.procedimiento-escala-07 {
    transform: scale(0.7);
}

.procedimiento-escala-05 {
    transform: scale(0.5);
}

.procedimiento-icono-actividad {
    font-size: 1.5em;
}

.procedimiento-actividad-no-ejecutada {
    background-color: #ddd !important;
}

    .procedimiento-actividad-no-ejecutada polygon {
        stroke: #ddd !important;
    }

.procedimiento-actividad-en-ejecucion {
    background-color: orange !important;
}

.procedimiento-ruta-no-ejecutada {
    opacity: 0.3;
}

.tab-error {
    border-color: red !important;
    color: red !important;
}

twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint {
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

    .tt-suggestion:hover,
    .tt-suggestion:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }


.bootstrap-tagsinput .tag {
    font-size: 14px;
    line-height: 2.5;
}

.bootstrap-tagsinput {
    height: auto !important;
}

.sortable-div {
    display: inline-block;
    background-color: #fff;
    border: solid 1px rgb(0,0,0,0.2);
    padding: 15px;
    margin: 0;
}



.tabla-scrollable {
    position: relative;
    height: 80vh;
    overflow: auto;
    display: block;
}

dl, menu, ol, ul {
    margin: 0 !important;
}

.form-group > label {
    display: unset;
}

@media (max-width: 600px) {
    .container-fluid {
        padding: 0;
        padding-left: 15px;
    }

    .panel-contenido {
        padding: 10px;
    }

    .form-group > label {
        display: unset;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        padding-bottom: 6px;
        padding-left: 0;
        padding-right: 0;
    }

    .panel-titulo {
        position: relative;
    }

    .panel-botones {
        position: absolute;
        top: 0;
        right: 0;
    }

        .panel-botones .btn {
            font-size: 0;
            width: 45px;
        }

            .panel-botones .btn .fa {
                font-size: initial;
            }

    .form-group {
        margin-bottom: 0;
    }

    .modal-visible {
        padding-right: 0;
    }

    .modal-body {
        padding: 0;
    }

    .sweet-alert {
        top: 5px;
        margin-top: 0 !important;
    }
}

.captura-movil-panel-camara {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
    z-index: 110000;
}

    .captura-movil-panel-camara video {
        width: 100%;
        height: 100vh;
        object-fit: fill;
    }

.captura-movil-canvas {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
    z-index: 110000;
}

    .captura-movil-canvas canvas {
        width: 100%;
        height: 100vh;
        z-index: 150000;
    }

.captura-movil-panel-cancelar {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 112000;
}

.captura-movil-panel-guardar {
    z-index: 113000;
}

.captura-movil-panel-inferior {
    position: fixed;
    bottom: 0;
    margin-left: 10%;
    width: 80%;
    z-index: 111000;
}

    .captura-movil-panel-inferior .btn {
        margin-right: 10px;
        margin-left: 10px;
        height: 50px;
        width: 60px;
        margin-top: 0;
        margin-bottom: 10px;
        background-color: white;
    }

        .captura-movil-panel-inferior .btn:first-child {
            float: right;
        }

        .captura-movil-panel-inferior .btn:last-child {
            float: left;
        }

#iframe_captura_movil {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100000;
}

.login-container .form-group {
    margin-bottom: 10px;
}

.div-ocr {
    position: relative;
    float: right;
    font-size: 12px;
}

.imagen-procesada {
    position: relative;
    float: left;
}

#customModal .modal-dialog {
    width: 70%;
    overflow-y: scroll;
}


@media (max-width: 760px) {
    #customModal .modal-dialog {
        width: 96% !important;
        overflow-y: scroll;
    }

    #customModal .modal-dialog {
        width: 96% !important;
        overflow-y: scroll;
    }
}

@media (min-width: 1024px) {
    .page-wrapper {
        margin-left: 60px !important;
    }
}

.wrapper-oculto {
    opacity: 0.2;
}

.table-hover > tbody > tr:hover {
    background-color: #fff8d7 !important;
}

.hr-separador {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 2px;
}

.form-group {
    margin-bottom: 2px;
    margin-top: 16px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-bottom: 8px;
}

/*Clases del menú lateral*/

.logo-superior-izquierdo {
    background: #fff !important;
    width: 60px;
    float: left;
    background: rgba(0, 0, 0, .1);
    overflow: hidden;
    border-bottom: #888 thick;
    margin-top: -5px;
}

    .logo-superior-izquierdo a {
        margin-left: 12px !important;
    }

    .logo-superior-izquierdo .hr-line {
        margin-top: 3px !important;
        height: 1px;
    }

.menu-lateral {
    width: 60px;
    padding: 0 !important;
    position: absolute;
    background: white;
    z-index: 2000;
    height: 100%;
    box-shadow: 5px 1px 40px rgba(0, 0, 0, .1);
    overflow-y: auto;
    overflow-x: hidden;
}

    .menu-lateral::-webkit-scrollbar {
        width: 0.3em;
    }

    .menu-lateral::-webkit-scrollbar-track {
        background-color: #F9F9F9;
    }

    .menu-lateral::-webkit-scrollbar-thumb {
        background-color: #3f87c5;
        outline: 1px solid slategrey;
        opacity: 0.3;
    }

    .menu-lateral nav {
        padding: 0 !important;
        margin-top: 20px;
    }

    .menu-lateral ul {
        padding: 0 !important;
    }

    .menu-lateral span {
        margin-left: 1px !important;
    }

    .menu-lateral i {
        font-size: 18px;
        width: 30px !important;
        color: #888;
        text-align: center !important;
        padding: 0 20px;
        display: inline-block;
    }

    .menu-lateral a {
        overflow: hidden;
        white-space: nowrap;
    }

    .menu-lateral nav:first-child {
        margin-top: 0 !important;
    }

.menu-lateral-extendido {
    width: 300px !important;
}


.menu-lateral-bloque {
    margin-top: 12px !important;
}

    .menu-lateral-bloque > a {
        padding: 5px;
    }

    .menu-lateral-bloque span {
        font-weight: bold;
        margin-right: 15px;
    }

    .menu-lateral-bloque li {
        padding: 2px 10px;
        border-bottom: 1px dotted #c1c1c1;
        margin-right: 2px;
    }

    .menu-lateral-bloque:first-child {
        padding-top: 80px !important;
    }

    .menu-lateral-bloque li:hover {
        background: rgba(63,135,245,.1);
        border-right: 3px solid #3f87f5;
    }

.menu-lateral-bloque-resaltado a {
    background: #eee;
}


.menu-lateral-elemento {
    margin-left: 65px !important;
    cursor: pointer;
}

.icono-estado-hardware-cargado {
    color: greenyellow;
}

.icono-estado-hardware-iniciando {
    color: orange;
}

.right-sidebar menu, ol, ul {
    padding: 0 0 0 0;
}

.right-sidebar a {
    width: 90%;
}

#barra-opciones-hardware h5 {
    color: #c1c1c1;
}

.barra-opciones-hardware-diferente {
    color: red !important;
}

p.version_manejador_hardware_diferente {
    font-size: 12px;
    color: darkorange !important;
}

p.version_manejador_hardware_ok {
    font-size: 12px;
    color: lightgreen !important;
    font-weight: normal;
}

.tipo-area-organizacional {
    font-size: 8px;
    margin-right: 15px;
    padding: 5px;
}

.boton-descarga-tabla-paginada {
    float: right;
}

.tabla-calendario-mes-anterior {
    text-align: left;
}

    .tabla-calendario-mes-anterior i {
        margin-right: 15px;
    }

.tabla-calendario-mes-actual {
    text-align: center;
}

.tabla-calendario-mes-siguiente {
    text-align: right;
}

    .tabla-calendario-mes-siguiente i {
        margin-left: 15px;
    }

.tabla-calendario {
    width: 100%;
    border: 1px solid #c1c1d1;
}

    .tabla-calendario th {
        border-left: 1px solid #c1c1d1;
        text-align: center;
        width: 14.28%;
    }

    .tabla-calendario tbody tr {
        border: 1px solid #c1c1d1;
        border-left: 1px solid #c1c1d1;
        border-right: 1px solid #c1c1d1;
        text-align: right;
        vertical-align: top;
        width: 14.28%;
        height: 60px;
    }

    .tabla-calendario tbody td {
        border: 1px solid #c1c1d1;
        border-left: 1px solid #c1c1d1;
        border-right: 1px solid #c1c1d1;
        padding: 4px;
        cursor: pointer;
    }

.dia-calendario {
    cursor: pointer !important;
    background: white !important;
}

.dia-calendarioNM {
    cursor: default !important;
    background: #fafafa !important;
    border-right: 0 solid white !important;
}

.dia-calendarioFS {
    cursor: default !important;
    background: #f8f8f8 !important;
}

.dia-calendarioFR {
    cursor: pointer !important;
    background: #ffe085 !important;
}

.td-nowrap {
    white-space: nowrap;
}

.codigo-documento {
    white-space: nowrap;
    font-weight: bold;
}

.correspondencia-prioridad-Normal {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    background-color: #289cd8;
}

.correspondencia-prioridad-NoPrioritario {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    background-color: #f1f1f1;
}

.correspondencia-prioridad-Urgente {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    background-color: #ffb136;
    color: white;
}

.correspondencia-prioridad-Tutela {
    letter-spacing: .05em;
    border-radius: 60px;
    font-weight: 500;
    background-color: #e74a25;
    color: white;
    font-size: 12px;
    padding: 2px 10px;
    text-align: center;
    animation: blinker 1s linear infinite;
}

.correspondencia-vencimiento {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    white-space: nowrap;
    background-color: #2ecc71 !important;
}

.correspondencia-vencimiento-naranja {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    white-space: nowrap;
    background-color: #ffb136 !important;
}

.correspondencia-vencimiento-rojo {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    white-space: nowrap;
    background-color: #e74a25 !important;
}

.etiqueta-proceso-masivo {
    margin: 4px !important;
}

.icono_correspondencia_menu_superior {
    color: red;
    font-size: 16px;
}

.ribbon-wrapper {
    background-color: white;
}

.tarjeta-imagen {
    background: #555;
    border: 1px solid limegreen;
    border-radius: 8px;
    padding: 8px;
    margin: 0 20px;
}


.el-element-overlay .tarjeta-imagen {
    padding: 0
}

.el-element-overlay .el-card-item {
    position: relative;
    padding-bottom: 25px
}

    .el-element-overlay .el-card-item .el-card-avatar {
        margin-bottom: 15px
    }

    .el-element-overlay .el-card-item .el-card-content {
        text-align: center
    }

        .el-element-overlay .el-card-item .el-card-content h3 {
            margin: 0
        }

        .el-element-overlay .el-card-item .el-card-content a {
            color: #8d9498
        }

            .el-element-overlay .el-card-item .el-card-content a:hover {
                color: #0283cc
            }

    .el-element-overlay .el-card-item .el-overlay-1 {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default
    }

        .el-element-overlay .el-card-item .el-overlay-1 img {
            display: block;
            position: relative;
            -webkit-transition: all .4s linear;
            transition: all .4s linear;
            width: 100%;
            max-width: 100%;
            height: auto;
            background: white;
        }

        .el-element-overlay .el-card-item .el-overlay-1 canvas {
            display: block;
            position: relative;
            -webkit-transition: all .4s linear;
            transition: all .4s linear;
            width: 100%;
            max-width: 100%;
            height: auto;
        }

        .el-element-overlay .el-card-item .el-overlay-1:hover img {
            -ms-transform: scale(1.2) translateZ(0);
            -webkit-transform: scale(1.2) translateZ(0)
        }

        .el-element-overlay .el-card-item .el-overlay-1 .el-info {
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            color: #fff;
            background-color: transparent;
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            padding: 0;
            margin: auto;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%) translateZ(0);
            -webkit-transform: translateY(-50%) translateZ(0);
            -ms-transform: translateY(-50%) translateZ(0)
        }

            .el-element-overlay .el-card-item .el-overlay-1 .el-info > li {
                list-style: none;
                display: inline-block;
                margin: 0 3px
            }

                .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a {
                    border-color: #fff;
                    color: #fff;
                    padding: 12px 15px 10px
                }

                    .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover {
                        background: #e74a25;
                        border-color: #e74a25
                    }

    .el-element-overlay .el-card-item .el-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .7);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
        top: -100%
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
        top: 100%;
        height: 0
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
        top: 0
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
        top: 0;
        height: 100%
    }

.ace_editor {
    position: relative;
    width: 100%;
    min-height: 600px;
}

.iconoAumentar, .iconoReducir {
    color: #ccc;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

tr.placeholder {
    display: block;
    background: red;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}

    tr.placeholder:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left-color: red;
        margin-top: -5px;
        left: -5px;
        border-right: none;
    }

.formulario-dinamico-separador {
    margin-left: -15px;
    background: #fcfcfc;
}

.formulario-dinamico-texto-titulo {
    width: 100%;
    margin: 4px;
    border: 0;
    border-bottom: 1px solid #efe5d2;
}

.formulario-dinamico-texto-subtitulo {
    width: 100%;
    margin: 4px;
    border: 0;
    border-bottom: 1px solid #efe5d2;
}

.titulo-menu-derecho {
    background: #f4f8f9;
    margin-top: 0;
    border-top: 1px solid #ddd;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    min-height: 40px;
    margin-bottom: 0;
}

.enlace-manual {
    border-bottom: 1px solid #ddd;
}

.titulo-manual {
    display: inline-block;
}

.titulo-manual-descripcion {
    display: inline-block;
    color: #ccc;
}


#divListaMailboxes > li {
    border-bottom: 1px solid #ddd;
}

#tablaMensajes td {
    font-size: 15px;
    font-weight: bold;
}

#tablaMensajes .mensajeLeido td {
    font-weight: normal !important;
    font-size: 13px;
}

.archivos-grupo {
    background-color: #fff4de;
    font-size: 12px;
}

.acceso-documental-area {
    background-color: #337ab7;
    font-size: 13px;
    color: white;
}

    .acceso-documental-area a {
        color: white;
    }

.acceso-documental-lateral-area {
    background-color: #337ab7;
    width: 8px;
    border: 0px !important;
}

.acceso-documental-serie {
    background-color: #fffbd1;
    font-size: 12px;
    color: black;
}

.acceso-documental-lateral-serie {
    background-color: #fffbd1;
    width: 8px;
    border: 0px !important;
    border: 0px !important;
}

.acceso-documental-serie-permisos {
    background-color: #eee;
    font-size: 12px;
    color: black;
}

.acceso-documental-tipo {
    background-color: #f8f8f8;
}

.digitalizacion-slider {
}

#contenedorImagenesDigitalizadas img {
    max-width: 100%;
    border: 0;
}

#contenedorThumbnailsImagenesDigitalizadas img {
    width: 100%;
    border: 1px solid #b0ddef;
}

#contenedorThumbnailsImagenesDigitalizadas .contenedor-imagen {
    width: 21%;
    margin: 2%;
    display: inline-flex;
}

#contenedorThumbnailsImagenesDigitalizadas .item {
    display: none;
}

#contenedorThumbnailsImagenesDigitalizadas .active {
    display: block;
}

#sliderImagenesDigitalizadas .deslizar-izquierda {
    bottom: auto;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 30%;
    width: auto;
}

#sliderImagenesDigitalizadas .deslizar-derecha {
    right: 0;
    left: auto;
    bottom: auto;
    font-size: 20px;
    position: absolute;
    top: 30%;
    width: auto;
}

#sliderImagenesDigitalizadas .deslizar-izquierda i {
    font: normal normal normal 40px/26px FontAwesome;
    color: #8adfff;
}

#sliderImagenesDigitalizadas .deslizar-derecha i {
    font: normal normal normal 40px/26px FontAwesome;
    color: #8adfff;
}

.pad-firma {
    width: 400px;
    height: 200px;
    display: inline-block;
    border: 1px solid #a0a0a0;
    -ms-touch-action: none;
}

td.link-actividad-token {
    font-size: 8px;
    color: steelblue;
}

.alerta-repeticion-correspondencia {
    background: #ffb136;
}

    .alerta-repeticion-correspondencia a {
        color: #fff;
    }

.etiqueta-dato {
    height: auto;
}

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

navbar-static-top {
    height: 70px;
}

.card {
    font-size: .875rem;
}

    .card.card-stats .card-header .card-category:not([class*=text-]) {
        color: #999;
        font-size: 14px;
    }

    .card.card-stats .card-header .card-icon + .card-category, .card.card-stats .card-header .card-icon + .card-title {
        padding-top: 10px;
    }

    .card.card-stats .card-header .card-category {
        margin-bottom: 0;
        margin-top: 0;
    }

    .card.card-stats .card-header .card-category, .card.card-stats .card-header .card-title {
        margin: 0;
    }

    .card .card-header .card-category {
        margin: 0;
    }

    .card [class*=card-header-] .author a, .card [class*=card-header-] .card-category, .card [class*=card-header-] .card-description, .card [class*=card-header-] .stats, .card[class*=bg-] .author a, .card[class*=bg-] .card-category, .card[class*=bg-] .card-description, .card[class*=bg-] .stats {
        color: rgba(255,255,255,.8);
    }

    .card .card-category:not([class*=text-]), .card .card-footer .stats {
        color: #999;
    }

    .card .card-category {
        margin-top: 10px;
    }

    .card.card-stats .card-header .card-category, .card.card-stats .card-header .card-title {
        margin: 0;
    }

    .card .card-header.card-header-icon .card-title, .card .card-header.card-header-text .card-title {
        margin-top: 15px;
        color: #3C4858;
    }

    .card .card-header .title, .card [class*=card-header-], .card [class*=card-header-] .card-title, .card [class*=card-header-] .card-title a, .card [class*=card-header-] .icon i, .card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i {
        color: #fff;
    }

    .card .card-title:last-child {
        margin-bottom: 0;
    }

    .card .card-title {
        margin-top: 0;
        margin-bottom: 3px;
    }

.card-title, .card-title a, .footer-big h4, .footer-big h4 a, .footer-big h5, .footer-big h5 a, .footer-brand, .footer-brand a, .info-title, .info-title a, .media .media-heading, .media .media-heading a, .title, .title a {
    color: #3C4858;
    text-decoration: none;
}

.card-title {
    margin-bottom: .75rem;
}

.card .card-header-info .card-icon, .card .card-header-info .card-text, .card .card-header-info:not(.card-header-icon):not(.card-header-text), .card.bg-info, .card.card-rotate.bg-info .back, .card.card-rotate.bg-info .front {
    background: linear-gradient(60deg,#26c6da,#00acc1);
}

.card .card-header-success .card-icon, .card .card-header-success .card-text, .card .card-header-success:not(.card-header-icon):not(.card-header-text), .card.bg-success, .card.card-rotate.bg-success.back, .card.card-rotate.bg-success.front {
    background: linear-gradient(60deg,#5cb85c,#2ecc71);
}

.tarjetas-arbol-correspondencia:before {
    content: " ";
    position: absolute;
    top: -30px;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    height: 195px;
    background: #ccc;
}


.tarjetas-arbol-correspondencia-final:after {
    content: " ";
    position: absolute;
    top: 82px;
    bottom: 0;
    left: 50%;
    width: 200px;
    margin-left: -1.5px;
    height: 3px;
    background: #ccc;
}

.tarjeta-arbol-correspondencia {
    cursor: pointer;
}

.correspondencia-asociada-fondo {
    background-color: #f8f8f8;
    padding: 10px;
}

.documento-electronico-version {
    font-size: 14px;
}

.recuadro {
    border-radius: 5px !important;
}

.tabla-reporte-produccion > thead > tr > th {
    text-align: center;
    color: #fff;
    background: #ccc;
}

.tabla-reporte-produccion > tbody > tr > td {
    text-align: center;
    color: #333;
    font-size: 12px;
    padding: 0;
}

.tabla-reporte-produccion > tbody > tr > th {
    text-align: center;
    color: #000;
    background: #f3f3f3;
    font-size: 12px;
}

.tabla-reporte-produccion > tfoot > tr > td {
    text-align: center;
    color: #333;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
}

.tabla-reporte-produccion > tfoot > tr > th {
    text-align: center;
    color: #000;
    background: #e3e3e3;
    font-size: 15px;
    font-weight: bold;
}

.tabla-reporte-produccion .label {
    border-radius: 4px !important;
    font-size: 12px;
}

.tabla-reporte-produccion .borde-fecha {
    border-left: 1px solid #999;
}

.campo_foliacion_fecha {
    border: 1px solid #ccc;
    width: 100px;
}

.campo_foliacion_codigo {
    border: 1px solid #ccc;
    width: 50px;
}

.campo_foliacion_folio {
    border: 1px solid #ccc;
    width: 50px;
}

.campo_foliacion_error {
    border: 1px solid #ff8888;
}

.hoja-blanca {
    max-width: 100%;
    padding: 5px;
}

.loader-hojas-blancas {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fa.spinning {
    animation: spinfa 1s infinite linear;
    -webkit-animation: spinfa2 1s infinite linear;
}

@keyframes spinfa {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spinfa2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0;
    outline: 0;
}

    .image-checkbox input[type="checkbox"] {
        display: none;
    }

.image-checkbox-checked {
    border-color: #4783B0;
    opacity: 0.3;
}

.image-checkbox .fa {
    position: absolute;
    color: #4A79A3;
    background-color: #fff;
    padding: 0px;
    top: 0;
    right: 0;
}

.image-checkbox-checked:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,0,0,0.4);
}

.image-checkbox-checked .fa {
    display: block !important;
}

.panel-caja-impresion-stickers {
    background: #f8f8f8;
}

    .panel-caja-impresion-stickers .panel-heading {
        background-color: #eee !important;
        padding: 5px;
        padding-left: 20px;
    }

    .panel-caja-impresion-stickers .panel-body {
        padding: 5px;
        padding-left: 20px;
    }

.panel-documento-impresion-stickers {
    border-radius: 4px;
    padding-right: 4px;
    margin: 3px;
    display: inline-block
}

    .panel-documento-impresion-stickers a {
        color: #fff;
        margin-left: 5px;
    }

#mensajeImpresion {
    top: 50px;
}

.boton-campo-dinamico {
    font-size: 18px;
    margin-left: -20px !important;
    margin-right: 10px !important;
}

.control-arbol-lista {
    list-style-type: none;
    margin-left: -40px;
}

.control-arbol-item {
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

    .control-arbol-item:hover {
        background-color: #eee;
    }

.control-arbol-indent {
    margin-left: 10px;
    margin-right: 10px;
}

.control-arbol-expander {
    margin-right: 10px;
}

.etiqueta-numero {
    min-width: 120px !important;
}

.contenedorDiagramaProcedimientoRow {
    overflow: scroll;
    height: 760px;
    position: relative;
}

.contenedorDiagramaProcedimientoPadre {
    position: absolute;
    padding: 0;
    top: 10px;
}

#contenedorDiagramaProcedimiento {
    position: relative;
    width: 500%;
    background-color: white;
    height: 8000px;
    border: 1px dashed #999;
}

.tabla-botones-actividades {
    font-size: 12px;
    color: gray !important;
    background: #fff;
    margin: 0 auto;
    margin-right: 60px;
}

    .tabla-botones-actividades td {
        font-size: 12px;
        color: gray !important;
        text-align: center;
        border-right: 2px solid #f7fafc;
        padding-left: 8px;
        padding-right: 8px;
    }

    .tabla-botones-actividades tr.encabezados-actividades {
        background: #f3f3f3;
        border-bottom: 1px solid #ddd;
    }

    .tabla-botones-actividades button {
        margin: 2px;
        font-size: 14px;
        width: 40px;
        height: 40px;
    }

#grillaEditor {
    position: absolute;
}

#panelBotonesActividades {
    position: absolute;
    z-index: 1000;
    width: 100%;
}


.no-overflow {
    overflow: hidden;
}

.procedimiento-actividad {
    position: absolute;
    min-width: 60px !important;
    padding: 0;
    background: #6699cc;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    box-shadow: 2px 2px 5px #aaa;
}

.procedimiento-actividad-Notificacion {
    background: #abd5ff;
}

.procedimiento-actividad-recuadro {
    position: absolute;
    height: 60px;
    min-width: 120px !important;
    padding: 5px 10px;
    margin-left: 20px;
    background: #ddd;
    justify-content: center;
    align-items: center;
    border: 1px solid #aaa;
    color: #555;
    z-index: 10000;
    display: none;
}

    .procedimiento-actividad-recuadro li {
        display: block;
    }

.procedimiento-actividad-icono {
    display: inline-block;
    color: #fff;
    font-size: 2em;
}

.procedimiento-actividad-icono-opcion {
    display: inline-block;
    color: #555;
    font-size: 1em;
    margin-left: 6px;
}

.procedimiento-actividad-icono-opcion-error {
    margin-left: 6px;
    color: #f88;
    font-size: 16px;
}

.procedimiento-actividad-entrada {
    stroke: #69c;
    stroke-width: 2px;
    fill: red;
    cursor: alias !important;
    position: absolute;
    overflow: overlay !important;
}

.procedimiento-actividad-salida {
    stroke: #69c;
    stroke-width: 2px;
    fill: red;
    cursor: alias !important;
    position: absolute;
    overflow: overlay !important;
}


.procedimiento-actividad-salida-aprobado {
    stroke: #4ade36;
    stroke-width: 2px;
    fill: #fc7d16;
}

.procedimiento-actividad-salida-rechazado {
    stroke: #d61616;
    stroke-width: 2px;
    fill: #fc7d16;
}





.procedimiento-actividad table {
    border: 2px solid #6699cc;
    height: 60px;
    border: 2px solid #6699cc;
    border-radius: 5px;
    background-color: #eee;
}



.procedimiento-actividad .celda-icono {
    background: #6699cc;
    padding: 15px;
    cursor: move;
    width: 60px;
    max-height: 60px;
}

.procedimiento-actividad .celda-recuadro-extendido {
    vertical-align: top;
    padding: 4px;
    min-width: 150px;
    max-width: 220px;
    overflow: hidden;
    position: relative;
    background: #eee;
}

.procedimiento-actividad td:nth-child(2) div {
    position: absolute;
    bottom: 3px;
}

.procedimiento-actividad td:nth-child(3) {
    padding: 4px;
    min-width: 30px;
    overflow: hidden;
    border-left: 1px dotted #6699cc;
}

.procedimiento-actividad td:first-child i {
    color: white;
}

.procedimiento-actividad span {
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    top: -12px;
    width: 60px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 2px 0 4px #aaa;
}

    .procedimiento-actividad span.contador-actividades-repetidas {
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        top: -21px;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        right: -11px;
        padding-top: 4px;
        padding-left: 6px;
        z-index: 100;
        background: #6699cc;
        color: white;
        text-align: center;
        font-size: 10px;
    }

.procedimiento-actividad-seleccionado {
    box-shadow: rgb(255 255 255) 0px 0px 0px 5px,rgb(255 141 0) 0px 0px 0px 10px;
}

.procedimiento-actividad-resaltado {
    z-index: 2000;
    pointer-events: auto;
}

.procedimiento-actividad-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    z-index: 1900;
}

#recuadroActividadResaltada {
    background: white;
    z-index: 1950;
    position: absolute;
    border-radius: 16px;
    display: none;
}

.procedimiento-actividad .icono-robot {
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: -15px;
    left: -15px;
    background-color: white;
    font-size: 22px;
    border-radius: 20px;
    color: #2dcc32;
    border: 1px solid #ccc;
}

.procedimiento-actividad-ancla-ok {
    fill: white !important;
}

.procedimiento-actividad-salida {
    stroke: #69c;
    stroke-width: 3px;
    cursor: alias;
}

.procedimiento-actividad-salida-normal {
    stroke: #69c;
    fill: #fc7d16;
}

.procedimiento-actividad-error-definicion {
    background: #da3333 !important;
}

#recuadroSeleccionActividades {
    border: 2px dashed #00a1ff;
    position: absolute;
}

.procedimiento-ruta-normal {
    stroke: #69c;
    stroke-width: 3px;
    stroke-dashoffset: 4px;
    fill: transparent;
    cursor: grab;
}

.procedimiento-ruta-aprobado {
    stroke: #4ade36;
    stroke-width: 3px;
    stroke-dashoffset: 4px;
    fill: transparent;
    cursor: grab;
}

.procedimiento-ruta-rechazado {
    stroke: #d61616;
    stroke-width: 3px;
    stroke-dashoffset: 4px;
    fill: transparent;
    cursor: grab;
}

.procedimiento-ruta-temporal {
    stroke: orange;
    stroke-width: 3px;
    stroke-dashoffset: 4px;
    fill: transparent;
}

.procedimiento-ruta-notificacion {
    stroke-dasharray: 5;
}

.procedimiento-escala-1 {
    transform: scale(1);
}

.procedimiento-escala-07 {
    transform: scale(0.7);
}

.procedimiento-escala-05 {
    transform: scale(0.5);
}

.procedimiento-icono-actividad {
    font-size: 1.5em;
}

.procedimiento-actividad-no-ejecutada {
    background-color: #ddd !important;
}

    .procedimiento-actividad-no-ejecutada span.label {
        opacity: 0.5;
    }


.procedimiento-actividad-en-ejecucion {
    background-color: orange !important;
}

.procedimiento-ruta-no-ejecutada {
    opacity: 0.3;
}

.tab-error {
    border-color: red !important;
    color: red !important;
}

twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint {
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

    .tt-suggestion:hover,
    .tt-suggestion:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }


.bootstrap-tagsinput .tag {
    font-size: 14px;
    line-height: 2.5;
}

.bootstrap-tagsinput {
    height: auto !important;
}

.sortable-div {
    display: inline-block;
    background-color: #fff;
    border: solid 1px rgb(0,0,0,0.2);
    padding: 15px;
    margin: 0;
}

.sortable-div-overlay {
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 100;
    background: #fff;
}

.add-div-overlay {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 5px;
    right: 0px;
}

.tabla-scrollable {
    position: relative;
    height: 80vh;
    overflow: auto;
    display: block;
}

dl, menu, ol, ul {
    margin: 0 !important;
}

.form-group > label {
    display: unset;
}

@media (max-width: 600px) {
    .container-fluid {
        padding: 0;
        padding-left: 15px;
    }

    .panel-contenido {
        padding: 10px;
    }

    .form-group > label {
        display: unset;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        padding-bottom: 6px;
        padding-left: 0;
        padding-right: 0;
    }

    .panel-titulo {
        position: relative;
    }

    .panel-botones {
        position: absolute;
        top: 0;
        right: 0;
    }

        .panel-botones .btn {
            font-size: 0;
            width: 45px;
        }

            .panel-botones .btn .fa {
                font-size: initial;
            }

    .form-group {
        margin-bottom: 0;
    }

    .modal-visible {
        padding-right: 0;
    }

    .modal-body {
        padding: 0;
    }

    .sweet-alert {
        top: 5px;
        margin-top: 0 !important;
    }
}

.captura-movil-panel-camara {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
    z-index: 110000;
}

    .captura-movil-panel-camara video {
        width: 100%;
        height: 100vh;
        object-fit: fill;
    }

.captura-movil-canvas {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
    z-index: 110000;
}

    .captura-movil-canvas canvas {
        width: 100%;
        height: 100vh;
        z-index: 150000;
    }

.captura-movil-panel-cancelar {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 112000;
}

.captura-movil-panel-guardar {
    z-index: 113000;
}

.captura-movil-panel-inferior {
    position: fixed;
    bottom: 0;
    margin-left: 10%;
    width: 80%;
    z-index: 111000;
}

    .captura-movil-panel-inferior .btn {
        margin-right: 10px;
        margin-left: 10px;
        height: 50px;
        width: 60px;
        margin-top: 0;
        margin-bottom: 10px;
        background-color: white;
    }

        .captura-movil-panel-inferior .btn:first-child {
            float: right;
        }

        .captura-movil-panel-inferior .btn:last-child {
            float: left;
        }

#iframe_captura_movil {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100000;
}

.login-container .form-group {
    margin-bottom: 10px;
}

.div-ocr {
    position: relative;
    float: right;
    font-size: 12px;
}

.imagen-procesada {
    position: relative;
    float: left;
}

#customModal .modal-dialog {
    width: 70%;
    overflow-y: auto;
}


@media (max-width: 760px) {
    #customModal .modal-dialog {
        width: 96% !important;
        overflow-y: scroll;
    }

    #customModal .modal-dialog {
        width: 96% !important;
        overflow-y: scroll;
    }
}

@media (min-width: 1024px) {
    .page-wrapper {
        margin-left: 60px !important;
    }
}

.wrapper-oculto {
    opacity: 0.2;
}

.table-hover > tbody > tr:hover {
    background-color: #fff8d7 !important;
}

.hr-separador {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 2px;
}

.form-group {
    margin-bottom: 2px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-bottom: 8px;
}

/*Clases del menú lateral*/

.logo-superior-izquierdo {
    background: #fff !important;
    width: 60px;
    float: left;
    background: rgba(0, 0, 0, .1);
    overflow: hidden;
    border-bottom: #888 thick;
    margin-top: -5px;
}

    .logo-superior-izquierdo a {
        margin-left: 7px !important;
    }

    .logo-superior-izquierdo .hr-line {
        margin-top: 3px !important;
        height: 1px;
    }

.navbar-default {
    position: fixed !important;
    width: 100%;
    top: 0;
}

.page-wrapper {
    margin-top: 60px;
}

.menu-lateral {
    width: 60px;
    padding: 0 !important;
    position: fixed;
    background: white;
    z-index: 2000;
    height: 100%;
    box-shadow: 5px 1px 40px rgba(0, 0, 0, .1);
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    left: 0;
}

    .menu-lateral::-webkit-scrollbar {
        width: 0.3em;
    }

    .menu-lateral::-webkit-scrollbar-track {
        background-color: #F9F9F9;
    }

    .menu-lateral::-webkit-scrollbar-thumb {
        background-color: #3f87c5;
        outline: 1px solid slategrey;
        opacity: 0.3;
    }

    .menu-lateral nav {
        padding: 0 !important;
        margin-top: 20px;
    }

    .menu-lateral ul {
        padding: 0 !important;
    }

    .menu-lateral span {
        margin-left: 1px !important;
    }

    .menu-lateral i {
        font-size: 18px;
        width: 30px !important;
        color: #888;
        text-align: center !important;
        padding: 0 20px;
        display: inline-block;
    }

    .menu-lateral a {
        overflow: hidden;
        white-space: nowrap;
    }

    .menu-lateral nav:first-child {
        margin-top: 0 !important;
    }

.menu-lateral-extendido {
    width: 300px !important;
}


.menu-lateral-bloque {
    margin-top: 12px !important;
}

    .menu-lateral-bloque > a {
        padding: 5px;
    }

    .menu-lateral-bloque span {
        font-weight: normal;
    }

    .menu-lateral-bloque > a > span {
        font-weight: bold;
        margin-right: 15px;
    }

    .menu-lateral-bloque li {
        padding: 2px 10px;
        border-bottom: 1px dotted #c1c1c1;
        margin-right: 2px;
    }

    .menu-lateral-bloque:first-child {
        padding-top: 80px !important;
    }

    .menu-lateral-bloque li:hover {
        background: rgba(63,135,245,.1);
        border-right: 3px solid #3f87f5;
    }

.menu-lateral-bloque-resaltado a {
    background: #eee;
}


.menu-lateral-elemento {
    margin-left: 65px !important;
    cursor: pointer;
}

.icono-estado-hardware-cargado {
    color: greenyellow;
}

.icono-estado-hardware-iniciando {
    color: orange;
}

.icono-estado-hardware-no-instalado {
    color: red;
}

.right-sidebar menu, ol, ul {
    padding: 0 0 0 0;
}

.right-sidebar a {
    width: 90%;
}

#barra-opciones-hardware h5 {
    color: #c1c1c1;
}

.barra-opciones-hardware-diferente {
    color: red !important;
}

#version_manejador_hardware_diferente {
    font-size: 12px;
}

#version_manejador_hardware_ok {
    font-size: 12px;
    color: lightgreen !important;
    font-weight: normal;
}

.tipo-area-organizacional {
    font-size: 8px;
    margin-right: 15px;
    padding: 5px;
}

.boton-descarga-tabla-paginada {
    float: right;
}

.tabla-calendario-mes-anterior {
    text-align: left;
}

    .tabla-calendario-mes-anterior i {
        margin-right: 15px;
    }

.tabla-calendario-mes-actual {
    text-align: center;
}

.tabla-calendario-mes-siguiente {
    text-align: right;
}

    .tabla-calendario-mes-siguiente i {
        margin-left: 15px;
    }

.tabla-calendario {
    width: 100%;
    border: 1px solid #c1c1d1;
}

    .tabla-calendario th {
        border-left: 1px solid #c1c1d1;
        text-align: center;
        width: 14.28%;
    }

    .tabla-calendario tbody tr {
        border: 1px solid #c1c1d1;
        border-left: 1px solid #c1c1d1;
        border-right: 1px solid #c1c1d1;
        text-align: right;
        vertical-align: top;
        width: 14.28%;
        height: 60px;
    }

    .tabla-calendario tbody td {
        border: 1px solid #c1c1d1;
        border-left: 1px solid #c1c1d1;
        border-right: 1px solid #c1c1d1;
        padding: 4px;
        cursor: pointer;
    }

.dia-calendario {
    cursor: pointer !important;
    background: white !important;
}

.dia-calendarioNM {
    cursor: default !important;
    background: #fafafa !important;
    border-right: 0 solid white !important;
}

.dia-calendarioFS {
    cursor: default !important;
    background: #f8f8f8 !important;
}

.dia-calendarioFR {
    cursor: pointer !important;
    background: #ffe085 !important;
}

.correspondencia-prioridad-Normal {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    background-color: #289cd8;
}

.correspondencia-prioridad-NoPrioritario {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    background-color: #f1f1f1;
}

.correspondencia-prioridad-Urgente {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    background-color: #ffb136;
    color: white;
}

.correspondencia-prioridad-Tutela {
    letter-spacing: .05em;
    border-radius: 60px;
    font-weight: 500;
    background-color: #e74a25;
    color: white;
    font-size: 12px;
    padding: 2px 10px;
    text-align: center;
    animation: blinker 1s linear infinite;
}

.correspondencia-vencimiento {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    white-space: nowrap;
    background-color: #2ecc71 !important;
}

.correspondencia-vencimiento-naranja {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    white-space: nowrap;
    background-color: #ffb136 !important;
}

.correspondencia-vencimiento-rojo {
    letter-spacing: .05em;
    border-radius: 60px;
    padding: 4px 16px 3px;
    font-weight: 500;
    color: white;
    white-space: nowrap;
    background-color: #e74a25 !important;
}

.etiqueta-proceso-masivo {
    margin: 4px !important;
}

.icono_correspondencia_menu_superior {
    color: red;
    font-size: 16px;
}

.ribbon-wrapper {
    background-color: white;
}

.tarjeta-imagen {
    background: #555;
    border: 1px solid limegreen;
    border-radius: 8px;
    padding: 8px;
    margin: 0 20px;
}


.el-element-overlay .tarjeta-imagen {
    padding: 0
}

.el-element-overlay .el-card-item {
    position: relative;
    padding-bottom: 25px
}

    .el-element-overlay .el-card-item .el-card-avatar {
        margin-bottom: 15px
    }

    .el-element-overlay .el-card-item .el-card-content {
        text-align: center
    }

        .el-element-overlay .el-card-item .el-card-content h3 {
            margin: 0
        }

        .el-element-overlay .el-card-item .el-card-content a {
            color: #8d9498
        }

            .el-element-overlay .el-card-item .el-card-content a:hover {
                color: #0283cc
            }

    .el-element-overlay .el-card-item .el-overlay-1 {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default
    }

        .el-element-overlay .el-card-item .el-overlay-1 img {
            display: block;
            position: relative;
            -webkit-transition: all .4s linear;
            transition: all .4s linear;
            width: 100%;
            max-width: 100%;
            height: auto;
            background: white;
        }

        .el-element-overlay .el-card-item .el-overlay-1 canvas {
            display: block;
            position: relative;
            -webkit-transition: all .4s linear;
            transition: all .4s linear;
            width: 100%;
            max-width: 100%;
            height: auto;
        }

        .el-element-overlay .el-card-item .el-overlay-1:hover img {
            -ms-transform: scale(1.2) translateZ(0);
            -webkit-transform: scale(1.2) translateZ(0)
        }

        .el-element-overlay .el-card-item .el-overlay-1 .el-info {
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            color: #fff;
            background-color: transparent;
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            padding: 0;
            margin: auto;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%) translateZ(0);
            -webkit-transform: translateY(-50%) translateZ(0);
            -ms-transform: translateY(-50%) translateZ(0)
        }

            .el-element-overlay .el-card-item .el-overlay-1 .el-info > li {
                list-style: none;
                display: inline-block;
                margin: 0 3px
            }

                .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a {
                    border-color: #fff;
                    color: #fff;
                    padding: 12px 15px 10px
                }

                    .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover {
                        background: #e74a25;
                        border-color: #e74a25
                    }

    .el-element-overlay .el-card-item .el-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .7);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
        top: -100%
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
        top: 100%;
        height: 0
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
        top: 0
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
        top: 0;
        height: 100%
    }

.ace_editor {
    position: relative;
    width: 100%;
    min-height: 600px;
}

.iconoAumentar, .iconoReducir {
    color: #ccc;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

tr.placeholder {
    display: block;
    background: red;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}

    tr.placeholder:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left-color: red;
        margin-top: -5px;
        left: -5px;
        border-right: none;
    }

.formulario-dinamico-separador {
    margin-left: -15px;
    background: #fcfcfc;
}

.formulario-dinamico-texto-titulo {
    width: 100%;
    margin: 4px;
    border: 0;
    border-bottom: 1px solid #efe5d2;
}

.formulario-dinamico-texto-subtitulo {
    width: 100%;
    margin: 4px;
    border: 0;
    border-bottom: 1px solid #efe5d2;
}

.titulo-menu-derecho {
    background: #f4f8f9;
    margin-top: 0;
    border-top: 1px solid #ddd;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    min-height: 40px;
    margin-bottom: 0;
}

.enlace-manual {
    border-bottom: 1px solid #ddd;
}

.titulo-manual {
    display: inline-block;
}

.titulo-manual-descripcion {
    display: inline-block;
    color: #ccc;
}


#divListaMailboxes > li {
    border-bottom: 1px solid #ddd;
}

#tablaMensajes td {
    font-size: 15px;
    font-weight: bold;
}

#tablaMensajes .mensajeLeido td {
    font-weight: normal !important;
    font-size: 13px;
}

.archivos-grupo {
    background-color: #fff4de;
    font-size: 12px;
}

.acceso-documental-area {
    background-color: #337ab7;
    font-size: 13px;
    color: white;
}

    .acceso-documental-area a {
        color: white;
    }

.acceso-documental-lateral-area {
    background-color: #337ab7;
    width: 8px;
    border: 0px !important;
}

.acceso-documental-serie {
    background-color: #fffbd1;
    font-size: 12px;
    color: black;
}

.acceso-documental-lateral-serie {
    background-color: #fffbd1;
    width: 8px;
    border: 0px !important;
    border: 0px !important;
}

.acceso-documental-serie-permisos {
    background-color: #eee;
    font-size: 12px;
    color: black;
}

.acceso-documental-tipo {
    background-color: #f8f8f8;
}

.digitalizacion-slider {
}

#contenedorImagenesDigitalizadas img {
    max-width: 100%;
    border: 0;
}

#contenedorThumbnailsImagenesDigitalizadas img {
    width: 100%;
    border: 1px solid #b0ddef;
}

#contenedorThumbnailsImagenesDigitalizadas .contenedor-imagen {
    width: 21%;
    margin: 2%;
    display: inline-flex;
}

#contenedorThumbnailsImagenesDigitalizadas .item {
    display: none;
}

#contenedorThumbnailsImagenesDigitalizadas .active {
    display: block;
}

#sliderImagenesDigitalizadas .deslizar-izquierda {
    bottom: auto;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 30%;
    width: auto;
}

#sliderImagenesDigitalizadas .deslizar-derecha {
    right: 0;
    left: auto;
    bottom: auto;
    font-size: 20px;
    position: absolute;
    top: 30%;
    width: auto;
}

#sliderImagenesDigitalizadas .deslizar-izquierda i {
    font: normal normal normal 40px/26px FontAwesome;
    color: #8adfff;
}

#sliderImagenesDigitalizadas .deslizar-derecha i {
    font: normal normal normal 40px/26px FontAwesome;
    color: #8adfff;
}

.pad-firma {
    width: 400px;
    height: 200px;
    display: inline-block;
    border: 1px solid #a0a0a0;
    -ms-touch-action: none;
}

td.link-actividad-token {
    font-size: 8px;
    color: steelblue;
}

.alerta-repeticion-correspondencia {
    background: #ffb136;
}

    .alerta-repeticion-correspondencia a {
        color: #fff;
    }

.etiqueta-dato {
    height: auto;
}

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

.navbar-nombres {
    color: #c4e3f5;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
}

.navbar-nombres-usuario {
    color: #cbeff5;
    float: left;
    font-weight: normal;
    margin-top: 4px;
    font-size: 12px;
}

.navbar-nombres-cliente {
    color: #ffffff;
    float: left;
    font-weight: bold;
    margin-top: 4px;
}

#tablaListaArchivos {
    table-layout: fixed;
}

    #tablaListaArchivos td {
        word-wrap: break-word;
    }

    #tablaListaArchivos > tbody > tr {
        position: relative;
    }

.div-opciones-registro {
    position: absolute;
    top: 0;
    right: -480px;
    width: 480px;
    background: #fff;
    border-left: 1px solid #337ab7;
    border-top: 1px solid #e5ebec;
    border-bottom: 1px solid #e5ebec;
    border-right: 6px solid #337ab7;
    height: 100%;
    display: none;
}

.div-opciones-registro-icono {
    margin-left: 20px;
    position: relative;
    top: 20px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}

.div-opciones-registro-icono-cerrar {
    margin: 4px;
    position: relative;
    top: 4px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
}

label.div-opciones-registro-icono {
    font-size: 12px;
}

.lista-archivos-electronicos-agrupamiento {
    background: antiquewhite;
    border-bottom: 3px solid #ffffff;
}

    .lista-archivos-electronicos-agrupamiento > td > i {
        margin-right: 20px;
    }

    .lista-archivos-electronicos-agrupamiento > td {
        font-size: 10px;
        font-weight: bold;
        user-select: none;
    }

.lista-archivos-electronicos-iconos-superiores > a > i {
    margin: 5px;
    font-size: 20px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.tabla-lista-archivos::-webkit-scrollbar {
    height: 0; /* height of horizontal scrollbar ← You're missing this */
    width: 4px; /* width of vertical scrollbar */
    border: 1px solid #d5d5d5;
}

.popover {
    width: 100%;
    z-index: 1000;
}

#controlesDigitalizacion .visualizador-lista {
    width: 100px;
    background: #eaeaea;
}


#controlesDigitalizacion .visualizador-pagina {
    background: #dcdcdc;
}

#controlesDigitalizacion .visualizador-botones {
    width: 50px;
    vertical-align: top;
}

    #controlesDigitalizacion .visualizador-botones .btn {
        width: 40px;
        margin-bottom: 4px;
        padding: 8px 4px;
    }

    #controlesDigitalizacion .visualizador-botones hr {
        margin-top: 4px;
        margin-bottom: 8px;
        width: 40px;
        margin-left: 0;
    }

#controlesDigitalizacion .visualizador-botones {
}

#controlesDigitalizacion .imagen-digitalizada-lista {
    margin: 0;
    border: 1px solid #888;
}

#div-visualizador-lista {
    overflow-y: scroll;
    height: 100%;
    overflow-x: hidden;
    cursor: pointer;
}

.visualizador-pagina span {
    margin-bottom: -18px;
}

#div-visualizador-imagen {
    overflow-y: scroll;
    height: 100%;
    overflow-x: hidden;
}

    #div-visualizador-imagen img {
        width: 100%;
    }

#div-visualizador-lista .contador-indice-imagen {
    top: 10px;
    position: relative;
    background-color: #86daff;
    cursor: pointer;
}

.paginador {
    margin-right: 10px;
}

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

.icono-ordenamiento {
    margin-left: 6px;
}

.columna-ordenamiento {
    white-space: nowrap;
}

.contador-actividades-pendientes .badge {
    top: 4px;
}

.registro-oculto {
    display: none;
}

.panel-dashboard {
    height: 300px;
    overflow-y: scroll;
}

    .panel-dashboard::-webkit-scrollbar {
        width: 6px;
    }


    /* Handle */
    .panel-dashboard::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        .panel-dashboard::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.ct-series-a .ct-line {
    stroke: #0283cc !important;
    stroke-width: 1px;
}

.ct-series-a .ct-point {
    stroke: #0283cc !important;
    stroke-width: 4px;
}

.ct-series-b .ct-line {
    stroke: #2ecc71 !important;
    stroke-width: 1px;
}

.ct-series-b .ct-point {
    stroke: #2ecc71 !important;
    stroke-width: 4px;
}

code {
    display: block !important;
    white-space: pre-wrap !important;
}

#ulListaCuentas {
    position: sticky !important;
    width: 100%;
}

.boton-opciones-lista-correos.btn.disabled, .boton-opciones-lista-correos.btn[disabled], .boton-opciones-lista-correos.fieldset[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .25;
}

.lector-correos-tarjeta-adjunto .font-light {
    font-size: 12px;
}

#mensajeListaAdjuntos > div {
    height: 120px;
    margin-bottom: 12px;
}

#mensajeListaAdjuntos .white-box {
    height: 120px;
    background: #f8f8f8;
    cursor: pointer;
    overflow: hidden;
}

    #mensajeListaAdjuntos .white-box h1::after {
        height: 0 !important;
    }

    #mensajeListaAdjuntos .white-box:hover {
        background: #fffaeb;
    }

#listaArchivos {
    overflow-y: scroll;
    overflow-x: hidden;
    bottom: 0px;
    width: 100%;
}

#listaArchivosCompartidos {
    overflow-y: scroll;
    overflow-x: hidden;
    top: 60px;
    bottom: 0px;
    position: fixed;
    width: 100%
}

.lista-archivos-tarjeta {
    cursor: pointer;
}

.lista-archivos-tipodocumental {
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

.lista-archivos-tituloarchivo {
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.lista-archivos-nombrearchivo {
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

.lista-archivos-fecha {
    font-size: 12px;
    font-weight: normal;
    color: #888;
    cursor: pointer;
}

.lista-archivos-iconoarchivo {
    position: absolute;
    bottom: 4px;
    right: 8px;
    cursor: pointer;
}

.lista-archivos-iconoescaneararchivo {
    position: absolute;
    top: 140px;
    right: 0;
    cursor: pointer;
}

.lista-archivos-iconocargararchivo {
    position: absolute;
    top: 100px;
    right: 0;
    cursor: pointer;
}

.lista-archivos-iconoarchivoarriba {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
}

.lista-archivos-archivoseleccionado {
    background: #fff4e7;
    cursor: pointer;
}

.lista-archivos-tarjeta .ribbon {
    top: 0 !important;
}

.lista-archivos-tarjeta .lista-archivos-tipodocumental {
    margin-top: 18px !important;
}

.lista-archivos-archivoresaltado {
    background: #ceffe1;
    cursor: pointer;
}

.lista-archivos-sinpermiso {
    background: #dddddd;
    cursor: pointer;
}

#listaArchivos .boton-aceptar, .boton-rechazar {
    width: 120px;
}

#listaArchivos .btn i {
    margin-right: 4px;
}

#listaArchivos .btn-group {
    display: flex;
}

#linkCopiarGUID {
    margin-right: 4px;
}

#gridMetadatos {
    overflow-y: scroll;
}

    #gridMetadatos::-webkit-scrollbar {
        width: 8px;
    }

    #gridMetadatos::-webkit-scrollbar-thumb {
        background-color: #DDDDDD;
        border-radius: 5px;
    }

        #gridMetadatos::-webkit-scrollbar-thumb:hover {
            background: #b3b3b3;
        }

.listadoMetadatosEditorFormularios {
    overflow-y: scroll;
    user-select: none;
    /*    position: relative;
    left: 30px;
    width: 90%;*/
}

    .listadoMetadatosEditorFormularios::-webkit-scrollbar {
        width: 8px;
    }

    .listadoMetadatosEditorFormularios::-webkit-scrollbar-thumb {
        background-color: #DDDDDD;
        border-radius: 5px;
    }

        .listadoMetadatosEditorFormularios::-webkit-scrollbar-thumb:hover {
            background: #b3b3b3;
        }


    .listadoMetadatosEditorFormularios label {
        display: inline;
        margin-left: 10px;
    }

#gridMetadatos .formulario-dinamico-separador {
    margin-left: 0;
}

#gridMetadatos .fa {
    font-size: 22px;
    margin-right: 8px;
}

#listadoMetadatos .fa-edit {
    float: right;
}

#listadoMetadatosJavascript .dropdown-menu {
    background: #f8f8f8;
    border: 1px solid #c9c9c9;
    /*    overflow-y: scroll;
    height: 20rem;
    transition: .3s;*/
}

#dropdownFiltrarTipoMetadato {
    background: #F7F7F7;
    border: 1px solid #e5ebec;
    overflow-y: scroll;
    max-height: 70vh;
    transition: .3s;
}

    #dropdownFiltrarTipoMetadato::-webkit-scrollbar {
        width: 7px;
    }

    #dropdownFiltrarTipoMetadato::-webkit-scrollbar-thumb {
        background-color: #DDDDDD;
        border-radius: 5px;
    }

#listadoSnippetsJavascript {
    float: left;
    z-index: 10;
    position: absolute;
    top: 40px;
}

    #listadoSnippetsJavascript button {
        display: block;
        width: 40px;
        margin: 4px;
    }

#CodigoJavascript {
    margin-left: 50px;
}

.visor-firma-digital {
    background: darkgray;
    padding: 8px;
}

    .visor-firma-digital > div {
        margin: 12px;
        text-align: center;
    }

    .visor-firma-digital .imagen-firma-pagina {
        width: 100%;
        border: 1px solid #000;
    }

    .visor-firma-digital div.botones-zoom {
        position: fixed;
        right: 10px;
        bottom: 10px;
        text-align: right;
        border: 1px solid gray;
        border-radius: 32px;
        display: grid;
        padding: 4px;
        padding-bottom: 12px;
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
        background: white;
    }

    .visor-firma-digital a {
        padding: 4px;
    }

    .visor-firma-digital span {
        padding: 4px;
        border-bottom: 1px solid lightgray;
        margin-bottom: 8px;
    }

    .visor-firma-digital i {
        font-size: 32px;
    }

.cuerpo-firma-digital {
    overflow-x: unset !important;
    border: 1px solid #444;
}

#contenedor-imagen-firma-digital {
    position: fixed;
    border: 2px dashed darkgray;
    background: transparent;
}

.lista-actividades-encabezado {
    margin-bottom: 20px;
    margin-left: 60px;
}

table.lista-actividades {
    border: 0px;
    width: 97%;
    max-width: 100%;
    margin-left: 25px;
    text-align: start;
}

td.lista-actividades-tarjeta {
    width: 100%;
}

.lista-actividades-tarjeta {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 0;
    margin: 8px;
    margin-left: -25px;
    -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
    box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
}

    .lista-actividades-tarjeta.minimizado {
        overflow-y: hidden;
        height: 50px;
    }

    .lista-actividades-tarjeta > .icono-tamano {
        position: absolute;
        top: 12px;
        left: 12px;
    }

    .lista-actividades-tarjeta > h4 {
        margin-left: 20px;
    }

.lista-actividades-icono-usuario {
    text-align: center;
    align-content: center;
    padding: 5px;
    line-height: 30px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #289cd8;
    font-size: 16px !important;
    color: #289cd8;
    margin-left: -8px;
    margin-top: 8px;
    margin-bottom: 8px;
}


.lista-actividades-icono-usuario-ejecutor {
    text-align: center;
    align-content: center;
    padding: 5px;
    line-height: 30px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: #2ecc71;
    border: 2px solid #2ecc71;
    font-size: 16px !important;
    color: #fff;
    margin-left: -8px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.lista-actividades-icono-usuario-asignar {
    text-align: center;
    align-content: center;
    padding: 5px;
    line-height: 30px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #ccc;
    font-size: 16px !important;
    color: #ccc;
    margin-left: -8px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.lista-actividades-botones {
    bottom: 10px;
    position: absolute;
    right: 10px;
}

    .lista-actividades-botones > button {
        width: 40px;
    }

button[disabled].lista-actividades-icono-usuario-asignar {
    cursor: not-allowed;
}

.lista-actividades-icono-actividad {
    width: 40px;
    height: 40px;
    position: relative !important;
    font-size: 1em;
    min-width: 40px !important;
    top: 10px;
    left: -20px;
}

    .lista-actividades-icono-actividad > span {
        top: -10px;
        width: 40px;
    }

    .lista-actividades-icono-actividad > i {
        font-size: 1.4em;
    }

.lista-actividades td {
    vertical-align: top;
}

    .lista-actividades td:first-child {
        border-left: 3px solid #ddd;
    }

.lista-actividades-botones-accion {
    margin-left: 4px;
    margin-right: 4px;
}


.lista-actividades-pendientes-tarjeta {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 0;
    margin: 8px;
    margin-left: -25px;
    -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
    box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
    height: 85px;
}





    .lista-actividades-pendientes-tarjeta .fecha-asignacion {
        left: 0;
        top: 15px;
        position: absolute;
    }

.text-h {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.lista-actividades-icono-actividad-pequeno {
    width: 45px;
    height: 45px;
    position: sticky;
    font-size: 0.8em;
    min-width: 35px !important;
    margin-top: -20px;
    left: 28px;
}

    .lista-actividades-icono-actividad-pequeno > span {
        top: -10px;
        width: 35px;
    }

    .lista-actividades-icono-actividad-pequeno > i {
        font-size: 1.5em;
        margin-right: 0 !important;
    }

.lista-actividades-pendientes-tarjeta > button {
    width: 30px;
    height: 30px;
    font-size: 14px !important;
    margin-left: -8px;
    margin-top: 22px;
    line-height: 1px;
}

    .lista-actividades-pendientes-tarjeta > button[disabled] {
        cursor: not-allowed;
    }

.lista-actividades-pendientes-tarjeta span {
    font-weight: bold;
    font-size: 14px;
}

.lista-actividades-pendientes-botones {
    position: sticky;
    right: 0px;
    margin-left: 10px;
}

    .lista-actividades-pendientes-botones .btn i.fa {
        font-size: 20px !important;
        margin-right: 0px !important;
    }

    .lista-actividades-pendientes-botones > button {
        width: 40px;
    }

.radio.radio-success.well {
    padding-left: 30px;
}

    .radio.radio-success.well label::before {
        top: 6px;
    }

    .radio.radio-success.well label::after {
        top: 11px;
    }

#contenedorEvaluacion .white-box {
    background: #f7fafc;
}

.table i.fa {
    font-size: 1.6em;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #333;
}

th.ciac_reporte_manuales_titulo {
    background: #fff9e7;
}

.ciac_reporte_manuales_serie {
    background: #00bcd9;
    color: #fff;
}

    .ciac_reporte_manuales_serie span {
        background: #00bcd9;
        color: #fff;
    }

div.placeholder {
    height: 75px;
    background: #f0f0f0;
    border-left: 3px solid #289cd8 !important;
}

div.sortable-div {
    border-left: 3px solid #289cd8 !important;
    margin-bottom: 4px;
    padding: 10px;
}

.list-group .fa {
    font-size: 24px;
}

ul.lista-columnas, ul.lista-filtros {
    overflow-y: scroll;
    max-height: 450px;
}

li.lista-columnas-encabezado {
    font-weight: bold;
}

li.lista-columnas-seleccionada {
    background: #0283cc;
    color: #fff;
}

    li.lista-columnas-seleccionada:hover {
        background: #0283cc;
        color: #fff;
    }

#customModal .select2 {
    z-index: 3000 !important;
}

.etiqueta-dato {
    min-height: 40px;
}

#subpanelCorrespondencia .boton-agregar-destinatario, .boton-eliminar-destinatario {
    margin-top: 30px;
}


.imagen-metadato-word {
    text-align: center;
    position: relative;
    display: inline-grid;
    width: 100%;
}

    .imagen-metadato-word .contenedor {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .imagen-metadato-word img {
        border: 1px solid #ccc;
        cursor: pointer;
        height: 120px;
        width: 80px;
        display: inline-block;
        margin: 4px;
    }

    .imagen-metadato-word > i.fa {
        position: absolute;
        right: 4px;
        top: 4px;
        font-size: 2em;
    }

    .imagen-metadato-word > .contenedor::-webkit-scrollbar {
        height: 0.5em;
    }

    .imagen-metadato-word > .contenedor::-webkit-scrollbar-track {
        background-color: #F9F9F9;
    }

    .imagen-metadato-word > .contenedor::-webkit-scrollbar-thumb {
        background-color: #3f87c5;
        outline: 1px solid slategrey;
        opacity: 0.3;
    }


.tt-open {
    z-index: 1000 !important;
}

#contenedorListaSeries th {
    text-align: center;
}

#contenedorListaSeries td.opcion {
    text-align: center;
}

.bootstrap-tagsinput a {
    color: white;
    margin-right: 6px;
}

.panel-botones .btn {
    background: #fff;
}

@media (max-width: 760px) {
    aside.menu-lateral {
        display: none;
    }

    .page-wrapper {
        margin-left: 0;
    }

    .table-responsive {
        overflow-x: scroll;
    }
}

.tabla-paginada-enlace {
    color: #336699;
}

    .tabla-paginada-enlace > label {
        min-height: 40px;
        cursor: pointer;
    }

.tabla-paginada-icono {
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 2em;
}

div.panel-checkboxes {
    max-height: 40vh;
    overflow-y: scroll;
    padding-top: 12px;
}

    div.panel-checkboxes::-webkit-scrollbar {
        width: 8px;
    }

    div.panel-checkboxes::-webkit-scrollbar-thumb {
        background-color: #DDDDDD;
        border-radius: 5px;
    }

        div.panel-checkboxes::-webkit-scrollbar-thumb:hover {
            background: #b3b3b3;
        }

.control-deshabilitado {
    background: #eee;
}

.contenedor-impresora-virtual {
    width: 100%;
    border: 1px solid #eee;
    min-height: 40px;
    margin-top: 4px;
    padding: 4px;
}

    .contenedor-impresora-virtual li {
        margin-top: 4px;
    }

    .contenedor-impresora-virtual .fa-trash {
        position: absolute;
        top: 12px;
        right: 4px;
    }

.archivo-impresora-virtual-seleccionado {
    background: #f9f5d6;
}

.table-horizontal-scroll {
    overflow-x: auto;
    white-space: nowrap;
    min-width: 100%;
}

.form-control.has-error, .select2-selection.has-error {
    border: 1px solid red;
}

.cont-info-proceso {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.cont-info-proces:first-child {
    margin-bottom: 0px;
}

.sub-title-proceso {
    font-size: 15px;
    color: #6B728E;
}

.titulo-document {
    font-size: 14px;
    font-weight: 600;
    text-align: start;
    word-wrap: break-word;
}

    .titulo-document > h5 {
        font-size: 14px;
    }

.btn-redirect {
    color: gray;
    font-size: 16px;
    padding: 5px 11px;
    font-weight: 600;
    border-radius: 5px;
    border: 2px solid #B2B2B2;
    transition: .3s;
}

    .btn-redirect:hover {
        color: black;
    }

#listadoActividadesProceso {
    text-align: center;
    width: 100%;
    height: 49.3rem;
}

.scroll-view-implementacion {
    overflow-y: scroll;
}


    .scroll-view-implementacion::-webkit-scrollbar {
        width: 10px;
    }

    .scroll-view-implementacion::-webkit-scrollbar-thumb {
        background-color: #DDDDDD;
        border-radius: 5px;
    }

        .scroll-view-implementacion::-webkit-scrollbar-thumb:hover {
            background: #b3b3b3;
            cursor: pointer;
        }

.pendiente-item {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 70px;
    margin-bottom: 20px;
    border: 1px solid #ECF2FF;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
    box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
    padding: 10px;
}

.actividad-pendiente-info {
    width: 100%;
}

    .actividad-pendiente-info span {
        font-size: 14px;
        font-weight: 600;
    }

.content-inf-opts {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width:1775px) {
    .lista-pendientes-ul {
        height: 26rem;
    }

    .text-h {
        font-size: 10px;
    }

    .lista-actividades-pendientes-botones {
        right: 0px !important;
        margin-left: 15px;
    }

    .lista-actividades-icono-actividad-pequeno {
        width: 33px;
        height: 33px;
        font-size: 0.7em;
        margin-top: 0px;
        left: 26px;
    }

    .pendiente-item {
        gap: 20px;
        padding: 10px;
    }

    .lista-actividades-pendientes-botones > button {
        width: 25px;
    }

    .content-inf-opts .btn {
        padding: 3px 4px !important;
    }

    .lista-actividades-pendientes-botones > button {
        width: 28px !important;
    }

    .lista-actividades-pendientes-botones .btn i.fa {
        font-size: 15px !important;
    }

    .lista-actividades-icono-usuario {
        padding: 5px;
        width: 38px;
        height: 38px;
        font-size: 12px !important;
    }

    .lista-actividades-icono-usuario-asignar {
        padding: 5px;
        width: 38px;
        height: 38px;
        font-size: 12px !important;
    }

    .lista-actividades-icono-usuario-ejecutor {
        width: 38px;
        height: 38px;
    }
}

.dropdown-menu {
    z-index: 999 !important;
}

.lista-actividades-encabezado .dropdown-menu {
    overflow-y: auto;
    max-height: 30rem;
    transition: .3s;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
    box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
}

    .lista-actividades-encabezado .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #DDDDDD;
        border-radius: 5px;
    }

        .lista-actividades-encabezado .dropdown-menu::-webkit-scrollbar-thumb:hover {
            background: #b3b3b3;
            cursor: pointer;
        }

.text-aling-start {
    text-align: start;
}

.container-button-firm {
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 1190px) {
    .container-button-firm {
        flex-direction: row;
    }

    #listaArchivos .btn-group {
        flex-direction: column;
    }

        #listaArchivos .btn-group button {
            padding: 5px;
        }
}

.tarjeta-formulariodinamico {
    display: flex;
}

.flex-js-cnt {
    display: flex;
    align-items: center;
}

    .flex-js-cnt .metadato-item {
        position: absolute;
        right: 10px;
    }

#listadoMetadatosDocumento .list-group-item{

    max-height: 300px;
    overflow-y: scroll;
}

#listadoMetadatosDocumento .tipo-control-metadato {
    display: inline;
    float: right !important;
    line-height: 30px;
}

#listadoMetadatosDocumento .etiqueta-metadato {
    display: inline;
    font-size: 12px !important;
    -webkit-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

#listadoMetadatosDocumento .identificador-metadato {
    display: inline;
    float: right !important;
    font-size: 10px;
    margin-right: 8px;
    line-height: 30px;
    -webkit-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

#listadoMetadatosDocumento .valor-metadato {
    display: block;
    color: black;
    min-height: 50px;
    font-size: 17px;
}

#listadoMetadatosDocumento .enlace-editar-metadato {
    position: absolute;
    right: 16px;
    bottom: 8px;
    font-size: 20px;
    z-index: 120;
}

.control-intervalo-tiempo {
    text-align: end;
}


.extensiones-editor {
    background: #111;
}

    .extensiones-editor .label-namespace {
        font-size: 14px;
        text-align: left;
        margin-left: 32px;
        font-style: italic;
    }

    .extensiones-editor .fa {
        font-size: 18px !important;
        margin-right: 8px;
    }

    .extensiones-editor .fa {
        font-size: 18px !important;
        margin-right: 8px;
        color: #9d9d9d;
    }

    .extensiones-editor .panel-default {
        background: #222;
        color: #ccc;
        text-transform: none;
        margin-bottom: 0;
    }

    .extensiones-editor .panel-heading {
        background: #333;
        color: #fff;
        margin-bottom: 0;
        text-transform: none;
        padding: 4px;
        height: 40px;
    }

    .extensiones-editor .icono-accion {
        border: 1px solid #444;
        padding: 8px;
        border-radius: 4px;
        margin: 4px;
        background: #222;
        cursor: pointer;
    }

        .extensiones-editor .icono-accion > i {
            margin: 0 !important;
        }

    .extensiones-editor .separator {
        margin-left: 12px;
        margin-right: 12px;
        border-left: 1px solid #444;
    }

    .extensiones-editor .icono-accion-tipo-extension {
        border: 1px solid #444;
        padding: 8px;
        border-radius: 4px;
        float: right;
        background: #222;
        cursor: pointer;
        font-size: 16px !important;
    }

    .extensiones-editor #contenedorBotonesExtension {
        padding-left: 24px;
        width: 100%;
        height: 44px;
        border-bottom: 1px solid gray;
    }

    .extensiones-editor #contenedorDepuracion {
        position: absolute;
        top: 80px;
        z-index: 200;
        background: #333;
        border: 1px solid #777;
        right: 0;
        padding: 8px;
        min-width: 25%;
        max-width: 60%;
        overflow-y: auto;
        max-height: 700px;
        font-size: 10px;
        font-face: consolas;
    }

        .extensiones-editor #contenedorDepuracion pre {
            list-style: none;
            border: 1px solid #555;
            color: greenyellow;
            background: #444;
        }

    .extensiones-editor .panel-heading a, .extensiones-editor .panel-heading a:visited {
        color: #fff;
    }

    .extensiones-editor .panel-body {
        background: #222;
        color: #ccc;
        padding: 0 4px;
        margin-left: 24px;
    }

    .extensiones-editor .panel-paquete .panel-heading {
        background: #000;
        font-size: 20px;
        border-bottom: 2px solid #999;
    }

    .extensiones-editor .icono-lenguaje {
        width: 18px;
        margin-right: 8px;
    }

    .extensiones-editor .item-extension {
        padding: 4px;
        cursor: pointer;
    }

    .extensiones-editor .clase-extension-inactiva {
        color: #777;
        font-style: italic;
    }

    .extensiones-editor ul.tabs-extensiones {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #000;
    }

        .extensiones-editor ul.tabs-extensiones li {
            float: left;
            padding: 4px 16px;
            border-bottom: 1px solid #888;
            border-right: 1px solid #333;
            color: #888;
            font-style: bold;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .extensiones-editor ul.tabs-extensiones li.active {
                border-bottom: 1px solid #6cc7f6;
                color: #fff;
                font-style: bold;
            }

                .extensiones-editor ul.tabs-extensiones li.active i {
                    color: #fff;
                    margin-left: 12px;
                    margin-right: 0;
                }

            .extensiones-editor ul.tabs-extensiones li i.icono-cerrar-codigo {
                opacity: 0;
                cursor: unset;
            }

            .extensiones-editor ul.tabs-extensiones li.active i.icono-cerrar-codigo {
                opacity: 1;
                cursor: pointer;
            }

            .extensiones-editor ul.tabs-extensiones li.codigo-modificado {
                border-bottom: 1px solid #ffb136 !important;
            }

    .extensiones-editor .item-extension-error {
        color: red !important;
    }

    .extensiones-editor .item-extension-abierta {
        color: orange !important;
    }

    .extensiones-editor .icono-cerrar-depurador {
        float: right;
    }

.badge-default {
    background-color: #ccc;
}

.tabla-horario-scheduler {
    background-color: transparent !important;
}

    .tabla-horario-scheduler span {
        margin-right: 4px;
    }

.texto-inactivo {
    text-decoration: line-through;
    color: #ccc !important;
}

.logo-cuotasoft {
    background-image: url('/DataDoc/Content/imagenes/icono_cuotasoft.png');
    background-repeat: no-repeat;
    height: 25px !important;
    background-position-x: 16px;
}

.metadato-imagen {
    border: 0;
    max-width: 100%;
    float: unset;
}

div.botones-imagen {
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 1000;
    margin: 2px;
    max-width: 120px;
}

    div.botones-imagen .input-group-addon {
        padding: 0;
        border: 0;
        background: transparent;
    }

.fotografia-boton-etiqueta {
    display: inline;
    margin-left: 8px;
}

.fa-flip-horizontal-rotate90 {
    transform: rotate(90deg) scale(-1, 1);
}

#listaProcedimientosFavoritos .white-box {
    margin-bottom: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 2px;
}

#listaProcedimientosFavoritos i.fa {
    margin-right: 0 !important;
}

#listaProcedimientosFavoritos label {
    margin: 0 !important;
}

#barra-opciones-favoritos {
    min-width: 480px;
}

    #barra-opciones-favoritos label {
        text-align: left;
    }

    #barra-opciones-favoritos .white-box {
        margin-bottom: 0 !important;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    #barra-opciones-favoritos label {
        margin: 0 !important;
        line-height: 16px;
    }

#panel-favoritos .white-box {
    margin-bottom: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}

#panel-favoritos label {
    margin: 0 !important;
    line-height: 20px;
}

table.tarjeta_favoritos_inicio_procesos {
    width: 100%;
    border: unset;
    padding: 4px;
}

    table.tarjeta_favoritos_inicio_procesos td.columna-estrella {
        width: 50px;
    }

    table.tarjeta_favoritos_inicio_procesos td.columna-texto {
        width: unset;
    }

    table.tarjeta_favoritos_inicio_procesos td.columna-boton {
        width: 80px;
    }

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 0.3s linear infinite;
}

#mensajesScanner {
    width: 60%;
    bottom: 30px;
    background: white;
    position: absolute;
    z-index: 120;
    border: 2px dotted limegreen;
}

.cuerpo-firma-digital {
    overflow-x: unset !important;
    border: 1px solid #444;
}



.visor-estampado-pdf {
    background: darkgray;
    padding: 8px;
    margin: auto;
    position: relative;
}

    .visor-estampado-pdf > div {
        margin: 12px;
    }

    .visor-estampado-pdf .imagen-estampado-pagina {
        width: 100%;
        border: 1px solid #000;
    }

    .visor-estampado-pdf div.botones-zoom {
        position: fixed;
        right: 10px;
        bottom: 10px;
        text-align: right;
        border: 1px solid gray;
        border-radius: 32px;
        display: grid;
        padding: 4px;
        padding-bottom: 12px;
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
        background: white;
    }

    .visor-estampado-pdf a {
        padding: 4px;
        margin-bottom: 8px;
    }

    .visor-estampado-pdf span {
        padding: 4px;
        border-bottom: 1px solid lightgray;
        margin-bottom: 8px;
    }

    .visor-estampado-pdf i {
        font-size: 32px;
    }

    .visor-estampado-pdf div.botones-estampado {
        position: fixed;
        right: 60px;
        bottom: 35px;
        text-align: right;
        border: 1px solid gray;
        border-right: unset;
        border-radius: 8px 0 0 8px;
        display: inline-block;
        padding: 16px;
        padding-bottom: 12px;
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
        background: white;
        z-index: 10000;
    }

    .visor-estampado-pdf div.botones-marcas i {
        font-size: 16px !important;
        margin-right: 16px;
    }

    .visor-estampado-pdf div.botones-marcas img {
        margin: 8px;
    }

    .visor-estampado-pdf div.botones-resaltado svg {
        width: 24px;
        margin: 8px;
    }

    .visor-estampado-pdf a {
        padding: 4px;
    }

    .visor-estampado-pdf span {
        padding: 4px;
        border-bottom: 1px solid lightgray;
        margin-bottom: 8px;
    }

    .visor-estampado-pdf i {
        font-size: 32px;
    }

#contenedor-imagen-estampado {
    pointer-events: none;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.estampa {
    position: absolute;
    z-index: 120;
    border: 2px dotted limegreen;
}

.cuerpo-firma-digital {
    overflow-x: unset !important;
    border: 1px solid #444;
}

.opciones-texto {
    text-align: end;
    margin-bottom: 10px;
}

    .opciones-texto i {
        width: 32px;
        height: 32px;
    }

    .opciones-texto .btn {
        margin: 8px;
    }

.resizable {
    background: transparent;
    position: absolute;
}

    .resizable .resizers {
        width: 100%;
        height: 100%;
        border: 3px solid #4286f4;
        box-sizing: border-box;
    }

        .resizable .resizers .resizer {
            width: 10px;
            height: 10px;
            border-radius: 50%; /*magic to turn square into circle*/
            background: white;
            border: 3px solid #4286f4;
            position: absolute;
        }

            .resizable .resizers .resizer.top-left {
                left: -5px;
                top: -5px;
                cursor: nwse-resize; /*resizer cursor*/
            }

            .resizable .resizers .resizer.top-right {
                right: -5px;
                top: -5px;
                cursor: nesw-resize;
            }

            .resizable .resizers .resizer.bottom-left {
                left: -5px;
                bottom: -5px;
                cursor: nesw-resize;
            }

            .resizable .resizers .resizer.bottom-right {
                right: -5px;
                bottom: -5px;
                cursor: nwse-resize;
            }

#contenedor-imagen-firma-digital {
    position: fixed;
    border: 2px dashed darkgray;
    background: transparent;
}

#badge-contador-digitalizacion {
    z-index: 1000;
    position: absolute;
}

.contenedor-mensaje-informacion {
    position: relative;
}

.boton-mensaje-informacion {
    position: absolute;
    right: 8px;
    bottom: 8px;
    background-color: white;
}

.valor-metadato-multiple-etiqueta {
    padding-right: 8px;
}

.valor-metadato-multiple-guid {
    padding-right: 8px;
    color: #555;
    user-select: all;
    font-size: 12px;
}

.btn-login-microsoft {
    margin-top: 8px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-login-microsoft span{
    margin-left: 8px;
    overflow: hidden;
    margin-left: 20px;
}
    .btn-login-microsoft object {
        position: absolute;
        left: 8px;
    }

#contenedorArbolProcesos li {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    color: #369;
    font-weight: 700;
    position: relative;
}

#contenedorArbolProcesos table {
    width: 100%;
}

#contenedorArbolProcesos .celda-tarjeta{
    padding: 4px -4px;
}

#contenedorArbolProcesos .separador-nivel {
    width: 8px;
    border-left: 4px solid #ccc;
    border-bottom: 4px solid #ccc;
    border-right: 4px solid #fff;
}

#contenedorArbolProcesos .separador-nivel-2 {
    width: 8px;
    border-left: 4px solid #ccc;
    border-right: 4px solid #fff;
    border-bottom: 0;
}

#contenedorArbolProcesos .separador-nivel-2-ultimo {
    width: 8px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

#contenedorArbolProcesos .resaltador-proceso {
    border-left: 4px solid #ffb136;
}
.tarjeta-nodo-arbol {
    border: 1px solid #eee;
    width: 100%;
    min-height: 120px;
    padding: 4px 16px;
}

#contenedorProcesosDocumento li {
    border: 1px solid #eee;
    margin: 12px;
    padding: 8px;
    -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
    box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
}

#tabla-resultados {
    overflow-x: scroll;
}

i.icono-copiar-id{
    cursor: pointer;
    font-size: 1.1em !important;
    color: #ccc;
}

i.icono-copiar-id:hover {
    color: #888;
}


.login-white-box {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 4px !important;
}

#toastr_statusbar {
    position: fixed;
    bottom: 2px;
    right: 2px;
    background: #333;
    color: #fff;
    font-size: 12px;
    padding: 4px 20px;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 1s ease;
    z-index: 1000;
    pointer-events: none;
    min-width: 200px;
}

    #toastr_statusbar.show {
        opacity: 0.5;
    }

#tablaAlertas li{
    list-style: none;
}

.mensaje-error-actividad{
    min-width: 320px;
    width: 40%;
    margin-top: 60px !important;
    margin: auto;
    text-align: center;
    color: red;
}

.mensaje-error-actividad .box-title{
    font-size: 18px;
    font-weight: bold;
}

.validacion-otp {
    margin: auto;
    width: 500px;
    min-height: 500px;
    text-align: center;
}


#divValidacionOtp>input::-webkit-outer-spin-button,
#divValidacionOtp>input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

#divValidacionOtp>input[type=number] {
    -moz-appearance: textfield; 
}

button.mensaje-metadato-confidencial{
    min-width: 90%;
    margin-left: 5%;
}

span.mensaje-metadato-confidencial {
    color: #ccc;
    font-size: 11px;
}