.btn {
    white-space: normal;
    /* Sin sombra en el texto: la que habia (rgba(5,5,5,.6) 0 1px 2px) daba el
       relieve de los temas viejos y en los botones claros se veia como un borron
       detras de las letras. */
}

.btn-default, .btn-info, .btn-warning, .btn-danger, .btn-success {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
    background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
}


.resumen-checklist {
    display: grid;
    gap: 5px;
    padding: 8px 5px;
    margin: 0;
    list-style: none;
}

@media screen and (min-width: 1281px) {
    .resumen-checklist {
        grid-template-columns: 1fr 1fr;
    }
}

.resumen-checklist li {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 2px;
    font-size: 11px;
    border: 1px solid #e2e6ea;
    white-space: nowrap;
    position: relative;
}

    .resumen-checklist li h3 {
        font-size: 12px;
        margin: 0;
        font-weight: normal;
        line-height: 1.4;
        display: inline;
    }

@media screen and (min-width: 1281px) {
    .resumen-checklist li h3 {
        font-size: 13px;
        margin: 0;
        font-weight: normal;
        line-height: 1.4;
        display: inline;
    }
}

@media screen and (min-width: 1440px) {
    .resumen-checklist li h3 {
        font-size: 15px;
        margin: 0;
        font-weight: normal;
        line-height: 1.4;
        display: inline;
    }
}


.resumen-checklist li i {
    margin-right: 3px;
    font-size: 12px;
    flex-shrink: 0;
}


.tablaContent {
    display: contents;
}

.btn-default {
    color: darkred;
    text-shadow: initial;
}

/* CG-805: style.css pinta todo enlace de .ibox-tools en gris claro (#c4c4c4); un .btn ahí quedaba ilegible */
.ibox-tools a.btn-default {
    color: darkred;
}
.ibox-tools a.btn-credid {
    color: #fff;
}

.btn:hover {
    /*background-color: #000 !important;*/
    cursor: pointer;
    color: #fff;
}

.hiddenRow {
    padding: 0 !important;
}

.p-padding {
    padding: 25px;
}
/*DATATABLES*/
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs/jszip-2.5.0/dt-1.10.18/b-1.5.2/b-html5-1.5.2/b-print-1.5.2/cr-1.5.0/r-2.2.2/sc-1.5.0
 *
 * Included libraries:
 *   JSZip 2.5.0, DataTables 1.10.18, Buttons 1.5.2, HTML5 export 1.5.2, Print view 1.5.2, ColReorder 1.5.0, Responsive 2.2.2, Scroller 1.5.0
 */
table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
}

    table.dataTable td,
    table.dataTable th {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        table.dataTable td.dataTables_empty,
        table.dataTable th.dataTables_empty {
            text-align: center;
        }

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

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
    }

div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
    }

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
    outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
        position: absolute;
        bottom: 8px;
        right: 8px;
        display: block;
        font-family: 'Glyphicons Halflings';
        opacity: 0.5;
    }

    table.dataTable thead .sorting:after {
        opacity: 0.2;
        content: "\e150";
        /* sort */
    }

    table.dataTable thead .sorting_asc:after {
        content: "\e155";
        /* sort-by-attributes */
    }

    table.dataTable thead .sorting_desc:after {
        content: "\e156";
        /* sort-by-attributes-alt */
    }

    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
        color: #eee;
    }

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody > table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

    div.dataTables_scrollBody > table > thead .sorting:after,
    div.dataTables_scrollBody > table > thead .sorting_asc:after,
    div.dataTables_scrollBody > table > thead .sorting_desc:after {
        display: none;
    }

    div.dataTables_scrollBody > table > tbody > tr:first-child > th,
    div.dataTables_scrollBody > table > tbody > tr:first-child > td {
        border-top: none;
    }

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box;
}

    div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
        margin-top: 0 !important;
        border-top: none;
    }

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
}

table.dataTable.table-condensed > thead > tr > th {
    padding-right: 20px;
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
    top: 6px;
    right: 6px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: 0;
}

    table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
    table.table-bordered.dataTable td:last-child,
    table.table-bordered.dataTable td:last-child {
        border-right-width: 0;
    }

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0;
}

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
        padding-left: 0;
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
        padding-right: 0;
    }


@keyframes dtb-spinner {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes dtb-spinner {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes dtb-spinner {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dtb-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes dtb-spinner {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: white;
    border: 2px solid #111;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    text-align: center;
    z-index: 21;
}

    div.dt-button-info h2 {
        padding: 0.5em;
        margin: 0;
        font-weight: normal;
        border-bottom: 1px solid #ddd;
        background-color: #f3f3f3;
    }

    div.dt-button-info > div {
        padding: 1em;
    }

ul.dt-button-collection.dropdown-menu {
    display: block;
    z-index: 2002;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px;
}

    ul.dt-button-collection.dropdown-menu.fixed {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -75px;
        border-radius: 0;
    }

        ul.dt-button-collection.dropdown-menu.fixed.two-column {
            margin-left: -150px;
        }

        ul.dt-button-collection.dropdown-menu.fixed.three-column {
            margin-left: -225px;
        }

        ul.dt-button-collection.dropdown-menu.fixed.four-column {
            margin-left: -300px;
        }

    ul.dt-button-collection.dropdown-menu > * {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
    }

    ul.dt-button-collection.dropdown-menu.two-column {
        width: 300px;
        padding-bottom: 1px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
    }

    ul.dt-button-collection.dropdown-menu.three-column {
        width: 450px;
        padding-bottom: 1px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -ms-column-count: 3;
        -o-column-count: 3;
        column-count: 3;
    }

    ul.dt-button-collection.dropdown-menu.four-column {
        width: 600px;
        padding-bottom: 1px;
        -webkit-column-count: 4;
        -moz-column-count: 4;
        -ms-column-count: 4;
        -o-column-count: 4;
        column-count: 4;
    }

    ul.dt-button-collection.dropdown-menu .dt-button {
        border-radius: 0;
    }

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2001;
}

@media screen and (max-width: 767px) {
    div.dt-buttons {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 0.5em;
    }

        div.dt-buttons a.btn {
            float: none;
        }
    /*.nav > li {
        position: relative;
        display: block;
    }*/
    body.mini-navbar .nav-header {
        padding: 10px;
        background-color: inherit;
        text-align: center;
    }

    body.mini-navbar .navbar-default .nav > li > a {
        font-size: 12.4px;
    }

    body.mini-navbar .nav-header {
        padding: 10px;
        background-color: inherit;
        text-align: center;
    }

    .floating-menu-header-options {
        top: 14px;
        position: absolute;
        right: 20px;
    }

    .m-b-xs {
        margin-bottom: 15px;
    }

    /* La geometría vertical y el scroll del sidebar móvil se definen en
       navigation-mobile.css (top/bottom/dvh). No usar height en vh aquí. */
    .body-small.mini-navbar .navbar-static-side {
        display: block;
        position: fixed;
        width: 85%;
        z-index: 9999;
        background-color: #f5f5f5;
    }

    body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span {
        display: inline;
    }
}

div.dt-buttons button.btn.processing,
div.dt-buttons div.btn.processing,
div.dt-buttons a.btn.processing {
    color: rgba(0, 0, 0, 0.2);
}

    div.dt-buttons button.btn.processing:after,
    div.dt-buttons div.btn.processing:after,
    div.dt-buttons a.btn.processing:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
        box-sizing: border-box;
        display: block;
        content: ' ';
        border: 2px solid #282828;
        border-radius: 50%;
        border-left-color: transparent;
        border-right-color: transparent;
        animation: dtb-spinner 1500ms infinite linear;
        -o-animation: dtb-spinner 1500ms infinite linear;
        -ms-animation: dtb-spinner 1500ms infinite linear;
        -webkit-animation: dtb-spinner 1500ms infinite linear;
        -moz-animation: dtb-spinner 1500ms infinite linear;
    }


table.DTCR_clonedTable.dataTable {
    position: absolute !important;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 202;
}

div.DTCR_pointer {
    width: 1px;
    background-color: #025595;
    z-index: 201;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
    cursor: default !important;
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
        display: none !important;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        top: 9px;
        left: 4px;
        height: 14px;
        width: 14px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: 'Courier New', Courier, monospace;
        line-height: 14px;
        content: '+';
        background-color: #025595;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px;
}

    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
        top: 5px;
        left: 4px;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        line-height: 14px;
        text-indent: 3px;
    }

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer;
}

    table.dataTable.dtr-column > tbody > tr > td.control:before,
    table.dataTable.dtr-column > tbody > tr > th.control:before {
        top: 50%;
        left: 50%;
        height: 16px;
        width: 16px;
        margin-top: -10px;
        margin-left: -10px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: 'Courier New', Courier, monospace;
        line-height: 14px;
        content: '+';
        background-color: #025595;
    }

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable > tbody > tr.child {
    padding: 0.5em 1em;
}

    table.dataTable > tbody > tr.child:hover {
        background: transparent !important;
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li {
            border-bottom: 1px solid #efefef;
            padding: 0.5em 0;
        }

            table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
                padding-top: 0;
            }

            table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
                border-bottom: none;
            }

    table.dataTable > tbody > tr.child span.dtr-title {
        display: inline-block;
        min-width: 75px;
        font-weight: bold;
    }

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em;
}

    div.dtr-modal div.dtr-modal-display {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 50%;
        overflow: auto;
        margin: auto;
        z-index: 102;
        overflow: auto;
        background-color: #f5f5f7;
        border: 1px solid black;
        border-radius: 0.5em;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    }

    div.dtr-modal div.dtr-modal-content {
        position: relative;
        padding: 1em;
    }

    div.dtr-modal div.dtr-modal-close {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 22px;
        height: 22px;
        border: 1px solid #eaeaea;
        background-color: #f9f9f9;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        z-index: 12;
    }

        div.dtr-modal div.dtr-modal-close:hover {
            background-color: #eaeaea;
        }

    div.dtr-modal div.dtr-modal-background {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 101;
        background: rgba(0, 0, 0, 0.6);
    }

@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%;
    }
}

div.dtr-bs-modal table.table tr:first-child td {
    border-top: none;
}


div.DTS {
    display: block !important;
}

    div.DTS tbody th,
    div.DTS tbody td {
        white-space: nowrap;
    }

    div.DTS div.DTS_Loading {
        z-index: 1;
    }

    div.DTS div.dataTables_scrollBody {
        background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
    }

        div.DTS div.dataTables_scrollBody table {
            z-index: 2;
        }

    div.DTS div.dataTables_paginate,
    div.DTS div.dataTables_length {
        display: none;
    }

    div.DTS tbody tr {
        background-color: white;
    }



/*END DATATABLES*/


/*!
 * Datepicker for Bootstrap v1.7.0-dev (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl.dropdown-menu {
        left: auto;
    }

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid rgba(0, 0, 0, 0.15);
        border-top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid rgba(0, 0, 0, 0.15);
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff;
    }

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .datepicker table tr td,
    .datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: none;
    }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #777777;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #777777;
    cursor: default;
}

.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0;
}

    .datepicker table tr td.highlighted:focus,
    .datepicker table tr td.highlighted.focus {
        color: #000;
        background-color: #afd9ee;
        border-color: #298fc2;
    }

    .datepicker table tr td.highlighted:hover {
        color: #000;
        background-color: #afd9ee;
        border-color: #52addb;
    }

    .datepicker table tr td.highlighted:active,
    .datepicker table tr td.highlighted.active {
        color: #000;
        background-color: #afd9ee;
        border-color: #52addb;
    }

        .datepicker table tr td.highlighted:active:hover,
        .datepicker table tr td.highlighted.active:hover,
        .datepicker table tr td.highlighted:active:focus,
        .datepicker table tr td.highlighted.active:focus,
        .datepicker table tr td.highlighted:active.focus,
        .datepicker table tr td.highlighted.active.focus {
            color: #000;
            background-color: #91cbe8;
            border-color: #298fc2;
        }

    .datepicker table tr td.highlighted.disabled:hover,
    .datepicker table tr td.highlighted[disabled]:hover,
    fieldset[disabled] .datepicker table tr td.highlighted:hover,
    .datepicker table tr td.highlighted.disabled:focus,
    .datepicker table tr td.highlighted[disabled]:focus,
    fieldset[disabled] .datepicker table tr td.highlighted:focus,
    .datepicker table tr td.highlighted.disabled.focus,
    .datepicker table tr td.highlighted[disabled].focus,
    fieldset[disabled] .datepicker table tr td.highlighted.focus {
        background-color: #d9edf7;
        border-color: #85c5e5;
    }

    .datepicker table tr td.highlighted.focused {
        background: #afd9ee;
    }

    .datepicker table tr td.highlighted.disabled,
    .datepicker table tr td.highlighted.disabled:active {
        background: #d9edf7;
        color: #777777;
    }

.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

    .datepicker table tr td.today:focus,
    .datepicker table tr td.today.focus {
        color: #000;
        background-color: #ffc966;
        border-color: #b37400;
    }

    .datepicker table tr td.today:hover {
        color: #000;
        background-color: #ffc966;
        border-color: #f59e00;
    }

    .datepicker table tr td.today:active,
    .datepicker table tr td.today.active {
        color: #000;
        background-color: #ffc966;
        border-color: #f59e00;
    }

        .datepicker table tr td.today:active:hover,
        .datepicker table tr td.today.active:hover,
        .datepicker table tr td.today:active:focus,
        .datepicker table tr td.today.active:focus,
        .datepicker table tr td.today:active.focus,
        .datepicker table tr td.today.active.focus {
            color: #000;
            background-color: #ffbc42;
            border-color: #b37400;
        }

    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today[disabled]:hover,
    fieldset[disabled] .datepicker table tr td.today:hover,
    .datepicker table tr td.today.disabled:focus,
    .datepicker table tr td.today[disabled]:focus,
    fieldset[disabled] .datepicker table tr td.today:focus,
    .datepicker table tr td.today.disabled.focus,
    .datepicker table tr td.today[disabled].focus,
    fieldset[disabled] .datepicker table tr td.today.focus {
        background-color: #ffdb99;
        border-color: #ffb733;
    }

    .datepicker table tr td.today.focused {
        background: #ffc966;
    }

    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled:active {
        background: #ffdb99;
        color: #777777;
    }

.datepicker table tr td.range {
    color: #000;
    background-color: #eeeeee;
    border-color: #bbbbbb;
    border-radius: 0;
}

    .datepicker table tr td.range:focus,
    .datepicker table tr td.range.focus {
        color: #000;
        background-color: #d5d5d5;
        border-color: #7c7c7c;
    }

    .datepicker table tr td.range:hover {
        color: #000;
        background-color: #d5d5d5;
        border-color: #9d9d9d;
    }

    .datepicker table tr td.range:active,
    .datepicker table tr td.range.active {
        color: #000;
        background-color: #d5d5d5;
        border-color: #9d9d9d;
    }

        .datepicker table tr td.range:active:hover,
        .datepicker table tr td.range.active:hover,
        .datepicker table tr td.range:active:focus,
        .datepicker table tr td.range.active:focus,
        .datepicker table tr td.range:active.focus,
        .datepicker table tr td.range.active.focus {
            color: #000;
            background-color: #c3c3c3;
            border-color: #7c7c7c;
        }

    .datepicker table tr td.range.disabled:hover,
    .datepicker table tr td.range[disabled]:hover,
    fieldset[disabled] .datepicker table tr td.range:hover,
    .datepicker table tr td.range.disabled:focus,
    .datepicker table tr td.range[disabled]:focus,
    fieldset[disabled] .datepicker table tr td.range:focus,
    .datepicker table tr td.range.disabled.focus,
    .datepicker table tr td.range[disabled].focus,
    fieldset[disabled] .datepicker table tr td.range.focus {
        background-color: #eeeeee;
        border-color: #bbbbbb;
    }

    .datepicker table tr td.range.focused {
        background: #d5d5d5;
    }

    .datepicker table tr td.range.disabled,
    .datepicker table tr td.range.disabled:active {
        background: #eeeeee;
        color: #777777;
    }

    .datepicker table tr td.range.highlighted {
        color: #000;
        background-color: #e4eef3;
        border-color: #9dc1d3;
    }

        .datepicker table tr td.range.highlighted:focus,
        .datepicker table tr td.range.highlighted.focus {
            color: #000;
            background-color: #c1d7e3;
            border-color: #4b88a6;
        }

        .datepicker table tr td.range.highlighted:hover {
            color: #000;
            background-color: #c1d7e3;
            border-color: #73a6c0;
        }

        .datepicker table tr td.range.highlighted:active,
        .datepicker table tr td.range.highlighted.active {
            color: #000;
            background-color: #c1d7e3;
            border-color: #73a6c0;
        }

            .datepicker table tr td.range.highlighted:active:hover,
            .datepicker table tr td.range.highlighted.active:hover,
            .datepicker table tr td.range.highlighted:active:focus,
            .datepicker table tr td.range.highlighted.active:focus,
            .datepicker table tr td.range.highlighted:active.focus,
            .datepicker table tr td.range.highlighted.active.focus {
                color: #000;
                background-color: #a8c8d8;
                border-color: #4b88a6;
            }

        .datepicker table tr td.range.highlighted.disabled:hover,
        .datepicker table tr td.range.highlighted[disabled]:hover,
        fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
        .datepicker table tr td.range.highlighted.disabled:focus,
        .datepicker table tr td.range.highlighted[disabled]:focus,
        fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
        .datepicker table tr td.range.highlighted.disabled.focus,
        .datepicker table tr td.range.highlighted[disabled].focus,
        fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
            background-color: #e4eef3;
            border-color: #9dc1d3;
        }

        .datepicker table tr td.range.highlighted.focused {
            background: #c1d7e3;
        }

        .datepicker table tr td.range.highlighted.disabled,
        .datepicker table tr td.range.highlighted.disabled:active {
            background: #e4eef3;
            color: #777777;
        }

    .datepicker table tr td.range.today {
        color: #000;
        background-color: #f7ca77;
        border-color: #f1a417;
    }

        .datepicker table tr td.range.today:focus,
        .datepicker table tr td.range.today.focus {
            color: #000;
            background-color: #f4b747;
            border-color: #815608;
        }

        .datepicker table tr td.range.today:hover {
            color: #000;
            background-color: #f4b747;
            border-color: #bf800c;
        }

        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today.active {
            color: #000;
            background-color: #f4b747;
            border-color: #bf800c;
        }

            .datepicker table tr td.range.today:active:hover,
            .datepicker table tr td.range.today.active:hover,
            .datepicker table tr td.range.today:active:focus,
            .datepicker table tr td.range.today.active:focus,
            .datepicker table tr td.range.today:active.focus,
            .datepicker table tr td.range.today.active.focus {
                color: #000;
                background-color: #f2aa25;
                border-color: #815608;
            }

        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today[disabled]:hover,
        fieldset[disabled] .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today.disabled:focus,
        .datepicker table tr td.range.today[disabled]:focus,
        fieldset[disabled] .datepicker table tr td.range.today:focus,
        .datepicker table tr td.range.today.disabled.focus,
        .datepicker table tr td.range.today[disabled].focus,
        fieldset[disabled] .datepicker table tr td.range.today.focus {
            background-color: #f7ca77;
            border-color: #f1a417;
        }

        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today.disabled:active {
            background: #f7ca77;
            color: #777777;
        }

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #777777;
    border-color: #555555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.selected:focus,
    .datepicker table tr td.selected.highlighted:focus,
    .datepicker table tr td.selected.focus,
    .datepicker table tr td.selected.highlighted.focus {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #161616;
    }

    .datepicker table tr td.selected:hover,
    .datepicker table tr td.selected.highlighted:hover {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #373737;
    }

    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected.highlighted:active,
    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected.highlighted.active {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #373737;
    }

        .datepicker table tr td.selected:active:hover,
        .datepicker table tr td.selected.highlighted:active:hover,
        .datepicker table tr td.selected.active:hover,
        .datepicker table tr td.selected.highlighted.active:hover,
        .datepicker table tr td.selected:active:focus,
        .datepicker table tr td.selected.highlighted:active:focus,
        .datepicker table tr td.selected.active:focus,
        .datepicker table tr td.selected.highlighted.active:focus,
        .datepicker table tr td.selected:active.focus,
        .datepicker table tr td.selected.highlighted:active.focus,
        .datepicker table tr td.selected.active.focus,
        .datepicker table tr td.selected.highlighted.active.focus {
            color: #fff;
            background-color: #4c4c4c;
            border-color: #161616;
        }

    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected.highlighted.disabled:hover,
    .datepicker table tr td.selected[disabled]:hover,
    .datepicker table tr td.selected.highlighted[disabled]:hover,
    fieldset[disabled] .datepicker table tr td.selected:hover,
    fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
    .datepicker table tr td.selected.disabled:focus,
    .datepicker table tr td.selected.highlighted.disabled:focus,
    .datepicker table tr td.selected[disabled]:focus,
    .datepicker table tr td.selected.highlighted[disabled]:focus,
    fieldset[disabled] .datepicker table tr td.selected:focus,
    fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
    .datepicker table tr td.selected.disabled.focus,
    .datepicker table tr td.selected.highlighted.disabled.focus,
    .datepicker table tr td.selected[disabled].focus,
    .datepicker table tr td.selected.highlighted[disabled].focus,
    fieldset[disabled] .datepicker table tr td.selected.focus,
    fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
        background-color: #777777;
        border-color: #555555;
    }

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #025595;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.active:focus,
    .datepicker table tr td.active.highlighted:focus,
    .datepicker table tr td.active.focus,
    .datepicker table tr td.active.highlighted.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .datepicker table tr td.active:hover,
    .datepicker table tr td.active.highlighted:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .datepicker table tr td.active:active,
    .datepicker table tr td.active.highlighted:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active.highlighted.active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .datepicker table tr td.active:active:hover,
        .datepicker table tr td.active.highlighted:active:hover,
        .datepicker table tr td.active.active:hover,
        .datepicker table tr td.active.highlighted.active:hover,
        .datepicker table tr td.active:active:focus,
        .datepicker table tr td.active.highlighted:active:focus,
        .datepicker table tr td.active.active:focus,
        .datepicker table tr td.active.highlighted.active:focus,
        .datepicker table tr td.active:active.focus,
        .datepicker table tr td.active.highlighted:active.focus,
        .datepicker table tr td.active.active.focus,
        .datepicker table tr td.active.highlighted.active.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.highlighted.disabled:hover,
    .datepicker table tr td.active[disabled]:hover,
    .datepicker table tr td.active.highlighted[disabled]:hover,
    fieldset[disabled] .datepicker table tr td.active:hover,
    fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
    .datepicker table tr td.active.disabled:focus,
    .datepicker table tr td.active.highlighted.disabled:focus,
    .datepicker table tr td.active[disabled]:focus,
    .datepicker table tr td.active.highlighted[disabled]:focus,
    fieldset[disabled] .datepicker table tr td.active:focus,
    fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
    .datepicker table tr td.active.disabled.focus,
    .datepicker table tr td.active.highlighted.disabled.focus,
    .datepicker table tr td.active[disabled].focus,
    .datepicker table tr td.active.highlighted[disabled].focus,
    fieldset[disabled] .datepicker table tr td.active.focus,
    fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
        background-color: #025595;
        border-color: #2e6da4;
    }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

    .datepicker table tr td span:hover,
    .datepicker table tr td span.focused {
        background: #eeeeee;
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: none;
        color: #777777;
        cursor: default;
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover {
        color: #fff;
        background-color: #025595;
        border-color: #2e6da4;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        .datepicker table tr td span.active:focus,
        .datepicker table tr td span.active:hover:focus,
        .datepicker table tr td span.active.disabled:focus,
        .datepicker table tr td span.active.disabled:hover:focus,
        .datepicker table tr td span.active.focus,
        .datepicker table tr td span.active:hover.focus,
        .datepicker table tr td span.active.disabled.focus,
        .datepicker table tr td span.active.disabled:hover.focus {
            color: #fff;
            background-color: #286090;
            border-color: #122b40;
        }

        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover:hover {
            color: #fff;
            background-color: #286090;
            border-color: #204d74;
        }

            .datepicker table tr td span.active:active,
            .datepicker table tr td span.active:hover:active,
            .datepicker table tr td span.active.disabled:active,
            .datepicker table tr td span.active.disabled:hover:active,
            .datepicker table tr td span.active.active,
            .datepicker table tr td span.active:hover.active,
            .datepicker table tr td span.active.disabled.active,
            .datepicker table tr td span.active.disabled:hover.active {
                color: #fff;
                background-color: #286090;
                border-color: #204d74;
            }

                .datepicker table tr td span.active:active:hover,
                .datepicker table tr td span.active:hover:active:hover,
                .datepicker table tr td span.active.disabled:active:hover,
                .datepicker table tr td span.active.disabled:hover:active:hover,
                .datepicker table tr td span.active.active:hover,
                .datepicker table tr td span.active:hover.active:hover,
                .datepicker table tr td span.active.disabled.active:hover,
                .datepicker table tr td span.active.disabled:hover.active:hover,
                .datepicker table tr td span.active:active:focus,
                .datepicker table tr td span.active:hover:active:focus,
                .datepicker table tr td span.active.disabled:active:focus,
                .datepicker table tr td span.active.disabled:hover:active:focus,
                .datepicker table tr td span.active.active:focus,
                .datepicker table tr td span.active:hover.active:focus,
                .datepicker table tr td span.active.disabled.active:focus,
                .datepicker table tr td span.active.disabled:hover.active:focus,
                .datepicker table tr td span.active:active.focus,
                .datepicker table tr td span.active:hover:active.focus,
                .datepicker table tr td span.active.disabled:active.focus,
                .datepicker table tr td span.active.disabled:hover:active.focus,
                .datepicker table tr td span.active.active.focus,
                .datepicker table tr td span.active:hover.active.focus,
                .datepicker table tr td span.active.disabled.active.focus,
                .datepicker table tr td span.active.disabled:hover.active.focus {
                    color: #fff;
                    background-color: #204d74;
                    border-color: #122b40;
                }

            .datepicker table tr td span.active.disabled:hover,
            .datepicker table tr td span.active:hover.disabled:hover,
            .datepicker table tr td span.active.disabled.disabled:hover,
            .datepicker table tr td span.active.disabled:hover.disabled:hover,
            .datepicker table tr td span.active[disabled]:hover,
            .datepicker table tr td span.active:hover[disabled]:hover,
            .datepicker table tr td span.active.disabled[disabled]:hover,
            .datepicker table tr td span.active.disabled:hover[disabled]:hover,
            fieldset[disabled] .datepicker table tr td span.active:hover,
            fieldset[disabled] .datepicker table tr td span.active:hover:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
            .datepicker table tr td span.active.disabled:focus,
            .datepicker table tr td span.active:hover.disabled:focus,
            .datepicker table tr td span.active.disabled.disabled:focus,
            .datepicker table tr td span.active.disabled:hover.disabled:focus,
            .datepicker table tr td span.active[disabled]:focus,
            .datepicker table tr td span.active:hover[disabled]:focus,
            .datepicker table tr td span.active.disabled[disabled]:focus,
            .datepicker table tr td span.active.disabled:hover[disabled]:focus,
            fieldset[disabled] .datepicker table tr td span.active:focus,
            fieldset[disabled] .datepicker table tr td span.active:hover:focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
            .datepicker table tr td span.active.disabled.focus,
            .datepicker table tr td span.active:hover.disabled.focus,
            .datepicker table tr td span.active.disabled.disabled.focus,
            .datepicker table tr td span.active.disabled:hover.disabled.focus,
            .datepicker table tr td span.active[disabled].focus,
            .datepicker table tr td span.active:hover[disabled].focus,
            .datepicker table tr td span.active.disabled[disabled].focus,
            .datepicker table tr td span.active.disabled:hover[disabled].focus,
            fieldset[disabled] .datepicker table tr td span.active.focus,
            fieldset[disabled] .datepicker table tr td span.active:hover.focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
                background-color: #025595;
                border-color: #2e6da4;
            }

    .datepicker table tr td span.old,
    .datepicker table tr td span.new {
        color: #777777;
    }

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker .datepicker-switch:hover,
    .datepicker .prev:hover,
    .datepicker .next:hover,
    .datepicker tfoot tr th:hover {
        background: #eeeeee;
    }

    .datepicker .prev.disabled,
    .datepicker .next.disabled {
        visibility: hidden;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.input-daterange {
    width: 100%;
}

    .input-daterange input {
        text-align: center;
    }

        .input-daterange input:first-child {
            border-radius: 3px 0 0 3px;
        }

        .input-daterange input:last-child {
            border-radius: 0 3px 3px 0;
        }

    .input-daterange .input-group-addon {
        width: auto;
        min-width: 16px;
        padding: 4px 5px;
        line-height: 1.42857143;
        text-shadow: 0 1px 0 #fff;
        border-width: 1px 0;
        margin-left: -5px;
        margin-right: -5px;
    }


.img-container-credid {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
    border: 2px solid #EFEBE2;
}

.img-container-credid-full {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
    border: 2px solid #EFEBE2;
}

    .img-container-credid-full img {
        vertical-align: middle;
        max-width: 100%;
        max-height: 546px;
        margin: 0 auto;
    }

.img-container-credid img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 346px;
    margin: 0 auto;
}



/***** Login Form 1 *****/

.l-form-1-container {
    padding: 60px 0 90px 0;
    background: #444;
}

.l-form-1 {
    padding-bottom: 40px;
}

    .l-form-1 p {
        padding: 0;
    }

.l-form-1-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #444;
    background: rgba(0, 0, 0, 0.35);
    text-align: left;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.l-form-1-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

    .l-form-1-top-left h3 {
        margin-top: 0;
        color: #fff;
    }

    .l-form-1-top-left p {
        opacity: 0.8;
        color: #fff;
    }

.l-form-1-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #fff;
    line-height: 100px;
    text-align: right;
    opacity: 0.3;
}

.l-form-1-bottom {
    padding: 25px 25px 30px 25px;
    background: #444;
    background: rgba(0, 0, 0, 0.3);
    text-align: left;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.l-form-1-box input[type="text"],
.l-form-1-box input[type="password"] {
    height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fff;
    border: 3px solid #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #888;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    .l-form-1-box input[type="text"]:focus,
    .l-form-1-box input[type="password"]:focus {
        outline: 0;
        background: #fff;
        border: 3px solid #42bfc2;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .l-form-1-box input[type="text"]::-moz-placeholder, .l-form-1-box input[type="password"]::-moz-placeholder {
        color: #888;
    }

    .l-form-1-box input[type="text"]:-ms-input-placeholder, .l-form-1-box input[type="password"]:-ms-input-placeholder {
        color: #888;
    }

    .l-form-1-box input[type="text"]::-webkit-input-placeholder, .l-form-1-box input[type="password"]::-webkit-input-placeholder {
        color: #888;
    }

.l-form-1-box button.btn {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #42bfc2;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    .l-form-1-box button.btn:hover {
        opacity: 0.6;
        color: #fff;
    }

    .l-form-1-box button.btn:active {
        outline: 0;
        opacity: 0.6;
        color: #fff;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .l-form-1-box button.btn:focus {
        outline: 0;
        opacity: 0.6;
        background: #42bfc2;
        color: #fff;
    }

    .l-form-1-box button.btn:active:focus, .l-form-1-box button.btn.active:focus {
        outline: 0;
        opacity: 0.6;
        background: #42bfc2;
        color: #fff;
    }

    .l-form-1-box button.btn:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(0, 0, 0, 0.1);
    }

.l-form-1-social-login {
    margin-top: 35px;
}

    .l-form-1-social-login h3 {
        color: #fff;
    }

.l-form-1-social-login-buttons {
    margin-top: 25px;
}


/***** Login Form 2 *****/

.l-form-2-container {
    padding: 0 0 90px 0;
}

.l-form-2 {
    padding-bottom: 40px;
}

    .l-form-2 p {
        padding: 0;
    }

.l-form-2-box-text {
    padding-left: 30px;
    text-align: left;
}

    .l-form-2-box-text h3 {
        margin-top: 25px;
    }

.l-form-2-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #d5d5d5;
    text-align: left;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.l-form-2-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

    .l-form-2-top-left h3 {
        margin-top: 0;
    }

.l-form-2-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #a0a0a0;
    line-height: 100px;
    text-align: right;
    opacity: 0.3;
}

