@font-face {
    font-family: 'custom-font';
    src: url('../fonts/roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'custom-font-light';
    src: url('../fonts/roboto/RobotoCondensed-Regular.ttf');
}

body {
    font-family: 'custom-font';
    /*font-size: 0.8rem;*/
    font-size: 12px;
    margin-bottom: 55px;
}

.logo_icono {
    height: 23px;
}

.borde_izq {
    border-left: solid 1px #D7DDF1;
}

.borde_der {
    border-right: solid 2px #D7DDF1 !important;
}

.m-top {
    margin-top: 41px;
}

.m-top-2 {
    margin-top: 63px;
}

.font-slim {
    font-family: 'custom-font-light';
}

select, input, textarea {
    font-size: 12px !important;
}

.input-group-prepend .input-group-text, .input-group-append .input-group-text {
    font-size: 12px !important;
}

body, p, .btn, .form-control {
    font-size: 0.8rem;
}

h1, .h1 {
    font-size: 2rem;
}

h2, .h2 {
    font-size: 1.6rem;
}

h3, .h3 {
    font-size: 1.4rem;
}

h4, .h4 {
    font-size: 1.2rem;
}

h5, .h5 {
    font-size: 1rem;
}

.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    width: 260px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body {
    padding: 5px 5px 80px;
}

.modal.left.fade .modal-dialog {
    left: -260px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
    left: 0;
}

.css-treeview ul,
.css-treeview li {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #4E4E4E;
}

.css-treeview ul li ul li {
    margin-top: -5px;
    margin-bottom: 5px;
}

.css-treeview ul li:hover {
    background-color: #EEEEEE;
    color: #6699FF;
}

.css-treeview input {
    position: absolute;
    opacity: 0;
}

.css-treeview {
    user-select: none;
}

.css-treeview a:hover {
    color: #6699FF;
    text-decoration-style: dotted;
}

.css-treeview input + label + ul {
    margin: 0 0 0 22px;
}

.css-treeview input ~ ul {
    display: none;
}

.css-treeview label,
.css-treeview label::before {
    cursor: pointer;
}

.css-treeview input:disabled + label {
    cursor: default;
    opacity: .6;
}

.css-treeview input:checked:not(:disabled) ~ ul {
    display: block;
}

#calls, #venta {
    width: auto;
    padding: 5px 5px 5px 5px;
    border: 1px solid rgba(0, 0, 0, .125);
    background-color: white;
    box-shadow: 2px 2px 2px #aaaaaa;
    margin: 5px
}

.sombreado {
    width: auto;
    padding: 5px 5px 5px 5px;
    border: 1px solid rgba(0, 0, 0, .125);
    background-color: white;
    box-shadow: 2px 2px 2px #aaaaaa;
    margin: 5px
}

/* top-left border-radius */
table.redondear tr:first-child th:first-child {
    border-top-left-radius: 6px !important;
}

/* top-right border-radius */
table.redondear tr:first-child th:last-child {
    border-top-right-radius: 6px !important;
}

/* bottom-left border-radius */
table.redondear tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
table.redondear tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.css-treeview label,
.css-treeview a,
.css-treeview label::before {
    display: inline-block;
    height: 14px;
    line-height: 16px;
    vertical-align: middle;
}

/*
.css-treeview label
{
    background-position: 18px 0;
}
*/
.css-treeview label::before {
    content: "";
    width: 0px;
    margin: 0 2px 0 0;
    vertical-align: middle;
    background-position: 0 -32px;
}

.css-treeview input:checked + label::before {
    background-position: 0 -16px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .css-treeview {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }

    @-webkit-keyframes webkit-adjacent-element-selector-bugfix {
        from {
            padding: 0;
        }
        to {
            padding: 0;
        }
    }
}

#divMenu {
    font-family: 'custom-font';
    width: auto;
    padding: 5px 5px 5px 5px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 2px 2px 2px #aaaaaa;
    margin: 5px;
}

#divMenu hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin: 5px 0px;
}

.accordion .card-header.collapsed:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f105";
    float: right;
}

.accordion .card-header:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f107";
    float: right;
}

.btn {
    font-size: 12px !important;
}

.micro-gutters {
    margin-right: -2px;
    margin-left: -2px;
}

.micro-gutters > .col, .micro-gutters > [class*=col-] {
    padding-right: 2px;
    padding-left: 2px;
}

.tiny-gutters {
    margin-right: -5px;
    margin-left: -5px;
}

.tiny-gutters > .col, .tiny-gutters > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

