/*#region LO DEMÁS*/
.cr:after {
    content: " *";
    color: red;
}

#tblDocumentos_wrapper .dataTables_filter input {
    display: inline !important;
    width: 100% !important;
    margin: 0 !important;
}

#tblDocumentos_wrapper .dataTables_filter label {
    display: inline !important;
}

.titulo {
    background-color: #656565;
    color: #ffffff;
    border: 1px Solid #656565;
}

.titulo-lista:before {
    content: "- ";
    font-weight: bold;.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 40%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}d
}

.thumbnail {
    border-radius: 1px;
}

.elemento-lista:before {
    content: "- ";
}

.logo-name {
    font-size: 110px;
    letter-spacing: 0;
}

.form-control {
    padding: 0 10px;
}

.todo-list.small-list > li {
    border-radius: 1px;
}

.w-100 {
    width: 100px !important;
}

.w-333 {
    width: 333px !important;
}

.span-paginacion {
    width: 25px !important;
}

.minimalize-styl-2 {
    margin: 18px 5px 5px 20px;
}

.wrapper-content {
    padding: 10px 10px 30px;
}

#divCargando {
    width: 100%;
    background-color: #bdbcbc;
    background-color: rgba(189, 188, 188, 0.6);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: center;
}

    #divCargando:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    #divCargando #divCargandoElementos {
        display: inline-block;
        vertical-align: middle;
    }

        #divCargando #divCargandoElementos img {
            height: 250px;
            width: 250px;
        }

        #divCargando #divCargandoElementos label {
            color: #223344;
            font-weight: bold;
        }

.navbar-control-custom {
    float: left;
    height: 20px;
    padding: 0;
    width: 250px;
    display: inline-table;
}

    .navbar-control-custom .form-control {
        font-size: 14px;
        height: 30px;
        margin: 0;
        z-index: 2000;
    }

.nav-header {
    padding: 20px 25px;
}

.input-xs {
    height: 22px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    -ms-border-radius: 1px;
    border-radius: 1px;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    -ms-border-radius: 1px;
    border-radius: 1px;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    -ms-border-radius: 1px;
    border-radius: 1px;
}

.dropdown-menu {
    -ms-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    -ms-box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    font-size: 12px;
    left: 1px;
    margin-top: 5px;
}

.btn.dropdown-toggle.btn-default {
    background-color: #ffffff;
    color: inherit;
    border-color: #e5e6e7;
}

    .btn.dropdown-toggle.btn-default:hover {
        background-color: #ffffff;
        color: inherit;
        border-color: #CC692F;
    }

.open > .btn.dropdown-toggle.btn-default {
    border-color: #CC692F;
}

textarea {
    -moz-resize: none !important;
    -ms-resize: none !important;
    -o-resize: none !important;
    resize: none !important;
}