.l-form-2-bottom {
    padding: 25px 25px 30px 25px;
    background: #ddd;
    text-align: left;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.l-form-2-box input[type="text"],
.l-form-2-box input[type="password"] {
    height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #f8f8f8;
    border: 3px solid #f8f8f8;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #888;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    .l-form-2-box input[type="text"]:focus,
    .l-form-2-box input[type="password"]:focus {
        outline: 0;
        background: #fff;
        border: 3px solid #be5254;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .l-form-2-box input[type="text"]::-moz-placeholder, .l-form-2-box input[type="password"]::-moz-placeholder {
        color: #888;
    }

    .l-form-2-box input[type="text"]:-ms-input-placeholder, .l-form-2-box input[type="password"]:-ms-input-placeholder {
        color: #888;
    }

    .l-form-2-box input[type="text"]::-webkit-input-placeholder, .l-form-2-box input[type="password"]::-webkit-input-placeholder {
        color: #888;
    }

.l-form-2-box button.btn {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #be5254;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    .l-form-2-box button.btn:hover {
        opacity: 0.6;
        color: #fff;
    }

    .l-form-2-box button.btn:active {
        outline: 0;
        opacity: 0.6;
        color: #fff;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .l-form-2-box button.btn:focus {
        outline: 0;
        opacity: 0.6;
        background: #be5254;
        color: #fff;
    }

    .l-form-2-box button.btn:active:focus, .l-form-2-box button.btn.active:focus {
        outline: 0;
        opacity: 0.6;
        background: #be5254;
        color: #fff;
    }

    .l-form-2-box button.btn:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(0, 0, 0, 0.1);
    }

.l-form-2-social-login {
    margin-top: 35px;
}

.l-form-2-social-login-buttons {
    margin-top: 25px;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    position: relative;
    font-size: 11px;
    text-align: right;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, input.input-validation-error ~ label,
select.input-validation-error + div.ms-parent .ms-choice,
select.input-validation-error + div.ms-parent .ms-drop,
input.input-validation-error:focus, textarea.input-validation-error, textarea.input-validation-error:focus, select.input-validation-error, select.input-validation-error:focus {
    /*border: 2px solid #e80c4d !important;*/
    /*animation: shake 0.50s cubic-bezier(.36,.07,.19,.97) both;*/
    background-color: #ffeeee;
    outline: 2px solid #ff0000;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

@-webkit-keyframes icon-beat {
    0% {
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes icon-beat {
    0% {
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/*input[type="radio"],
input[type="checkbox"] {
    position: absolute;
    width: 25px;
    height: 25px;
    opacity: 0;
}

    input[type="radio"] ~ span,
    input[type="checkbox"] ~ span {
        font-size: 14px;
        position: relative;
        top: -5px;
        cursor: pointer;
    }

    input[type="radio"] ~ i:before,
    input[type="checkbox"] ~ i:before {
        font-family: 'FontAwesome';
        font-size: 28px;
        font-style: normal;
        height: 25px;
        width: 25px;
        display: inline-block;
        cursor: pointer;
    }

    input[type="radio"]:checked ~ i,
    input[type="checkbox"]:checked ~ i {
        position: relative;
        -webkit-animation: icon-beat 0.1s ease;
        animation: icon-beat 0.1s ease;
    }

        input[type="radio"]:checked ~ i ~ span,
        input[type="checkbox"]:checked ~ i ~ span {
            -webkit-transition: all 0.1s ease;
            transition: all 0.1s ease;
        }

    input[type="radio"] ~ i:before {
        content: "\f10c";
    }

    input[type="radio"]:checked ~ i:before {
        content: "\f111";
    }

    input[type="radio"]:checked ~ i ~ span,
    input[type="radio"]:checked ~ i:before {
        color: rgba(0, 128, 128, 0.5);
    }

    input[type="checkbox"] ~ i:before {
        content: "\f096";
    }

    input[type="checkbox"]:checked ~ i:before {
        content: "\f046";
    }

    input[type="checkbox"]:checked ~ i ~ span,
    input[type="checkbox"]:checked ~ i:before {
        color: rgba(0, 128, 128, 0.5);
    }
    */
.btn-in-img {
    top: 1px;
    position: absolute;
    right: 16px;
}

.container-rel {
    position: relative;
}

/*!
 * Cropper v3.0.0-alpha.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-01-21T11:58:14.219Z
 */

.cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none;
}

    .cropper-container img {
        /* Avoid margin top issue (Occur only when margin-top <= -height) */
        display: block;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        max-height: none !important;
        width: 100%;
        height: 100%;
        image-orientation: 0deg;
    }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    opacity: 0;
    background-color: #fff;
}

.cropper-modal {
    opacity: .5;
    background-color: #000;
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
    position: absolute;
    display: block;
    opacity: .5;
    border: 0 dashed #eee;
}

    .cropper-dashed.dashed-h {
        top: 33.33333%;
        left: 0;
        width: 100%;
        height: 33.33333%;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .cropper-dashed.dashed-v {
        top: 0;
        left: 33.33333%;
        width: 33.33333%;
        height: 100%;
        border-right-width: 1px;
        border-left-width: 1px;
    }

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: .75;
}

    .cropper-center:before,
    .cropper-center:after {
        position: absolute;
        display: block;
        content: ' ';
        background-color: #eee;
    }

    .cropper-center:before {
        top: 0;
        left: -3px;
        width: 7px;
        height: 1px;
    }

    .cropper-center:after {
        top: -3px;
        left: 0;
        width: 1px;
        height: 7px;
    }

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1;
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}

.cropper-line {
    background-color: #39f;
}

    .cropper-line.line-e {
        top: 0;
        right: -3px;
        width: 5px;
        cursor: e-resize;
    }

    .cropper-line.line-n {
        top: -3px;
        left: 0;
        height: 5px;
        cursor: n-resize;
    }

    .cropper-line.line-w {
        top: 0;
        left: -3px;
        width: 5px;
        cursor: w-resize;
    }

    .cropper-line.line-s {
        bottom: -3px;
        left: 0;
        height: 5px;
        cursor: s-resize;
    }

.cropper-point {
    width: 5px;
    height: 5px;
    opacity: .75;
    background-color: #39f;
}

    .cropper-point.point-e {
        top: 50%;
        right: -3px;
        margin-top: -3px;
        cursor: e-resize;
    }

    .cropper-point.point-n {
        top: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: n-resize;
    }

    .cropper-point.point-w {
        top: 50%;
        left: -3px;
        margin-top: -3px;
        cursor: w-resize;
    }

    .cropper-point.point-s {
        bottom: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: s-resize;
    }

    .cropper-point.point-ne {
        top: -3px;
        right: -3px;
        cursor: ne-resize;
    }

    .cropper-point.point-nw {
        top: -3px;
        left: -3px;
        cursor: nw-resize;
    }

    .cropper-point.point-sw {
        bottom: -3px;
        left: -3px;
        cursor: sw-resize;
    }

    .cropper-point.point-se {
        right: -3px;
        bottom: -3px;
        width: 20px;
        height: 20px;
        cursor: se-resize;
        opacity: 1;
    }

@media (min-width: 768px) {

    .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 992px) {

    .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {

    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        opacity: .75;
    }
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: ' ';
    opacity: 0;
    background-color: #39f;
}

.cropper-invisible {
    opacity: 0;
}

.cropper-bg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.docs-buttons {
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }


.container-card {
    display: block;
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    list-style: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.2);
    padding: 12px 16px;
}

hgroup {
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
}

    hgroup h1 {
        font: 500 normal 1.625em "Inter",Arial,Verdana,sans-serif;
        color: #2a3644;
        margin-top: 0;
        line-height: 1.15;
    }

    hgroup h2.lead {
        font: normal normal 1.125em "Inter",Arial,Verdana,sans-serif;
        color: #2a3644;
        margin: 0;
        padding-bottom: 10px;
    }

.search-result .thumbnail {
    border-radius: 0 !important;
}

.search-result:first-child {
    margin-top: 0 !important;
}

.search-result {
    padding-top: 30px;
    padding-left: 30px;
}

    .search-result .col-md-2 {
        min-height: 40px;
    }

    .search-result ul {
        padding-left: 0 !important;
        list-style: none;
    }

        .search-result ul li {
            font: 400 normal .85em "Inter",Arial,Verdana,sans-serif;
            line-height: 30px;
        }

            .search-result ul li i {
                padding-right: 5px;
            }

    .search-result .col-md-7 {
        position: relative;
    }

    .search-result h3 {
        font: 500 normal 1.375em "Inter",Arial,Verdana,sans-serif;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

        .search-result h3 > a, .search-result i {
            color: #248dc1 !important;
        }

    .search-result p {
        font: normal normal 1.125em "Inter",Arial,Verdana,sans-serif;
    }

    .search-result span.plus {
        position: absolute;
        right: 0;
        top: 126px;
    }

        .search-result span.plus a {
            background-color: #248dc1;
            padding: 5px 5px 3px 5px;
        }

            .search-result span.plus a:hover {
                background-color: #414141;
            }

            .search-result span.plus a i {
                color: #fff !important;
            }

    .search-result span.border {
        display: block;
        width: 97%;
        margin: 0 15px;
        border-bottom: 1px dotted #ccc;
    }

.btn-credid {
    background-color: #3b9ca9;
    border-color: #3b9ca9;
    color: #ffffff;
}

    .btn-credid:hover, .btn-credid:focus, .btn-credid:active, .btn-credid.active {
        outline: 0;
        border-color: #3aa5ad;
        background-color: #3aa5ad;
        color: #fff;
    }

.btn-credid-lite {
    background: #58595b;
    color: #ffffff;
}

    .btn-credid-lite:hover, .btn-credid-lite:focus, .btn-credid-lite:active, .btn-credid-lite.active {
        outline: 0;
        border-color: #3b3c3d;
        background-color: #3b3c3d;
        color: #fff;
    }

.btn-credid-blue {
    background: #025595;
    color: #ffffff;
}

    .btn-credid-blue:hover, .btn-credid-blue:focus, .btn-credid-blue:active, .btn-credid-blue.active {
        outline: 0;
        border-color: #002949;
        background-color: #002949;
        color: #fff;
    }

.btn {
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

btn:hover {
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

button.dropdown-toggle {
    border: 1px solid #e5e6e7;
    background-color: white;
    color: inherit;
}

    button.dropdown-toggle:hover {
        background: #025595;
    }

.dropdown-menu {
    border-radius: 15px;
    border: 1px solid #60afb9;
    padding: 10px;
}

    .dropdown-menu > li > a:hover {
        background-color: #002949 !important;
        color: white;
    }

    .dropdown-menu.responsive {
        width: 100%;
    }

.fa-cross:before {
    content: "†";
}

.btn.selected {
    box-shadow: 0px 0px 0px 2px #1ab394;
}

html.magnifying > body {
    overflow-x: hidden !important;
}

.magnify {
    position: relative;
    display: inline-block;
}

    .magnify .magnify-lens {
        /* Create the magnifying lens */
        position: absolute;
        width: 200px;
        height: 200px;
        border-radius: 100%;
        /* Multiple box shadows to achieve the glass lens effect */
        -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        /* Hide the mouse pointer */
        cursor: none;
        /* Hide the lens by default */
        display: none;
        /* Place the lens on top of other elements */
        z-index: 9999;
        transform: translateZ(-229px);
        transform-style: preserve-3d;
    }

        .magnify .magnify-lens.loading {
            background: #333 !important;
            opacity: 0.8;
        }

            .magnify .magnify-lens.loading:after {
                /* Loading text */
                position: absolute;
                top: 45%;
                left: 0;
                width: 100%;
                color: #fff;
                content: 'Cargando...';
                font: italic normal 16px/1 Calibri, sans-serif;
                text-align: center;
                text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
                text-transform: none;
            }

.float-none {
    float: none;
}


a {
    color: #095696;
}

[data-clickasync], [data-opciondemo], .cursor-hand {
    cursor: pointer;
}

.selected {
    -webkit-box-shadow: inset 0px 0px 20px 8px rgba(163,163,163,1);
    -moz-box-shadow: inset 0px 0px 20px 8px rgba(163,163,163,1);
    box-shadow: inset 0px 0px 20px 8px rgba(163,163,163,1);
}

.sameimgsbox {
    height: 115px;
    width: auto;
}

.sameimgs {
    height: auto;
    width: auto;
    max-width: 117px;
    max-height: 70%;
}

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    [type="checkbox"]:not(:checked) ~ label,
    [type="checkbox"]:checked ~ label {
        /*top: 6px;*/
        font-weight: inherit;
        padding-top: 3px;
        position: relative;
        overflow: hidden;
        padding-left: 35px;
        cursor: pointer;
        display: inline;
        /*display: inline-block;*/
        height: 25px;
        line-height: 25px;
        margin-bottom: 0;
        -webkit-user-select: none; /* webkit (safari, chrome) browsers */
        -moz-user-select: none; /* mozilla browsers */
        -khtml-user-select: none; /* webkit (konqueror) browsers */
        -ms-user-select: none; /* IE10+ */
    }

/* checkbox aspect */
[type="checkbox"] ~ label:before,
[type="checkbox"] ~ label:after {
    content: '';
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-transition: .2s;
    transition: .2s;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) ~ label:before {
    top: 0px;
    width: 25px;
    height: 25px;
    border: 2px solid #44C2D2;
}

[type="checkbox"]:not(:checked) ~ label:after {
    top: 0px;
    width: 25px;
    height: 25px;
    border: 2px solid #eee;
    z-index: 0;
}
/* Checked styles */
[type="checkbox"]:checked ~ label:before {
    top: 2px;
    width: 12px;
    height: 19px;
    border-top: 3px solid transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid #2392a0;
    border-bottom: 3px solid #2392a0;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:checked ~ label:after {
    top: 0px;
    width: 25px;
    height: 25px;
    border: 2px solid #2392a0;
    background-color: #eee;
    z-index: 0;
}

.chk-disabled [type="checkbox"]:not(:checked) ~ label:before {
    top: 0px;
    width: 25px;
    height: 25px;
    border: 2px solid red;
}

.chk-disabled [type="checkbox"]:checked ~ label:before {
    top: 2px;
    width: 12px;
    height: 19px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid red;
    border-bottom: 0px solid red;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
    content: 'X';
    color: red;
    font-size: 20px;
    padding: 0 0 0 6px;
    font-weight: bold;
}

.chk-disabled [type="checkbox"]:checked ~ label:after {
    top: 0px;
    width: 25px;
    height: 25px;
    border: 2px solid red;
    background-color: #eee;
    z-index: 0;
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) ~ label:before,
[type="checkbox"]:disabled:checked ~ label:before {
    top: 0;
    box-shadow: none;
    background-color: #444;
    width: 25px;
    height: 25px;
    border: 3px solid #444;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

[type="checkbox"].checkbox-allowed:disabled:not(:checked) ~ label:before,
[type="checkbox"].checkbox-allowed:disabled:checked ~ label:before {
    background-color: #66ff95;
}

[type="checkbox"]:disabled ~ label {
    color: #555;
}

[type="checkbox"]:disabled:not(:checked) ~ label:hover:before {
    border-color: #444;
}

/* hover style just for information */
[type="checkbox"]:not(:checked) ~ label:hover:before {
    border-color: #3498db;
}

.steps {
    list-style-type: none;
    padding: 0;
}

    .steps li {
        display: inline-block;
        margin-bottom: 3px;
    }

        .steps li a, .steps li p {
            background: #e5f4fd;
            padding: 8px 20px;
            color: #0077bf;
            display: block;
            font-size: 14px;
            font-weight: bold;
            position: relative;
            text-indent: 12px;
        }

            .steps li a:hover, .steps li p:hover {
                text-decoration: none;
            }

            .steps li a:before, .steps li p:before {
                border-bottom: 18px solid transparent;
                border-left: 12px solid #fff;
                border-top: 18px solid transparent;
                content: "";
                height: 0;
                position: absolute;
                left: 0;
                top: 50%;
                width: 0;
                margin-top: -18px;
            }

            .steps li a:after, .steps li p:after {
                border-bottom: 18px solid transparent;
                border-left: 12px solid #e5f4fd;
                border-top: 18px solid transparent;
                content: "";
                height: 0;
                position: absolute;
                /*right: -12px;*/
                left: 100%;
                top: 50%;
                width: 0;
                margin-top: -18px;
                z-index: 1;
            }

        .steps li.active a, .steps li.active p {
            background: #23C6C9;
            color: #fff;
        }

            .steps li.active a:after, .steps li.active p:after {
                border-left: 12px solid #23C6C9;
            }

        .steps li.undone a, .steps li.undone p {
            background: #eee;
            color: #333;
        }

            .steps li.undone a:after, .steps li.undone p:after {
                border-left: 12px solid #eee;
            }

        .steps li.undone p {
            color: #aaa;
        }

.bdp-input {
    border-radius: 2px;
    padding: 0 3px;
    border: 1px solid #cfdadd;
    cursor: pointer;
}

    .bdp-input.disabled {
        color: #AAA;
        cursor: default;
    }

.bdp-popover {
    min-width: 110px;
}

    .bdp-popover input {
        display: inline-block;
        margin-bottom: 3px;
        width: 60px;
    }

.bdp-block {
    display: inline-block;
    line-height: 1;
    text-align: center;
    padding: 5px 15px;
    font-size: 18px;
}

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

.select2-container--default .select2-selection--single {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    height: 34px;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100% !important;
    font-size: 14px;
}

.panel {
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    list-style: none;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 0px 0px rgba(0,0,0,.2);
    border: none;
}

.panel-header, .panel-body, ul.panel-body > li, ol.panel-body > li, .panel-footer {
    position: relative;
    margin: 0;
    padding: 20px;
}

.panel-header {
    color: #484848;
    font-size: 16px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #dce0e0;
    font-weight: 700;
    background: #f2f7fc; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f7fc 0%, #f5f9fd 50%, #f3f8fd 51%, #f8fbfe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f7fc 0%,#f5f9fd 50%,#f3f8fd 51%,#f8fbfe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f7fc 0%,#f5f9fd 50%,#f3f8fd 51%,#f8fbfe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f7fc', endColorstr='#f8fbfe',GradientType=0 ); /* IE6-9 */
}

.panel-dark, .panel-header {
    background-color: #edefed;
}

.panel-header, .panel-body, ul.panel-body > li, ol.panel-body > li, .panel-footer {
    position: relative;
    margin: 0;
    padding: 10px;
}

.profile-pic {
    max-width: 150px;
}

.panel-body {
    position: relative;
    padding: 10px !important;
}

    .panel-header + .panel-body, .panel-body + .panel-body, ul.panel-body > li + .panel-body, ol.panel-body > li + .panel-body, .panel-footer + .panel-body {
        border-top: none;
    }

.p-none {
    padding: 0;
}

.candidate-profile-picture {
    position: relative;
    height: auto;
    margin-bottom: 30px;
    text-align: center;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}

    .candidate-profile-picture img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        border: 0;
    }

    .candidate-profile-picture .upload-img-field {
        width: 100%;
        height: 300px;
        margin-bottom: 20px;
        border: 0;
        background: url(../img/content/candidate-profile-upload.jpg);
        background-size: cover;
        vertical-align: top;
    }

    .candidate-profile-picture a {
        color: #333;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
    }

        .candidate-profile-picture a.btn-default {
            color: #fff;
            font-size: 13px;
        }

        .candidate-profile-picture a:hover {
            text-decoration: none;
        }

.candidate-general-info {
    position: relative;
    margin-bottom: 30px;
}

    .candidate-general-info .title {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
        display: inline-block;
        position: relative;
        border-bottom: 1px solid #ccc;
        margin-bottom: 5px;
    }

        .candidate-general-info .title h6 {
            font-weight: 600;
            text-transform: uppercase;
            color: #333;
            float: left;
            margin: 0;
            font-size: 20px;
        }

    .candidate-general-info ul li {
        position: relative;
        padding: 0 0;
        display: block;
        color: #333;
        font-size: 13px;
        letter-spacing: 0.5px;
    }

        .candidate-general-info ul li strong {
            width: 55%;
            float: left;
            text-transform: uppercase;
        }

        .candidate-general-info ul li span {
            width: 45%;
            float: right;
        }



    .candidate-general-info .social-link li {
        padding: 0;
        height: 30px;
        width: 30px;
        border-radius: 0;
        text-align: center;
        margin-right: 11px;
        margin-bottom: 10px;
        display: inline-block;
    }

        .candidate-general-info .social-link li a {
            display: block;
            color: #fff;
            line-height: 30px;
        }

            .candidate-general-info .social-link li a:hover {
                color: #e5e2e2;
            }

        .candidate-general-info .social-link li:last-child {
            margin-right: 0;
        }

.badge-stats {
    font-size: 16px;
    color: #848484;
}

ul.resumenReporte li {
    font-size: 14px !important;
}

.ul-listacw150 {
    -webkit-column-width: 142px;
    -moz-column-width: 142px;
    column-width: 142px;
    padding: 0px;
}

.ul-listacw255 {
    -webkit-column-width: 225px;
    -moz-column-width: 225px;
    column-width: 225px;
    padding: 0px;
}

    .ul-listacw255 li {
        margin-bottom: 5px;
    }

.text-success2 {
    color: #3c763d;
}

.text-success3 {
    color: #56c75c;
}

.label-success2 {
    background-color: #5cb85c;
    color: white;
}

.bg-credid {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f7fc+0,f5f9fd+50,f3f8fd+51,f8fbfe+100 */
    background: #f2f7fc; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f7fc 0%, #f5f9fd 50%, #f3f8fd 51%, #f8fbfe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f7fc 0%,#f5f9fd 50%,#f3f8fd 51%,#f8fbfe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f7fc 0%,#f5f9fd 50%,#f3f8fd 51%,#f8fbfe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f7fc', endColorstr='#f8fbfe',GradientType=0 ); /* IE6-9 */
}

.breadcrumb {
    background-color: transparent;
}

.ibox-content {
    background-color: transparent;
}

.border-bottom2 {
    border-bottom: 3px solid #e7eaec !important;
}

.border-top {
    border-top: 1px solid #e7eaec !important;
}

.border-top2 {
    border-top: 3px solid #e7eaec !important;
}

.no-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.panel-credid .panel-header {
    background: rgba(36%, 37%, 37%, 0.3);
}

#main_questions_list {
    margin: 0;
    padding: 0;
}

    #main_questions_list li.question-item {
        display: block;
        /* min-height: 130px; */
        border-bottom: 1px solid #dadfea;
        /* overflow: hidden; */
        padding: 20px 35px;
        position: relative;
    }

    #main_questions_list > li:nth-child(2n+1) {
        background: #fbfcff;
    }

    #main_questions_list h2 {
        /*width: 50%;*/
        /*cuong*/
        width: 100%;
        margin: 50px auto;
    }

.main-questions-list .q-right-content {
    padding: 0;
    text-align: center;
}

.main-questions-list .q-ltop-content > h2 {
    margin: 0 !important;
    font-size: 16px;
    word-wrap: break-word;
}

.main-questions-list ul.question-statistic li {
    display: inline-block;
    text-align: center;
    margin-left: 35px;
}

input[type=radio] + label, input[type=checkbox] + label {
    /*display: inline-block;
    margin: 5px;
    padding: 10px 35px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;*/
    display: inline-block;
    margin: 2px;
    padding: 5px 20px 5px 28px;
    /* margin-bottom: 0; */
    /* font-size: 14px; */
    /* line-height: 20px; */
    color: #333;
    text-align: center;
    /* text-shadow: 0 1px 1px rgba(255,255,255,0.75); */
    /* vertical-align: middle; */
    /* cursor: pointer; */
    /* background-color: #f5f5f5; */
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    /* background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); */
    /* background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); */
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    /* background-image: linear-gradient(to bottom,#fff,#e6e6e6); */
    /* background-repeat: repeat-x; */
    /*border: 1px solid #ccc; 
     border-color: #e6e6e6 #e6e6e6 #bfbfbf; 
     border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); 
     border-bottom-color: #b3b3b3;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);*/
    /*-o-transition: all .5s;*/
    /*-moz-transition: all .5s;
     -webkit-transition: all .5s; 
    -ms-transition: all .5s;
     transition: all .5s;*/
}

input[type=radio].error + label, input[type=checkbox].error + label {
    border: 2px solid #e80c4d !important;
    animation: shake 0.50s cubic-bezier(.36,.07,.19,.97) both;
}

input[type=text].error {
    border: 2px solid #e80c4d !important;
    animation: shake 0.50s cubic-bezier(.36,.07,.19,.97) both;
}


input[type=radio] + label.lite, input[type=checkbox] + label.lite {
    line-height: 5px;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    background-color: #e0e0e0;
    /*border: 1px solid rgb(0%, 16%, 29%);*/
    color: rgb(0%, 16%, 29%);
}

.q-ltop-content {
    margin-top: 5px;
}

div.question-mapping {
    /* width: 400px; */
    /* float: right; */
    /* margin-right: 10px; */
    display: block;
}

.question-mapping {
    font-style: italic;
    line-height: 20px;
    padding: 12px 10px;
}

.test-timer {
    font-size: 17.5px;
    color: #DB7B03;
}

.test-timer {
    line-height: 20px;
    padding: 12px 19px;
}

.bigRadioTexto {
    font-size: 20px;
    cursor: pointer;
}

@media(max-width:400px) {
    #main_questions_list li.question-item {
        padding: 0px 0px;
    }

    input[type=radio] + label, input[type=checkbox] + label {
        padding: 10px 12px;
    }

    .bigRadioTexto {
        font-size: 14px;
    }

    #page-wrapper {
        padding: 0;
    }
}


.rounded {
    border-radius: 50px;
}

.panel-header h3 {
    margin: 0;
}

.panel-body table {
    margin: 0;
}

button.dropdown-toggle:hover {
    background: #46C3D3;
    color: white;
}

@media(max-width:1080px) {
    .candidate-general-info ul li strong {
        width: 100%;
    }

    .candidate-general-info ul li span {
        width: 100%;
    }
}

.b-t-n > td {
    border-top: none !important;
}

@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: 0.35;
        position: relative;
    }

    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0;
    }
}

.group-radios-fancy label {
    display: block;
    cursor: pointer;
}

.option-input {
    opacity: 1 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative !important;
    top: 16.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px !important;
    width: 30px !important;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}

    .option-input:hover {
        background: #9faab7;
    }

    .option-input:checked {
        background: #40e0d0;
    }

        .option-input:checked::before {
            height: 30px;
            width: 30px;
            position: absolute;
            content: '✔';
            display: inline-block;
            font-size: 23.66667px;
            text-align: center;
            line-height: 28px;
        }

        .option-input:checked::after {
            /*-webkit-animation: click-wave 0.65s;
            -moz-animation: click-wave 0.65s;
            animation: click-wave 0.65s;*/
            background: #40e0d0;
            content: '';
            display: block;
            position: relative;
            z-index: 100;
        }

    .option-input.radio {
        left: inherit !important;
        border-radius: 10%;
        margin-right: 10px;
    }

        .option-input.radio::after {
            border-radius: 10%;
        }

        .option-input.radio + span {
            top: 7px;
            position: relative;
            cursor: pointer;
        }


.tabs-container.tabs-inner .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    background-color: rgba(3%, 33%, 58%,0.6);
    color: white;
}

.tabs-inner .tab-content {
    background-color: rgba(3%, 33%, 58%,0.03);
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 2px 3px;
}

.bold {
    font-weight: bold;
}