.small-gutters {
    margin-right: -10px;
    margin-left: -10px;
}

.small-gutters > .col, .small-gutters > [class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
}

.table-sort thead tr th.header span::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    font-size: 0.5rem;
    padding-left: 5px;
}

.table-sort thead tr th.headerSortUp span::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f062";
    font-size: 0.6rem;
}

.table-sort thead tr th.headerSortDown span::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f063";
    font-size: 0.6rem;
}

.orden::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    font-size: 0.5rem;
}

.orden-up::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f062";
    font-size: 0.6rem;
}

.orden-down::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f063";
    font-size: 0.6rem;
}

.btn {
    font-size: 12px !important;
}

.btn-save:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f0c7  ";
}

.btn-phone:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f095  ";
    font-size: 0.7rem;
}

.btn-phone-slash:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3dd  ";
    font-size: 0.7rem;
}

.btn-close:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f057  ";
}

.btn-upload-file:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f574  ";
}

.btn-new:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f055  ";
}

.btn-file-download:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f56d  ";
}

.btn-file-export:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f56e  ";
}

.btn-search:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002  ";
    font-size: 0.7rem;
}

.btn-day:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f783  ";
    font-size: 0.7rem;
}

.btn-calendar:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f073  ";
    font-size: 0.7rem;
}

.btn-sync:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2f1  ";
    font-size: 0.7rem;
}

.btn-back:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f060  ";
    font-size: 0.7rem;
}

.btn-apply:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f152  ";
    font-size: 0.7rem;
}

.btn-clear:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f51a  ";
    font-size: 0.7rem;
}

.btn-trash:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f2ed  ";
    font-size: 0.7rem;
}

.btn-check:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c  ";
    font-size: 0.7rem;
}

.btn-user:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007  ";
    font-size: 0.7rem;
}

.btn-filter:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0b0  ";
    font-size: 0.7rem;
}

.btn-compress:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f066  ";
    font-size: 0.7rem;
}

.btn-excel:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1c3  ";
    font-size: 0.7rem;
}

a.a-user:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007  ";
    font-size: 0.7rem;
}

.btn-edit:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f044  ";
    font-size: 0.7rem;
}

.li-link:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c1  ";
    font-size: 0.7rem;
}

.li-file-slide:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: darkolivegreen;
    content: "\f1c4  ";
    font-size: 0.7rem;
}

.li-file-excel:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: darkolivegreen;
    content: "\f1c3  ";
    font-size: 0.7rem;
}

.li-file-word:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: darkblue;
    content: "\f1c2  ";
    font-size: 0.7rem;
}

.li-file-pdf:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: darkred;
    content: "\f1c1  ";
    font-size: 0.7rem;
}

.li-file-none:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: grey;
    content: "\f15b  ";
    font-size: 0.7rem;
}

.li-file-img:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: deepskyblue;
    content: "\f1c5  ";
    font-size: 0.7rem;
}

.a-edit::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f14b";
}

.icono-line {
    font-size: 0.7rem;
}

a.a-edit:hover {
    text-decoration: none;
}

.a-new::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f0fe";
}

.data-text::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da  ";
    color: #6E6E6E;
}

.validate_red {
    background-color: #f8d7da !important;
    border-color: #ffa0a0 !important;
}

/*
Modificaciones de bootstrap-datetimepicker.min.css
*/
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 15em
}

.bootstrap-datetimepicker-widget table th {
    height: 15px;
    font-size: 12px !important;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 15px;
    line-height: 15px;
    font-size: 12px !important;
}

.bootstrap-datetimepicker-widget table td span, .bootstrap-datetimepicker-widget table td i {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 12px !important;
}

.swal2-popup {
    font-size: 12px !important;
    /*font-family: 'custom-font';*/
}


