.navbar-dark .bg-dark {
    background-color: #0C3C60!important;/*
    background-color: #5bc0de!important;*/
}

/* latin-ext */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    font-family: 'Titillium Web'!important;
}



.spinner-hide{
   display: none!important;
}

.todo_columns_table{
    width: 55px!important;
    padding-left: 4px!important;
    padding-right: 4px!important;
}
.todo_label_column{
    margin-bottom: 0!important;
}

/*table.dataTable tbody tr.selected {
    color: white!important;
    background-color: #eeeeee;
}*/
/*.dataTables_scrollHeadInner, .table{ width:100%!important; }*/
/*.dataTables_scrollHead{width: calc(100% - 21px)!important;}*/

table.dataTable tbody tr.selected button.btn-editByNumExp {
    color: white!important;
   /* background-color: #eeeeee;*/
}
table.dataTable tbody tr button.btn-editByNumExp {
    text-decoration: underline!important;
}


/*prevent 2 lines header table*/
table.dataTable thead tr th{
    white-space: nowrap;
    text-align: center!important;
}

/*permitir textos recortados al tamaño de su encabezado
    en la tablas
*/
table.dataTable tbody tr td {
    /*word-wrap: break-word;*/
    word-break: break-word;
}

/*row padding*/
/*.table th,*/
.table td {
    padding-top: 0.4rem!important;
    padding-bottom: 0.4rem!important;
}


.input-readonly-table{
    border: none!important;
    pointer-events: none!important;
    font-weight: bold!important;
}
.form-control.input-readonly-table{
    border: none!important;
    pointer-events: none!important;
    font-weight: bold!important;
    background-color: white!important;
}


/*styles for chat comments*/
.comments-others{
    border: 1px solid gray!important;
    width: fit-content!important;
}
.comments-self{
    border: 1px solid gray!important;
    width: fit-content!important;
    float: right!important;
    background-color: #c5f0fb;
}
.comments-self .btn-delete{
    color: #ff0018 !important;
    font-weight: bold!important;
    padding: 0 0.25rem!important;
}
.comments-self .btn-copy{
    color: #6c757d !important;
    font-weight: bold!important;
    padding: 0 0.25rem!important;
}

#content_chat{
    width: 100%!important;
}

#content_chat .text-username{
    color: black!important;
}


.bootstrap-select .dropdown-menu {
    background-color: #d5d5d5 !important;
    color: black!important;
}


/*styles for grid recordatorios*/
#gridRecordatorios .jsgrid-cell{
   /* background-color: #0f5e92!important;*/
    cursor: inherit;
}
#gridRecordatorios .jsgrid-grid-body{
    height: 360px!important;
}




/*styles global used in grids*/
.input-percent-icon {
   /* display: inline-block;*/
    position: relative;
}

.input-percent-icon::after {
    content: "%";
    background-size: 100% auto;
    height: 100%;
    right: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    /*line-height: 25px;*/
    font-weight: 900;
    width: 11px;
    color: black;
}
.input-percent{
    padding-right: 12px;
}

.percent{  }
.percent-two-decimals, .percent-two-decimals::placeholder{
    text-align: right!important;
}
/*end styles global used in grids*/