.navs-btn {
    background-color: #e6e6e6;
    color: #676a6c;
}

    .navs-btn > li > a {
        color: #4d4d4d;
        padding: 7px;
        margin-right: 4px;
        background: -moz-linear-gradient( top, #ffffff 0%, #e6e3e6);
        background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#e6e3e6));
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #adadad;
        -moz-box-shadow: 4px 1px 7px rgba(156,156,156,0.5), inset 0px 0px 3px rgba(255,255,255,0.6);
        -webkit-box-shadow: 4px 1px 7px rgba(156,156,156,0.5), inset 0px 0px 3px rgba(255,255,255,0.6);
        box-shadow: 4px 1px 7px rgba(156,156,156,0.5), inset 0px 0px 3px rgba(255,255,255,0.6);
        text-shadow: 0px -1px 0px rgba(255,255,255,0.3), 0px 1px 0px rgba(255,255,255,0.2);
    }

        .navs-btn > li > a:hover {
            color: #4d4d4d;
            border: 1px solid #003366;
        }

    .navs-btn > li.activeBlue > a {
        color: #ffffff;
        background: linear-gradient(to bottom, #005ea6, #003366);
        background: -moz-linear-gradient( top, #005ea6 0%, #003366);
        background: -webkit-gradient( linear, left top, left bottom, from(#005ea6), to(#003366));
        border: 1px solid #003366;
        -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
        -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
        box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
        text-shadow: 0px -1px 0px rgba(000,000,000,0.7), 0px 1px 0px rgba(255,255,255,0.3);
    }

.page-heading {
    border-top: 0;
    padding: 0px 5px 5px 10px;
}

[data-container="select-reporte"] {
    margin-bottom: 15px;
}


clear: both; margin-bottom: 25px; margin-top: 0; padding: 0;
}

.ibox.collapsed .ibox-content {
    display: none;
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.ibox:after,
.ibox:before {
    display: table;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 48px;
}

.ibox-content {
    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;
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}

.pagination {
    margin: 0;
}

.btn-grey {
    color: #4d4d4d;
    margin-right: 4px;
    background: -moz-linear-gradient( top, #ffffff 0%, #e6e3e6);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#e6e3e6));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #adadad;
    -moz-box-shadow: 4px 1px 7px rgba(156,156,156,0.5), inset 0px 0px 3px rgba(255,255,255,0.6);
    -webkit-box-shadow: 4px 1px 7px rgba(156,156,156,0.5), inset 0px 0px 3px rgba(255,255,255,0.6);
    box-shadow: 4px 1px 7px rgba(156,156,156,0.5), inset 0px 0px 3px rgba(255,255,255,0.6);
    text-shadow: 0px -1px 0px rgba(255,255,255,0.3), 0px 1px 0px rgba(255,255,255,0.2);
}

.unificado-text {
    color: #005ea6 !important;
    font-style: italic !important;
    font-weight: bold !important;
}

.bg-atencion {
    background: #ffffc4 !important;
}

.search-result h3 {
    margin-bottom: 0 !important;
    color: #1E0FBE;
}

.search-result .search-link {
    color: #006621;
}

.search-result p {
    font-size: 12px;
    margin-top: 5px;
}

.hr-line-dashed {
    border-top: 1px dashed #E7EAEC;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 5px 0;
}


tfoot {
    background: #efefef;
}

    tfoot > tr > td {
        border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

/*Chrome TABS*/
.tabs {
    overflow: hidden;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    list-style: none;
}

    .tabs li {
        float: left;
        margin: 0 .5em 0 0;
        border-top: 1px solid #e7eaec;
        border-left: 1px solid #e7eaec;
    }

        .tabs li.active a {
            background: #fff;
            font-weight: bold;
        }

            .tabs li.active a::after {
                background: #fff;
            }

    .tabs a {
        position: relative;
        background: #ddd;
        background-image: linear-gradient(to bottom, #fff, #ddd);
        padding: .7em 3.5em;
        float: left;
        text-decoration: none;
        color: #444;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        border-radius: 5px 0 0 0;
        /*box-shadow: 0 2px 2px rgba(0,0,0,.4);*/
    }

.tab.tabs-condensed a {
    padding: 0.3em 1.5em;
}

@media screen and (max-width: 600px) {
    .tabs a {
        padding: 2px 1em;
    }
}

.tabs-container .nav-tabs > li > a {
    background: rgba(255,255,255,0.5);
    border-top: solid #ddd;
    border-right: solid #ddd;
    border-left: solid #ddd;
    border-bottom: solid #ddd !important;
    border-width: 1px 1px 1px 1px !important;
}

.tabs-container .nav-tabs > li a:hover {
    background: rgba(245,245,245,0.7);
    border-top: solid #ddd;
    border-right: solid #ddd;
    border-left: solid #ddd;
    border-width: 1px 1px 0;
}

.tabs a:hover,
.tabs a:hover::after,
.tabs a:focus,
.tabs a:focus::after {
    background: #fff;
}

.tabs a:focus {
    outline: 0;
}

.tabs a::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: -.5em;
    bottom: 0;
    width: 1em;
    background: #ddd;
    background-image: linear-gradient(to bottom, #fff, #ddd);
    box-shadow: 2px 0px 2px rgba(0,0,0,.2);
    transform: skew(10deg);
    border-radius: 0 5px 0 0;
}

.tabs #current a,
.tabs #current a::after {
    background: #fff;
    z-index: 3;
}

.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    color: black;
    background: linear-gradient(to bottom, #fff, #c8ced4);
    background: -moz-linear-gradient( top, #fff 0%, #c8ced4);
    background: -webkit-gradient( linear, left top, left bottom, from(#fff), to(#c8ced4));
}

.tabs-left-responsive.tabs-container .tabs-left > .nav-tabs > li > a, .tabs-container .tabs-right > .nav-tabs > li > a {
    width: 215%;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left-responsive.tabs-container .tabs-left .panel-body {
    width: 56%;
    margin-left: 43%;
}

.absolute-b-r {
    position: absolute;
    bottom: 3px;
    right: 15px;
}

.absolute-r {
    position: absolute;
    /*top: 3px;
    right: 15px;*/
    top: -2px;
    right: 6px;
}

.absolute-l {
    position: absolute;
    top: 3px;
    left: 15px;
}


.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.table.no-borders-header > thead > tr > th {
    border-bottom: 0px solid #DDDDDD !important;
}

.table.no-borders-header > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px solid #e7eaec !important;
}

.header-margin {
    margin-right: 10px;
    margin-left: 10px;
}

/*CAMARA*/
.app {
    width: 100%;
    position: relative;
}

    .app #start-camera {
        display: none;
        border-radius: 3px;
        max-width: 400px;
        color: #fff;
        background-color: #448AFF;
        text-decoration: none;
        padding: 15px;
        opacity: 0.8;
        margin: 50px auto;
        text-align: center;
    }

    .app video#camera-stream {
        display: none;
        width: 100%;
    }

    .app img#snap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        display: none;
    }

    .app #error-message {
        width: 100%;
        background-color: #ccc;
        color: #9b9b9b;
        font-size: 28px;
        padding: 200px 100px;
        text-align: center;
        display: none;
    }

    .app .controls {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding: 30px;
        display: none;
    }

        .app .controls a {
            border-radius: 50%;
            color: #fff;
            background-color: #111;
            text-decoration: none;
            padding: 15px;
            line-height: 0;
            opacity: 0.9;
            outline: none;
            -webkit-tap-highlight-color: transparent;
        }

            .app .controls a:hover {
                opacity: 1;
            }

            .app .controls a.disabled {
                background-color: #555;
                opacity: 0.5;
                cursor: default;
                pointer-events: none;
            }

                .app .controls a.disabled:hover {
                    opacity: 0.5;
                }

            .app .controls a i {
                font-size: 30px;
            }

        .app .controls #take-photo i {
            font-size: 50px;
        }

    .app canvas {
        display: none;
    }



    .app video#camera-stream.visible,
    .app img#snap.visible,
    .app #error-message.visible {
        display: block !important;
    }

    .app .controls.visible {
        display: flex;
    }



@media(max-width: 1000px) {
    .app #start-camera.visible {
        display: block !important;
    }

    .app .controls a i {
        font-size: 30px;
    }

    .app .controls #take-photo i {
        font-size: 50px;
    }
}


@media(max-width: 600px) {
    .app #error-message {
        padding: 80px 50px;
        font-size: 18px;
    }

    .app .controls a i {
        font-size: 15px;
    }

    .app .controls #take-photo i {
        font-size: 30px;
    }
}


.m-b-lindero {
    margin: 31px 0 32px 0;
}

.picResBusqueda {
    margin-top: -25px;
}

@media(max-width: 767px) {
    .picResBusqueda {
        margin-top: 0;
        float: right;
    }

    .magnify {
        float: right;
    }
}

.polaroidShadow {
    -webkit-transition: -webkit-transform .15s linear;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

.credid-bg {
    background: #46c3d4; /* Old browsers */
    background: -moz-linear-gradient(45deg, #46c3d4 0%, #035595 68%, #035595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #46c3d4 0%,#035595 68%,#035595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #46c3d4 0%,#035595 68%,#035595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c3d4', endColorstr='#035595',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.box1 {
    width: 100%;
    padding: 10px;
    /*min-height: 200px;*/
    position: relative;
    display: inline-block;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0% 0%, #fff, #f3f3f3 10%, #fff);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-bottom-right-radius: 6px 50px;
    -moz-border-radius-bottomright: 6px 50px;
    border-bottom-right-radius: 6px 50px;
}

.box1-1 {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0% 0%, #fff, #f3f3f3 10%, #fff);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-bottom-right-radius: 6px 50px;
    -moz-border-radius-bottomright: 6px 50px;
    border-bottom-right-radius: 6px 50px;
}

.box2 {
    padding: 2px 10px 2px 10px;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0% 0%, #fff, #f3f3f3 10%, #fff);
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
}

.box-green {
    color: #fff;
    background-image: -ms-linear-gradient(top left,#4AC352 35%,#42A248 100%);
    background-image: -moz-linear-gradient(top left,#4AC352 35%,#42A248 100%);
    background-image: -o-linear-gradient(top left,#4AC352 35%,#42A248 100%);
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(35,#4AC352),color-stop(100,#42A248));
    background-image: -webkit-linear-gradient(top left,#4AC352 35%,#42A248 100%);
    background-image: linear-gradient(to bottom right,#4AC352 35%,#42A248 100%);
    position: relative;
    z-index: 10;
    animation: .3s ease .3s normal forwards forwardsIn;
    -webkit-animation: .3s ease .3s normal forwards forwardsIn;
}

.text-shadow-amazing {
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.inner-shadow {
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.table-fancy {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

    .table-fancy tbody tr:hover {
        background-color: #eee;
    }

    .table-fancy tbody tr td {
        vertical-align: middle;
    }

    .table-fancy tbody tr.selected td {
        background-color: #eee;
    }

    .table-fancy tr td:nth-child(2) {
        width: 45px;
        position: relative;
    }

.ckbox {
    position: relative;
}

    .ckbox input[type="checkbox"] {
        opacity: 0;
    }

    .ckbox label {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .ckbox label:before {
            content: '';
            top: 1px;
            left: 0;
            width: 18px;
            height: 18px;
            display: block;
            position: absolute;
            border-radius: 2px;
            border: 1px solid #bbb;
            background-color: #fff;
        }

    .ckbox input[type="checkbox"]:checked + label:before {
        border-color: #2BBCDE;
        background-color: #2BBCDE;
    }

    .ckbox input[type="checkbox"]:checked + label:after {
        top: 3px;
        left: 3.5px;
        content: '\e013';
        color: #fff;
        font-size: 11px;
        font-family: 'Glyphicons Halflings';
        position: absolute;
    }

.table-fancy .star {
    color: #ccc;
    text-align: center;
    display: block;
}

    .table-fancy .star.star-checked {
        color: #F0AD4E;
    }

    .table-fancy .star:hover {
        color: #ccc;
    }

    .table-fancy .star.star-checked:hover {
        color: #F0AD4E;
    }

.table-fancy .media-photo {
    width: 35px;
}

.table-fancy .media-body {
    display: block;
}

.table-fancy .media-meta {
    font-size: 11px;
    color: #999;
}

.table-fancy .media .title {
    color: #2BBCDE;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}

    .table-fancy .media .title span {
        font-size: .8em;
        margin-right: 20px;
    }

.table-fancy tr.finalizado {
    border: 2px solid rgba(52, 109, 52, 0.80) !important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.table-fancy tr.pendiente {
    border: 2px solid rgba(52, 100, 109, 0.15) !important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.table-fancy .media .title span.cancelado {
    color: #d9534f;
}

.table-fancy .media .summary {
    font-size: 14px;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    display: inline-block;
}

    .inputfile:focus + label,
    .inputfile + label:hover {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 10px;
    }

.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    pointer-events: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

/* style 4 */

.inputfile-4 + label {
    color: #035595;
}

    .inputfile-4:focus + label,
    .inputfile-4.has-focus + label,
    .inputfile-4 + label:hover {
        color: #45C3D2;
    }

    .inputfile-4 + label figure {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #45C3D2;
        display: block;
        padding: 20px;
        margin: 0 auto 10px;
    }

    .inputfile-4:focus + label figure,
    .inputfile-4.has-focus + label figure,
    .inputfile-4 + label:hover figure {
        background-color: #035595;
    }

    .inputfile-4 + label svg {
        width: 100%;
        height: 100%;
        fill: #f1e5e6;
    }

@media (min-width: 992px) {
    .modal-lg {
        width: 80%;
    }
}

.notifyjs-corner {
    z-index: 9999 !important;
}

.box5, .well.well-sm, tfoot {
    background: #fdfdfd;
    border: 1px solid;
    border-color: #cbcfe2 #c8cee7 #c4c7d7;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: linear-gradient(to bottom, #fdfdfd, #eceef4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 9px;
}

    .box5:hover {
        color: white;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
        background: #338cdf;
        border-color: #2380dd #2179d5 #1a60aa;
        background-image: -webkit-linear-gradient(top, #59aaf4, #338cdf);
        background-image: -moz-linear-gradient(top, #59aaf4, #338cdf);
        background-image: -o-linear-gradient(top, #59aaf4, #338cdf);
        background-image: linear-gradient(to bottom, #59aaf4, #338cdf);
        -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
        box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    }

.box6 {
    padding: 9px;
    border: 1px solid;
    color: white;
    background: #338cdf;
    border-color: #2380dd #2179d5 #1a60aa;
    background-image: -webkit-linear-gradient(top, #59aaf4, #338cdf);
    background-image: -moz-linear-gradient(top, #59aaf4, #338cdf);
    background-image: -o-linear-gradient(top, #59aaf4, #338cdf);
    background-image: linear-gradient(to bottom, #59aaf4, #338cdf);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
}

.box6-danger {
    padding: 9px;
    border: 1px solid;
    color: white;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    background: #338cdf;
    border-color: #a34646, #b22929 #1a60aa;
    background-image: -webkit-linear-gradient(top, #a34646, #b22929);
    background-image: -moz-linear-gradient(top, #a34646, #b22929);
    background-image: -o-linear-gradient(top, #a34646, #b22929);
    background-image: linear-gradient(to bottom, #a34646, #b22929);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
}

/*@media screen and (max-width: 600px) {
    .nav.navbar-top-links.navbar-right {
        margin: 0 auto;
        text-align: center;
        font-size: 12px;
    }

        .nav.navbar-top-links.navbar-right a {
            font-size: 12px;
        }

    .tabs-left-responsive.tabs-container .tabs-left > .nav-tabs > li > a, .tabs-container .tabs-right > .nav-tabs > li > a {
        padding: 3px;
        font-size: 11px;
    }

    .nav-tabs > li > a {
        padding: 5px;
        font-size: 11px;
    }

    .tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
        padding: 5px;
        font-size: 11px;
    }

    small {
        font-size: 10px !important;
    }

    body {
        font-size: 11px;
    }

    h3, h4 {
        font-size: 12px;
    }

    .xs-120 {
        width: 120px;
    }
}*/


.fa.fa-check-circle-o, .fa.fa-circle-o, .fa.fa-times-circle-o {
    font-size: 18px;
}

.dt-buttons {
    float: right;
}

    .dt-buttons a {
        color: black;
        color: #ffffff;
        background: linear-gradient(to bottom, #005ea6, #003366);
        background: -moz-linear-gradient( top, #005ea6 0%, #003366);
        background: -webkit-gradient( linear, left top, left bottom, from(#005ea6), to(#003366));
        border: 1px solid #003366;
        -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
        -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
        box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
        text-shadow: 0px -1px 0px rgba(000,000,000,0.7), 0px 1px 0px rgba(255,255,255,0.3);
        padding: 4px 5px 4px 5px;
    }

        .dt-buttons a:hover {
            border: 1px solid #003366;
            color: antiquewhite;
            background: linear-gradient(to bottom, #033962, #003366);
            background: -moz-linear-gradient( top, #033962 0%, #003366);
            background: -webkit-gradient( linear, left top, left bottom, from(#033962), to(#003366));
        }

.panel-header-dedicado {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
}


p.xxs {
    padding: 5px;
}

@media (min-width: 992px) {
    .modal-mlg {
        width: 70%;
    }
}

.bg-gray-lite {
    background: #EBEBEB;
}

.btn-blue2 {
    color: #ffffff !important;
    background: linear-gradient(to bottom, #005ea6, #003366);
    background: -moz-linear-gradient( top, #005ea6 0%, #003366);
    background: -webkit-gradient( linear, left top, left bottom, from(#005ea6), to(#003366));
    border: 1px solid #003366;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.7), 0px 1px 0px rgba(255,255,255,0.3);
}

    .btn-blue2:hover {
        color: antiquewhite;
        background: linear-gradient(to bottom, #033962, #003366);
        background: -moz-linear-gradient( top, #033962 0%, #003366);
        background: -webkit-gradient( linear, left top, left bottom, from(#033962), to(#003366));
    }

.btn-link {
    color: #095696 !important;
}

.btn-file.btn-link:hover {
    color: #ffffff !important;
}

.btn-lite {
    color: #4d4d4d;
    padding: 7px;
    margin-right: 4px;
    background: -moz-linear-gradient( top, #ffffff 0%, #e6e3e6);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#e6e3e6));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #adadad;
    -moz-box-shadow: 4px 1px 7px rgba(156,156,156,0.5), inset 0px 0px 3px rgba(255,255,255,0.6);
    -webkit-box-shadow: 4px 1px 7px rgba(156,156,156,0.5), inset 0px 0px 3px rgba(255,255,255,0.6);
    box-shadow: 4px 1px 7px rgba(156,156,156,0.5), inset 0px 0px 3px rgba(255,255,255,0.6);
    text-shadow: 0px -1px 0px rgba(255,255,255,0.3), 0px 1px 0px rgba(255,255,255,0.2);
}

    .btn-lite:hover {
        border: 1px solid #003366;
    }


.relative-4 {
    top: -4px;
    position: relative;
}

.form-twojuntos {
    width: 49%;
    display: inline;
}

.btn-consentimiento {
    display: block;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    overflow: visible;
    color: #fff;
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding: 6px 12px;
    color: #fff !important;
    text-decoration: none;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
    background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
    background-color: white;
    border-radius: 3px;
}

.panel-btn-consentimiento {
    margin-top: 18px !important;
}

@media screen and (max-width: 769px) {
    .btn-consentimiento {
        margin-top: -18px;
    }

    .panel-btn-consentimiento {
        margin-top: 35px !important;
    }
}

/** Green Color Scheme **/
.btn-consentimiento.green {
    background-color: #57a957;
}

    .btn-consentimiento.green:active {
        background: #57a957;
    }


/** Blue Color Scheme **/
.btn-consentimiento.blue {
    background-color: #269ce9;
}

    .btn-consentimiento.blue:active {
        background-color: #269ce9;
    }


/** Orange Color Scheme **/
.btn-consentimiento.orange {
    background-color: #e9942e;
}

    .btn-consentimiento.orange:active {
        background-color: #d48a30;
    }


/** Pink Color Scheme **/
.btn-consentimiento.pink {
    background-color: #ed4cd1;
}


    .btn-consentimiento.pink:active {
        background-color: #d22ec1;
    }


[data-procesopnl] {
    display: none;
}

/*OFFLINE*/
/* line 4, ../sass/_offline-theme-base.sass */
.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 7, ../sass/_offline-theme-base.sass */
.offline-ui {
    display: none;
    position: fixed;
    background: white;
    z-index: 2000;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
}
    /* line 17, ../sass/_offline-theme-base.sass */
    .offline-ui .offline-ui-content:before {
        display: inline;
    }
    /* line 20, ../sass/_offline-theme-base.sass */
    .offline-ui .offline-ui-retry {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        display: none;
    }
        /* line 24, ../sass/_offline-theme-base.sass */
        .offline-ui .offline-ui-retry:before {
            display: inline;
        }
    /* line 29, ../sass/_offline-theme-base.sass */
    .offline-ui.offline-ui-up.offline-ui-up-5s {
        display: block;
    }
    /* line 32, ../sass/_offline-theme-base.sass */
    .offline-ui.offline-ui-down {
        display: block;
    }
        /* line 37, ../sass/_offline-theme-base.sass */
        .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
            display: block;
        }
        /* line 42, ../sass/_offline-theme-base.sass */
        .offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
            display: none;
        }

@-webkit-keyframes offline-dropin {
    /* line 40, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 0;
    }
    /* line 43, ../sass/_keyframes.sass */
    1% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 0;
    }
    /* line 48, ../sass/_keyframes.sass */
    2% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 1;
    }
    /* line 51, ../sass/_keyframes.sass */
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes offline-dropin {
    /* line 40, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 0;
    }
    /* line 43, ../sass/_keyframes.sass */
    1% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 0;
    }
    /* line 48, ../sass/_keyframes.sass */
    2% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 1;
    }
    /* line 51, ../sass/_keyframes.sass */
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes offline-dropin {
    /* line 40, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 0;
    }
    /* line 43, ../sass/_keyframes.sass */
    1% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 0;
    }
    /* line 48, ../sass/_keyframes.sass */
    2% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 1;
    }
    /* line 51, ../sass/_keyframes.sass */
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes offline-dropin {
    /* line 40, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 0;
    }
    /* line 43, ../sass/_keyframes.sass */
    1% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 0;
    }
    /* line 48, ../sass/_keyframes.sass */
    2% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 1;
    }
    /* line 51, ../sass/_keyframes.sass */
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes offline-dropin {
    /* line 40, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 0;
    }
    /* line 43, ../sass/_keyframes.sass */
    1% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 0;
    }
    /* line 48, ../sass/_keyframes.sass */
    2% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
        opacity: 1;
    }
    /* line 51, ../sass/_keyframes.sass */
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes offline-dropout {
    /* line 57, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    /* line 59, ../sass/_keyframes.sass */
    100% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
    }
}

@-moz-keyframes offline-dropout {
    /* line 57, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    /* line 59, ../sass/_keyframes.sass */
    100% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
    }
}

@-ms-keyframes offline-dropout {
    /* line 57, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    /* line 59, ../sass/_keyframes.sass */
    100% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
    }
}

@-o-keyframes offline-dropout {
    /* line 57, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    /* line 59, ../sass/_keyframes.sass */
    100% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
    }
}

@keyframes offline-dropout {
    /* line 57, ../sass/_keyframes.sass */
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    /* line 59, ../sass/_keyframes.sass */
    100% {
        transform: translateY(-800px);
        -webkit-transform: translateY(-800px);
        -moz-transform: translateY(-800px);
        -ms-transform: translateY(-800px);
        -o-transform: translateY(-800px);
    }
}

@-webkit-keyframes offline-rotation {
    /* line 64, ../sass/_keyframes.sass */
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    /* line 66, ../sass/_keyframes.sass */
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

@-moz-keyframes offline-rotation {
    /* line 64, ../sass/_keyframes.sass */
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    /* line 66, ../sass/_keyframes.sass */
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes offline-rotation {
    /* line 64, ../sass/_keyframes.sass */
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    /* line 66, ../sass/_keyframes.sass */
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

@-o-keyframes offline-rotation {
    /* line 64, ../sass/_keyframes.sass */
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    /* line 66, ../sass/_keyframes.sass */
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

@keyframes offline-rotation {
    /* line 64, ../sass/_keyframes.sass */
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    /* line 66, ../sass/_keyframes.sass */
    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

/* line 21, ../sass/offline-theme-slide.sass */
.offline-ui {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    font-family: "Helvetica Neue", sans-serif;
    padding: 1em;
    width: 38em;
    max-width: 100%;
    overflow: hidden;
}

@media (max-width: 38em) {
    /* line 21, ../sass/offline-theme-slide.sass */
    .offline-ui {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }
}
/* line 32, ../sass/offline-theme-slide.sass */
.offline-ui .offline-ui-retry {
    position: absolute;
    right: 3em;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: inherit;
    line-height: 3.5em;
    height: 3.5em;
    margin: auto;
    padding: 0 1em;
}
/* line 45, ../sass/offline-theme-slide.sass */
.offline-ui.offline-ui-up {
    -webkit-animation: offline-dropout forwards 0.5s 2s;
    -moz-animation: offline-dropout forwards 0.5s 2s;
    -ms-animation: offline-dropout forwards 0.5s 2s;
    -o-animation: offline-dropout forwards 0.5s 2s;
    animation: offline-dropout forwards 0.5s 2s;
    -webkit-backface-visibility: hidden;
    background: #d6e9c6;
    color: #468847;
}
/* line 50, ../sass/offline-theme-slide.sass */
.offline-ui.offline-ui-down {
    -webkit-animation: offline-dropin 0.5s;
    -moz-animation: offline-dropin 0.5s;
    -ms-animation: offline-dropin 0.5s;
    -o-animation: offline-dropin 0.5s;
    animation: offline-dropin 0.5s;
    -webkit-backface-visibility: hidden;
    background: #ec8787;
    color: #551313;
}
    /* line 55, ../sass/offline-theme-slide.sass */
    .offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting {
        background: #f8ecad;
        color: #7c6d1f;
        padding-right: 3em;
    }
        /* line 60, ../sass/offline-theme-slide.sass */
        .offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after {
            -webkit-animation: offline-rotation 0.7s linear infinite;
            -moz-animation: offline-rotation 0.7s linear infinite;
            -ms-animation: offline-rotation 0.7s linear infinite;
            -o-animation: offline-rotation 0.7s linear infinite;
            animation: offline-rotation 0.7s linear infinite;
            -webkit-backface-visibility: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            content: " ";
            display: block;
            position: absolute;
            right: 1em;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 1em;
            width: 1em;
            border: 2px solid rgba(0, 0, 0, 0);
            border-top-color: #7c6d1f;
            border-left-color: #7c6d1f;
            opacity: 0.7;
        }
    /* line 77, ../sass/offline-theme-slide.sass */
    .offline-ui.offline-ui-down.offline-ui-waiting {
        padding-right: 11em;
    }
        /* line 80, ../sass/offline-theme-slide.sass */
        .offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
            padding-right: 0;
        }

@charset "UTF-8";
/* line 3, ../sass/offline-language-spanish-indicator.sass */
.offline-ui.offline-ui-up .offline-ui-content:before {
    content: "En línea";
}
/* line 6, ../sass/offline-language-spanish-indicator.sass */
.offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Fuera de línea";
}

@charset "UTF-8";
/* line 6, ../sass/_content.sass */
.offline-ui .offline-ui-retry:before {
    content: "Reconectar";
}
/* line 11, ../sass/_content.sass */
.offline-ui.offline-ui-up .offline-ui-content:before {
    content: "Tu computador está conectado a internet.";
}

@media (max-width: 1024px) {
    /* line 11, ../sass/_content.sass */
    .offline-ui.offline-ui-up .offline-ui-content:before {
        content: "Tu dispositivo está conectado a internet.";
    }
}

@media (max-width: 568px) {
    /* line 11, ../sass/_content.sass */
    .offline-ui.offline-ui-up .offline-ui-content:before {
        content: "Tu dispositivo está conectado.";
    }
}
/* line 22, ../sass/_content.sass */
.offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Tu computador perdió su conexión a internet.";
}

@media (max-width: 1024px) {
    /* line 22, ../sass/_content.sass */
    .offline-ui.offline-ui-down .offline-ui-content:before {
        content: "Tu dispositivo perdió su conexión a internet.";
    }
}

@media (max-width: 568px) {
    /* line 22, ../sass/_content.sass */
    .offline-ui.offline-ui-down .offline-ui-content:before {
        content: "Tu dispositivo no está conectado.";
    }
}
/* line 33, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
    content: "Intentando reconectar...";
}
/* line 42, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
    content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " segundos...";
}

@media (max-width: 568px) {
    /* line 42, ../sass/_content.sass */
    .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
        content: "Reconectando en " attr(data-retry-in-value) "s...";
    }
}
/* line 50, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
    content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " segundo...";
}

@media (max-width: 568px) {
    /* line 50, ../sass/_content.sass */
    .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
        content: "Reconectando en " attr(data-retry-in-value) "s...";
    }
}
/* line 58, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
    content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " minutos...";
}

@media (max-width: 568px) {
    /* line 58, ../sass/_content.sass */
    .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
        content: "Reconectando en " attr(data-retry-in-value) "m...";
    }
}
/* line 66, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
    content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " minuto...";
}

@media (max-width: 568px) {
    /* line 66, ../sass/_content.sass */
    .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
        content: "Reconectando en " attr(data-retry-in-value) "m...";
    }
}
/* line 74, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
    content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " horas...";
}

@media (max-width: 568px) {
    /* line 74, ../sass/_content.sass */
    .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
        content: "Reconectando en " attr(data-retry-in-value) "h...";
    }
}
/* line 82, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
    content: "Conexión perdida. Reconectando en " attr(data-retry-in-value) " hora...";
}

@media (max-width: 568px) {
    /* line 82, ../sass/_content.sass */
    .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
        content: "Reconectando en " attr(data-retry-in-value) "h...";
    }
}
/* line 90, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
    display: none;
}
/* line 93, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
    content: "Intento fallido.";
}

.fancy-inner-shadow {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.code-a-r {
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
}

.bg-black {
    background: -webkit-radial-gradient(#40404b, #111118) rgba(34,34,40,0.94);
    background: radial-gradient(#40404b, #111118) rgba(34,34,40,0.94);
    height: 100%;
    width: 100%;
}

.p-n {
    padding: 0 !important;
}

.panel-footer {
    background: #fdfdfd;
    border: 1px solid;
    border-color: #cbcfe2 #c8cee7 #c4c7d7;
    background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: linear-gradient(to bottom, #fdfdfd, #eceef4);
}

.btn-corner {
    padding: 5px 10px 5px 10px !important;
    margin-left: 15px !important;
    float: right !important;
}

.btn-corner-abs {
    position: absolute;
    right: -6px;
    top: 1px;
}

.m-t-6px {
    margin-top: 6px;
}

.box-red {
    border-style: solid;
    border-width: 5px;
    border-color: rgb(163, 12, 49);
    border-radius: 10px;
    background-color: rgb(199, 41, 49);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35),inset 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    z-index: 3;
    color: white;
}

.signaturePad {
    box-sizing: border-box;
    border: 1px solid black !important;
    background: rgb(255, 255, 255);
    cursor: crosshair;
}

.panel .panel-text-normal {
    font-size: 14px;
}

.box7 {
    background: #fdfdfd;
    border: 1px solid;
    border-color: #cbcfe2 #c8cee7 #c4c7d7;
    background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: linear-gradient(to bottom, #fdfdfd, #eceef4);
}

.border {
    border: 1px solid;
    border-color: #cbcfe2 #c8cee7 #c4c7d7;
}

.datepicker {
    z-index: 9999 !important;
}

.box-rrhh {
    margin: 0px;
}

    .box-rrhh > ul {
        margin: 0px;
    }

        .box-rrhh > ul h5 {
            margin: 4.3px;
        }

.project-status {
    width: 81px;
}

.popover-title {
    background: #46c3d4;
    background: -moz-linear-gradient(45deg, #46c3d4 0%, #035595 68%, #035595 100%);
    background: -webkit-linear-gradient(45deg, #46c3d4 0%,#035595 68%,#035595 100%);
    background: linear-gradient(45deg, #46c3d4 0%,#035595 68%,#035595 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c3d4', endColorstr='#035595',GradientType=1 );
    color: white;
}

input[type=radio]:disabled + label {
    opacity: 0.5;
}

.nav-tabs.nav-lite > li > a {
    color: #A7B1C2;
    font-weight: 600;
    padding: 2px 2px 3px 2px;
}

.scroll-to-top {
    position: fixed;
    bottom: 108px;
    right: 21px;
    z-index: 99;
    font-size: 16px;
    border: none;
    outline: none;
    background-color: #42a5f5;
    border-color: #42a5f5;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    border: 1px solid transparent;
    color: white;
    cursor: pointer;
    padding: 12px;
    border-radius: 50px;
    -webkit-transition: opacity 600ms, visibility 600ms, background-color 600ms;
    transition: opacity 600ms, visibility 600ms, background-color 600ms;
    opacity: 1;
    visibility: visible;
}

    .scroll-to-top.stthidden {
        -webkit-transition: opacity 600ms, visibility 600ms;
        transition: opacity 600ms, visibility 600ms;
        opacity: 0;
        visibility: hidden;
    }

    .scroll-to-top:hover {
        background-color: #1077cc;
        -webkit-transition: background-color 600ms, visibility 600ms;
        transition: background-color 600ms, visibility 600ms;
    }

.modal-espere {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/Content/spinner-credid.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .modal-espere {
        display: block;
    }

/* Contenedor del HTML de un documento en la pantalla de firma. El HTML viene exportado
   de Word con imagenes de ancho fijo (600-800px) y elementos con position:absolute. Aqui
   las imagenes se adaptan al ancho disponible y lo absoluto queda contenido, para que el
   documento nunca ensanche la pagina: cuando la ensancha, el navegador movil agranda el
   viewport de maquetacion y los dialogos fijos se centran fuera de la pantalla. */
.contenido-documento img {
    max-width: 100% !important;
    height: auto !important;
}

.contenido-documento table {
    max-width: 100%;
}

    /* Texto opcional bajo el indicador de espera (ver MostrarEspere(mensaje)). La
       posicion la corrige el JS contra el viewport visible; esto es solo el respaldo. */
    .modal-espere .modal-espere-mensaje {
        display: none;
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translateX(-50%);
        max-width: 420px;
        padding: 10px 18px;
        border-radius: 8px;
        background: #09244c;
        color: #ffffff;
        font-size: 14px;
        line-height: 1.45;
        text-align: center;
    }

.score-box {
    margin: 0 auto;
    position: relative;
    background: #ffffff;
    border: 1px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-bottom: 15px;
}

.btn-success {
    background-color: #3c763d;
    border-color: #3c763d;
}

    .btn-success[disabled] {
        background-color: #3c763d;
        border-color: #3c763d;
    }

.pnlDisabled {
    opacity: 0.5;
    pointer-events: none;
}

.btn-close-r {
    float: right;
    color: white;
    margin: 7px 16px 0px 0px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.bootstrap-maxlength {
    z-index: 3000 !important;
}

.bg-atencion2 {
    background: #f4f4dd !important;
}

.bg-atencion3 {
    background: #ddf4e0 !important;
}

.bg-atencion4 {
    background: #ffe7e7 !important;
}

.chat_status_user {
    float: left;
    margin-left: 8px;
    margin-top: 6px;
}

    .chat_status_user.online {
        color: #3c763d;
    }

    .chat_status_user.offline {
        color: #ed5565;
    }

/*RADIO*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        padding-top: 5px;
        /*padding-left: 28px;*/
        cursor: pointer;
        line-height: 30px;
        display: inline;
        color: #666;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 5px;
            top: 7px;
            width: 18px;
            height: 18px;
            border: 1px solid #ddd;
            background: #fff;
            border-radius: 50px;
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #23aeb2;
            position: absolute;
            top: 10px;
            left: 8px;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
            border-radius: 50px;
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
            border-radius: 50px;
        }
/*ENRADIO*/


.btn-lite2 {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    .btn-lite2:hover {
        background-color: #e9e9e9;
    }


/*POPOVER CSS*/

/* The element to hover over */
.qs {
    cursor: help;
}

    .qs .popover_credid {
        cursor: help;
        background-color: rgba(0, 0, 0, 0.85);
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
        color: #fff;
        display: none;
        font-size: 12px;
        padding: 7px 10px;
        position: absolute;
        text-align: center;
        z-index: 4;
        font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    }

        .qs .popover_credid.pop_full {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .qs:hover .popover_credid {
        display: block;
        -webkit-animation: fade-in .3s linear 1;
        -moz-animation: fade-in .3s linear 1;
        -ms-animation: fade-in .3s linear 1;
    }

@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes move-up {
    from {
        bottom: 30px;
    }

    to {
        bottom: 42px;
    }
}

@-moz-keyframes move-up {
    from {
        bottom: 30px;
    }

    to {
        bottom: 42px;
    }
}

@-ms-keyframes move-up {
    from {
        bottom: 30px;
    }

    to {
        bottom: 42px;
    }
}

/*FIN POPOEVER*/

.panel.panel-danger > .panel-header {
    background: #ffe4e4;
}

.profileReporte {
    /*height: 364px;
    width: auto;*/
    /*max-height: 364px;
    height: auto;
    max-width: 100%;*/
    max-width: 300px;
    width: 100%;
}

label[for] {
    cursor: pointer;
}


.scrollbar {
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}

    .scrollbar.style-5::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .scrollbar.style-5::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }

    .scrollbar.style-5::-webkit-scrollbar-thumb {
        background-color: #0ae;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
    }

.loaderAjaxInput {
    position: absolute;
    right: 20px;
    top: 33px;
}

.topaz {
    position: fixed;
    top: 120px;
    right: 17px;
    z-index: 2;
}

.fingerprint-tag {
    position: fixed;
    bottom: 162px;
    right: 17px;
    z-index: 2;
    border-radius: 50px;
}

    .fingerprint-tag > h4 {
        font-size: 14px;
        text-align: center;
        width: 50px;
        top: -66px;
        right: 50px;
        position: absolute;
        color: #e93c3c;
    }

        .fingerprint-tag > h4.conectado {
            font-size: 14px;
            right: 28px;
            color: #40b9ce;
        }

    .fingerprint-tag > h5 {
        font-size: 12px;
        text-align: center;
        width: 50px;
        top: -47px;
        position: absolute;
    }

    .fingerprint-tag > img {
        max-width: 50px;
    }

.fingerprint-activo {
    background: #40b9ce;
}

.fingerprint-inactivo {
    background: #e93c3c;
}

[data-integrador='capturarHuella'] {
    position: absolute;
    right: 0px;
}

    [data-integrador='capturarHuella'] > img {
        max-width: 190px;
    }

.mini-label-corner {
    position: absolute;
    top: 32px;
    z-index: 3;
    right: 1px;
    font-size: 11px;
    color: cadetblue;
}

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

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    20% {
        transform: translatex(-5px);
    }

    50% {
        transform: translatey(-20px);
    }

    70% {
        transform: translatex(-40px);
    }

    100% {
        transform: translatey(0px);
        transform: translatex(0px);
    }
}

.sweet-alert {
    z-index: 9999;
    border: 2px solid #035595;
    margin-top: 0 !important;
    top: 31px;
}

    .sweet-alert > .sa-button-container {
        display: none;
    }

.alert {
    /*padding: 19px 15px;*/
    color: #fefefe;
    background-position: 16px 10px;
    /*position: relative;*/
    /*font: 14px/20px Museo300Regular, Helvetica, Arial, sans-serif;*/
}

    .alert .msg {
        padding: 0 20px 0 40px;
    }

    .alert p {
        margin: 0;
    }

    .alert .toggle-alert {
        position: absolute;
        top: 7px;
        right: 10px;
        display: block;
        text-indent: -10000px;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
        box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
        background: rgba(0, 0, 0, 0.08) url(images/alert.png) no-repeat 6px 6px;
    }

.alert-info {
    padding-left: 60px;
    background: #2fa9f6 url(/content/alerts/info.png) no-repeat 14px 14px;
    background-position: 14px 50%;
}

.alert-success {
    padding-left: 60px;
    background: #7EB62E url(/content/alerts/success.png) no-repeat 14px 14px;
    background-position: 14px 50%;
}

.alert-danger {
    padding-left: 60px;
    background: #f64b2f url(/content/alerts/error.png) no-repeat 14px 14px;
    background-position: 14px 50%;
}

.alert-warning {
    padding-left: 60px;
    background: #fcf8e3 url(/content/alerts/notice.png) no-repeat 14px 14px;
    background-position: 14px 50%;
    color: black;
}

.alert-warning2 {
    padding-left: 60px;
    background: #f6ca2f url(/content/alerts/notice.png) no-repeat 14px 14px;
    background-position: 14px 50%;
}

.alert-download {
    padding-left: 60px;
    background: #a555ca url(/content/alerts/download.png) no-repeat 14px 14px;
    background-position: 14px 50%;
}



/*
 *
 * Main stylesheet for Switchery.
 * http://abpetkov.github.io/switchery/
 *
 */

/* Switchery defaults. */

.switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
    background-clip: content-box;
}

    .switchery > small {
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        height: 30px;
        position: absolute;
        top: 0;
        width: 30px;
    }

/* Switchery sizes. */

.switchery-small {
    border-radius: 20px;
    height: 20px;
    width: 33px;
}

    .switchery-small > small {
        height: 20px;
        width: 20px;
    }

.switchery-large {
    border-radius: 40px;
    height: 40px;
    width: 66px;
}

    .switchery-large > small {
        height: 40px;
        width: 40px;
    }


[type="checkbox"][data-switch]:not(:checked) ~ label, [type="checkbox"][data-switch]:checked ~ label {
    padding-left: 10px;
    overflow: initial;
    width: 80%;
    font-weight: normal;
}

    [type="checkbox"][data-switch]:checked ~ label:before {
        top: 0;
        width: 0;
        height: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        -webkit-transform: inherit;
        transform: inherit;
        -webkit-transform-origin: inherit;
        transform-origin: inherit;
    }

    [type="checkbox"][data-switch]:checked ~ label:after {
        top: 0;
        width: 0;
        height: 0;
        border: 0;
        background-color: inherit;
        z-index: 0;
    }

    [type="checkbox"][data-switch]:not(:checked) ~ label:before {
        top: 0;
        width: 0;
        height: 0;
        border: 0;
    }

    [type="checkbox"][data-switch]:not(:checked) ~ label:after {
        top: 0;
        width: 0;
        height: 0;
        border: 0;
        z-index: 0;
    }

.formDinamico > fieldset {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, .2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, 0);
    padding: 10px;
}

    .formDinamico > fieldset:before {
        content: '';
        position: absolute;
        z-index: -1;
        border: 1px dashed #ccc;
        top: 5px;
        bottom: 5px;
        left: 5px;
        right: 5px;
        box-shadow: 0 0 0 1px #fff;
    }

.formDinamico legend {
    background: #1F497D;
    color: #fff;
    padding: 0px 10px;
    margin-bottom: 10px;
    font-size: 13px;
    border-radius: 5px;
    box-shadow: 0 0 0 3px #ddd;
    margin-left: 20px;
}

.subFieldset > legend {
    background: #ece6dc;
}

fieldset {
    letter-spacing: 0.5px;
    /*font-family: sans-serif;*/
    /*border: 2px solid #71b7c1;*/
    background: #fcfbfb;
    /*border-radius: 5px;*/
    padding: 5px;
    margin-bottom: 10px;
}

legend {
    border-bottom: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    width: inherit;
    padding: 0 5px 0 5px;
}

.subFieldset {
    border: 2px solid #005091;
    border-radius: 5px;
    padding: 0 10px 0 10px;
}

    .subFieldset > legend {
        color: #005091;
    }

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2016 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,0.2)
    }

    .btn-social.btn-lg {
        padding-left: 61px
    }

        .btn-social.btn-lg > :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em
        }

    .btn-social.btn-sm {
        padding-left: 38px
    }

        .btn-social.btn-sm > :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em
        }

    .btn-social.btn-xs {
        padding-left: 30px
    }

        .btn-social.btn-xs > :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em
        }

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0
}

    .btn-social-icon > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,0.2)
    }

    .btn-social-icon.btn-lg {
        padding-left: 61px
    }

        .btn-social-icon.btn-lg > :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em
        }

    .btn-social-icon.btn-sm {
        padding-left: 38px
    }

        .btn-social-icon.btn-sm > :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em
        }

    .btn-social-icon.btn-xs {
        padding-left: 30px
    }

        .btn-social-icon.btn-xs > :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em
        }

    .btn-social-icon > :first-child {
        border: none;
        text-align: center;
        width: 100% !important
    }

    .btn-social-icon.btn-lg {
        height: 45px;
        width: 45px;
        padding-left: 0;
        padding-right: 0
    }

    .btn-social-icon.btn-sm {
        height: 30px;
        width: 30px;
        padding-left: 0;
        padding-right: 0
    }

    .btn-social-icon.btn-xs {
        height: 22px;
        width: 22px;
        padding-left: 0;
        padding-right: 0
    }

.btn-adn {
    color: #fff;
    background-color: #d87a68;
    border-color: rgba(0,0,0,0.2)
}

    .btn-adn:focus, .btn-adn.focus {
        color: #fff;
        background-color: #ce563f;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-adn:hover {
        color: #fff;
        background-color: #ce563f;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
        color: #fff;
        background-color: #ce563f;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-adn:active:hover, .btn-adn.active:hover, .open > .dropdown-toggle.btn-adn:hover, .btn-adn:active:focus, .btn-adn.active:focus, .open > .dropdown-toggle.btn-adn:focus, .btn-adn:active.focus, .btn-adn.active.focus, .open > .dropdown-toggle.btn-adn.focus {
            color: #fff;
            background-color: #b94630;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
        background-image: none
    }

    .btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled.focus, .btn-adn[disabled].focus, fieldset[disabled] .btn-adn.focus {
        background-color: #d87a68;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-adn .badge {
        color: #d87a68;
        background-color: #fff
    }

.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0,0,0,0.2)
}

    .btn-bitbucket:focus, .btn-bitbucket.focus {
        color: #fff;
        background-color: #163758;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-bitbucket:hover {
        color: #fff;
        background-color: #163758;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
        color: #fff;
        background-color: #163758;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-bitbucket:active:hover, .btn-bitbucket.active:hover, .open > .dropdown-toggle.btn-bitbucket:hover, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus, .open > .dropdown-toggle.btn-bitbucket:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active.focus, .open > .dropdown-toggle.btn-bitbucket.focus {
            color: #fff;
            background-color: #0f253c;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
        background-image: none
    }

    .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus, fieldset[disabled] .btn-bitbucket.focus {
        background-color: #205081;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-bitbucket .badge {
        color: #205081;
        background-color: #fff
    }

.btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0,0,0,0.2)
}

    .btn-dropbox:focus, .btn-dropbox.focus {
        color: #fff;
        background-color: #0d6aad;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-dropbox:hover {
        color: #fff;
        background-color: #0d6aad;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
        color: #fff;
        background-color: #0d6aad;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-dropbox:active:hover, .btn-dropbox.active:hover, .open > .dropdown-toggle.btn-dropbox:hover, .btn-dropbox:active:focus, .btn-dropbox.active:focus, .open > .dropdown-toggle.btn-dropbox:focus, .btn-dropbox:active.focus, .btn-dropbox.active.focus, .open > .dropdown-toggle.btn-dropbox.focus {
            color: #fff;
            background-color: #0a568c;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
        background-image: none
    }

    .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled].focus, fieldset[disabled] .btn-dropbox.focus {
        background-color: #1087dd;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-dropbox .badge {
        color: #1087dd;
        background-color: #fff
    }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2)
}

    .btn-facebook:focus, .btn-facebook.focus {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-facebook:hover {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus {
            color: #fff;
            background-color: #23345a;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        background-image: none
    }

    .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus {
        background-color: #3b5998;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-facebook .badge {
        color: #3b5998;
        background-color: #fff
    }

.btn-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: rgba(0,0,0,0.2)
}

    .btn-flickr:focus, .btn-flickr.focus {
        color: #fff;
        background-color: #cc006a;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-flickr:hover {
        color: #fff;
        background-color: #cc006a;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
        color: #fff;
        background-color: #cc006a;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-flickr:active:hover, .btn-flickr.active:hover, .open > .dropdown-toggle.btn-flickr:hover, .btn-flickr:active:focus, .btn-flickr.active:focus, .open > .dropdown-toggle.btn-flickr:focus, .btn-flickr:active.focus, .btn-flickr.active.focus, .open > .dropdown-toggle.btn-flickr.focus {
            color: #fff;
            background-color: #a80057;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
        background-image: none
    }

    .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled].focus, fieldset[disabled] .btn-flickr.focus {
        background-color: #ff0084;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-flickr .badge {
        color: #ff0084;
        background-color: #fff
    }

.btn-foursquare {
    color: #fff;
    background-color: #f94877;
    border-color: rgba(0,0,0,0.2)
}

    .btn-foursquare:focus, .btn-foursquare.focus {
        color: #fff;
        background-color: #f71752;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-foursquare:hover {
        color: #fff;
        background-color: #f71752;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
        color: #fff;
        background-color: #f71752;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-foursquare:active:hover, .btn-foursquare.active:hover, .open > .dropdown-toggle.btn-foursquare:hover, .btn-foursquare:active:focus, .btn-foursquare.active:focus, .open > .dropdown-toggle.btn-foursquare:focus, .btn-foursquare:active.focus, .btn-foursquare.active.focus, .open > .dropdown-toggle.btn-foursquare.focus {
            color: #fff;
            background-color: #e30742;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
        background-image: none
    }

    .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled].focus, fieldset[disabled] .btn-foursquare.focus {
        background-color: #f94877;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-foursquare .badge {
        color: #f94877;
        background-color: #fff
    }

.btn-github {
    color: #fff;
    background-color: #444;
    border-color: rgba(0,0,0,0.2)
}

    .btn-github:focus, .btn-github.focus {
        color: #fff;
        background-color: #2b2b2b;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-github:hover {
        color: #fff;
        background-color: #2b2b2b;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
        color: #fff;
        background-color: #2b2b2b;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-github:active:hover, .btn-github.active:hover, .open > .dropdown-toggle.btn-github:hover, .btn-github:active:focus, .btn-github.active:focus, .open > .dropdown-toggle.btn-github:focus, .btn-github:active.focus, .btn-github.active.focus, .open > .dropdown-toggle.btn-github.focus {
            color: #fff;
            background-color: #191919;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
        background-image: none
    }

    .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled.focus, .btn-github[disabled].focus, fieldset[disabled] .btn-github.focus {
        background-color: #444;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-github .badge {
        color: #444;
        background-color: #fff
    }

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,0.2)
}

    .btn-google:focus, .btn-google.focus {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-google:hover {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus {
            color: #fff;
            background-color: #a32b1c;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
        background-image: none
    }

    .btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus {
        background-color: #dd4b39;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-google .badge {
        color: #dd4b39;
        background-color: #fff
    }

.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: rgba(0,0,0,0.2)
}

    .btn-instagram:focus, .btn-instagram.focus {
        color: #fff;
        background-color: #305777;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-instagram:hover {
        color: #fff;
        background-color: #305777;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
        color: #fff;
        background-color: #305777;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-instagram:active:hover, .btn-instagram.active:hover, .open > .dropdown-toggle.btn-instagram:hover, .btn-instagram:active:focus, .btn-instagram.active:focus, .open > .dropdown-toggle.btn-instagram:focus, .btn-instagram:active.focus, .btn-instagram.active.focus, .open > .dropdown-toggle.btn-instagram.focus {
            color: #fff;
            background-color: #26455d;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
        background-image: none
    }

    .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled].focus, fieldset[disabled] .btn-instagram.focus {
        background-color: #3f729b;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-instagram .badge {
        color: #3f729b;
        background-color: #fff
    }