.autocomplete-suggestions {
    border: 1px solid #E0E0E0;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
    cursor: pointer;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #B5C9EE;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}

.custom-file-label:after {
    content: "Examinar";
}

.span_label {
    font-weight: bold;
    font-size: 10px;
    text-decoration: none
}

.span_label-block {
    display: block;
    margin-bottom: 0.2rem;
}

.span_title {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 2px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: linear-gradient(white, #DEE2E6);
}

.span_title-sm {
    font-size: 10px;
}

.select_label {
    font-weight: bold;
    font-size: 10px;
    color: #515151;
    padding-left: 2px;
    text-decoration: none
}

.select_label_blue {
    font-weight: bold;
    font-size: 10px;
    text-decoration: none
}

/*Personalizar dthmlxCombo*/
div.dhxcombo_material input.dhxcombo_input {
    font-family: 'custom-font';
    font-size: 12px;
    text-transform: uppercase
}

div.dhxcombolist_material div.dhxcombo_option {
    font-family: 'custom-font';
    font-size: 12px;
    height: 28px;
    line-height: 28px
}

/* CSS Created by CSS CHECKBOX */
/**********************************/
/**** www.CSScheckbox.com *********/

/*general styles for all CSS Checkboxes*/
label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 20px;
    /*height:15px;*/
    display: inline-block;
    /*line-height:15px;*/
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -15px;
}

.css-label {
    background-image: url(../images/checkbox/dark-check-green.png);
}

input[type=button], input[type=submit] {
    font-size: 11.5px;
    height: 30px
}

/*specific classes related to Checkbox skins*/

.lite-green-check {
    background-image: url(../images/checkbox/lite-green-check.png);
}

.lite-blue-check {
    background-image: url(../images/checkbox/lite-blue-check.png);
}

.lite-gray-check {
    background-image: url(../images/checkbox/lite-gray-check.png);
}

.lite-cyan-check {
    background-image: url(../images/checkbox/lite-cyan-check.png);
}

.lite-orange-check {
    background-image: url(../images/checkbox/lite-orange-check.png);
}

.lite-red-check {
    background-image: url(../images/checkbox/lite-red-check.png);
}

.lite-x-cyan {
    background-image: url(../images/checkbox/lite-x-cyan.png);
}

.lite-x-gray {
    background-image: url(../images/checkbox/lite-x-gray.png);
}

.lite-x-blue {
    background-image: url(../images/checkbox/lite-x-blue.png);
}

.lite-x-orange {
    background-image: url(../images/checkbox/lite-x-orange.png);
}

.lite-x-red {
    background-image: url(../images/checkbox/lite-x-red.png);
}

.lite-x-green {
    background-image: url(../images/checkbox/lite-x-green.png);
}

.mac-style {
    background-image: url(../images/checkbox/mac-style.png);
}

.mario-style {
    background-image: url(../images/checkbox/mario-style.png);
}

.alert-style {
    background-image: url(../images/checkbox/alert-style.png);
}

.lite-plus {
    background-image: url(../images/checkbox/lite-plus.png);
}

.dark-plus {
    background-image: url(../images/checkbox/dark-plus.png);
}

.dark-plus-cyan {
    background-image: url(../images/checkbox/dark-plus-cyan.png);
}

.dark-plus-orange {
    background-image: url(../images/checkbox/dark-plus-orange.png);
}

.dark-check-cyan {
    background-image: url(../images/checkbox/dark-check-cyan.png);
}

.dark-check-green {
    background-image: url(../images/checkbox/dark-check-green.png);
}

.dark-check-orange {
    background-image: url(../images/checkbox/dark-check-orange.png);
}


.depressed-lite-small {
    background-image: url(../images/checkbox/depressed-lite-small.png);
}

.elegant {
    background-image: url(../images/checkbox/elegant.png);
}

.depressed {
    background-image: url(../images/checkbox/depressed.png);
}

.chrome-style {
    background-image: url(../images/checkbox/chrome-style.png);
}

.web-two-style {
    background-image: url(../images/checkbox/web-two-style.png);
}

.vlad {
    background-image: url(../images/checkbox/vlad.png);
}

.klaus {
    background-image: url(../images/checkbox/klaus.png);
}

input[type=checkbox].css-checkbox.med + label.css-label.med {
    padding-left: 22px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 11.5px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}

input[type=checkbox].css-checkbox.sme + label.css-label.sme {
    padding-left: 22px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 11.5px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme {

    background-position: 0 -16px;
}

input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
    padding-left: 22px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 11.5px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg {

    background-position: 0 -20px;
}

.bd-cargando-modal-lg .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}

.bd-cargando-modal-lg .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
}

.bg-obs {
    background-color: #FFD2AD !important;
}

.bg-val {
    background-color: #B8E297 !important;
}

.bg-last {
    background-color: #92BECC !important;
}

.bg-recovery {
    background-color: #DBD885 !important;
}

.bg-valentina {
    background: #333 !important;
}

.bg-valentina1 {
    background: #015B94 !important;
}

.bg-valentina2 {
    background: #800000 !important;
}

.text-valentina, a.text-valentina {
    color: #333 !important;
}

.text-valentina1, a.text-valentina1 {
    color: #015B94 !important;
}