.dropdown-menu > li > a {
    margin: 2px 0 0 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.form-control:focus, .single-line:focus {
    border-color: #CC692F !important;
}

.file {
    margin: 0 5px 0 5px;
}

.file-name {
    min-height: 120px
}

.file-buttons {
    position: absolute;
    bottom: 5px;
    right: 0;
}

.v-a-m {
    vertical-align: middle !important;
}

.divLineamientos {
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.divSin-d-redactar {
    min-height: 110px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70px;
    background-image: url('../img/archivo/file-n.png');
    background-color: #f7f7f7;

    text-align: center;
    vertical-align: middle;
}

.divSin-d-redactar label {
    font-size: 16px;
    margin: 44px auto;
}

.divSin-alerta-configurada {
    min-height: 110px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70px;
    background-color: #f7f7f7;
    text-align: center;
    vertical-align: middle;
}

    .divSin-alerta-configurada label {
        font-size: 16px;
        margin: 44px auto;
    }
/*#endregion*/

/*#region BG*/
.inter-bg {
    background-color: #1c2a38;
    color: #ffffff;
}

.inter2-bg {
    background-color: #656565;
    color: #ffffff;
}
/*#endregion*/

/*#region TABLAS*/
.table tr.darkblue {
    color: #1C1C1C;
    font-weight: bold;
}
.table {
    margin-bottom: 10px;
}

.invoice-table thead > tr > th:last-child,
.invoice-table thead > tr > th:nth-child(4),
.invoice-table thead > tr > th:nth-child(3),
.invoice-table thead > tr > th:nth-child(2) {
    text-align: center;
}

.invoice-table-bordered {
    border: solid 1px #e7eaec !important;
}

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

.table-detalle {
    border-left: solid 5px #CC692F !important;
}

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

    .table-detalle > thead > tr > th, .table-detalle > tbody > tr > th,
    .table-detalle > tfoot > tr > th {
        padding: 2px 5px;
        background-color: #f2f2f2;
        width: 25%;
    }

.itemConfig {
    color: #3D4D5D;
    cursor: pointer;
    font-weight: bold;
}

.itemConfig:hover {
    background-color: #fbfbfb !important;
}
/*#endregion*/

/*#region MARGENES Y PADDINGS*/
.m-0 {
    margin: 0 !Important;
}

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

.p-r-3 {
    padding-right: 3px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-l-2 {
    padding-left: 2px !important;
}

.p-l-3 {
    padding-left: 3px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-b-3 {
    padding-bottom: 3px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

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

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

.p-n {
    padding: 0 !important;
}
/*#endregion*/

/*#region BORDER*/
.border {
    border: 1px solid #E5E6E7;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.border-title {
    border: 1px solid #E5E6E7;
}

.border-5 {
    border: 5px solid #000000;
}


.border-r {
    border-right: 1px solid #BDBDBD;
}

.border-b {
    border-bottom: 1px solid #BDBDBD;
}

.border-img {
    border: Solid 1px #d8d8d8;
}

.border-t {
    border: Solid 1px #e7eaec;
}
/*#endregion*/

/*#region FUENTES*/
.italica {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.f-b-700 {
    font-weight: 700 !Important;
}

.f-s-50 {
    font-size: 50px;
}

.f-s-24 {
    font-size: 24px;
}

.f-s-18 {
    font-size: 18px !important;
}

.font-white {
    color: #FFF;
}

.f-s-26 {
    font-size: 26px;
}

.f-s-30 {
    font-size: 30px;
}

.f-s-20em {
    font-size: 20em !important;
}

.f-s-16em {
    font-size: 16em !important;
}

.f-s-10em {
    font-size: 13em !important;
}

.f-s-6em {
    font-size: 6em !important;
}

.f-s-2em {
    font-size: 2em !important;
}

.f-s-12 {
    font-size: 12px;
}

.f-s-8 {
    font-size: 8px;
}

.f-s-10 {
    font-size: 10px;
}

.f-s-11 {
    font-size: 11px;
}

.f-s-14 {
    font-size: 14px;
}

.f-w-300 {
    font-weight: 500;
}

.text-shadow-white {
    -ms-text-shadow: 0 0 100px #FFF;
    text-shadow: 0 0 100px #FFF;
}

.word-wrap-break {
    word-wrap: break-word;
}

.word-break-all {
    -moz-word-break: break-all;
    -o-word-break: break-all;
    word-break: break-all;
}

.c-red {
    color: #EC4758;
}

.c-blue {
    color: #1C84C6;
}

.c-green {
    color: #008000;
}

.c-black {
    color: #4c4c4c;
}

.c-darkblue {
    color: #1C1C1C;
}

.c-orange {
    color: #CC692F;
}

.c-white {
    color: #ffffff;
}

.c-normal {
    color: #676a6c;
}

.red-o-border {
    padding: 10px;
    background-color: #1c2a38;
    border-color: #EC4758;
    border-radius: 5px;
}

.yellow-o-border {
    padding: 10px;
    background-color: #1c2a38;
    border-color: #FFDB58;
    border-radius: 5px;
}

.green-o-border {
    padding: 10px;
    background-color: #1c2a38;
    border-color: #008000;
    border-radius: 5px;
}

.text-blueInter {
    color: #1c2a38;
}



/*#endregion*/

/*#region CLASES CUSTOM*/
.reloj {
    font-size: 70px;
    color: #7f7f7f;
}

.tarjeta {
    width: 100%;
    padding: 15px 0;
    -webkit-box-shadow: 0 0 10px #e7eaec;
    -ms-box-shadow: 0 0 10px #e7eaec;
    box-shadow: 0 0 10px #e7eaec;
    display: table;
    clear: both;
    background-color: #FFF;
}

.btn-cambio-inicio {
    font-size: 10px;
    padding: 3px !important;
}

.img-90 {
    width: 90%;
}

.img-80 {
    width: 80%;
}

.img-100px {
    width: 100px;
    height: 100px;
}

.img-150px {
    width: 150px;
    height: 150px;
}

.img-200px {
    width: 200px;
    height: 200px;
}

.img-50px {
    width: 50px;
    height: 50px;
}

.img-85px {
    width: 85px;
    height: 85px;
}

.img-50 {
    width: 50%;
}

.img-100per {
    width: 100%;
}

.img-60 {
    width: 60%;
}

.acceso-si {
    background-color: #d1e7d1;
}

.acceso-no {
    background-color: #e4bfbf;
}

.opacity-8 {
    -ms-opacity: 0.8;
    opacity: 0.8;
}

.redondo {
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.max-h-500 {
    max-height: 500px;
    overflow-y: scroll;
    background-color: #F3F3F4;
}
/*#endregion*/

/*#region TREE VIEW*/
.tree-view {
    min-height: 300px;
    border: Solid 1px #E5E6E7;
    overflow-y: auto;
    padding: 0 !important;
    font-size: 11px;
    color: #F3F3F4;
}

.tvwOpcionesMenu img {
    vertical-align: -webkit-baseline-middle;
    background-repeat: repeat-x;
    height: 25px;
    width: 20px;
    margin-top: -4px;
    margin-right: -1px;
}
/*#endregion*/

/*#region PANELES*/
.panel {
    -ms-border-radius: 1px;
    border-radius: 1px;
}

.panel-heading {
    -ms-border-top-left-radius: 1px;
    border-top-left-radius: 1px;
    -ms-border-top-right-radius: 1px;
    border-top-right-radius: 1px;
}

.footer {
    z-index: 0;
}

.label {
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}
/*#endregion*/

/*#region BOOTSTRAP-SELECT*/
.bootstrap-select > .btn {
    font-size: 13px;
    padding: 6px 12px 5px 12px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 6px;
}

.btn .caret {
    margin-left: 0;
}

.caret {
    border-top: 5px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}

.bootstrap-select.btn-group .dropdown-menu {
    -moz-min-width: Calc(100% - 2px);
    -ms-min-width: Calc(100% - 2px);
    -o-min-width: Calc(100% - 2px);
    -webkit-min-width: Calc(100% - 2px);
    min-width: Calc(100% - 2px);
}
/*#endregion*/

/*#region FILE-INPUT*/
.file-preview {
    border-radius: 1px !important;
}

.file-preview-frame, .file-preview-image, .file-preview-other {
    max-width: 95% !important;
    max-height: 90px !important;
    height: 90px !important;
    margin: auto;
    padding: 20px;
}

.file-thumbnail-footer {
    display: none;
}

.file-preview-frame {
    margin: 8px auto;
    float: none;
}
/*#endregion*/

/*#region TAGSINPUT*/
.bootstrap-tagsinput {
    border: 1px solid #e5e6e7 !important;
    color: inherit !important;
    line-height: 18px !important;
}
/*#endregion*/

/*#region SUMMERNOTE*/
.note-editor .note-editable {
    border-bottom: #e7eaec solid 1px;
    min-height: 300px;
}

/*#endregion*/

/*#region SLICK-SLIDER*/
.slick-slider {
    margin-bottom: 15px !important;
}

.slick-slider-bg {
    background-color: #fbfbfb !important;
}

.slick-prev {
    left: -3px !important;
}

.slick-next {
    right: 27px !important;
}

.slick-prev, .slick-next {
    color: white !important;
    z-index: 1 !important;
    top: 52% !important;
}

    .slick-prev:before, .slick-next:before {
        color: #1C2A38 !important;
        font-size: 50px !important;
        opacity: 1 !important;
    }

/*#endregion*/

/*#region TIME LINE*/
.vertical-timeline-block {
    margin: 5px 0;
}
/*#endregion*/

/*#region TOASTR*/
.toast-message {
    font-size: 14px;
}

#toast-container > div {
    width: 450px;
}

.toast-top-center {
    top: 45px;
}
/*#endregion*/

/*#region NAV, TABS*/
.top-navigation .nav > li > a {
    padding: 10px 20px;
}

.tabs-container .nav.nav-tabs li {
    /*background: none;*/
    border: none;
}

.nav-tabs > li > a {
    padding: 10px;
}

.tabs-container .nav-tabs > li {
    float: none;
}

.tabs-container .nav-tabs {
    border-bottom: none;
}
/*#endregion*/

/*#region TOP NAVIGATION*/
.wrapper.wrapper-content {
    padding: 10px 15px 20px 15px !important;
}

.navbar-brand {
    height: 51px;
}

    #navMenu .nav > li > a i {
        margin: auto;
    }

.top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px;
}

.top-navigation .navbar-nav .dropdown-menu {
    border: none;
}

.top-navigation .dropdown-menu > li > a {
    margin: 0;
    padding: 5px 15px;
}

.ibox-title {
    border-width: 3px 0 0;
    padding: 10px 15px;
}

.ibox-content {
    padding: 15px;
}
/*#endregion*/

/*#region BOTONES*/
.btn {
    -ms-border-radius: 1px;
    border-radius: 1px;
}

.btn-circle {
    width: 25px;
    height: 25px;
    padding: 0 0;
    font-size: 16px;
    border-radius: 15px !important;
}
/*#endregion*/

/*#region COMENTARIOS*/
.social-comment {
    margin-top: 5px;
}

.social-action {
    margin: 0;
}

/*#endregion*/

/*#region DROP ZONE*/
.dropzone {
    border: 1px solid #e5e6e7 !important;
    padding: 15px !important;
}
.dropzone .dz-preview .dz-progress {
    top: 40% !important;
}
.dropzone .dz-preview .dz-details {
    font-size: 11px !important;
    padding: 0 !important;
    line-height: 100% !important;
}
.dropzone .dz-preview .dz-image {
    width: 100px !important;
    height: 100px !important;
}
/*#endregion*/

/*#region TOOLTIP*/
.tt-chart {
    background-color: #1c2a38;
    color: #ffffff;
    border: 2px solid #1c2a38;
    position: absolute;
    border-radius: .5em;
}
/*#endregion*/

/*#region MODAL*/
@media (min-width: 1200px) {
    .modal-lg {
        width: 1220px;
    }
}

.modal-heading {
    background-color: #1C1C1C;
    color: #ffffff;
    border: none;
}

.inmodal .modal-header {
    padding: 10px;
    text-align: left;
    -moz-border-radius: 1px;
}

/*#endregion*/

/*#region PDF*/
.pdfobject-container {
    height: calc(100vh - 125px);
}
/*#endregion*/

/*#region FullCalendar Personalizado*/
.fc-widget-header > .fc-row .fc-widget-header {
    background-color: #1c2a38;
    color: white;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.fc-state-default.fc-corner-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
/*#endregion*/

/*#region loader dasbord panel Personalizado*/
.sk-fading-circle {
    margin: 80px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

    .sk-fading-circle .sk-circle {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #cc692f;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-fading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-fading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-fading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-fading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-fading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-fading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-fading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-fading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-fading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-fading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-fading-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-fading-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-fading-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-fading-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-fading-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-fading-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-fading-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-fading-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-fading-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-fading-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-fading-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}


.activo {
    /*border-bottom: solid 3px #CC692F;*/
    color: #CC692F !important;
}

/*#endregion*/

/*#region DATA TABLE*/
.pagination a {
    outline: none;
}
/*#endregion*/

/*#region TOOGLE SWICH */
.tipoFirma.onoffswitch {
  width: 85px;
}
.tipoFirma.onoffswitch-label {
  border: 2px solid #1C1C1C;
  border-radius: 1px;
}
.tipoFirma.onoffswitch-inner:before,
.tipoFirma.onoffswitch-inner:after {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.tipoFirma.onoffswitch-inner:before {
  content: "Pfx";
  background-color: #1C1C1C;
}
.tipoFirma.onoffswitch-inner:after {
  content: "Cert Y Key";
  color: #1C1C1C;
}
.tipoFirma.onoffswitch-switch {
  width: 10px;
  background: #FFFFFF;
  border: 2px solid #1C1C1C;
  border-radius: 1px;
  right: 75px;
}
/*#endregion*/

/*#region TOOGLE SWICH */
.opcionEmitir.onoffswitch {
    width: 85px;
}

.opcionEmitir.onoffswitch-label {
    border: 2px solid #1C1C1C;
    border-radius: 1px;
}

.opcionEmitir.onoffswitch-inner:before,
.opcionEmitir.onoffswitch-inner:after {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.opcionEmitir.onoffswitch-inner:before {
    content: "Redactar";
    background-color: #1C1C1C;
}

.opcionEmitir.onoffswitch-inner:after {
    content: "Adjuntar";
    color: #1C1C1C;
}

.opcionEmitir.onoffswitch-switch {
    width: 10px;
    background: #FFFFFF;
    border: 2px solid #1C1C1C;
    border-radius: 1px;
    right: 75px;
}
/*#endregion*/

/*#region TOOGLE SWICH Nuevo Expediente */
.nuevoExp.onoffswitch {
  width: 85px;
}
.nuevoExp.onoffswitch-label {
  border: 2px solid #1C1C1C;
  border-radius: 1px;
}
.nuevoExp.onoffswitch-inner:before,
.nuevoExp.onoffswitch-inner:after {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}
.nuevoExp.onoffswitch-inner:before {
  content: "Existente";
  background-color: #1C1C1C;
}
.nuevoExp.onoffswitch-inner:after {
  content: "Nuevo";
  color: #1C1C1C;
}
.nuevoExp.onoffswitch-switch {
  width: 10px;
  background: #FFFFFF;
  border: 2px solid #1C1C1C;
  border-radius: 1px;
  right: 75px;
}
/*#endregion*/

/*#region DiagramaFlujo*/
#vertical-timelineComplete:before {
    content: '';
    position: absolute;
    top: 0;
    left: 11px;
    height: calc(100% - 15px);
    width: 4px;
    background: #f1f1f1;
}

#vertical-timelineComplete {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

.vertical-timeline-icon.sm {
    top: 5px;
    width: 25px;
    height: 25px;
}

.vertical-timeline-content.sm {
    margin-left: 45px;
}

.no-estilo {
    text-decoration: none;
    color: #676a6c !important;
}
/*#endregion*/

.vertical-container {
    width: 100%;
    max-width: 100%;
}