.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0,0,0,0.2)
}

    .btn-linkedin:focus, .btn-linkedin.focus {
        color: #fff;
        background-color: #005983;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-linkedin:hover {
        color: #fff;
        background-color: #005983;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
        color: #fff;
        background-color: #005983;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-linkedin:active:hover, .btn-linkedin.active:hover, .open > .dropdown-toggle.btn-linkedin:hover, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .open > .dropdown-toggle.btn-linkedin:focus, .btn-linkedin:active.focus, .btn-linkedin.active.focus, .open > .dropdown-toggle.btn-linkedin.focus {
            color: #fff;
            background-color: #00405f;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
        background-image: none
    }

    .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus {
        background-color: #007bb6;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-linkedin .badge {
        color: #007bb6;
        background-color: #fff
    }

.btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: rgba(0,0,0,0.2)
}

    .btn-microsoft:focus, .btn-microsoft.focus {
        color: #fff;
        background-color: #125acd;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-microsoft:hover {
        color: #fff;
        background-color: #125acd;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
        color: #fff;
        background-color: #125acd;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-microsoft:active:hover, .btn-microsoft.active:hover, .open > .dropdown-toggle.btn-microsoft:hover, .btn-microsoft:active:focus, .btn-microsoft.active:focus, .open > .dropdown-toggle.btn-microsoft:focus, .btn-microsoft:active.focus, .btn-microsoft.active.focus, .open > .dropdown-toggle.btn-microsoft.focus {
            color: #fff;
            background-color: #0f4bac;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
        background-image: none
    }

    .btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled].focus, fieldset[disabled] .btn-microsoft.focus {
        background-color: #2672ec;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-microsoft .badge {
        color: #2672ec;
        background-color: #fff
    }

.btn-odnoklassniki {
    color: #fff;
    background-color: #f4731c;
    border-color: rgba(0,0,0,0.2)
}

    .btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
        color: #fff;
        background-color: #d35b0a;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-odnoklassniki:hover {
        color: #fff;
        background-color: #d35b0a;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki {
        color: #fff;
        background-color: #d35b0a;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-odnoklassniki:active:hover, .btn-odnoklassniki.active:hover, .open > .dropdown-toggle.btn-odnoklassniki:hover, .btn-odnoklassniki:active:focus, .btn-odnoklassniki.active:focus, .open > .dropdown-toggle.btn-odnoklassniki:focus, .btn-odnoklassniki:active.focus, .btn-odnoklassniki.active.focus, .open > .dropdown-toggle.btn-odnoklassniki.focus {
            color: #fff;
            background-color: #b14c09;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki {
        background-image: none
    }

    .btn-odnoklassniki.disabled:hover, .btn-odnoklassniki[disabled]:hover, fieldset[disabled] .btn-odnoklassniki:hover, .btn-odnoklassniki.disabled:focus, .btn-odnoklassniki[disabled]:focus, fieldset[disabled] .btn-odnoklassniki:focus, .btn-odnoklassniki.disabled.focus, .btn-odnoklassniki[disabled].focus, fieldset[disabled] .btn-odnoklassniki.focus {
        background-color: #f4731c;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-odnoklassniki .badge {
        color: #f4731c;
        background-color: #fff
    }

.btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: rgba(0,0,0,0.2)
}

    .btn-openid:focus, .btn-openid.focus {
        color: #fff;
        background-color: #da7908;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-openid:hover {
        color: #fff;
        background-color: #da7908;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
        color: #fff;
        background-color: #da7908;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-openid:active:hover, .btn-openid.active:hover, .open > .dropdown-toggle.btn-openid:hover, .btn-openid:active:focus, .btn-openid.active:focus, .open > .dropdown-toggle.btn-openid:focus, .btn-openid:active.focus, .btn-openid.active.focus, .open > .dropdown-toggle.btn-openid.focus {
            color: #fff;
            background-color: #b86607;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
        background-image: none
    }

    .btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled.focus, .btn-openid[disabled].focus, fieldset[disabled] .btn-openid.focus {
        background-color: #f7931e;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-openid .badge {
        color: #f7931e;
        background-color: #fff
    }

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0,0,0,0.2)
}

    .btn-pinterest:focus, .btn-pinterest.focus {
        color: #fff;
        background-color: #9f191f;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-pinterest:hover {
        color: #fff;
        background-color: #9f191f;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
        color: #fff;
        background-color: #9f191f;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-pinterest:active:hover, .btn-pinterest.active:hover, .open > .dropdown-toggle.btn-pinterest:hover, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .open > .dropdown-toggle.btn-pinterest:focus, .btn-pinterest:active.focus, .btn-pinterest.active.focus, .open > .dropdown-toggle.btn-pinterest.focus {
            color: #fff;
            background-color: #801419;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
        background-image: none
    }

    .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled.focus, .btn-pinterest[disabled].focus, fieldset[disabled] .btn-pinterest.focus {
        background-color: #cb2027;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-pinterest .badge {
        color: #cb2027;
        background-color: #fff
    }

.btn-reddit {
    color: #000;
    background-color: #eff7ff;
    border-color: rgba(0,0,0,0.2)
}

    .btn-reddit:focus, .btn-reddit.focus {
        color: #000;
        background-color: #bcddff;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-reddit:hover {
        color: #000;
        background-color: #bcddff;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
        color: #000;
        background-color: #bcddff;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-reddit:active:hover, .btn-reddit.active:hover, .open > .dropdown-toggle.btn-reddit:hover, .btn-reddit:active:focus, .btn-reddit.active:focus, .open > .dropdown-toggle.btn-reddit:focus, .btn-reddit:active.focus, .btn-reddit.active.focus, .open > .dropdown-toggle.btn-reddit.focus {
            color: #000;
            background-color: #98ccff;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
        background-image: none
    }

    .btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled].focus, fieldset[disabled] .btn-reddit.focus {
        background-color: #eff7ff;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-reddit .badge {
        color: #eff7ff;
        background-color: #000
    }

.btn-soundcloud {
    color: #fff;
    background-color: #f50;
    border-color: rgba(0,0,0,0.2)
}

    .btn-soundcloud:focus, .btn-soundcloud.focus {
        color: #fff;
        background-color: #c40;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-soundcloud:hover {
        color: #fff;
        background-color: #c40;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
        color: #fff;
        background-color: #c40;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-soundcloud:active:hover, .btn-soundcloud.active:hover, .open > .dropdown-toggle.btn-soundcloud:hover, .btn-soundcloud:active:focus, .btn-soundcloud.active:focus, .open > .dropdown-toggle.btn-soundcloud:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active.focus, .open > .dropdown-toggle.btn-soundcloud.focus {
            color: #fff;
            background-color: #a83800;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
        background-image: none
    }

    .btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled].focus, fieldset[disabled] .btn-soundcloud.focus {
        background-color: #f50;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-soundcloud .badge {
        color: #f50;
        background-color: #fff
    }

.btn-tumblr {
    color: #fff;
    background-color: #2c4762;
    border-color: rgba(0,0,0,0.2)
}

    .btn-tumblr:focus, .btn-tumblr.focus {
        color: #fff;
        background-color: #1c2d3f;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-tumblr:hover {
        color: #fff;
        background-color: #1c2d3f;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
        color: #fff;
        background-color: #1c2d3f;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-tumblr:active:hover, .btn-tumblr.active:hover, .open > .dropdown-toggle.btn-tumblr:hover, .btn-tumblr:active:focus, .btn-tumblr.active:focus, .open > .dropdown-toggle.btn-tumblr:focus, .btn-tumblr:active.focus, .btn-tumblr.active.focus, .open > .dropdown-toggle.btn-tumblr.focus {
            color: #fff;
            background-color: #111c26;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
        background-image: none
    }

    .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled].focus, fieldset[disabled] .btn-tumblr.focus {
        background-color: #2c4762;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-tumblr .badge {
        color: #2c4762;
        background-color: #fff
    }

.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0,0,0,0.2)
}

    .btn-twitter:focus, .btn-twitter.focus {
        color: #fff;
        background-color: #2795e9;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-twitter:hover {
        color: #fff;
        background-color: #2795e9;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color: #2795e9;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-twitter:active:hover, .btn-twitter.active:hover, .open > .dropdown-toggle.btn-twitter:hover, .btn-twitter:active:focus, .btn-twitter.active:focus, .open > .dropdown-toggle.btn-twitter:focus, .btn-twitter:active.focus, .btn-twitter.active.focus, .open > .dropdown-toggle.btn-twitter.focus {
            color: #fff;
            background-color: #1583d7;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
        background-image: none
    }

    .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus {
        background-color: #55acee;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-twitter .badge {
        color: #55acee;
        background-color: #fff
    }

.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: rgba(0,0,0,0.2)
}

    .btn-vimeo:focus, .btn-vimeo.focus {
        color: #fff;
        background-color: #1295bf;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-vimeo:hover {
        color: #fff;
        background-color: #1295bf;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
        color: #fff;
        background-color: #1295bf;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-vimeo:active:hover, .btn-vimeo.active:hover, .open > .dropdown-toggle.btn-vimeo:hover, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .open > .dropdown-toggle.btn-vimeo:focus, .btn-vimeo:active.focus, .btn-vimeo.active.focus, .open > .dropdown-toggle.btn-vimeo.focus {
            color: #fff;
            background-color: #0f7b9f;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
        background-image: none
    }

    .btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled].focus, fieldset[disabled] .btn-vimeo.focus {
        background-color: #1ab7ea;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-vimeo .badge {
        color: #1ab7ea;
        background-color: #fff
    }

.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0,0,0,0.2)
}

    .btn-vk:focus, .btn-vk.focus {
        color: #fff;
        background-color: #466482;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-vk:hover {
        color: #fff;
        background-color: #466482;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
        color: #fff;
        background-color: #466482;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-vk:active:hover, .btn-vk.active:hover, .open > .dropdown-toggle.btn-vk:hover, .btn-vk:active:focus, .btn-vk.active:focus, .open > .dropdown-toggle.btn-vk:focus, .btn-vk:active.focus, .btn-vk.active.focus, .open > .dropdown-toggle.btn-vk.focus {
            color: #fff;
            background-color: #3a526b;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
        background-image: none
    }

    .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled.focus, .btn-vk[disabled].focus, fieldset[disabled] .btn-vk.focus {
        background-color: #587ea3;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-vk .badge {
        color: #587ea3;
        background-color: #fff
    }

.btn-yahoo {
    color: #fff;
    background-color: #720e9e;
    border-color: rgba(0,0,0,0.2)
}

    .btn-yahoo:focus, .btn-yahoo.focus {
        color: #fff;
        background-color: #500a6f;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-yahoo:hover {
        color: #fff;
        background-color: #500a6f;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
        color: #fff;
        background-color: #500a6f;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-yahoo:active:hover, .btn-yahoo.active:hover, .open > .dropdown-toggle.btn-yahoo:hover, .btn-yahoo:active:focus, .btn-yahoo.active:focus, .open > .dropdown-toggle.btn-yahoo:focus, .btn-yahoo:active.focus, .btn-yahoo.active.focus, .open > .dropdown-toggle.btn-yahoo.focus {
            color: #fff;
            background-color: #39074e;
            border-color: rgba(0,0,0,0.2)
        }

    .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
        background-image: none
    }

    .btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled].focus, fieldset[disabled] .btn-yahoo.focus {
        background-color: #720e9e;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-yahoo .badge {
        color: #720e9e;
        background-color: #fff
    }

/* Round */
.ribbon.round h3 {
    border-radius: 4px;
}

    .ribbon.round h3::before,
    .ribbon.round h3::after {
        width: 10px;
        height: 10px;
        bottom: -4px;
        border: none;
        border-radius: 10px;
    }

    .ribbon.round h3::before {
        background: #33aaf8;
        background: linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    }

    .ribbon.round h3::after {
        background: #33aaf8;
        background: linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    }

.bg-success {
    background-color: #dff0d8 !important;
}

.bg-warning {
    background-color: #fcf8e3 !important;
}