.text-valentina2, a.text-valentina2 {
    color: #800000 !important;
}

.rotate-90 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-270 {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.scroll-400 {
    max-height: 400px;
    overflow-y: scroll
    /*overflow: auto;*/
}

.scroll-200 {
    max-height: 200px;
    overflow-y: scroll
    /*overflow: auto;*/
}

.scroll-100 {
    max-height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    /*overflow: auto;*/
}

.scroll-400-fh {
    height: 400px;
    overflow-y: scroll
    /*overflow: auto;*/
}

.scroll-200-fh {
    height: 200px;
    overflow-y: scroll
    /*overflow: auto;*/
}

.scroll-100-fh {
    height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    /*overflow: auto;*/
}

.scroll-y {
    overflow-y: scroll;
    overflow-x: hidden;
}

/*!
Copyright Matias Paavilainen and other contributors, https://simasasolutions.com
This software consists of voluntary contributions made by many
individuals. For exact contribution history, see the revision history
available at https://github.com/masagameplay/light-bootstrap-colors
The following license applies to all parts of this software except as
documented below:
====
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
====
*/

.bg-primary-light {
    background: #3490df
}

.bg-success-light {
    /*background: #6cbf6c;*/
    background: #D6EDD6;
}

.bg-info-light {
    background: #6bc6e1;
}

.bg-secondary-light {
    background: #b2b2b2 !important;
}

.bg-warning-light {
    /*background: #f1b55f*/
    background: #FBEAD2
}

.bg-danger-light {
    /*background: #dc6460*/
    background-color: #F5D4D3 !important;
}

.bg-black-light {
    /*background: #dc6460*/
    background: #b2b2b2;
}

.bg-grey-light {
    /*background: #dc6460*/
    background: #e2e2e2;
}

.bg-grey-strong {
    /*background: #dc6460*/
    background: #bbbbbb;
}


.text-primary-light {
    color: #3490df
}

.text-success-light {
    color: #6cbf6c
}

.text-info-light {
    background: #6bc6e1
}

.text-warning-light {
    background: #f1b55f
}

.text-danger-light {
    color: #dc6460
}

.preloader_parent {
    position: relative;
    min-height: 100px;
}

.bg-sky-ligh {
    background: #caf0f8 !important;
}

.bg-striped {
    background: #F2F2F2 !important;
}

.fa-nd {
    width: 1.25em;
    display: inline-block
}

.table_headcol {
    overflow-x: scroll;
    margin-left: 14em;
    /*overflow-y: visible;*/
    /*padding-bottom:1px;*/
}

.headcol {
    position: absolute;
    width: 14.3em;
    left: 0.5em;
}

/*Estilos para la barra lateral*/

#sidebar a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

/*i,
span {
display: inline-block;
}*/

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    margin-top: 55px;
    bottom: 55px;
}

.wrapper_valentina {
    /*display: flex;*/
    bottom: 55px;
}

#sidebar {
    width: 150px;
    position: fixed;
    top: 55px;
    left: 0;
    height: 100vh;
    z-index: 999;
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -150px;
}

#sidebar .sidebar-header {
    padding: 5px;
    margin-bottom: 0;
}

#sidebar ul.components {
    padding: 0;
    /*border-bottom: 1px solid #47748b;*/
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    display: block;
}

#sidebar ul li a:hover {
    background: #fff;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: #fff;
    /*background: #ff0000;*/
}

#sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}


a[data-toggle="collapse"] {
    position: relative;
}

/*ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}*/

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: calc(100% - 150px);
    padding: 0 10px 20px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    /*top: 70;*/
    right: 0;
}

#content.active {
    width: 100%;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content_valentina {
    width: calc(100% - 150px);
    padding: 0 15px 20px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 53px;
    right: 0;
}

#content_valentina.active {
    width: 100%;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -150px;
    }

    #sidebar.active {
        margin-left: 0;
    }

    #content {
        width: 100%;
    }

    #content.active {
        width: calc(100% - 150px);
    }

    #sidebarCollapse span {
        display: none;
    }
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */


.a-hover-black:hover {
    color: #000 !important;
}

/*
.select2-results__option[aria-selected=true] {
    display: none;
}*/


.container-iframe {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 100%; /* 1:1 Aspect Ratio */
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.table-header-fixed {
    height: 400px;
    overflow: scroll;
}

.table-header-fixed thead tr:nth-child(1) th {
    background: #015B94;
    position: sticky;
    top: 0;
    z-index: 10;
    border: solid 1px #FFFFFF !important;
}