.headline3 {
    position: relative;
    margin-left: -16px; /* 15px padding + 7px border ribbon shadow*/
    margin-right: -16px;
    padding: 15px;
    background: #e5e5e5;
    background: linear-gradient(#edeff5, #dddddd);
    box-shadow: 0 -1px 0 rgb(0, 88, 157) inset;
    /* text-shadow: 0 1px 0 #ac6d6d; */
    color: #676a6c;
}

    .headline3:before,
    .headline3:after {
        position: absolute;
        left: 0;
        bottom: -6px;
        content: '';
        border-top: 6px solid #555;
        border-left: 6px solid transparent;
    }

    .headline3:before {
        border-top: 6px solid #555;
        border-right: 6px solid transparent;
        border-left: none;
        left: auto;
        right: 0;
        bottom: -6px;
    }

/*!
 * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

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

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

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important;
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
    font-family: inherit;
    overflow: hidden;
}

    .jconfirm .jconfirm-bg {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: opacity .4s;
        transition: opacity .4s;
    }

        .jconfirm .jconfirm-bg.jconfirm-bg-h {
            opacity: 0 !important;
        }

    .jconfirm .jconfirm-scrollpane {
        -webkit-perspective: 500px;
        perspective: 500px;
        -webkit-perspective-origin: center;
        perspective-origin: center;
        display: table;
        width: 100%;
        height: 100%;
    }

    .jconfirm .jconfirm-row {
        display: table-row;
        width: 100%;
    }

    .jconfirm .jconfirm-cell {
        display: table-cell;
        vertical-align: middle;
    }

    .jconfirm .jconfirm-holder {
        max-height: 100%;
        padding: 50px 0;
    }

    .jconfirm .jconfirm-box-container {
        -webkit-transition: -webkit-transform;
        transition: -webkit-transform;
        transition: transform;
        transition: transform, -webkit-transform;
    }

        .jconfirm .jconfirm-box-container.jconfirm-no-transition {
            -webkit-transition: none !important;
            transition: none !important;
        }

    .jconfirm .jconfirm-box {
        background: white;
        border-radius: 4px;
        position: relative;
        outline: none;
        padding: 15px 15px 0;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }

@-webkit-keyframes type-blue {
    1%, 100% {
        border-color: #3498db;
    }

    50% {
        border-color: #5faee3;
    }
}

@keyframes type-blue {
    1%, 100% {
        border-color: #3498db;
    }

    50% {
        border-color: #5faee3;
    }
}

@-webkit-keyframes type-green {
    1%, 100% {
        border-color: #2ecc71;
    }

    50% {
        border-color: #54d98c;
    }
}

@keyframes type-green {
    1%, 100% {
        border-color: #2ecc71;
    }

    50% {
        border-color: #54d98c;
    }
}

@-webkit-keyframes type-red {
    1%, 100% {
        border-color: #e74c3c;
    }

    50% {
        border-color: #ed7669;
    }
}

@keyframes type-red {
    1%, 100% {
        border-color: #e74c3c;
    }

    50% {
        border-color: #ed7669;
    }
}

@-webkit-keyframes type-orange {
    1%, 100% {
        border-color: #f1c40f;
    }

    50% {
        border-color: #f4d03f;
    }
}

@keyframes type-orange {
    1%, 100% {
        border-color: #f1c40f;
    }

    50% {
        border-color: #f4d03f;
    }
}

@-webkit-keyframes type-purple {
    1%, 100% {
        border-color: #9b59b6;
    }

    50% {
        border-color: #b07cc6;
    }
}

@keyframes type-purple {
    1%, 100% {
        border-color: #9b59b6;
    }

    50% {
        border-color: #b07cc6;
    }
}

@-webkit-keyframes type-dark {
    1%, 100% {
        border-color: #34495e;
    }

    50% {
        border-color: #46627f;
    }
}

@keyframes type-dark {
    1%, 100% {
        border-color: #34495e;
    }

    50% {
        border-color: #46627f;
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark;
}

.jconfirm .jconfirm-box.loading {
    height: 120px;
}

    .jconfirm .jconfirm-box.loading:before {
        content: '';
        position: absolute;
        left: 0;
        background: white;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 10px;
        z-index: 1;
    }

    .jconfirm .jconfirm-box.loading:after {
        opacity: 0.6;
        content: '';
        height: 30px;
        width: 30px;
        border: solid 3px transparent;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        border-radius: 50%;
        -webkit-animation: jconfirm-spin 1s infinite linear;
        animation: jconfirm-spin 1s infinite linear;
        border-bottom-color: dodgerblue;
        top: 50%;
        margin-top: -15px;
        z-index: 2;
    }

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1;
}

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
        display: none;
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
        font-size: 16px;
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
        font-size: 16px;
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
        font-size: 16px;
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
        opacity: 1;
    }

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    /*line-height: 20px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px;
}

    .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
        cursor: move;
    }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        font-size: inherit;
        display: inline-block;
        vertical-align: middle;
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
            vertical-align: middle;
        }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
            display: none;
        }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: inherit;
        font-family: inherit;
        display: inline-block;
        vertical-align: middle;
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
            display: none;
        }

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height 0.4s ease-in;
    transition: height 0.4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

    .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
        overflow-y: hidden;
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
        width: 3px;
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
        background: #666;
        border-radius: 3px;
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
        overflow: auto;
    }

        .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
            max-width: 100%;
            height: auto;
        }

        .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
            display: none;
        }

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px;
}

    .jconfirm .jconfirm-box .jconfirm-buttons > button {
        margin-bottom: 4px;
        margin-left: 2px;
        margin-right: 2px;
    }

    .jconfirm .jconfirm-box .jconfirm-buttons button {
        display: inline-block;
        font-size: 14px;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 4px;
        min-height: 1em;
        -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
        transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
        transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
        transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
        -webkit-tap-highlight-color: transparent;
        border: none;
        background-image: none;
        margin: 0 .3125em;
        padding: .625em 2em;
        font-weight: 500;
        box-shadow: none;
    }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
            background-color: #3498db;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s;
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
                background-color: #2980b9;
                color: #FFF;
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
            background-color: #2ecc71;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s;
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
                background-color: #27ae60;
                color: #FFF;
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
            background-color: #e74c3c;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s;
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
                background-color: #c0392b;
                color: #FFF;
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
            background-color: #f1c40f;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s;
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
                background-color: #f39c12;
                color: #FFF;
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
            background-color: #ecf0f1;
            color: #000;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s;
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                background-color: #bdc3c7;
                color: #000;
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
            background-color: #9b59b6;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s;
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
                background-color: #8e44ad;
                color: #FFF;
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
            background-color: #34495e;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s;
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
                background-color: #2c3e50;
                color: #FFF;
            }

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important;
}

.jconfirm .jconfirm-clear {
    clear: both;
}

.jconfirm.jconfirm-rtl {
    direction: rtl;
}

    .jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
        left: 5px;
        right: auto;
    }

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2;
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

    .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
    .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0px;
    }

    .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
    .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
        float: right;
    }

        .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
        .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
            text-transform: uppercase;
            font-size: 14px;
            font-weight: bold;
            text-shadow: none;
        }

            .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
            .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #333;
            }

                .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
                .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                    background: #ddd;
                }

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4;
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    background: #444;
    border-radius: 5px;
    color: white;
}

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
    .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0px;
    }

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
    .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
        float: right;
    }

        .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
        .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
            border: none;
            background-image: none;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: bold;
            text-shadow: none;
            -webkit-transition: background .1s;
            transition: background .1s;
            color: white;
        }

            .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
            .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #fff;
                background: none;
            }

                .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
                .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                    background: #666;
                }

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }

    20%, 80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }

    30%, 50%, 70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }

    40%, 60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }

    20%, 80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }

    30%, 50%, 70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }

    40%, 60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@-webkit-keyframes glow {
    0%, 100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

@keyframes glow {
    0%, 100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}
/*Transition rules*/
.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px;
}

    .jconfirm .jconfirm-box {
        opacity: 1;
        -webkit-transition-property: all;
        transition-property: all;
    }

        .jconfirm .jconfirm-box.jconfirm-animation-top,
        .jconfirm .jconfirm-box.jconfirm-animation-left,
        .jconfirm .jconfirm-box.jconfirm-animation-right,
        .jconfirm .jconfirm-box.jconfirm-animation-bottom,
        .jconfirm .jconfirm-box.jconfirm-animation-opacity,
        .jconfirm .jconfirm-box.jconfirm-animation-zoom,
        .jconfirm .jconfirm-box.jconfirm-animation-scale,
        .jconfirm .jconfirm-box.jconfirm-animation-none,
        .jconfirm .jconfirm-box.jconfirm-animation-rotate,
        .jconfirm .jconfirm-box.jconfirm-animation-rotatex,
        .jconfirm .jconfirm-box.jconfirm-animation-rotatey,
        .jconfirm .jconfirm-box.jconfirm-animation-scaley,
        .jconfirm .jconfirm-box.jconfirm-animation-scalex {
            opacity: 0;
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotate {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatex {
            -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
            -webkit-transform-origin: center;
            transform-origin: center;
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
            -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
            -webkit-transform-origin: center;
            transform-origin: center;
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatey {
            -webkit-transform: rotatey(90deg);
            transform: rotatey(90deg);
            -webkit-transform-origin: center;
            transform-origin: center;
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
            -webkit-transform: rotatey(-90deg);
            transform: rotatey(-90deg);
            -webkit-transform-origin: center;
            transform-origin: center;
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scaley {
            -webkit-transform: scaley(1.5);
            transform: scaley(1.5);
            -webkit-transform-origin: center;
            transform-origin: center;
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scalex {
            -webkit-transform: scalex(1.5);
            transform: scalex(1.5);
            -webkit-transform-origin: center;
            transform-origin: center;
        }

        .jconfirm .jconfirm-box.jconfirm-animation-top {
            -webkit-transform: translate(0px, -100px);
            transform: translate(0px, -100px);
        }

        .jconfirm .jconfirm-box.jconfirm-animation-left {
            -webkit-transform: translate(-100px, 0px);
            transform: translate(-100px, 0px);
        }

        .jconfirm .jconfirm-box.jconfirm-animation-right {
            -webkit-transform: translate(100px, 0px);
            transform: translate(100px, 0px);
        }

        .jconfirm .jconfirm-box.jconfirm-animation-bottom {
            -webkit-transform: translate(0px, 100px);
            transform: translate(0px, 100px);
        }

        .jconfirm .jconfirm-box.jconfirm-animation-zoom {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scale {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        .jconfirm .jconfirm-box.jconfirm-animation-none {
            visibility: hidden;
        }

    .jconfirm.jconfirm-supervan .jconfirm-bg {
        background-color: rgba(54, 70, 93, 0.95);
    }

    .jconfirm.jconfirm-supervan .jconfirm-box {
        background-color: transparent;
    }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
            border: none;
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
            border: none;
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
            border: none;
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
            border: none;
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
            border: none;
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
            border: none;
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
            color: white;
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
            text-align: center;
            color: white;
            font-size: 28px;
            font-weight: normal;
        }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
                padding-bottom: 25px;
            }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                margin-right: 8px;
                margin-left: 0px;
            }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
            margin-bottom: 25px;
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
            text-align: center;
            color: white;
        }

        .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
            text-align: center;
        }

            .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
                font-size: 16px;
                border-radius: 2px;
                background: #303f53;
                text-shadow: none;
                border: none;
                color: white;
                padding: 10px;
                min-width: 100px;
            }

    .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0px;
    }

    .jconfirm.jconfirm-material .jconfirm-bg {
        background-color: rgba(0, 0, 0, 0.67);
    }

    .jconfirm.jconfirm-material .jconfirm-box {
        background-color: white;
        -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
        box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
        padding: 30px 25px 10px 25px;
    }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0px;
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0, 0, 0, 0.87);
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
            color: rgba(0, 0, 0, 0.87);
            font-size: 22px;
            font-weight: bold;
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
            color: rgba(0, 0, 0, 0.87);
        }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
            text-align: right;
        }

            .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
                text-transform: uppercase;
                font-weight: 500;
            }

    .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0px;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-bg {
        background-color: rgba(0, 0, 0, 0.21);
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box {
        background-color: white;
        -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
        border: solid 1px rgba(0, 0, 0, 0.4);
        padding: 15px 0 0;
    }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0px;
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0, 0, 0, 0.87);
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
            color: rgba(0, 0, 0, 0.87);
            font-size: 22px;
            font-weight: bold;
            padding-left: 15px;
            padding-right: 15px;
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
            color: rgba(0, 0, 0, 0.87);
            padding: 0px 15px;
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
            text-align: right;
            padding: 10px;
            margin: -5px 0 0px;
            border-top: solid 1px #ddd;
            overflow: hidden;
            border-radius: 0 0 4px 4px;
        }

            .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
                font-weight: 500;
            }

    .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0px;
    }

    .jconfirm.jconfirm-modern .jconfirm-bg {
        background-color: slategray;
        opacity: .6;
    }

    .jconfirm.jconfirm-modern .jconfirm-box {
        background-color: white;
        -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
        box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
        padding: 30px 30px 15px;
    }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0, 0, 0, 0.87);
            top: 15px;
            right: 15px;
        }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
            color: rgba(0, 0, 0, 0.87);
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 10px;
        }

            .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                -webkit-transition: -webkit-transform .5s;
                transition: -webkit-transform .5s;
                transition: transform .5s;
                transition: transform .5s, -webkit-transform .5s;
                -webkit-transform: scale(0);
                transform: scale(0);
                display: block;
                margin-right: 0px;
                margin-left: 0px;
                margin-bottom: 10px;
                font-size: 69px;
                color: #aaa;
            }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
            text-align: center;
            font-size: 15px;
            color: #777;
            margin-bottom: 25px;
        }

        .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
            text-align: center;
        }

            .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
                font-weight: bold;
                text-transform: uppercase;
                -webkit-transition: background .1s;
                transition: background .1s;
                padding: 10px 20px;
            }

                .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
                    margin-left: 4px;
                }

    .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.headline4 {
    position: relative;
    border-color: #eee;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    background: #fff;
    margin: 0 0 15px -15px;
    padding: 5px 15px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

    .headline4:after {
        content: "";
        position: absolute;
        z-index: -1;
        bottom: 15px;
        right: 15px;
        width: 70%;
        height: 10px;
        background: rgba(0, 0, 0, .7);
        box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
        transform: rotate(2deg);
    }

.modal-backdrop {
    background: #46c3d4; /* Old browsers */
    background: -moz-linear-gradient(45deg, #46c3d4 0%, #035595 68%, #035595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #46c3d4 0%,#035595 68%,#035595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #46c3d4 0%,#035595 68%,#035595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c3d4', endColorstr='#035595',GradientType=1 );
}

    .modal-backdrop.in {
        filter: alpha(opacity=60);
        opacity: .6;
    }

.jconfirm-bg {
    background: #46c3d4; /* Old browsers */
    background: -moz-linear-gradient(45deg, #46c3d4 0%, #035595 68%, #035595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #46c3d4 0%,#035595 68%,#035595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #46c3d4 0%,#035595 68%,#035595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c3d4', endColorstr='#035595',GradientType=1 );
}

.fullscreen .navbar-static-side {
    z-index: 0;
}

.fullscreen .navbar-static-top {
    z-index: 0;
}

/*Checkbox Mini Toggle*/
.toggle {
    position: relative !important;
    display: block !important;
    width: 40px !important;
    height: 20px !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
    transform: translate3d(0, 0, 0) !important;
    overflow: inherit !important;
    z-index: 1;
}

    .toggle:before {
        content: "" !important;
        /*position: relative !important;*/
        top: 3px !important;
        left: 3px !important;
        width: 34px !important;
        height: 14px !important;
        display: block !important;
        background: #9A9999 !important;
        border-radius: 8px !important;
        transition: background 0.2s ease !important;
        overflow: inherit !important;
        border: inherit !important;
        -webkit-transform: inherit !important;
        transform: inherit !important;
    }

    .toggle:after {
        top: inherit !important;
        width: inherit !important;
        height: inherit !important;
        border: inherit !important;
        background-color: inherit !important;
    }

    .toggle span {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 20px !important;
        height: 20px !important;
        display: block !important;
        background: white !important;
        border: 1px solid #00396f;
        border-radius: 10px !important;
        box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5) !important;
        transition: all 0.2s ease !important;
        z-index: 2;
    }

        .toggle span:before {
            content: "" !important;
            position: absolute !important;
            display: block !important;
            margin: -18px !important;
            width: 56px !important;
            height: 56px !important;
            background: rgba(79, 46, 220, 0.5) !important;
            border-radius: 50% !important;
            transform: scale(0) !important;
            opacity: 1 !important;
            pointer-events: none !important;
        }

.miniToggle:checked ~ .toggle:before {
    background: #947ADA !important;
}

.miniToggle:checked ~ .toggle span {
    background: #4F2EDC !important;
    transform: translateX(20px) !important;
    transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease !important;
    box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2) !important;
}

    .miniToggle:checked ~ .toggle span:before {
        transform: scale(1) !important;
        opacity: 0 !important;
        transition: all 0.4s ease !important;
    }

/*.center {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 20px);
}*/
/*Fin Chk Mini Toggle*/
/*CUSTOM FA ICONS*/
i.fa-uber {
    position: relative;
    top: 1px;
    content: "";
    background-image: url('/Content/uber.png');
    width: 13px;
    height: 13px;
    background-position: center;
    background-size: cover;
}

i.fa-handfinger {
    position: relative;
    top: 1px;
    content: "";
    background-image: url('/Content/hand-finger.png');
    width: 13px;
    height: 13px;
    background-position: center;
    background-size: cover;
}

i.fa-scanner {
    position: relative;
    top: 1px;
    content: "";
    background-image: url('/Content/scanner.png');
    width: 13px;
    height: 13px;
    background-position: center;
    background-size: cover;
}

i.fa-turtle {
    position: relative;
    top: 1px;
    content: "";
    background-image: url('/Content/turtle.png');
    width: 16px;
    height: 15px;
    background-position: center;
    background-size: cover;
}

i.fa-turtle2 {
    position: relative;
    top: 1px;
    content: "";
    background-image: url('/Content/turtle2.png');
    width: 24px;
    height: 15px;
    background-position: center;
    background-size: cover;
}

.odd {
    background-color: #f9f9f9;
}

.odd2 {
    background-color: #80a1b2;
    color: white;
}


.btn-w {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffa200;
    padding: 10px 20px;
    background: -moz-linear-gradient( top, #ffffff 0%, #ffffff 50%, #d6d6d6);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#d6d6d6));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0px solid #ffbf00;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 0px 3px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 0px 3px rgba(255,255,255,1);
    box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 0px 3px rgba(255,255,255,1);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.1), 0px 1px 0px rgba(255,255,255,1);
}

.btn-bn1 {
    position: fixed;
    bottom: 50%;
    right: 11px;
    width: 109px;
    padding: 5px;
    font-size: 14px;
}

.btn-bn2 {
    position: fixed;
    bottom: calc(50% - 75px);
    right: 11px;
    width: 109px;
    padding: 5px;
    font-size: 14px;
}

.zindexlow {
    z-index: 0;
}

.jconfirm-mini-title {
    display: none;
}

.jconfirm-open .jconfirm-mini-title {
    display: block;
    font-size: 16px;
    color: #035595;
    font-weight: bold;
    text-align: left;
    top: 7px;
    left: 30px;
    position: fixed;
    width: 78%;
}

.box6 .tabs-container {
    color: #676a6c;
    text-shadow: none;
}

.bg_green {
    background: white;
    background: -moz-radial-gradient(center,ellipse cover,white 30%,#e0f2c1 100%,#ebf4dc 100%,#f1fcdf 100%);
    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(30%,white),color-stop(100%,#e0f2c1),color-stop(100%,#ebf4dc),color-stop(100%,#f1fcdf));
    background: -webkit-radial-gradient(center,ellipse cover,white 30%,#e0f2c1 100%,#ebf4dc 100%,#f1fcdf 100%);
    background: -o-radial-gradient(center,ellipse cover,white 30%,#e0f2c1 100%,#ebf4dc 100%,#f1fcdf 100%);
    background: -ms-radial-gradient(center,ellipse cover,white 30%,#e0f2c1 100%,#ebf4dc 100%,#f1fcdf 100%);
    background: radial,ellipse center,white 30%,#e0f2c1 100%,#ebf4dc 100%,#f1fcdf 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1fcdf',GradientType=1);
}

.widget.click:hover {
    color: white;
    opacity: 0.8;
    -moz-box-shadow: inset 0 0 10px #5e5e5e;
    -webkit-box-shadow: inset 0 0 10px #5e5e5e;
    box-shadow: inset 0 0 10px #5e5e5e;
}

.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

.project-title a {
    text-decoration: solid;
}

.panel-body-paper {
    border: 4px solid #fff;
    padding: 10px 5px;
    overflow: hidden;
    background-image: -moz-linear-gradient(top, #f6f2ec, #e2dbce);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f6f2ec),color-stop(1, #e2dbce));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f2ec', EndColorStr='#e2dbce');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f2ec', EndColorStr='#e2dbce')";
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 180px 0 #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.85);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 810px -68px #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 180px 0 #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.85);
}

.bg-title {
    color: #D9E7FD;
    background-color: #42a5f5;
    border-color: #42a5f5;
    padding: 12px;
    margin: 0;
    border-radius: 5px;
}

#map {
    height: 100%;
}

/*Button V2*/

.buttonv2 {
    /*margin: 0 0 5px;*/
    width: 100%;
    padding: 10px 0 10px;
    /*height: 28px;*/
    line-height: 28px;
    font-size: 11px;
    font-weight: bold;
    color: #555555;
    text-decoration: none;
    text-shadow: 0 1px white;
    background: #dfdfdf;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #cecece #bababa #a8a8a8;
    border-radius: 3px 3px 2px 2px;
    outline: 0;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
    background-image: -moz-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
    background-image: -o-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
    -webkit-box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);
}

    .buttonv2:hover, .buttonv2:active {
        background: #dfdfdf;
        border-top-color: #c9c9c9;
    }

    .buttonv2:active, .buttonv2.green:active, .buttonv2.blue:active, .buttonv2.yellow:active, .buttonv2.red:active, .buttonv2.purple:active, .buttonv2.grey:active, .buttonv2.black:active {
        vertical-align: -5px;
        margin-bottom: 0;
        /*padding: 1px 13px 0;*/
        border-width: 0;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white;
        box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white;
    }

    .buttonv2.green {
        color: #465f25;
        text-shadow: 0 1px #d9f3b5;
        background: #94d362;
        border-color: #91ce5e #7ab04b #5e903f;
        background-image: -webkit-linear-gradient(top, #c0eb85 0%, #94d362 70%, #8ed258 100%);
        background-image: -moz-linear-gradient(top, #c0eb85 0%, #94d362 70%, #8ed258 100%);
        background-image: -o-linear-gradient(top, #c0eb85 0%, #94d362 70%, #8ed258 100%);
        background-image: linear-gradient(to bottom, #c0eb85 0%, #94d362 70%, #8ed258 100%);
        -webkit-box-shadow: inset 0 1px #d9f3b5, inset 0 0 0 1px #b1e095, 0 1px #5e903f, 0 3px #6da445, 0 4px #5e903f, 0 5px 2px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 1px #d9f3b5, inset 0 0 0 1px #b1e095, 0 1px #5e903f, 0 3px #6da445, 0 4px #5e903f, 0 5px 2px rgba(0, 0, 0, 0.4);
    }

        .buttonv2.green:hover, .buttonv2.green:active {
            background: #94d362;
            border-top-color: #82bd53;
        }

    .buttonv2.blue {
        color: #236277;
        text-shadow: 0 1px #c2ecf9;
        background: #61cdf3;
        border-color: #6fbad1 #3fa3c0 #3583ab;
        background-image: -webkit-linear-gradient(top, #9be5fa 0%, #61cdf3 70%, #5fbde8 100%);
        background-image: -moz-linear-gradient(top, #9be5fa 0%, #61cdf3 70%, #5fbde8 100%);
        background-image: -o-linear-gradient(top, #9be5fa 0%, #61cdf3 70%, #5fbde8 100%);
        background-image: linear-gradient(to bottom, #9be5fa 0%, #61cdf3 70%, #5fbde8 100%);
        -webkit-box-shadow: inset 0 1px #c5f0fd, inset 0 0 0 1px #8ad1eb, 0 1px #3583ab, 0 3px #3f9db8, 0 4px #3583ab, 0 5px 2px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 1px #c5f0fd, inset 0 0 0 1px #8ad1eb, 0 1px #3583ab, 0 3px #3f9db8, 0 4px #3583ab, 0 5px 2px rgba(0, 0, 0, 0.4);
    }

        .buttonv2.blue:hover, .buttonv2.blue:active {
            background: #61cdf3;
            border-top-color: #3eaac9;
        }

    .buttonv2.yellow {
        color: #7e4f27;
        text-shadow: 0 1px #f2e294;
        background: #f6ba49;
        border-color: #efb443 #d9a238 #a57825;
        background-image: -webkit-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%);
        background-image: -moz-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%);
        background-image: -o-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%);
        background-image: linear-gradient(to bottom, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%);
        -webkit-box-shadow: inset 0 1px #ffeca6, inset 0 0 0 1px #e5c96d, 0 1px #a57825, 0 3px #c08a28, 0 4px #a57825, 0 5px 2px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 1px #ffeca6, inset 0 0 0 1px #e5c96d, 0 1px #a57825, 0 3px #c08a28, 0 4px #a57825, 0 5px 2px rgba(0, 0, 0, 0.4);
    }

        .buttonv2.yellow:hover, .buttonv2.yellow:active {
            background: #f6ba49;
            border-top-color: #e5ab3d;
        }

    .buttonv2.red {
        color: #702526;
        text-shadow: 0 1px #ea8f99;
        background: #e46565;
        border-color: #e1696e #c85252 #a03a38;
        background-image: -webkit-linear-gradient(top, #eb9093 0%, #e46565 70%, #e25755 100%);
        background-image: -moz-linear-gradient(top, #eb9093 0%, #e46565 70%, #e25755 100%);
        background-image: -o-linear-gradient(top, #eb9093 0%, #e46565 70%, #e25755 100%);
        background-image: linear-gradient(to bottom, #eb9093 0%, #e46565 70%, #e25755 100%);
        -webkit-box-shadow: inset 0 1px #dcaaaa, inset 0 0 0 1px #df777a, 0 1px #a03a38, 0 3px #be4b49, 0 4px #a03a38, 0 5px 2px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 1px #dcaaaa, inset 0 0 0 1px #df777a, 0 1px #a03a38, 0 3px #be4b49, 0 4px #a03a38, 0 5px 2px rgba(0, 0, 0, 0.4);
    }

        .buttonv2.red:hover, .buttonv2.red:active {
            background: #e46565;
            border-top-color: #d0585a;
        }

    .buttonv2.purple {
        color: #714667;
        text-shadow: 0 1px #f2c5e6;
        background: #e393d3;
        border-color: #e391d0 #c27ab3 #8a517d;
        background-image: -webkit-linear-gradient(top, #f1bee3 0%, #e393d3 70%, #df8dce 100%);
        background-image: -moz-linear-gradient(top, #f1bee3 0%, #e393d3 70%, #df8dce 100%);
        background-image: -o-linear-gradient(top, #f1bee3 0%, #e393d3 70%, #df8dce 100%);
        background-image: linear-gradient(to bottom, #f1bee3 0%, #e393d3 70%, #df8dce 100%);
        -webkit-box-shadow: inset 0 1px #f5d6ee, inset 0 0 0 1px #dcaacf, 0 1px #8a517d, 0 3px #a7619a, 0 4px #8a517d, 0 5px 2px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 1px #f5d6ee, inset 0 0 0 1px #dcaacf, 0 1px #8a517d, 0 3px #a7619a, 0 4px #8a517d, 0 5px 2px rgba(0, 0, 0, 0.4);
    }

        .buttonv2.purple:hover, .buttonv2.purple:active {
            background: #e393d3;
            border-top-color: #c87eb8;
        }

    .buttonv2.grey {
        color: #41505b;
        text-shadow: 0 1px #c2d0db;
        background: #90aabd;
        border-color: #909eab #768791 #50606e;
        background-image: -webkit-linear-gradient(top, #bccbd7 0%, #90aabd 70%, #83a0b4 100%);
        background-image: -moz-linear-gradient(top, #bccbd7 0%, #90aabd 70%, #83a0b4 100%);
        background-image: -o-linear-gradient(top, #bccbd7 0%, #90aabd 70%, #83a0b4 100%);
        background-image: linear-gradient(to bottom, #bccbd7 0%, #90aabd 70%, #83a0b4 100%);
        -webkit-box-shadow: inset 0 1px #d0dae2, inset 0 0 0 1px #99b5ce, 0 1px #50606e, 0 3px #627786, 0 4px #50606e, 0 5px 2px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 1px #d0dae2, inset 0 0 0 1px #99b5ce, 0 1px #50606e, 0 3px #627786, 0 4px #50606e, 0 5px 2px rgba(0, 0, 0, 0.4);
    }

        .buttonv2.grey:hover, .buttonv2.grey:active {
            background: #90aabd;
            border-top-color: #8495a0;
        }

    .buttonv2.black {
        color: #f1f1f1;
        text-shadow: 0 1px #111;
        background: #4f4f4f;
        border-color: #505050 #414141 #2c2c2c;
        background-image: -webkit-linear-gradient(top, dimgrey 0%, #4f4f4f 70%, #3c3c3c 100%);
        background-image: -moz-linear-gradient(top, dimgrey 0%, #4f4f4f 70%, #3c3c3c 100%);
        background-image: -o-linear-gradient(top, dimgrey 0%, #4f4f4f 70%, #3c3c3c 100%);
        background-image: linear-gradient(to bottom, dimgrey 0%, #4f4f4f 70%, #3c3c3c 100%);
        -webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 0 3px #444444, 0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 0 3px #444444, 0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4);
    }

        .buttonv2.black:hover, .buttonv2.black:active {
            background: #4f4f4f;
            border-top-color: #494949;
        }

.lt-ie9 .buttonv2 {
    border-width: 1px;
    padding: 0 12px;
}

.container_map {
    position: relative;
    width: 100%;
    height: 75vh;
}

.img-block {
    position: inherit;
    right: inherit;
    display: block;
}

.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

    .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
    top: 11px !important;
    height: 39px;
}

    #pac-input:focus {
        border-color: #4d90fe;
    }

/*.input-group > .form-control {
    width: calc(100% - 78px);
}*/

.label-big {
    font-size: 18px;
    padding: 10px
}

.btn-danger {
    color: white;
}

.folder-list li.active {
    background: #edeaea;
    border-radius: 15px;
    padding-left: 15px;
}

.folder-list li:hover {
    background: #edeaea;
    border-radius: 15px;
    padding-left: 15px;
    animation: .3s ease .3s normal forwards forwardsIn;
    -webkit-animation: .3s ease .3s normal forwards forwardsIn;
}

.box-valign {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.pointer {
}

.shadow-n {
    box-shadow: 0 15px 35px rgba(50,50,93,0.1), 0 5px 15px rgba(0,0,0,0.07);
}

.shadow-ne {
    box-shadow: 0 4px 61px rgba(50,50,93,0.1), 0 5px 23px rgba(0,0,0,0.07);
}

.ulIdcBigger > h3 {
    font-size: 16px;
}

.label-infoCrd {
    background-color: #3b9ca9;
    color: #FFFFFF;
}

button[disabled], html input[disabled] {
    cursor: not-allowed;
    opacity: 0.7;
}

.hover-scale {
    transition: transform .2s;
}

    .hover-scale:hover {
        transform: scale(1.15); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        transition: transform .2s;
    }


/*-------------------------------------
zTree Style

version:	3.5.19
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/

.ztree * {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif
}

.ztree {
    margin: 0;
    padding: 5px;
    color: #333
}

    .ztree li {
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 14px;
        text-align: left;
        white-space: nowrap;
        outline: 0
    }

        .ztree li ul {
            margin: 0;
            padding: 0 0 0 18px
        }

            .ztree li ul.line {
                background: url(./img/line_conn.gif) 0 0 repeat-y;
            }

        .ztree li a {
            padding: 1px 3px 0 0;
            margin: 0;
            cursor: pointer;
            height: 17px;
            color: #333;
            background-color: transparent;
            text-decoration: none;
            vertical-align: top;
            display: inline-block
        }

            .ztree li a:hover {
                text-decoration: underline
            }

            .ztree li a.curSelectedNode {
                padding-top: 0px;
                background-color: #FFE6B0;
                color: black;
                height: 16px;
                border: 1px #FFB951 solid;
                opacity: 0.8;
            }

            .ztree li a.curSelectedNode_Edit {
                padding-top: 0px;
                background-color: #FFE6B0;
                color: black;
                height: 16px;
                border: 1px #FFB951 solid;
                opacity: 0.8;
            }

            .ztree li a.tmpTargetNode_inner {
                padding-top: 0px;
                background-color: #316AC5;
                color: white;
                height: 16px;
                border: 1px #316AC5 solid;
                opacity: 0.8;
                filter: alpha(opacity=80)
            }

            .ztree li a.tmpTargetNode_prev {
            }

            .ztree li a.tmpTargetNode_next {
            }

            .ztree li a input.rename {
                height: 14px;
                width: 80px;
                padding: 0;
                margin: 0;
                font-size: 12px;
                border: 1px #7EC4CC solid;
                *border: 0px
            }

        .ztree li span {
            line-height: 16px;
            margin-right: 2px
        }

            .ztree li span.button {
                line-height: 0;
                margin: 0;
                width: 16px;
                height: 16px;
                display: inline-block;
                vertical-align: middle;
                border: 0 none;
                cursor: pointer;
                outline: none;
                background-color: transparent;
                background-repeat: no-repeat;
                background-attachment: scroll;
                background-image: url("/content/img/zTreeStandard.png");
                *background-image: url("/content/img/zTreeStandard.gif")
            }

                .ztree li span.button.chk {
                    width: 13px;
                    height: 13px;
                    margin: 0 3px 0 0;
                    cursor: auto
                }

                    .ztree li span.button.chk.checkbox_false_full {
                        background-position: 0 0
                    }

                    .ztree li span.button.chk.checkbox_false_full_focus {
                        background-position: 0 -14px
                    }

                    .ztree li span.button.chk.checkbox_false_part {
                        background-position: 0 -28px
                    }

                    .ztree li span.button.chk.checkbox_false_part_focus {
                        background-position: 0 -42px
                    }

                    .ztree li span.button.chk.checkbox_false_disable {
                        background-position: 0 -56px
                    }

                    .ztree li span.button.chk.checkbox_true_full {
                        background-position: -14px 0
                    }

                    .ztree li span.button.chk.checkbox_true_full_focus {
                        background-position: -14px -14px
                    }

                    .ztree li span.button.chk.checkbox_true_part {
                        background-position: -14px -28px
                    }

                    .ztree li span.button.chk.checkbox_true_part_focus {
                        background-position: -14px -42px
                    }

                    .ztree li span.button.chk.checkbox_true_disable {
                        background-position: -14px -56px
                    }

                    .ztree li span.button.chk.radio_false_full {
                        background-position: -28px 0
                    }

                    .ztree li span.button.chk.radio_false_full_focus {
                        background-position: -28px -14px
                    }

                    .ztree li span.button.chk.radio_false_part {
                        background-position: -28px -28px
                    }

                    .ztree li span.button.chk.radio_false_part_focus {
                        background-position: -28px -42px
                    }

                    .ztree li span.button.chk.radio_false_disable {
                        background-position: -28px -56px
                    }

                    .ztree li span.button.chk.radio_true_full {
                        background-position: -42px 0
                    }

                    .ztree li span.button.chk.radio_true_full_focus {
                        background-position: -42px -14px
                    }

                    .ztree li span.button.chk.radio_true_part {
                        background-position: -42px -28px
                    }

                    .ztree li span.button.chk.radio_true_part_focus {
                        background-position: -42px -42px
                    }

                    .ztree li span.button.chk.radio_true_disable {
                        background-position: -42px -56px
                    }

                .ztree li span.button.switch {
                    width: 18px;
                    height: 18px
                }

                .ztree li span.button.root_open {
                    background-position: -92px -54px
                }

                .ztree li span.button.root_close {
                    background-position: -74px -54px
                }

                .ztree li span.button.roots_open {
                    background-position: -92px 0
                }

                .ztree li span.button.roots_close {
                    background-position: -74px 0
                }

                .ztree li span.button.center_open {
                    background-position: -92px -18px
                }

                .ztree li span.button.center_close {
                    background-position: -74px -18px
                }

                .ztree li span.button.bottom_open {
                    background-position: -92px -36px
                }

                .ztree li span.button.bottom_close {
                    background-position: -74px -36px
                }

                .ztree li span.button.noline_open {
                    background-position: -92px -72px
                }

                .ztree li span.button.noline_close {
                    background-position: -74px -72px
                }

                .ztree li span.button.root_docu {
                    background: none;
                }

                .ztree li span.button.roots_docu {
                    background-position: -56px 0
                }

                .ztree li span.button.center_docu {
                    background-position: -56px -18px
                }

                .ztree li span.button.bottom_docu {
                    background-position: -56px -36px
                }

                .ztree li span.button.noline_docu {
                    background: none;
                }

                .ztree li span.button.ico_open {
                    margin-right: 2px;
                    background-position: -110px -16px;
                    vertical-align: top;
                    *vertical-align: middle
                }

                .ztree li span.button.ico_close {
                    margin-right: 2px;
                    background-position: -110px 0;
                    vertical-align: top;
                    *vertical-align: middle
                }

                .ztree li span.button.ico_docu {
                    margin-right: 2px;
                    background-position: -110px -32px;
                    vertical-align: top;
                    *vertical-align: middle
                }

                .ztree li span.button.edit {
                    margin-right: 2px;
                    background-position: -110px -48px;
                    vertical-align: top;
                    *vertical-align: middle
                }

                .ztree li span.button.remove {
                    margin-right: 2px;
                    background-position: -110px -64px;
                    vertical-align: top;
                    *vertical-align: middle
                }

                .ztree li span.button.ico_loading {
                    margin-right: 2px;
                    background: url(./img/loading.gif) no-repeat scroll 0 0 transparent;
                    vertical-align: top;
                    *vertical-align: middle
                }

ul.tmpTargetzTree {
    background-color: #FFE6B0;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

span.tmpzTreeMove_arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    padding: 0;
    margin: 2px 0 0 1px;
    border: 0 none;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -110px -80px;
    background-image: url("/content/img/zTreeStandard.png");
    *background-image: url("/content/img/zTreeStandard.gif")
}

ul.ztree.zTreeDragUL {
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #cfcfcf;
    border: 1px #00B83F dotted;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.zTreeMask {
    z-index: 10000;
    background-color: #cfcfcf;
    opacity: 0.0;
    filter: alpha(opacity=0);
    position: absolute
}

/* level style*/
/*.ztree li span.button.level0 {
	display:none;
}
.ztree li ul.level0 {
	padding:0;
	background:none;
}*/

.modal-content .editable-container.popover {
    left: 14px !important;
}


/* 
Created on: 17 Sep, 2014, 4:29:37 PM
Author: senthil
*/

.ti_tx,
.mi_tx,
.mer_tx {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.time,
.mins,
.meridian {
    width: 60px;
    float: left;
    margin: 0 10px;
    font-size: 20px;
    color: #2d2e2e;
    font-family: arial;
    font-weight: 700;
}

.prev,
.next {
    cursor: pointer;
    padding: 18px;
    width: 28%;
    border: 1px solid #ccc;
    margin: auto;
    background: url(../Content/arrow.png) no-repeat;
    border-radius: 5px;
}

    .prev:hover,
    .next:hover {
        background-color: #ccc;
    }

.next {
    background-position: 50% 150%;
}

.prev {
    background-position: 50% -50%;
}

.time_pick {
    position: relative;
}

.timepicker_wrap {
    padding: 10px;
    border-radius: 5px;
    z-index: 998;
    display: none;
    box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);
    background: #f6f6f6;
    border: 1px solid #ccc;
    float: left;
    position: absolute;
    top: 27px;
    left: 0;
}

.arrow_top {
    position: absolute;
    top: -10px;
    left: 20px;
    background: url(../Content/top_arr.png) no-repeat;
    width: 18px;
    height: 10px;
    z-index: 999;
}

input.timepicki-input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    float: none;
    margin: 0;
    text-align: center;
    width: 70%;
}

a.reset_time {
    float: left;
    margin-top: 5px;
    color: #000;
}

.logo_referencias {
    border-radius: 5px;
    width: 100px;
    /* float: right; */
    position: absolute;
    right: 0;
    top: 64px;
}

[data-inputsgen] label {
    width: 92%;
}

@media screen and (max-width: 575px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.73);
        -webkit-transform: scale(0.73);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

[data-inputsfrm] {
    width: calc(100% - 45px);
    min-height: 40px;
}

    [data-inputsfrm].frmdoclbl {
        min-height: 0px;
    }

.box-part {
    background-color: #F5F5F6;
    color: inherit;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    border-radius: 10px;
    padding: 5px 5px;
    margin: 5px 0px;
    transition: transform .2s;
}

    .box-part .title h4 {
        font-size: 24px;
        margin-bottom: .5rem;
        font-family: inherit;
        font-weight: 600;
        line-height: 1.2;
        color: inherit;
    }

    .box-part a {
        color: #007bff;
        text-decoration: none;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
        border-bottom: 2px solid #0062cc;
        position: absolute;
        top: 9px;
        right: 25px;
    }

    .box-part .text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .box-part:hover {
        transform: scale(1.1);
        z-index: 999;
    }

    .box-part.box-current {
        background-color: #c9c9c9 !important;
        color: #000000;
    }

.wizard li.active .list-group-item-heading {
    font-size: 20px;
    color: white;
}

.wizard li.active .list-group-item-text {
    font-size: 16px;
    color: white;
}

.wizard.nav > li.active {
    border-left: inherit;
    background: inherit;
}

@media (max-width: 568px) {
    .wizard li.active .list-group-item-heading {
        font-size: 14px;
    }

    .wizard li.active .list-group-item-text {
        font-size: 11px;
    }

    .wizard.nav-pills > li + li {
        width: 49%;
        float: left;
    }
}

.modal-content {
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
    -webkit-background-clip: padding-box;
    outline: 0;
}

.modal-header > h4 {
    font-size: 18px;
}

.modal-header {
    padding: 15px 15px 10px 15px;
    background-color: #f6f6f6;
}

.box-fancy {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    padding: 25px 25px 25px 25px;
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
}


/*Botones Modernos*/

/*.page-wrapper {
    background: url(https://pcbx.us/bexy.jpg) !important;
}*/

a.btn-2 {
    text-decoration: none;
    color: #fff;
    margin: 0 10px;
}

.btn-2 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 53px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0px 1px 1px #888;
}

    .btn-2 span.icon, .btn-2 span.title {
        display: block;
        position: relative;
        line-height: 50px;
        padding: 0 30px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    .btn-2 span.left {
        float: left;
        border-radius: 6px 0 0 6px;
        -moz-border-radius: 6px 0 0 6px;
        -webkit-border-radius: 6px 0 0 6px;
    }

    .btn-2 span.right {
        float: right;
        border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
        -webkit-border-radius: 0 6px 6px 0;
    }

    .btn-2 span.icon {
        font-size: 40px;
        background-color: #00967f;
        -webkit-box-shadow: 0 3px 0 0 #007261;
        box-shadow: 0 3px 0 0 #007261;
        text-shadow: 0px 1px 1px #888;
    }

    .btn-2 span.title {
        -webkit-box-shadow: 0 3px 0 0 #00ae94;
        box-shadow: 0 3px 0 0 #00ae94;
        background-color: #00cdae;
    }

    .btn-2 span.arrow-left, .btn-2 span.arrow-right {
        position: absolute;
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        -webkit-transition: all .15s;
        -transition: all .15s;
        -webkit-transition-property: left,right;
        transition-property: left,right;
    }

    .btn-2.left span.arrow-left {
        right: 0;
        -webkit-box-shadow: 10px 0 0 0 #00cdae,10px 3px 0 0 #00ae94;
        box-shadow: 10px 0 0 0 #00cdae,10px 3px 0 0 #00ae94;
        border-right: 10px solid #00cdae;
    }

    .btn-2.right span.arrow-left {
        right: 0;
        -webkit-box-shadow: 10px 0 0 0 #00967f,10px 3px 0 0 #007261;
        box-shadow: 10px 0 0 0 #00967f,10px 3px 0 0 #007261;
        border-right: 10px solid #00967f;
    }

    .btn-2.left span.arrow-right {
        left: 0;
        -webkit-box-shadow: -10px 0 0 0 #00967f,-10px 3px 0 0 #007261;
        box-shadow: -10px 0 0 0 #00967f,-10px 3px 0 0 #007261;
        border-left: 10px solid #00967f;
    }

    .btn-2.right span.arrow-right {
        left: 0;
        -webkit-box-shadow: -10px 0 0 0 #00cdae,-10px 3px 0 0 #00ae94;
        box-shadow: -10px 0 0 0 #00cdae,-10px 3px 0 0 #00ae94;
        border-left: 10px solid #00cdae;
    }

    .btn-2 span.slant-left, .btn-2 span.slant-right {
        position: absolute;
        width: 0;
        height: 0;
        border-top: 0 solid transparent;
        border-bottom: 50px solid transparent;
        -webkit-transition: all .15s;
        -transition: all .15s;
        -webkit-transition-property: left,right;
        transition-property: left,right;
    }

    .btn-2.left span.slant-right {
        left: 0;
        -webkit-box-shadow: -10px 0 0 0 #00967f,-10px 3px 0 0 #007261;
        box-shadow: -10px 0 0 0 #00967f,-10px 3px 0 0 #007261;
        border-left: 10px solid #00967f;
    }

    .btn-2.right span.slant-right {
        left: 0;
        -webkit-box-shadow: -10px 0 0 0 #00cdae,-10px 3px 0 0 #00ae94;
        box-shadow: -10px 0 0 0 #00cdae,-10px 3px 0 0 #00ae94;
        border-left: 10px solid #00cdae;
    }

    .btn-2.left span.slant-left {
        right: 0;
        -webkit-box-shadow: 10px 0 0 0 #00cdae,10px 3px 0 0 #00ae94;
        box-shadow: 10px 0 0 0 #00cdae,10px 3px 0 0 #00ae94;
        border-right: 10px solid #00cdae;
    }

    .btn-2.right span.slant-left {
        right: 0;
        -webkit-box-shadow: 10px 0 0 0 #00967f,10px 3px 0 0 #007261;
        box-shadow: 10px 0 0 0 #00967f,10px 3px 0 0 #007261;
        border-right: 10px solid #00967f;
    }

    .btn-2:active, .btn-2.active {
        height: 51px;
    }

    .btn-2:hover {
    }

        .btn-2:hover span.arrow-left {
            right: 10px;
        }

        .btn-2:hover span.arrow-right {
            left: 10px;
        }

        .btn-2:hover span.slant-left {
            right: 10px;
        }

        .btn-2:hover span.slant-right {
            left: 10px;
        }

.btn-2-small {
    height: 30px;
    font-size: 12px;
    line-height: 10px;
}

a.btn-2-small span.btn-2 {
    height: 30px;
}

@media (max-width: 788px) {
    .btn-2 span.left {
        padding: 0px 5px 0px 5px;
    }
}

.loader-textbox {
    position: absolute;
    font-size: 20px !important;
    bottom: 12px;
    left: calc(100% - 85px);
}

.form-group {
    position: relative;
}

/*.btn, .form-control, .ms-choice, .label, .panel, .panel-header, .box2 {
    border-radius: 10px;
}*/

.label, .badge {
    border-radius: 10px;
    font-weight: 500;
    padding: 5px;
}

.media, .media-body {
    position: inherit;
}

.m-b-1 {
    margin-bottom: 5px;
}

.m-t-1 {
    margin-top: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148)));
}

.wrapper-content-mw {
    max-width: 1200px;
    margin: 0 auto;
}

.form-control-textareadatosL {
    resize: vertical;
    margin: 0px 1.32812px 0px 0px;
    height: auto;
    width: 100%;
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.padding-credid {
    padding: 15px;
}
/*Comentarios*/
.content-item {
    padding: 30px 0;
    background-color: #FFFFFF;
}

    .content-item.grey {
        background-color: #F0F0F0;
        padding: 50px 0;
        height: 100%;
    }

    .content-item h2 {
        font-weight: 700;
        font-size: 35px;
        line-height: 45px;
        text-transform: uppercase;
        margin: 20px 0;
    }

    .content-item h3 {
        font-weight: 400;
        font-size: 20px;
        color: #555555;
        margin: 10px 0 15px;
        padding: 0;
    }

.content-headline {
    height: 1px;
    text-align: center;
    margin: 20px 0 70px;
}

    .content-headline h2 {
        background-color: #FFFFFF;
        display: inline-block;
        margin: -20px auto 0;
        padding: 0 20px;
    }

.grey .content-headline h2 {
    background-color: #F0F0F0;
}

.content-headline h3 {
    font-size: 14px;
    color: #AAAAAA;
    display: block;
}


#comments form {
    margin-bottom: 30px;
}

#comments .btn {
    margin-top: 7px;
}

#comments form fieldset {
    clear: both;
}

#comments form textarea {
    height: 100px;
}

#comments .media {
    border-top: 1px dashed #DDDDDD;
    padding: 20px 0;
    margin: 0;
}

    #comments .media > .pull-left {
        margin-right: 20px;
    }

    #comments .media img {
        max-width: 100px;
    }

    #comments .media h4 {
        margin: 0 0 10px;
    }

        #comments .media h4 span {
            font-size: 14px;
            float: right;
            color: #999999;
        }

    #comments .media p {
        margin-bottom: 15px;
        text-align: justify;
    }

#comments .media-detail {
    margin: 0;
}

    #comments .media-detail li {
        color: #AAAAAA;
        font-size: 12px;
        padding-right: 10px;
        font-weight: 600;
    }

    #comments .media-detail a:hover {
        text-decoration: underline;
    }

    #comments .media-detail li:last-child {
        padding-right: 0;
    }

    #comments .media-detail li i {
        color: #666666;
        font-size: 15px;
        margin-right: 10px;
    }

#ScoreCreditoResult .tagResultado {
    width: 50px;
    height: 24px;
    position: absolute;
    font-size: 18px;
    background-color: white;
    right: 10%;
    top: 23px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: black;
    padding: 0px 0 0 0;
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    border-radius: 20px;
}

#ScoreCreditoResult .pnlScoreMedia {
    margin-bottom: 10px;
}

    #ScoreCreditoResult .pnlScoreMedia .tagPromedio {
        font-size: 20px;
        font-weight: bold;
        width: 50px;
        display: inline-block;
    }

    #ScoreCreditoResult .pnlScoreMedia .tagBarra {
        width: 80%;
        display: inline-block;
        padding: 5px;
    }

        #ScoreCreditoResult .pnlScoreMedia .tagBarra span {
            color: white;
            font-weight: 600;
        }

.verde {
    background-color: #9BD953;
}

.amarillo {
    background-color: #EEBB00;
}

.naranja {
    background-color: #F48000;
}

.rojo {
    background-color: #F34400;
}

.bienrojo {
    background-color: #F31100;
}

@media (min-width: 768px) {
    .modal-dialog.modal-md {
        width: 750px;
    }
}

@media (max-width: 768px) {
    .nav.navbar-top-links.navbar-right {
        padding: 0 0 0 15px;
    }

        .nav.navbar-top-links.navbar-right li {
            padding: 0px 0 0 0px;
            height: 40px;
        }

            .nav.navbar-top-links.navbar-right li a {
                padding: 5px;
                margin: 0px;
            }
}

.txt-user-auth {
    font-weight: bold !important;
    color: rebeccapurple !important;
    font-style: italic;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow-x: hidden;
}



.select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    color: #676a6c;
}

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

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    border-left: 0px solid #aaa;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 32px;
}

.select2-container--classic .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e5e6e7;
    border-radius: 0px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #fff 100%);
}

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        border-left: 0px solid #aaa;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        height: 32px;
        background-image: -webkit-linear-gradient(top, #fff 50%, #fff 100%);
        background-image: -o-linear-gradient(top, #fff 50%, #fff 100%);
        background-image: linear-gradient(to bottom, #fff 50%, #fff 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    }

.select2-container.select2-container--classic.select2-container--open {
    z-index: 10000;
}

.btn-generar-link-documentos {
    color: #000;
    border-color: #000;
}

    .btn-generar-link-documentos:hover {
        color: #fff;
    }

.select2-requerido-borde {
    border: 2px solid red;
}

.select2-container--classic .select2-selection--single.select2-requerido-fondo,
.select2-container--classic .select2-selection--single .select2-selection__arrow.select2-requerido-fondo {
    background-color: #ffeeee;
    background-image: linear-gradient(to bottom, #ffeeee 50%, #ffeeee 100%);
}


.btn-delete-date:hover {
    background-color: #46C3D3;
    color: #fff;
    cursor: pointer;
}

.flatpickr-day.selected {
    background-color: #5bc0de;
    color: #fff;
}

.btn-eliminar-elemento-repetitivo {
    color: #fff;
}

    .btn-eliminar-elemento-repetitivo:hover {
        color: #ffb1b1;
    }
/*.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 21px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    color:#888;
}*/
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: -webkit-linear-gradient(top, #fff 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #fff 100%);
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    margin-right: 5px;
}

.flatpickr-container {
    position: relative;
}

    .flatpickr-container .clear-date {
        position: absolute;
        right: 1em;
        z-index: 3;
        top: 0.55em;
        font-weight: bold;
        cursor: pointer;
    }

.collapse-custom {
    /*font-family: 'Material Icons';*/
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.0em;
}

    .collapse-custom::before {
        content: "\f0ab";
    }

    .collapse-custom[aria-expanded="true"]::before {
        content: "\f0aa";
    }

.count-info.count-info-idcheck .label {
    top: 1px;
}

.info-tooltip-docs {
    padding-left: 5px;
    color: #1f89d5;
}

.semaforo {
    background-image: linear-gradient(to right top, #eeeeee, #e7e7e7, #dfdfdf, #d8d8d8, #d1d1d1, #d0d0d0, #d0d0d0, #cfcfcf, #d5d5d5, #dcdcdc, #e2e2e2, #e9e9e9);
    border: 1px solid #d8d8d8;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 25px;
    padding: 5px;
    margin: 10px;
    margin-top: 1em;
    /*position: absolute;*/
}

    .semaforo .red {
        width: 55px;
        height: 55px;
        border: 2px solid #cf001b;
        border-radius: 50px;
    }

        .semaforo .red.active {
            background-image: radial-gradient(circle, #cf001b, #d00118, #d10316, #d10512, #d2070f, #d40f12, #d51515, #d71a18, #da2321, #dc2a29, #de3131, #e03838);
        }

    .semaforo .huella {
        width: 55px;
        height: 55px;
        border: 1px solid wheat;
        border-radius: 50px;
        background: white;
    }

        .semaforo .huella img {
            /*width: 100%;*/
            border-radius: 50px;
        }

    .semaforo .green {
        width: 55px;
        height: 55px;
        border: 2px solid #178400;
        border-radius: 50px;
    }

        .semaforo .green.active {
            background-image: linear-gradient(to right top, #167f00, #178400, #188900, #198f00, #1a9400, #1b9800, #1b9d00, #1ca100, #1da500, #1eaa00, #1fae00, #20b300);
        }

.archivo-firma-docs .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.archivo-firma-docs .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

    .archivo-firma-docs .custom-file-input:focus ~ .custom-file-label {
        border-color: #308AF3;
        box-shadow: 0 0 0 0.2rem rgba(48, 138, 243, 0.25);
    }

    .archivo-firma-docs .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef;
    }

    .archivo-firma-docs .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse";
    }

    .archivo-firma-docs .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse);
    }

.archivo-firma-docs .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    width: 100% !important;
    height: calc(1.5em + 0.75rem + 6px);
    padding: 0.675rem 1.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #DBDFE4;
    border-radius: 0.25rem;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .archivo-firma-docs .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + 0.75rem + 4px);
        padding: 0.675rem 1.875rem;
        line-height: 1.5;
        color: #495057;
        content: "Buscar";
        background-color: white;
        border-left: inherit;
        border-radius: 0 0.25rem 0.25rem 0;
    }

.archivo-firma-docs .custom-file .btn-custom-file-delete {
    position: absolute;
    top: 1.5px;
    right: 6.2em;
    bottom: 0;
    z-index: 4;
    /* display: block; */
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.675rem 1.875rem;
    line-height: 0.5;
    color: #495057;
    content: "X";
    background-color: white;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
    display: none !important;
}

.archivo-firma-docs .custom-file.has-file .btn-custom-file-delete {
    display: block !important;
}

.archivo-firma-docs .custom-file.has-file .custom-file-label::after {
    content: "Editar";
    padding: 0.675rem 2.2rem;
}

.archivo-firma-docs .custom-file .btn-custom-file-delete:hover {
    background: #000;
    color: #fff;
}

.form-validation .form-group {
    position: relative;
}

.form-validation .field-validation-error {
    position: absolute;
    top: 3px;
    right: 5px;
}

.pnl-documentos-electronicos div.fileinput-exists {
    border: 1px solid #979797;
    border-radius: 4px;
}

    .pnl-documentos-electronicos div.fileinput-exists .btn.btn-file {
        background-color: #979797;
        border-radius: 0px 0px 0px 0px;
    }

.pnl-documentos-electronicos .fileinput-exists .btn.btn-file .fileinput-exists {
    color: #fff;
}

.pnl-documentos-electronicos .fileinput-exists .close.fileinput-exists {
    float: inline-end !important;
    padding-left: 4px;
    background-color: #979797;
    opacity: 1;
    color: #fff;
    margin-left: 5px;
    line-height: 22px;
    font-weight: 500;
}

    .pnl-documentos-electronicos .fileinput-exists .close.fileinput-exists:hover {
        background-color: #000;
    }

.animated-progress {
    width: 95%;
    height: 30px;
    border-radius: 5px;
    margin: 20px 10px 5px 10px;
    border: 1px solid #087299;
    overflow: hidden;
    position: relative;
}

    .animated-progress span {
        height: 100%;
        display: block;
        width: 0;
        color: rgb(255, 251, 251);
        line-height: 30px;
        position: absolute;
        text-align: end;
        padding-right: 5px;
    }

.progress-blue span {
    background-color: blue;
}

.progress-green span {
    background-color: #087299;
}

.progress-purple span {
    background-color: indigo;
}

.progress-red span {
    background-color: red;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
    border-radius: 5px;
}

[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
    top: 4px;
}

[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
    top: 7px;
}

.border-image-clip-path {
    border: 5px solid;
    -o-border-image: linear-gradient(45deg, #035595, #44C0D2) 1;
    border-image: linear-gradient(45deg, #44BFD2, #035595) 1;
    -webkit-clip-path: inset(0px round 10px);
    clip-path: inset(0px round 0px);
}

.alert-pers {
    border: 2px solid gray;
    padding: 1em;
    background-color: white;
    margin-bottom: 1em;
    border-radius: 0.5em;
}

    .alert-pers.alert-pers-success {
        background-color: #7EB62E;
        border-color: #7EB62E;
        color: #fff;
    }

    .alert-pers.alert-pers-success-light {
        background-color: #7EB62E;
        border-color: #7EB62E;
        color: #fff;
    }

    .alert-pers.alert-pers-warning {
        background-color: #fcf8e3;
        border-color: #faebcc;
        color: #000;
    }

    .alert-pers.alert-pers-info {
        background-color: #2fa9f6;
        border-color: #2fa9f6;
        color: #fff;
    }

    .alert-pers.alert-pers-secondary {
        background-color: rgb(237, 237, 237);
        border-color: #bdbbbc;
        color: #000;
    }

    .alert-pers.alert-pers-soft-info {
        color: #51a7c5;
        background-color: rgba(81, 167, 197, .05);
        border-color: #cee6ef;
    }

    .alert-pers.alert-pers-soft-success {
        color: #48ba16;
        background-color: rgba(72, 186, 22, .05);
        border-color: #ccecbe;
    }

.text-dark {
    color: #000 !important;
}

.text-light {
    color: #fff !important;
}

.animal-pulse {
    animation: pulse 4s infinite;
}

.border-danger {
    border-color: #ed5565 !important;
}

.border-success {
    border-color: green !important;
}


/* CSS */
.button-3 {
    appearance: none;
    background-color: #add7b8;
    border: 1px solid rgba(27, 31, 35, .15);
    border-radius: 6px;
    box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
    box-sizing: border-box;
    color: #404447;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    padding: 5px 8px 2px 7px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}

    .button-3:focus:not(:focus-visible):not(.focus-visible) {
        box-shadow: none;
        outline: none;
    }

    .button-3:hover {
        background-color: #2c974b;
        color: white;
    }

    .button-3:focus {
        box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
        outline: none;
    }

    .button-3:disabled {
        background-color: #94d3a2;
        border-color: rgba(27, 31, 35, .1);
        color: rgba(255, 255, 255, .8);
        cursor: default;
    }

    .button-3:active {
        background-color: #298e46;
        box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
    }

/* Margin Utilities for all sides */
.m-0 {
    margin: 0px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-35 {
    margin: 35px !important;
}

.m-40 {
    margin: 40px !important;
}

/* Padding Utilities for all sides */
.p-0 {
    padding: 0px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

/* Individual margin sides */
.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

/* Individual padding sides */
.pt-0 {
    padding-top: 0px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

/* Margin and Padding Utilities */

/* Margin and Padding for all sides */
.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

/* Margin and Padding for vertical (top and bottom) sides */
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

/* Margin and Padding for horizontal (left and right) sides */
.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

/* Margin and Padding for individual sides */
.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mr-auto {
    margin-right: auto !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

/* Additive Borders */
.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

/* Subtractive Borders */
.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

/* Border Colors */
.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

/* Border Radius */
.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rangeDistancia {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 100%;
    height: 7px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background-image: linear-gradient(#5bc0de, #5bc0de);
    background-size: 70% 100%;
    background-repeat: no-repeat;
}

    .rangeDistancia::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background: #5bc0de;
        cursor: pointer;
        box-shadow: 0 0 2px 0 #555;
        transition: background .3s ease-in-out;
    }

    .rangeDistancia::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        box-shadow: none;
        border: none;
        background: transparent;
    }

.button-4 {
    color: #0d0d0d;
    background-color: #f5f9fcff;
    border: 0px outset #f9eeee;
    border-radius: 8px 8px 8px 8px;
    transition: all 0.3s;
    width: 100%;
}

    .button-4:hover {
        color: #0d0d0d;
        background-color: #e9eff5ff;
    }

.gm-style .gm-style-iw-d {
    overflow: hidden;
}

.gif-encima {
    position: fixed;
    top: 50%;
    left: 85%;
    transform: translateX(-50%);
    height: 95px;
    width: 300px;
    padding-bottom: 0px;
    z-index: 2147483648; /* Más alto que el popup */
    pointer-events: none; /* No bloquea clics en el push */
}

.popupnt {
    position: fixed;
    bottom: 70px; /* Distancia desde la parte inferior */
    right: 20px; /* Distancia desde el lado derecho */
    /*z-index: 9999;*/
    background-color: white;
    border: 1px solid #ccc;
    /*padding: 15px;*/
    border-radius: 8px;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);*/
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    /*    max-width: 550px;
    max-height: 300px;*/
    max-width: 520px;
    /*max-height: 280px;*/
    max-height: 450px;
    overflow: inherit;
    z-index: 2147483647;
}

    .popupnt img {
        width: 100%;
        /*width: 110%;*/
        /*margin-bottom: 5px;*/
        /*margin: -27px !important;*/
        /*margin: -15px !important;*/
        /*padding-bottom: 55px;*/
        /*height: 185px;*/
        height: 130px;
    }

    .popupnt button {
        display: block;
        margin: 0 0 20px auto;
        background-color: transparent;
        font-size: 30px;
        color: #ffffff;
        background: #03549a;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        border: none;
        outline: none;
        cursor: pointer;
    }

    .popupnt h2 {
        /*margin-top: 0px;*/
        margin-top: -15px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .popupnt p {
        font-size: 14px;
        text-align: justify;
        /*margin: 10px 0;*/
        margin: 10px 0;
        line-height: 22px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 7px;
    }

.overlay-push {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2147483646;
}


/*.popupnt a {
        display: block;
        width: 135px;
        position: relative;*/
/*margin: 10px auto;*/
/*margin: 5px auto;
        text-align: center;*/
/*background-color: #0f72e5;*/
/*border-radius: 5px;
        color: #ffffff;
        text-decoration: none;
        padding: 5px 0;
    }*/
.not-visible {
    display: none !important;
}

.d-none {
    display: none !important;
}

.input-group-addon {
    padding: 2px 12px;
}

.filtros-grid .form-group {
    margin-bottom: 12px;
}

.filtros-grid .checkbox-set {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 4px;
}

    .filtros-grid .checkbox-set label {
        font-weight: 600;
        margin-bottom: 3px;
    }

.mini-metric-box {
    background: linear-gradient(#2f78c9,#1d5fa5);
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 12px;
}

    .mini-metric-box div {
        line-height: 1.25;
    }

#advancedFilters.hidden {
    display: none;
}

@media (min-width:992px) {
    .filtros-grid .col-md-3, .filtros-grid .col-md-4, .filtros-grid .col-md-6 {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.custom-warning-alert {
    background-color: #fff3cd;
    /* height: 40px; */
    border-radius: 2px;
    color: #000;
    margin-top: 10px;
    margin-left: 35px;
    margin-right: 35px;
    padding: 10px;
    border: 2px solid #f9e7b0;
}

.alert.alert-warning {
    background-color: #fff3cd !important;
    border: 2px solid #f9e7b0;
}

.campo-obligatorio {
    border: 0px solid red !important;
    border-radius: 4px;
    box-shadow: 0 0 5px red;
}

.form-group.campo-obligatorio {
    border: 0px solid red;
    border-radius: 5px;
    padding: 10px;
    /*background-color: #fff0f0;*/
}

.agradecimiento-toast {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #3b9ca9;
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

    .agradecimiento-toast.show {
        display: block;
        opacity: 1;
    }

.cic-sub.subFieldset > legend {
    background: #ece6dc;
    border: 1px solid #ece6dc;
    border-radius: 5px;
}

.cic-sub.subFieldset {
    padding: 5px 10px 5px 10px;
}

.formulario-agrupador {
    margin-top: 1em;
}

@media (max-width: 767px) {
    .input-group.input-group-responsive {
        display: block;
        width: 100%;
    }

        .input-group.input-group-responsive .input-group-addon,
        .input-group.input-group-responsive .form-control,
        .input-group.input-group-responsive .input-group-btn {
            display: block;
            width: 100%;
            float: none;
        }
        .input-group.input-group-responsive span {
            padding-top: 0.5em;
            padding-bottom: 0.5em;
        }

        .input-group.input-group-responsive .input-group-addon {
            text-align: left;
            border-radius: 4px 4px 0 0;
            border-bottom: 0;
            white-space: normal;
        }

        .input-group.input-group-responsive .form-control {
            border-radius: 0;
        }

        .input-group.input-group-responsive .input-group-btn .btn {
            width: 100%;
            border-radius: 0 0 4px 4px;
        }
}

/* CG-805 / F5: el badge de demo vive dentro del menu de usuario (.dropdown-menu).
   style.css fuerza color:inherit en .dropdown-menu > li > a (especificidad 0,1,2)
   y pisa a .text-warning/.text-danger (0,1,0). Estas reglas (0,1,3) devuelven
   los colores del tema al badge [data-demo-estado] de _LoginPartial. */
.dropdown-menu > li > a.text-warning {
    color: #f8ac59;
}

.dropdown-menu > li > a.text-danger {
    color: #ed5565;
}

.survey-container {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: min(900px,95vw);
    max-height: 90vh;
    overflow-y: auto;
    background: white;
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(0,0,0,.20);
    font-family: 'Segoe UI';
    z-index: 2147483647;
}

.survey-cerrar {
    position: absolute;
    padding: 25px;
    right: 5px;
    font-size: 25px;
}

/***Para compus****/
@media (max-width:768px) {

    .survey-container {
        width: 96vw;
        max-height: 96vh;
        border-radius: 12px;
    }

    .survey-body {
        padding: 20px;
    }

    .survey-header {
        height: 180px;
    }

        .survey-header h2 {
            font-size: 30px;
        }

        .survey-header p {
            width: 90%;
            font-size: 15px;
        }
}

/*para celus*/

@media (max-width:480px) {

    .survey-header {
        height: 165px;
    }

        .survey-header h2 {
            font-size: 24px;
        }

        .survey-header p {
            font-size: 14px;
        }

    .survey-icon {
        width: 65px;
        height: 65px;
        font-size: 32px;
    }
}

/******** HEADER CUESTIONARIO********/

.survey-header {
    position: relative;
    background: linear-gradient(45deg,#46c3d4 0%,#035595 70%,#035595 100%);
    height: 250px;
    color: white;
    text-align: center;
    overflow: hidden;
}

@media (max-width: 576px) {
    .survey-header {
        height: 315px;
    }
}

/*.survey-header {
    position: relative;
    overflow: hidden;
    height: 220px;
    background: linear-gradient( 45deg, #46c3d4 0%, #035595 70%, #035595 100%);
}

.survey-header:after {
    content: "";
    position: absolute;
    left: -5%;
    bottom: -70px;
    width: 110%;
    height: 140px;
    background: white;
    border-radius: 50%;
}*/

    .survey-header h2 {
        margin-top: 20px;
        font-size: 34px;
        font-weight: 600;
    }

    .survey-header p {
        width: 70%;
        margin: auto;
        opacity: .92;
        font-size: 17px;
    }

.survey-icon {
    width: 80px;
    height: 80px;
    background: white;
    color: #035595;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    margin: 25px auto 10px;
}

.wave {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px;
}

.floating {
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
}

.circle1 {
    width: 140px;
    height: 140px;
    left: -40px;
    top: -30px;
}

.circle2 {
    width: 60px;
    height: 60px;
    right: 80px;
    top: 40px;
}

.circle3 {
    width: 25px;
    height: 25px;
    right: 250px;
    top: 70px;
}

/******** BODY CUESTIONARIO ********/

.survey-body {
    position: relative;
    padding: 35px 45px;

    .question-category {
        display: inline-block;
        background: #EAF8FB;
        color: #0088B6;
        padding: 8px 18px;
        border-radius: 30px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .question-intro {
        color: #666;
        margin-bottom: 15px;
    }

    .question {
        margin-bottom: 30px;

        .question-title {
            display: block;
            font-size: 19px;
            font-weight: 600;
            color: #333;
            margin-bottom: 18px;
        }
    }
}

.survey-title {
    font-size: 28px;
    color: #035595;
    font-weight: 600;
}

.survey-description {
    color: #666;
    margin-top: 10px;
    margin-bottom: 30px;
}

/*.question-category {
    display: inline-block;
    background: #EAF8FB;
    color: #0088B6;
    padding: 8px 18px;
    border-radius: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.question-intro {
    color: #666;
    margin-bottom: 15px;
}

.question {
    margin-bottom: 30px;

    .question-title {
        display: block;
        font-size: 19px;
        font-weight: 600;
        color: #333;
        margin-bottom: 18px;
    }
}*/

/*    .question label:first-child {
        display: block;
        font-size: 19px;
        font-weight: 600;
        color: #333;
        margin-bottom: 18px;
    }*/

/******** RESPUESTAS CUESTIONARIO********/

.survey-container .answers.vertical {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.survey-container .answers.horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/*.survey-container .answers label {*/
.survey-container .answers .valor-encuesta {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
}

.survey-container textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    resize: vertical;
}

.survey-container .buttons {
    margin-top: 35px;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.survey-container .btn-primary {
    border: none;
    padding: 12px 30px;
    border-radius: 10px;
    color: white;
    background: linear-gradient(45deg,#46c3d4,#035595);
    font-weight: 600;
}

.survey-container .btn-secondary {
    border: none;
    padding: 12px 30px;
    border-radius: 10px;
    background: #e9ecef;
}

.survey-dialog-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    /*z-index: 500;*/
    z-index: 2147483648;
}

.survey-dialog {
    width: 420px;
    max-width: 90%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0,0,0,.35);
    animation: surveyDialog .25s ease;
}

@keyframes surveyDialog {

    from {
        opacity: 0;
        transform: scale(.92);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.survey-dialog-header {
    background: linear-gradient(45deg,#46c3d4,#035595);
    color: white;
    text-align: center;
    padding: 20px;
    border-radius: 15px 15px 0 0;
}

    .survey-dialog-header i {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .survey-dialog-header h3 {
        margin: 0;
        font-size: 22px;
    }

.survey-dialog-body {
    padding: 25px;
}

    .survey-dialog-body p {
        text-align: center;
        margin-bottom: 20px;
    }

.survey-select {
    width: 100%;
    border: 1px solid #DDD;
    border-radius: 8px;
    padding: 10px;
}

.survey-dialog-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px;
    border-top: 1px solid #EEE;
}

/*.dsd {

    padding: 10px;
    border: 1px #038799 solid;
    width: 35px;
    height: 35px;
    border-radius: 7px;
    background-color: #e6fcff;
}*/

.opcion-respuesta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #038799;
    width: 35px;
    height: 35px;
    border-radius: 7px;
    background-color: #e6fcff;
    cursor: pointer;
    transition: all .2s ease;
}

    .opcion-respuesta input[type="checkbox"] {
        display: none; /* Oculta el checkbox si solo quieres que se vea el cuadro */
    }

.elemento-seleccionado {
    background-color: #035595 !important;
    border-color: #035595 !important;
    color: #fff;
}

/* Utilidades de margen y relleno con la nomenclatura logica de Bootstrap 5.
   El bloque de arriba define las variantes fisicas (left y right) que usa Bootstrap 4,
   pero las vistas escriben me-2, ms-2 y similares. Sin estas reglas esas clases no
   aplicaban ningun margen y los iconos quedaban pegados al texto.
   Se mantiene la misma escala que el resto de las utilidades del archivo. */
.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }

.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }

/* Stepper del asistente de firma multiple.
   El componente .steps usa <p> para los pasos no disponibles y <a> para los navegables.
   Aca todos son <a> porque el JS cambia de estado sin rearmar el markup, asi que se
   replica el gris apagado que el componente aplica a los <p> con la clase undone. */
[data-fmpasos] li.undone a {
    color: #aaa;
    cursor: not-allowed;
}

[data-fmpasos] li.active a {
    cursor: default;
}

/* ==========================================================================
   Lista de documentos enviados.

   Antes cada proceso se partia en dos columnas: a la izquierda tres datos del
   titular con mucho espacio sin usar, y a la derecha todo apretado con seis
   botones azules identicos apilados. No se podia responder de un vistazo cual
   de los procesos necesitaba atencion, que es lo que trae quien abre esta
   pantalla. Ahora la cabecera ocupa el ancho completo, el estado se lee en un
   chip, y las acciones tienen una sola primaria segun el estado.
   ========================================================================== */

.proc-cab {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.proc-sel {
    flex: 0 0 auto;
    padding-top: 2px;
}

.proc-ident {
    flex: 1 1 260px;
    min-width: 0;
}

.proc-nombre {
    font-size: 15px;
    font-weight: 600;
    color: #175e99;
    margin: 0;
}

/* Los datos del titular en una linea: antes ocupaban una columna entera. */
.proc-meta {
    color: #64748b;
    font-size: 12.5px;
    margin-top: 3px;
}

.proc-meta .sep {
    margin: 0 6px;
    opacity: .45;
}

/* Cada dato entero o en la linea siguiente, nunca el icono suelto al final. */
.proc-meta .dato {
    white-space: nowrap;
    display: inline-block;
}

.proc-estado {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.proc-chip {
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap;
    display: inline-block;
}

.proc-chip-ok { background: rgba(34, 197, 94, 0.12); color: #15803d; }
.proc-chip-pendiente { background: rgba(245, 158, 11, 0.14); color: #b45309; }
.proc-chip-alerta { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }
.proc-chip-info { background: rgba(70, 196, 210, 0.16); color: #0e7490; }
/* Dato que no pide acción, por ejemplo una validación posterior que no se usó para firmar. */
.proc-chip-neutro { background: rgba(100, 116, 139, 0.12); color: #475569; }

/* Fila del consentimiento informado en la lista de documentos a enviar. */
.consentimiento-estado { font-size: 12px; color: #64748b; margin: 2px 0 0 22px; }
.consentimiento-estado .consentimiento-alerta { color: #b45309; font-weight: 600; }
tr.consentimiento-sin-marcar > td:first-child { box-shadow: inset 3px 0 0 #f59e0b; background: rgba(245, 158, 11, 0.06); }
/* Chip que abre el detalle (por ejemplo, el de la validación de identidad). */
.proc-chip-enlace { cursor: pointer; text-decoration: none; transition: background 0.15s ease; }
.proc-chip-enlace:hover,
.proc-chip-enlace:focus { background: rgba(70, 196, 210, 0.3); color: #0e7490; text-decoration: none; }

/* Resultado del último envío, junto al teléfono y al correo de la tarjeta. */
.proc-meta .envio-estado { margin-left: 3px; font-weight: 600; cursor: help; }
.envio-entregado { color: #15803d; }
.envio-advertencia { color: #b45309; }
.envio-fallido { color: #b91c1c; }
.envio-en-curso { color: #64748b; }

/* Franja de color al costado: deja ver el estado sin leer nada. */
.panel.proc-atencion { border-left: 3px solid #f59e0b; }
.panel.proc-completo { border-left: 3px solid #22c55e; }
.panel.proc-alerta { border-left: 3px solid #ef4444; }
/* Consentimiento para firmar electrónicamente, en las pantallas de firma. */
.consentimiento-firma {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 640px;
    margin: 1em auto 20px;
    padding: 12px 14px;
    border: 1px solid rgba(70, 196, 210, 0.2);
    border-radius: 8px;
    background: #f8fafc;
    text-align: left;
}

.consentimiento-firma input[type="checkbox"] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
}

.consentimiento-firma label {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #334155;
    cursor: pointer;
}

/* Todo lo pendiente ya lo firmó el titular en un envío posterior. */
.panel.proc-resuelto { border-left: 3px solid #94a3b8; }

.doc-completado-despues {
    font-size: 13px;
    color: #175e99;
    padding: 2px 0 4px;
}

.doc-completado-despues a {
    margin-left: 4px;
    font-weight: 600;
}

.proc-progreso {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0 4px;
}

.proc-barra {
    flex: 0 1 240px;
    height: 6px;
    background: #eef2f7;
    border-radius: 999px;
    overflow: hidden;
}

.proc-barra > span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: #22c55e;
}

.proc-barra > span.parcial { background: #f59e0b; }

.proc-progreso .proc-avance {
    font-size: 12.5px;
    color: #64748b;
}

/* Barra de acciones: una primaria, el resto discreto y lo raro en el menu. */
.proc-acciones {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
}

.proc-acciones .relleno { flex: 1 1 auto; }

/* Botones de la barra con color propio.
   No se usa btn-white del tema porque define color: inherit, y dentro de la
   tarjeta terminaba heredando blanco: el texto quedaba invisible sobre el fondo
   blanco del boton al pasar el mouse. */
.btn.proc-btn,
.btn.proc-btn:link,
.btn.proc-btn:visited {
    background: #fff;
    border: 1px solid #dbe3ec;
    color: #334155;
}

.btn.proc-btn:hover,
.btn.proc-btn:focus,
.btn.proc-btn:active,
.btn.proc-btn.active,
.btn-group.open > .btn.proc-btn {
    background: #f5f9fc;
    border-color: #46c4d2;
    color: #175e99;
}

.btn.proc-btn i { color: inherit; }

.proc-acciones .dropdown-menu {
    font-size: 13px;
    min-width: 260px;
}

/* El menu del boton de la derecha se abre hacia dentro de la tarjeta: alineado
   al borde izquierdo se salia de la pantalla. La regla del tema para
   dropdown-menu-right no alcanzaba, de ahi el right/left explicitos. */
.proc-acciones .dropdown-menu.dropdown-menu-right {
    right: 0;
    left: auto;
}

.proc-acciones .dropdown-menu .nota-item {
    padding: 0 20px 8px;
    color: #64748b;
    font-size: 11.5px;
    white-space: normal;
}

.proc-acciones .dropdown-menu a.peligro,
.proc-acciones .dropdown-menu a.peligro i { color: #b91c1c; }

.btn.proc-btn.proc-btn-peligro,
.btn.proc-btn.proc-btn-peligro:link,
.btn.proc-btn.proc-btn-peligro:visited { color: #b91c1c; }

.btn.proc-btn.proc-btn-peligro:hover,
.btn.proc-btn.proc-btn-peligro:focus {
    background: rgba(239, 68, 68, 0.06);
    border-color: #ef4444;
    color: #b91c1c;
}

/* Acciones del listado: aplican a toda la búsqueda, no a una tarjeta. */
.lista-acciones {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 12px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-radius: 12px;
}

.lista-acciones .relleno { flex: 1 1 auto; }

.lista-acciones .lista-alcance {
    color: #64748b;
    font-size: 13px;
}

.lista-acciones .lista-alcance i {
    color: #46c4d2;
    margin-right: 4px;
}

.lista-acciones .btn { border-radius: 8px; }

/* button.dropdown-toggle del tema lo deja blanco: se necesita más especificidad. */
.lista-acciones .btn.btn-credid-blue.dropdown-toggle {
    background: #175e99;
    border: 1px solid #175e99;
    color: #fff;
    box-shadow: 0 2px 8px rgba(23, 94, 153, 0.25);
}

.lista-acciones .btn.btn-credid-blue.dropdown-toggle:hover,
.lista-acciones .btn.btn-credid-blue.dropdown-toggle:focus,
.lista-acciones .btn-group.open > .btn.btn-credid-blue.dropdown-toggle {
    background: #0e4a7a;
    border-color: #0e4a7a;
    color: #fff;
}

.lista-acciones .dropdown-menu {
    min-width: 360px;
    right: 0;
    left: auto;
    font-size: 13px;
}

/* El tema le da a los ítems del menú un interlineado de una sola línea, que con la
   descripción debajo los separaba demasiado. */
.lista-acciones .dropdown-menu > li > a {
    position: relative;
    white-space: normal;
    line-height: 1.4;
    margin: 0;
    padding: 7px 14px 7px 40px;
    border-radius: 8px;
}

.lista-acciones .dropdown-menu > li > a > i {
    position: absolute;
    left: 14px;
    top: 10px;
    width: 16px;
    text-align: center;
    color: #175e99;
}

.lista-acciones .dropdown-menu .item-titulo {
    display: block;
    font-weight: 600;
    color: #334155;
}

.lista-acciones .dropdown-menu .item-detalle {
    display: block;
    font-size: 12px;
    line-height: 1.35;
    color: #64748b;
}

/* El tema pinta el ítem de azul marino al pasar el mouse: el texto tiene que pasar a blanco. */
.lista-acciones .dropdown-menu > li:not(.disabled) > a:hover > i,
.lista-acciones .dropdown-menu > li:not(.disabled) > a:hover .item-titulo,
.lista-acciones .dropdown-menu > li:not(.disabled) > a:hover .item-detalle { color: #fff; }

.lista-acciones .dropdown-menu > li.disabled > a,
.lista-acciones .dropdown-menu > li.disabled > a:hover {
    background-color: transparent !important;
    cursor: not-allowed;
}

.lista-acciones .dropdown-menu > li.disabled i,
.lista-acciones .dropdown-menu > li.disabled .item-titulo { color: #a5a5a5; }

.lista-acciones .dropdown-menu .nota-item {
    padding: 2px 14px 4px;
    color: #64748b;
    font-size: 11.5px;
    white-space: normal;
}

/* Filtros por estado: convierten la lista en una bandeja de trabajo. */
.proc-filtros {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 14px;
}

.proc-filtros .chip-filtro {
    border: 1px solid rgba(70, 196, 210, 0.25);
    background: #fff;
    color: #334155;
    border-radius: 999px;
    padding: 5px 14px;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
}

.proc-filtros .chip-filtro:hover { border-color: #46c4d2; color: #175e99; }

.proc-filtros .chip-filtro.activo {
    background: #09244c;
    border-color: #09244c;
    color: #fff;
}

/* El conteo llega por AJAX despues de dibujar la página, así que nace oculto: si no
   llega, el chip se ve completo igual y no queda un hueco esperando un número. */
.proc-filtros .chip-conteo {
    display: none;
    margin-left: 6px;
    opacity: .6;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.proc-filtros .chip-conteo.visible { display: inline; }

.proc-filtros .chip-filtro.activo .chip-conteo { opacity: .85; }

/* Aviso de la interfaz nueva. Nace oculto y lo muestra el JS solo si el usuario no lo cerró
   antes, para que no aparezca y desaparezca en la carga. */
.nov-aviso {
    display: none;
    background: linear-gradient(135deg, rgba(70, 196, 210, 0.10) 0%, rgba(23, 94, 153, 0.06) 100%);
    border: 1px solid rgba(70, 196, 210, 0.3);
    border-radius: 12px;
    padding: 12px 16px;
    margin: 0 0 14px;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.nov-aviso.visible { display: flex; }

.nov-aviso-texto {
    flex: 1 1 340px;
    font-size: 13px;
    color: #334155;
    line-height: 1.5;
}

.nov-aviso-texto .fa-magic {
    color: #175e99;
    margin-right: 6px;
}

.nov-aviso-acciones {
    display: flex;
    align-items: center;
    gap: 12px;
}

.nov-aviso .nov-cerrar {
    font-size: 12px;
    color: #64748b;
    text-decoration: none;
}

.nov-aviso .nov-cerrar:hover { color: #175e99; text-decoration: underline; }

/* El enlace queda disponible para siempre, aunque el aviso se haya cerrado. */
.nov-enlace-permanente {
    text-align: right;
    margin: 0 0 10px;
}

.nov-enlace-permanente a {
    font-size: 12px;
    color: #64748b;
    cursor: pointer;
    text-decoration: none;
}

.nov-enlace-permanente a:hover { color: #175e99; text-decoration: underline; }

/* Contenido del modal de novedades. Cada bloque explica una cosa y dónde encontrarla. */
.nov-intro {
    padding-bottom: 6px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(70, 196, 210, 0.15);
}

.nov-intro p { font-size: 13px; color: #334155; margin-bottom: 6px; }

.nov-bloque {
    display: flex;
    gap: 14px;
    padding: 14px 0;
}

.nov-bloque + .nov-bloque { border-top: 1px solid rgba(70, 196, 210, 0.08); }

.nov-icono {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(70, 196, 210, 0.12);
    color: #175e99;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
}

.nov-bloque.nov-nuevo .nov-icono {
    background: rgba(34, 197, 94, 0.12);
    color: #16a34a;
}

.nov-texto { flex: 1 1 auto; }

.nov-texto h4 {
    font-size: 14px;
    font-weight: 600;
    color: #09244c;
    margin: 0 0 6px;
}

.nov-texto p {
    font-size: 13px;
    color: #475569;
    line-height: 1.55;
    margin-bottom: 6px;
}

/* La parte que responde "¿y dónde lo encuentro?", que es la duda real de quien llega. */
.nov-texto .nov-donde {
    font-size: 12px;
    color: #175e99;
    background: rgba(23, 94, 153, 0.05);
    border-left: 2px solid rgba(23, 94, 153, 0.25);
    padding: 7px 10px;
    border-radius: 0 6px 6px 0;
    margin-bottom: 0;
}

.nov-cierre {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(70, 196, 210, 0.15);
}

.nov-cierre p { font-size: 12px; color: #64748b; margin: 0; }

/* Línea de tiempo del modal de auditoría de un envío. Junta movimientos que vienen de tablas
   distintas, así que lo que ordena la lectura es la columna de puntos a la izquierda. */
.aud-resumen {
    font-size: 12px;
    color: #64748b;
    padding: 0 0 12px;
    border-bottom: 1px solid rgba(70, 196, 210, 0.15);
    margin-bottom: 4px;
}

.aud-linea {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

/* El hilo vertical que conecta los puntos. */
.aud-linea:before {
    content: "";
    position: absolute;
    left: 13px;
    top: 14px;
    bottom: 14px;
    width: 2px;
    background: rgba(70, 196, 210, 0.18);
}

.aud-item {
    position: relative;
    padding: 12px 0 12px 40px;
    min-height: 44px;
}

.aud-item + .aud-item { border-top: 1px solid rgba(70, 196, 210, 0.08); }

.aud-punto {
    position: absolute;
    left: 0;
    top: 12px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #cbd5e1;
    color: #64748b;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
}

.aud-punto.aud-success { border-color: #22c55e; color: #22c55e; }
.aud-punto.aud-danger { border-color: #ef4444; color: #ef4444; }
.aud-punto.aud-warning { border-color: #f59e0b; color: #f59e0b; }
.aud-punto.aud-info { border-color: #46c4d2; color: #46c4d2; }

.aud-titulo {
    font-size: 13px;
    font-weight: 500;
    color: #334155;
}

.aud-dato {
    font-size: 12px;
    color: #475569;
    margin-top: 2px;
}

.aud-meta {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 4px;
}

.aud-meta .aud-fecha { font-variant-numeric: tabular-nums; }
.aud-meta .aud-sep { margin: 0 4px; color: #cbd5e1; }

/* Lo que hizo el titular se distingue de lo que hizo el personal: son las dos historias que
   interesa separar cuando se revisa un reclamo. */
.aud-item.aud-titular .aud-cuerpo {
    background: rgba(70, 196, 210, 0.04);
    border-left: 2px solid rgba(70, 196, 210, 0.35);
    padding: 6px 10px;
    border-radius: 0 6px 6px 0;
    margin-left: -6px;
}

/* Línea de "firmado" de cada documento. Reemplaza tres badges azules idénticos, donde el
   tercero era un número sin etiqueta que solo se entendía con el tooltip. */
.doc-firmado {
    font-size: 12px;
    color: #64748b;
    padding: 3px 0;
}

.doc-firmado .fa-check-circle {
    color: #22c55e;
    margin-right: 4px;
}

.doc-firmado-fecha {
    color: #334155;
    font-weight: 500;
}

.doc-firmado .sep {
    color: #cbd5e1;
    margin: 0 3px;
}

@media (max-width: 767px) {
    .proc-estado { width: 100%; }
    .proc-acciones .relleno { display: none; }
    .lista-acciones .relleno { display: none; }
    .lista-acciones .lista-alcance { width: 100%; }
    .lista-acciones .dropdown-menu { min-width: 280px; }
}

/* Barra de la vista previa de documentos.
   La navegación de páginas y las acciones del documento vivían en dos bloques flotados
   distintos, así que quedaban desalineados y encima del contenido. Acá van juntos, y la
   barra se queda pegada al pie del modal para no tener que recorrer todo el PDF. */
.vp-barra {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    /* La barra tiene que ocupar el ancho completo: si la toma del contenido, no queda
       espacio libre que repartir y las acciones se pegan al contador de páginas. */
    width: 100%;
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin-top: 12px;
    padding: 10px 12px;
    background: #fff;
    border-top: 1px solid rgba(70, 196, 210, 0.15);
    box-shadow: 0 -2px 8px rgba(9, 36, 76, 0.06);
}

.vp-barra-navegacion,
.vp-barra-acciones {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* Las acciones se empujan a la derecha con el margen automático en lugar de
   justify-content: la zona de navegación puede estar vacía (una imagen, un PDF de una
   sola página) y entonces no habría dos extremos que separar. */
.vp-barra-acciones {
    margin-left: auto;
}

/* El visor arma su navegación dentro de un div propio; acá solo se alinea. */
.vp-barra-navegacion > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* Mientras el PDF abre no se sabe cuántas páginas tiene, así que la navegación no aparece. */
.vp-barra-navegacion > div.vp-navegacion-cargando {
    display: none;
}

.vp-barra .vp-pagina {
    color: #64748b;
    font-size: 13px;
        white-space: nowrap;
    }

.vp-barra .btn {
    border-radius: 8px;
}

/* Los botones del visor traen su propio margen en línea; con el gap sobra. */
.vp-barra-navegacion .btn {
    margin-right: 0 !important;
}

@media (max-width: 767px) {
    .vp-barra {
        justify-content: center;
    }

    .vp-barra-acciones {
        justify-content: center;
        width: 100%;
        margin-left: 0;
    }

    .vp-barra-acciones .btn {
        flex: 1 1 auto;
    }
}

/* Aviso de envíos pendientes iguales antes de enviar documentos. */
/* En px y no en rem: Bootstrap 3 deja la raíz en 10px y 0.8125rem quedaba en 8px. */
.envio-similar {
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-left: 3px solid #f59e0b;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 8px;
    background: #f8fafc;
    text-align: left;
    font-size: 14px;
}

.envio-similar-fecha {
    font-size: 15px;
    font-weight: 600;
    color: #09244c;
}

.envio-similar-meta {
    font-size: 13px;
    color: #475569;
    margin-top: 4px;
}

.envio-similar-docs {
    margin: 8px 0 0;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.6;
    color: #475569;
}

.envio-similar-docs li.coincide {
    color: #334155;
    font-weight: 600;
}

/* Formularios de la lista que admiten la firma de varias personas. */
.marca-varias-firmas {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 6px;
    background: rgba(70, 196, 210, 0.15);
    color: #09244c;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: middle;
}

/* Contratos HTML cuyo contenido se puede ajustar para el envío; "editado" cuando ya se ajustó. */
.marca-editable {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 6px;
    background: rgba(23, 94, 153, 0.1);
    color: #175e99;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: middle;
}

.marca-editable.editado {
    background: rgba(245, 158, 11, 0.15);
    color: #92400e;
}

/* Paso "Firmas adicionales" del envío individual. En px por la raíz de 10px de Bootstrap 3. */
.fa-firmas {
    font-size: 14px;
    color: #334155;
    text-align: left;
}

.fa-firmas .fa-intro {
    color: #475569;
    margin-bottom: 12px;
}

.fa-doc {
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-radius: 8px;
    background: #f8fafc;
    padding: 12px 14px;
    margin-bottom: 10px;
}

.fa-doc-titulo {
    font-size: 15px;
    font-weight: 600;
    color: #09244c;
    margin-bottom: 6px;
}

.fa-doc-titulo small {
    font-weight: 400;
    font-size: 13px;
}

.fa-doc-modo .radio-inline {
    font-size: 14px;
}

.fa-doc-opciones {
    margin-top: 10px;
}

.fa-subtitulo {
    display: block;
    margin: 14px 0 6px;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.fa-doc-modo .radio-custom {
    display: inline-block;
    margin: 0 18px 0 0;
}

/* Paso "Firmas": una pestaña por documento. */
.fa-paso .steps {
    margin-bottom: 4px;
}

.fa-tabs {
    margin-top: 10px;
}

.fa-tabs > li > a {
    font-size: 14px;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fa-tabs-contenido {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    padding: 14px 16px;
    background: #fff;
}

.fa-copiar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 4px;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(70, 196, 210, 0.08);
    font-size: 13px;
    color: #09244c;
}

.fa-copiar .fa-copiar-origen {
    width: auto;
    min-width: 220px;
    display: inline-block;
}

.fa-modalidad {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 14px;
    margin-bottom: 8px;
    border: 1px solid rgba(70, 196, 210, 0.2);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.fa-modalidad:hover {
    border-color: #46c4d2;
}

.fa-modalidad > i {
    font-size: 22px;
    margin-top: 2px;
}

.fa-modalidad strong {
    display: block;
    color: #09244c;
    font-size: 14px;
}

.fa-modalidad span {
    font-size: 13px;
    color: #475569;
}

.fa-modalidad-activa {
    border-color: #175e99;
    background: rgba(23, 94, 153, 0.05);
    box-shadow: 0 0 0 1px #175e99 inset;
}

.fa-titular .fa-titular-nota {
    margin-left: 6px;
    font-size: 12px;
}

.fa-sin-titular {
    margin-bottom: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(245, 158, 11, 0.1);
    font-size: 13px;
    color: #334155;
}

/* Paso "Confirmación" del envío con varias firmas. */
.fa-resumen-bloque {
    margin-bottom: 12px;
    padding: 12px 16px;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-radius: 12px;
    background: #fff;
}

.fa-resumen-titulo {
    font-size: 15px;
    font-weight: 600;
    color: #09244c;
}

.fa-resumen-titulo small {
    font-size: 13px;
    font-weight: 400;
}

.fa-resumen-modalidad {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
}

.fa-resumen-nota {
    margin: 4px 0 8px;
    font-size: 13px;
    color: #64748b;
}

.fa-resumen-docs,
.fa-resumen-personas {
    margin: 6px 0 0;
    padding-left: 22px;
    font-size: 14px;
    color: #334155;
}

.fa-resumen-docs {
    list-style: none;
    padding-left: 0;
}

.fa-resumen-docs li,
.fa-resumen-personas li {
    padding: 3px 0;
}

.fa-resumen-docs small,
.fa-resumen-personas .text-muted {
    font-size: 13px;
}

.fa-resumen-totales {
    font-size: 14px;
}

.fa-resumen-config {
    margin-top: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #f8fafc;
    font-size: 13px;
    color: #334155;
}

.fa-resumen-fila {
    padding: 2px 0;
}

.fa-resumen-etiqueta {
    display: inline-block;
    min-width: 170px;
    font-weight: 600;
    color: #475569;
}

/* Entrada al asistente de firma múltiple desde el envío de documentos. */
.fa-enlace-asistente {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 500;
    color: #175e99;
}

.fa-enlace-asistente:hover,
.fa-enlace-asistente:focus {
    color: #09244c;
}

.fa-ayuda-varias-firmas {
    font-size: 13px;
}

/* Archivo adjunto a un documento del envío: una ficha con el nombre y sus acciones. */
[data-firmadocumentospanel] [data-filehidden].fileinput-exists {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    margin-top: 4px;
    padding: 3px 4px 3px 10px;
    border: 1px solid rgba(70, 196, 210, 0.25);
    border-radius: 8px;
    background: #f8fafc;
}

[data-firmadocumentospanel] [data-filehidden].fileinput-exists .fileinput-filename {
    order: 1;
    max-width: 240px;
    margin-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    color: #09244c;
}

[data-firmadocumentospanel] [data-filehidden].fileinput-exists .fileinput-filename:before {
    content: "\f1c1";
    margin-right: 6px;
    font-family: FontAwesome;
    color: #ef4444;
}

[data-firmadocumentospanel] [data-filehidden].fileinput-exists .adjunto-ver {
    order: 2;
}

[data-firmadocumentospanel] [data-filehidden].fileinput-exists .btn-file {
    order: 3;
}

[data-firmadocumentospanel] [data-filehidden].fileinput-exists .close {
    order: 4;
}

[data-firmadocumentospanel] [data-filehidden].fileinput-exists .adjunto-ver,
[data-firmadocumentospanel] [data-filehidden].fileinput-exists .btn-file,
[data-firmadocumentospanel] [data-filehidden].fileinput-exists .close {
    float: none;
    padding: 2px 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-shadow: none;
    color: #175e99;
    transition: background 0.15s ease, color 0.15s ease;
}

[data-firmadocumentospanel] [data-filehidden].fileinput-exists .adjunto-ver:hover,
[data-firmadocumentospanel] [data-filehidden].fileinput-exists .btn-file:hover {
    background: rgba(23, 94, 153, 0.08);
    color: #09244c;
    text-decoration: none;
}

[data-firmadocumentospanel] [data-filehidden].fileinput-exists .close {
    font-size: 16px;
    color: #64748b;
}

[data-firmadocumentospanel] [data-filehidden].fileinput-exists .close:hover {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

/* Confirmación que reemplaza al formulario después de un envío exitoso. */
.envio-completado {
    max-width: 760px;
    margin: 10px auto 24px;
    padding: 32px 36px 28px;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 32px rgba(9, 36, 76, 0.08);
    text-align: center;
    color: #334155;
}

.envio-completado-icono {
    width: 72px;
    height: 72px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    box-shadow: 0 6px 18px rgba(34, 197, 94, 0.3);
    color: #fff;
    font-size: 34px;
    line-height: 72px;
}

.envio-completado h2 {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 700;
    color: #09244c;
}

.envio-completado-sub {
    margin: 0 auto 20px;
    max-width: 560px;
    font-size: 15px;
    color: #475569;
}

.envio-completado-etiqueta {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #64748b;
}

.envio-completado-enlace {
    margin: 0 auto 18px;
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(70, 196, 210, 0.08);
    font-size: 15px;
}

.envio-completado-enlace a {
    margin-right: 8px;
    font-weight: 600;
    color: #175e99;
    word-break: break-all;
}

.envio-completado-docs {
    margin: 0 auto 18px;
    text-align: left;
    display: inline-block;
    min-width: 60%;
}

.envio-completado-docs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

.envio-completado-docs li {
    padding: 3px 0;
}

.envio-completado-notas {
    text-align: left;
    font-size: 14px;
}

.envio-completado-notas .alert {
    margin-bottom: 10px;
    padding: 12px 16px;
    border-radius: 12px;
}

/* Los avisos del servidor usan el nombre de Font Awesome 6; el sitio carga el 4. */
.envio-completado-notas .fa-circle-info:before {
    content: "\f05a";
    color: #46c4d2;
}

.envio-completado-notas .alert-info {
    background: rgba(70, 196, 210, 0.1);
    border-color: rgba(70, 196, 210, 0.2);
    color: #334155;
}

.envio-completado-notas .alert-warning {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.25);
    color: #334155;
}

.envio-completado-acciones {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
}

/* Pantalla del firmante al terminar su solicitud (Contrato/Hecho). */
.hecho {
    max-width: 720px;
    margin: 12px auto 24px;
    color: #334155;
}

.hecho-hero {
    padding: 32px 24px 24px;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    background: #fff;
    text-align: center;
}

.hecho-icono {
    width: 76px;
    height: 76px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    box-shadow: 0 6px 18px rgba(34, 197, 94, 0.3);
    color: #fff;
    font-size: 36px;
    line-height: 76px;
}

.hecho-hero h1 {
    margin: 0 0 6px;
    font-size: 26px;
    font-weight: 700;
    color: #09244c;
}

.hecho-resumen {
    margin: 0;
    font-size: 15px;
    color: #475569;
}

.hecho-agradecimiento {
    margin-top: 12px;
    font-size: 14px;
    color: #475569;
}

.hecho-cuerpo {
    padding: 4px 24px 24px;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-top: 0;
    border-radius: 0 0 16px 16px;
    background: #fff;
    box-shadow: 0 8px 32px rgba(9, 36, 76, 0.08);
}

.hecho-aviso {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: 8px 0 20px;
    padding: 12px 16px;
    border: 1px solid rgba(245, 158, 11, 0.25);
    border-radius: 12px;
    background: rgba(245, 158, 11, 0.1);
    font-size: 14px;
}

.hecho-aviso > i {
    margin-top: 1px;
    color: #f59e0b;
    font-size: 18px;
}

.hecho-seccion {
    margin-top: 18px;
}

.hecho-seccion-titulo {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #64748b;
}

.hecho-pasos {
    margin: 0;
    padding-left: 20px;
    font-size: 14px;
}

.hecho-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    padding: 12px 14px;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-radius: 12px;
}

.hecho-item-icono {
    flex: 0 0 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(23, 94, 153, 0.08);
    color: #175e99;
    font-size: 17px;
    line-height: 38px;
    text-align: center;
}

.hecho-item-icono.foto {
    background: rgba(70, 196, 210, 0.12);
    color: #2a9aa8;
}

.hecho-item-texto {
    flex: 1;
    min-width: 0;
}

.hecho-item-nombre {
    font-size: 14px;
    font-weight: 600;
    color: #09244c;
}

.hecho-item-detalle {
    font-size: 13px;
    color: #64748b;
}

.hecho-item-acciones {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.hecho-item-acciones .btn {
    white-space: nowrap;
}

.hecho-estado {
    display: inline-block;
    margin-right: 4px;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.hecho-estado.listo {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.hecho-estado.espera {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.hecho-estado.cancelado {
    background: rgba(239, 68, 68, 0.1);
    color: #b91c1c;
}

.hecho-descarga-sec {
    border: 1px solid rgba(23, 94, 153, 0.35);
    background: #fff;
    color: #175e99;
}

.hecho-descarga-sec:hover,
.hecho-descarga-sec:focus {
    background: rgba(23, 94, 153, 0.06);
    color: #09244c;
}

.hecho-nota {
    margin: 6px 0 0;
    font-size: 13px;
    color: #64748b;
}

.hecho-pie {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(70, 196, 210, 0.15);
    text-align: center;
}

.hecho-pie strong {
    display: block;
    font-size: 16px;
    color: #09244c;
}

.hecho-pie span {
    font-size: 13px;
    color: #64748b;
}

/* Formularios HTML del envío: pestañas "Formulario" y "Contenido del documento". */
.cc-pestanas {
    margin: 10px 0 0;
}

.cc-pestanas > li > a {
    font-size: 14px;
    font-weight: 500;
}

.cc-marca-editado {
    margin-left: 6px;
    padding: 1px 6px;
    border-radius: 6px;
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
    font-size: 11px;
    font-weight: 600;
}

.cc-cuerpo {
    padding: 14px 14px 6px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: #fff;
}

.cc-intro {
    margin: 0 0 10px;
    font-size: 13px;
    color: #475569;
}

.cc-barra {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.cc-estado {
    font-size: 13px;
    color: #64748b;
}

.cc-estado.editado {
    font-weight: 600;
    color: #b45309;
}

.cc-cargando {
    padding: 40px 0;
    text-align: center;
    font-size: 14px;
    color: #64748b;
}

.cc-area {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cc-editor {
    flex: 1 1 auto;
    min-width: 0;
}

.cc-lateral {
    display: flex;
    flex: 0 0 300px;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

@media (max-width: 900px) {
    .cc-area {
        flex-direction: column;
        align-items: stretch;
    }

    .cc-lateral {
        flex-basis: auto;
    }
}

.cc-firmas,
.cc-fragmentos,
.cc-parametros {
    padding: 10px 12px;
    border: 1px solid rgba(70, 196, 210, 0.2);
    border-radius: 12px;
    background: #f8fafc;
}

.cc-parametros-titulo {
    font-size: 14px;
    font-weight: 600;
    color: #09244c;
}

.cc-parametros-ayuda {
    margin: 2px 0 8px;
    font-size: 12px;
    color: #64748b;
}

.cc-parametros-lista {
    max-height: 480px;
    margin-top: 8px;
    overflow-x: hidden;
    overflow-y: auto;
}

.cc-uso-filtro {
    display: flex;
    width: 100%;
    margin-top: 6px;
}

.cc-uso-filtro .btn {
    flex: 1 1 auto;
    padding: 2px 6px;
    font-size: 11px;
}

.cc-uso-filtro .btn.active {
    border-color: #175e99;
    background: #175e99;
    color: #fff;
    box-shadow: none;
}

.cc-grupo {
    margin: 10px 0 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #64748b;
}

.cc-parametro {
    margin-bottom: 6px;
    padding: 8px 10px;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-left: 3px solid #175e99;
    border-radius: 8px;
    background: #fff;
    font-size: 12px;
}

.cc-parametro.sistema {
    border-left-color: #a5a5a5;
}

.cc-parametro.firma {
    border-left-color: #46c4d2;
}

.cc-parametro-cabeza {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.cc-parametro-cabeza code {
    padding: 1px 5px;
    border-radius: 4px;
    background: rgba(23, 94, 153, 0.08);
    color: #09244c;
    font-size: 12px;
    word-break: break-all;
}

.cc-parametro-etiqueta {
    margin-top: 4px;
    font-weight: 600;
    color: #334155;
}

.cc-parametro-detalle,
.cc-parametro-valor {
    color: #64748b;
}

.cc-parametro-valor {
    font-style: italic;
}

/* Bootstrap 3 no deja partir un code: sin esto los marcadores largos ensanchan la tarjeta. */
.cc-parametro-marcador {
    display: inline-block;
    max-width: 100%;
    padding: 1px 5px;
    border-radius: 4px;
    background: rgba(23, 94, 153, 0.08);
    color: #09244c;
    font-size: 12px;
    white-space: normal;
    word-break: break-all;
}

.cc-parametro-pie {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed rgba(70, 196, 210, 0.25);
}

.cc-uso {
    font-size: 11px;
    font-weight: 600;
}

.cc-uso.en-uso {
    color: #16a34a;
}

.cc-uso.sin-usar {
    color: #b45309;
}

@media (max-width: 600px) {
    .hecho-hero {
        padding: 24px 16px 18px;
    }

    .hecho-hero h1 {
        font-size: 22px;
    }

    .hecho-cuerpo {
        padding: 4px 14px 18px;
    }

    .hecho-item {
        flex-wrap: wrap;
    }

    .hecho-item-acciones {
        width: 100%;
    }

    .hecho-item-acciones .btn {
        flex: 1;
    }
}

.cc-firma {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(70, 196, 210, 0.1);
    font-size: 12px;
}

.cc-firma code {
    padding: 1px 5px;
    border-radius: 4px;
    background: rgba(23, 94, 153, 0.08);
    color: #09244c;
    font-size: 12px;
}

.cc-firma-estado {
    flex: 1 1 auto;
    color: #16a34a;
}

.cc-firma.falta .cc-firma-estado,
.cc-firma.repetido .cc-firma-estado {
    color: #b45309;
}

[data-cc-firma-agregar] {
    margin-top: 8px;
}

.cc-firma-nueva {
    margin-top: 8px;
    padding: 8px;
    border: 1px dashed rgba(70, 196, 210, 0.4);
    border-radius: 8px;
    background: #fff;
}

.cc-firma-nueva-titulo {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.cc-firma-nueva-botones {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

/* Saltos de página: en el documento no se ven, al editar se marcan con una línea punteada. */
.jodit-wysiwyg [style*="page-break-before: always"],
.cc-fragmento-vista [style*="page-break-before: always"] {
    position: relative;
    margin-top: 22px;
    border-top: 2px dashed #46c4d2;
}

.jodit-wysiwyg [style*="page-break-before: always"]::before,
.cc-fragmento-vista [style*="page-break-before: always"]::before {
    content: "Salto de página";
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 8px;
    border-radius: 6px;
    background: #fff;
    color: #175e99;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    white-space: nowrap;
    pointer-events: none;
}

.jodit-wysiwyg .salto-de-pagina,
.cc-fragmento-vista .salto-de-pagina {
    height: 0;
    margin-bottom: 18px;
}

/* Los espacios de firma van en blanco para que no se vean en el PDF; en el editor se resaltan. */
.cc-contenido .jodit-wysiwyg [style*="color: #ffffff"],
.cc-contenido .jodit-wysiwyg [style*="color: #fff;"],
.cc-contenido .jodit-wysiwyg [style*="color: rgb(255, 255, 255)"],
.cc-contenido .jodit-wysiwyg [style*="color: rgba(255, 255, 255, 1)"] {
    outline: 1px dashed #f59e0b;
    background: #fef3c7;
    color: #b45309 !important;
}

.cc-fragmentos-cabeza {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.cc-fragmentos-lista {
    max-height: 360px;
    margin-top: 8px;
    overflow-y: auto;
}

.cc-fragmentos [data-cc-fragmento-buscar] {
    margin-top: 6px;
}

.cc-fragmentos-vacio {
    padding: 6px 0;
    font-size: 12px;
    color: #64748b;
}

.cc-fragmento {
    margin-bottom: 6px;
    padding: 8px 10px;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-left: 3px solid #46c4d2;
    border-radius: 8px;
    background: #fff;
    font-size: 12px;
}

.cc-fragmento-nombre {
    font-weight: 600;
    color: #09244c;
    word-break: break-word;
}

.cc-fragmento-pie {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    margin-top: 4px;
    font-size: 11px;
    color: #64748b;
}

.cc-fragmento-alcance {
    padding: 1px 6px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #475569;
    font-weight: 500;
}

.cc-fragmento-alcance.solo {
    background: rgba(70, 196, 210, 0.15);
    color: #0e4a7a;
}

.cc-fragmento-acciones {
    margin: 2px 0 0 -5px;
}

.cc-fragmento-acciones .btn-link {
    padding: 1px 5px;
    font-size: 11px;
}

.cc-fragmento-vista {
    max-height: 220px;
    margin-top: 6px;
    padding: 8px;
    overflow: auto;
    border: 1px dashed rgba(70, 196, 210, 0.4);
    border-radius: 6px;
    background: #f8fafc;
    font-size: 11px;
}

.cc-fragmento-vista table {
    max-width: 100%;
}

.cc-modal-fragmento .modal-content {
    border-radius: 16px;
}

.cc-f-nota {
    margin: 6px 0 0;
    font-size: 12px;
    color: #64748b;
}

.cc-modal-fragmento [data-f-error] {
    margin: 10px 0 0;
}

/* Observaciones del firmante: página de firma */
.obs-boton {
    margin-right: 8px;
}

.obs-pausa h3 .fa {
    margin-right: 6px;
}

.obs-cita {
    max-width: 560px;
    margin: 12px auto 18px;
    padding: 10px 14px;
    border-left: 3px solid #46c4d2;
    border-radius: 0 8px 8px 0;
    background: #f8fafc;
    color: #334155;
    font-size: 14px;
    text-align: left;
    white-space: pre-line;
}

.obs-atendida {
    display: flex;
    gap: 10px;
    max-width: 720px;
    margin: 12px auto;
    padding: 12px 16px;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 12px;
    background: rgba(34, 197, 94, 0.06);
    color: #334155;
    font-size: 14px;
}

.obs-atendida > .fa {
    margin-top: 2px;
    font-size: 18px;
    color: #16a34a;
}

.obs-atendida-respuesta {
    margin-top: 4px;
    white-space: pre-line;
}

.obs-atendida-pie {
    margin-top: 6px;
    font-size: 12px;
    color: #64748b;
}

/* Observaciones del firmante: administración de envíos */
.doc-observacion {
    margin: 6px 0;
    padding: 8px 10px;
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-left: 3px solid #f59e0b;
    border-radius: 8px;
    background: #fffbeb;
    font-size: 12px;
}

.doc-observacion-cabeza {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    color: #92400e;
}

.doc-observacion-texto {
    margin-top: 4px;
    color: #334155;
    white-space: pre-line;
}

.doc-observacion-pie {
    margin-top: 4px;
    color: #64748b;
}

/* Corrección de un documento por una observación */
.cc-correccion-volver {
    display: inline-block;
    margin-bottom: 10px;
}

.cc-correccion-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-bottom: 12px;
    color: #64748b;
}

.cc-observacion {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-radius: 8px;
    background: #f8fafc;
}

.cc-observacion.pendiente {
    border-color: rgba(245, 158, 11, 0.35);
    background: #fffbeb;
}

.cc-observacion-cabeza {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    color: #334155;
}

.cc-observacion-estado {
    padding: 1px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.cc-observacion-estado.pendiente {
    background: rgba(245, 158, 11, 0.15);
    color: #92400e;
}

.cc-observacion-estado.corregida {
    background: rgba(34, 197, 94, 0.15);
    color: #166534;
}

.cc-observacion-estado.sin-cambios {
    background: rgba(70, 196, 210, 0.15);
    color: #0e4a7a;
}

.cc-observacion-texto {
    margin-top: 6px;
    color: #334155;
    white-space: pre-line;
}

.cc-observacion-respuesta {
    margin-top: 6px;
    font-size: 12px;
    color: #64748b;
}

.cc-correccion-botones {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
}

.cc-correccion-listo {
    padding: 28px 16px;
    text-align: center;
}

.cc-correccion-listo > .fa {
    font-size: 40px;
    color: #22c55e;
}

/* Bitácora del contenido: versiones, observaciones y cambios */
.vc-cabeza {
    font-size: 15px;
    color: #09244c;
}

.vc-ayuda {
    margin: 4px 0 12px;
    font-size: 12px;
    color: #64748b;
}

.vc-meta {
    font-size: 12px;
    color: #64748b;
}

.vc-linea {
    position: relative;
    margin: 0;
    padding: 0 0 0 30px;
    list-style: none;
}

.vc-linea:before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 11px;
    width: 2px;
    background: rgba(70, 196, 210, 0.25);
}

.vc-evento {
    position: relative;
    margin-bottom: 12px;
}

.vc-punto {
    position: absolute;
    top: 2px;
    left: -30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #175e99;
    color: #fff;
    font-size: 11px;
}

.vc-evento.plantilla .vc-punto {
    background: #a5a5a5;
}

.vc-evento.observacion .vc-punto {
    background: #46c4d2;
}

.vc-evento.observacion.pendiente .vc-punto {
    background: #f59e0b;
}

.vc-evento.sin-efecto .vc-cuerpo {
    opacity: 0.6;
}

.vc-cuerpo {
    padding: 8px 12px;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-radius: 8px;
    background: #fff;
}

.vc-titulo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    color: #334155;
}

.vc-titulo .btn {
    margin-left: auto;
}

.vc-etiqueta {
    padding: 1px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
}

.vc-etiqueta.pendiente {
    background: rgba(245, 158, 11, 0.15);
    color: #92400e;
}

.vc-etiqueta.corregida {
    background: rgba(34, 197, 94, 0.15);
    color: #166534;
}

.vc-etiqueta.sin-cambios,
.vc-etiqueta.sin-efecto {
    background: #f1f5f9;
    color: #475569;
}

.vc-comentario {
    margin-top: 4px;
    color: #334155;
    white-space: pre-line;
}

.vc-resumen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin-top: 6px;
    font-size: 12px;
    color: #475569;
}

.vc-mas {
    color: #16a34a;
    font-weight: 600;
}

.vc-menos {
    color: #dc2626;
    font-weight: 600;
}

.vc-cambios {
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #f8fafc;
    font-size: 12px;
}

.vc-parrafo {
    padding: 4px 0;
    color: #64748b;
    border-bottom: 1px dashed rgba(70, 196, 210, 0.15);
}

.vc-parrafo.cambiado {
    color: #334155;
}

.vc-parrafo ins {
    padding: 0 2px;
    border-radius: 3px;
    background: rgba(34, 197, 94, 0.18);
    color: #166534;
    text-decoration: none;
}

.vc-parrafo del {
    padding: 0 2px;
    border-radius: 3px;
    background: rgba(239, 68, 68, 0.15);
    color: #991b1b;
}

.vc-omitidos {
    padding: 4px 0;
    font-size: 11px;
    font-style: italic;
    text-align: center;
    color: #94a3b8;
}

/* Firma multiple en la lista de envios: todos los que firman el documento y en que va cada uno. */
.proc-fm {
    margin: 10px 0 6px;
    border: 1px solid rgba(70, 196, 210, 0.2);
    border-left: 3px solid #46c4d2;
    border-radius: 8px;
    background: #f8fafc;
    font-size: 12.5px;
}

.proc-fm-cabeza {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 7px 10px;
    color: #09244c;
    border-bottom: 1px solid rgba(70, 196, 210, 0.15);
}

.proc-fm-cabeza .fa-users { color: #175e99; }
.proc-fm-cabeza .sep { margin: 0 4px; opacity: .45; }

.proc-fm-aviso {
    padding: 6px 10px;
    color: #475569;
    background: rgba(70, 196, 210, 0.08);
    border-bottom: 1px solid rgba(70, 196, 210, 0.15);
}

.proc-fm-aviso a { margin-left: 4px; font-weight: 600; }

.proc-fm-fila {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px 10px;
    padding: 7px 10px;
    border-bottom: 1px solid rgba(70, 196, 210, 0.1);
}

.proc-fm-fila:last-child { border-bottom: 0; }
.proc-fm-fila.proc-fm-actual { background: rgba(23, 94, 153, 0.05); }

.proc-fm-orden {
    flex: 0 0 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-weight: 700;
    font-size: 11.5px;
}

.proc-fm-actual .proc-fm-orden { background: #175e99; color: #fff; }

.proc-fm-persona {
    flex: 1 1 280px;
    min-width: 0;
    color: #334155;
}

.proc-fm-persona .text-muted { margin-left: 4px; }

.proc-fm-etiqueta {
    display: inline-block;
    margin-left: 6px;
    padding: 0 7px;
    border-radius: 6px;
    background: #eef2f7;
    color: #475569;
    font-size: 11.5px;
    white-space: nowrap;
}

.proc-fm-contacto {
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
}

.proc-fm-contacto .dato {
    display: inline-block;
    margin-right: 10px;
    white-space: nowrap;
}

.proc-fm-estado {
    flex: 0 1 300px;
    text-align: right;
    color: #64748b;
    font-size: 12px;
}

.proc-fm-chip {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 11.5px;
    white-space: nowrap;
}

.proc-fm-ok { background: rgba(34, 197, 94, 0.12); color: #15803d; }
.proc-fm-turno { background: rgba(245, 158, 11, 0.14); color: #b45309; }
.proc-fm-devuelto { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }
.proc-fm-pendiente { background: #eef2f7; color: #64748b; }

.proc-fm-motivo {
    margin-top: 3px;
    color: #b91c1c;
}

.proc-fm-acciones {
    margin-top: 4px;
}

.proc-fm-acciones .btn { margin-left: 4px; }

@media (max-width: 767px) {
    .proc-fm-estado { flex-basis: 100%; text-align: left; padding-left: 32px; }
    .proc-fm-acciones .btn { margin-left: 0; margin-right: 4px; }
}

/* Permisos de documentos por dependencia */
.pd-resumen { margin-bottom: 14px; }

.pd-kpi {
    background: #fff;
    border: 1px solid rgba(70, 196, 210, 0.15);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(9, 36, 76, 0.04);
    padding: 12px 16px;
    margin-bottom: 10px;
}

.pd-kpi-valor {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #09244c;
}

.pd-kpi-texto {
    display: block;
    font-size: 12.5px;
    color: #64748b;
}

.pd-kpi-atencion .pd-kpi-valor { color: #b45309; }

.pd-ayuda {
    color: #475569;
    font-size: 13px;
    max-width: 900px;
}

.pd-tabla > tbody > tr > td { vertical-align: middle; }
.pd-tabla-angosta { max-width: 640px; }
.pd-tabla-angosta th { width: 45%; color: #475569; font-weight: 600; }
.pd-inactiva td { color: #94a3b8; }
.pd-acciones { white-space: nowrap; }

.pd-chip {
    display: inline-block;
    margin: 2px 4px 2px 0;
    padding: 2px 6px 2px 9px;
    border-radius: 999px;
    background: rgba(70, 196, 210, 0.12);
    color: #0e7490;
    font-size: 12px;
    white-space: nowrap;
}

.pd-chip-vacio { background: #f1f5f9; color: #94a3b8; }

.pd-chip-cantidad {
    display: inline-block;
    min-width: 18px;
    margin-left: 3px;
    padding: 0 5px;
    border-radius: 999px;
    background: #fff;
    color: #175e99;
    font-weight: 600;
    text-align: center;
}

.pd-chip-quitar {
    margin-left: 4px;
    color: #64748b;
    font-weight: 700;
    text-decoration: none;
}

.pd-chip-quitar:hover,
.pd-chip-quitar:focus { color: #b91c1c; text-decoration: none; }

.pd-queve-grupo { margin-bottom: 8px; }

.pd-json {
    max-height: 360px;
    overflow: auto;
    font-size: 12px;
    background: #f8fafc;
    border: 1px solid rgba(70, 196, 210, 0.15);
}

.pd-paginas { margin-top: 8px; }

.pd-entidad { color: #175e99; font-weight: 600; }

/* Entidad que administra el administrador de Credid: siempre a la vista. */
.pd-barra-entidad {
    margin-bottom: 14px;
    padding: 9px 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #09244c 0%, #004477 100%);
    color: #fff;
    font-size: 13px;
}

.pd-barra-entidad strong { font-size: 14px; }
.pd-barra-entidad-id { opacity: .7; }
.pd-barra-entidad .btn { margin-top: -2px; }

.pd-confirmar-entidad {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #175e99;
}

/* Casillas: el cuadro lo dibuja la etiqueta que sigue al input (credid.css oculta el nativo).
   Aqui se quita el fondo de boton que le pone input + label y se deja el texto a la izquierda. */
.pd-casilla { margin: 10px 0; }

.pd-casilla input[type="checkbox"] + label {
    display: inline-block;
    height: auto;
    min-height: 25px;
    margin: 0;
    padding: 2px 0 0 35px;
    line-height: 22px;
    text-align: left;
    color: #334155;
    background: none;
    box-shadow: none;
    filter: none;
    white-space: normal;
}

.pd-casilla input[type="checkbox"]:checked + label {
    background: none;
    box-shadow: none;
    color: #334155;
}

.pd-casilla input[type="checkbox"]:disabled + label { color: #94a3b8; cursor: not-allowed; }

.pd-casilla input[type="checkbox"]:disabled + label:before {
    background-color: #f1f5f9;
    border: 2px solid #cbd5e1;
}

.pd-casilla input[type="checkbox"]:focus + label:after { box-shadow: 0 0 0 2px rgba(70, 196, 210, 0.35); }

/* Consentimiento para firmar: el texto es largo y se tiene que leer completo. Las reglas generales
   de casillas dejan la etiqueta en una línea de 25px con overflow oculto, centrada y, al marcarla,
   con fondo de botón. */
.consentimiento-firma input[type="checkbox"]:not(:checked) ~ label,
.consentimiento-firma input[type="checkbox"]:checked ~ label {
    display: block;
    flex: 1 1 auto;
    height: auto;
    min-height: 25px;
    margin: 0;
    padding: 2px 0 0 40px;
    overflow: visible;
    line-height: 1.5;
    text-align: left;
    white-space: normal;
    color: #334155;
    background: none;
    box-shadow: none;
    filter: none;
}