button, html, input, select, textarea, body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Intro Book,'GLYPHICONS Halflings',FontAwesome !important;
}

html {
    overflow-y: visible !important;
    /*VER PROBLEMA CUANDO SE ABRE EL DATEPICKER, ESTO SE VUELVE SCROLL*/
}

@media (max-width: 767px) {
    .main-sidebar, .left-side {
        padding-top: 50px !important;
    }
}

.main-header .logo {
    padding: 5px 15px !important;
}

.ancho-50{
    width: 50%;
}

.panel:focus, .panel-group:focus, div:focus, .panel-title:focus {
    outline: none !important;
    outline-color: none !important;
    outline-width: unset !important;
}

.skin-oldelval .treeview-menu > li > a {
    white-space: normal; /*Hace que los items del sidemenu se vean multilinea*/
}

.navbar,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn, .alert {
    background-image: none !important;
}

.navbar,
.skin-oldelval .main-header .navbar .sidebar-toggle,
.main-header .logo {
    min-height: 40px !important;
    height: 40px !important;
}

.main-sidebar, .left-side {
    padding-top: 40px !important;
}

@media (max-width: 767px) {
    .main-header .logo.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .main-header .logo.hidden-xs {
        display: flex !important;
        justify-content: center !important;
    }
}

.navbar .logo-mini {
    max-height: 35px !important;
    height: 100% !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.main-header .logo .logo-mini {
    max-height: 36px !important;
    height: 100% !important;
}

.main-header .logo .logo-lg {
    max-height: 40px !important;
    height: 100% !important;
}

.skin-oldelval .main-header .navbar .sidebar-toggle {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

/*.sidebar.sidebar-collapse {
    1px solid #a3b7bf;
}*/

@media (min-width: 768px) {

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
        border-right: 1px solid #b8c1d4;
        border-top: 1px solid #b8c1d4;
        border-bottom: 1px solid #b8c1d4;
    }

    .skin-oldelval.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-right: 1px solid #b8c1d4;
        border-bottom: 1px solid #b8c1d4;
    }
}

.sidebar-menu > li.active > a.text-orange {
    border-left-color: orange;
}

.float-right {
    float: right !important;
}

/*--------- TEXT ---------*/
.text-left{
    text-align: left!important;
}
.text-break {
    word-break: break-all !important;
}

.text-blue {
    color: #1d8fbf !important;
}

.text-orange {
    color: orange !important;
}

.text-gray {
    color: dimgray !important;
}

.text-green {
    color: #339966 !important;
}

.text-primary {
    color: #1D8FBF;
}

.border-primary {
    border: 1px solid #adc4ce !important;
}

fieldset.scheduler-border.border-primary {
    border: 1px solid #adc4ce !important;
}

.validation-messages {
    font-size: 12px;
    color: #b94a48;
    margin-left: 15px;
}

.text-error {
    color: #b94a48;
}

.has-warning .help-block, .has-warning .control-label{
    color: #f7c400;
}
.has-warning .form-control {
    border-color: #f7c400;
    -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);
}

.align-vertical-center-items {
    display: flex;
    align-items: center;
}

.remove-side-spaces {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}


/*---------- NAVBAR + SIDEMENU -----------*/
.navbar-header-menu {
    position: relative;
    font-size: 20px;
    color: white;
    margin: 5px 15px;
    float: left !important;
}

.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu {
    width: auto !important;
}

    .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        padding: 0px !important;
    }

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    border: 1px solid lightgray;
}

.sidebar-menu > li.active > a {
    border-left-color: #1D8FBF;
}

/*.treeview.active .treeview-menu.menu-open*/
/*.sidebar{
    position: fixed!important;
    height: 90%!important;
    overflow-y: auto!important;
    width: 100%!important;
}*/
/*---------- END NAVBAR + SIDEMENU -----------*/

/*------- PANEL ----------*/
/*.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}*/
.panel-default .panel-heading h4:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}

.panel-default .panel-heading h4.collapsed:after {
    content: "\e080";
}

.panel-info .panel-heading h4:hover {
    color: #0F658A;
}

.panel-info .panel-heading h4:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #0F658A;
}

.panel-info .panel-heading h4.collapsed:after {
    content: "\e080";
}
/*--------- END PANEL -----------*/

/*-------- FORM ----------*/

.panel-group.disabled > button, .panel-group.disabled > .btn,
div.disabled .btn, div.disabled button,
form.disabled > button, form.disabled > .btn,
form.disabled > select, form.disabled > select.select2,
form.disabled > select > .select2-container > .select2-selection,
form.disabled > select > .select2-container > .select2-selection .select2-selection__rendered
{
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    border-color: #3E9DC7 !important;
}

form.disabled > select, .panel-group.disabled > select,
form.disabled .form-control, .panel-group.disabled .form-control,
form.disabled > select, form.disabled > select.select2,
form.disabled > select > .select2-container > .select2-selection .select2-selection__rendered {
    pointer-events: none !important;
}

.form-control.disabled, .form-control.readonly, form.disabled .form-control,
.panel-group.disabled .form-control, .form-control.readonly,
.input-group .input-group-addon.readonly {
    cursor: not-allowed !important;
    background-color: #eeeeee !important;
}

form.disabled md-checkbox, form.disabled .md-button md-icon,
form.disabled .md-datepicker-input-container input,
select.disabled, md-checkbox.disabled,
form.disabled .md-datepicker-input-container input.md-datepicker-input,
form.disabled .md-datepicker-input-container .md-datepicker-triangle-button {
    cursor: default !important;
    pointer-events: none !important;
}

    form.disabled md-checkbox.md-default-theme:not(.md-checked) .md-icon,
    form.disabled md-checkbox:not(.md-checked) .md-icon,
    md-checkbox.disabled.md-default-theme:not(.md-checked) .md-icon,
    md-checkbox.disabled:not(.md-checked) .md-icon {
        border-color: rgba(0,0,0,0.38) !important;
    }

    form.disabled md-checkbox.md-default-theme.md-checked .md-icon,
    form.disabled md-checkbox.md-checked .md-icon,
    md-checkbox.disabled.md-default-theme.md-checked .md-icon,
    md-checkbox.disabled.md-checked .md-icon {
        background-color: #649db5 !important;
    }

    form.disabled .md-datepicker-input-container input.md-datepicker-input,
    form.disabled .md-datepicker-input-container .md-datepicker-triangle-button,
    form.disabled .md-datepicker-input {
        cursor: not-allowed!important;
    }

form.disabled .md-button md-icon {
    color: rgba(0,0,0,0.38);
}

.checkbox-padding-top {
    padding-top: 8px;
}
/*-------- CONTROLS ---------*/
.dropdown-menu > li > a {
    color: #777 !important;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #e1e3e9 !important;
    }



/*---------- TABLE ----------*/
/*TABLE INFO*/
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info,
.table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info,
.table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td,
.table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th,
.table.table-info > thead > tr {
    background-color: #d0e5ef !important;
    border-color: #b2cbd8 !important;
    /*background-color: #e9f5fb !important;
    border-color: #dbecf5 !important;*/
}

.table-bordered.table-info,
.table-bordered.table-info > thead > tr > th, .table-bordered.table-info > tbody > tr > th, .table-bordered.table-info > tfoot > tr > th,
.table-bordered.table-info > thead > tr > td, .table-bordered.table-info > tbody > tr > td, .table-bordered.table-info > tfoot > tr > td {
    border: 1px solid #b2cbd8; /*1px solid #dbecf5;*/
}

/*.table.table-info > thead > tr {
    background-color: #e9f5fb !important;
    border-color: #dbecf5 !important;
}*/

.table.table-info > caption {
    background-color: #9dc7dc !important; /*#d6e8f1 !important;*/
}

/*---------- END TABLE ----------*/

/*---------- SWAL/SWEETALERT (custom)------------*/
.swal2-popup {
    font-size: 1.3rem !important;
}

body.swal2-toast-column .swal2-container > .swal2-toast {
    max-width: 350px !important;
}

.swal2-modal .swal2-actions button {
    margin-left: 3px !important;
    margin-right: 3px !important;
}
/*---------- END SWAL/SWEETALERT (custom)------------*/



/*--------- OTHERS ---------*/
.cursor-notallowed{
    cursor: not-allowed !important;
}
.cursor-pointer{
    cursor: pointer!important;
}

fieldset.scheduler-border {
    border: 1px solid #ddd !important;
    padding: 0 1.4rem 1.4rem 1.4rem !important;
    margin: 0 0 1.5rem 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

legend {
    margin-bottom: 10px;
}

.sticky-box {
    position: fixed;
    z-index: 1;
    pointer-events: none;
    width: 82% !important;
    cursor: auto;
    top: 25px;
}

    .sticky-box table.table-info {
        margin-bottom: 0px !important;
    }

    .sticky-box .table {
        width: 100% !important;
    }

.sticky-border-table-container {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 15px !important;
}

    .sticky-border-table-container .table {
        border: 2px solid #87a1af !important;
    }

        .sticky-border-table-container .table caption {
            border-left: 2px solid #87a1af !important;
            border-right: 2px solid #87a1af !important;
            border-top: 2px solid #87a1af !important;
        }

.column.sticky-box-table-container {
    position: absolute !important;
    margin-right: -15px;
    margin-left: -15px;
    top: 100px !important;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper .sticky-box {
        width: 96% !important;
    }
}

@media (min-width: 1000px) and (max-width: 1024px) {
    .sidebar-mini.sidebar-collapse .content-wrapper .sticky-box {
        width: 94% !important;
    }
}

@media(max-width:1024px) {
    .sticky-box {
        width: 76% !important;
    }
}

@media (max-width: 920px) {
    .sticky-box {
        width: 74% !important;
    }
}

.tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.red-background {
    background-color: darksalmon !important;
}

@media (max-width: 767px) {
    .text-center-xs {
        text-align: center !important;
    }

    .sticky-box {
        width: 99% !important;
    }
}

.draggable-box {
    position: absolute !important;
    cursor: move;
    pointer-events: all !important;
}

.oldelval-txt-border-bottom{
    border:none;
    border-bottom:1px solid !important;
}

/*SELECT2 Override*/
.select2-dropdown {
    border-color: #cccccc !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #cccccc !important;
    border-radius: 0px !important;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1d8fbf !important;
    color: white !important;
}

.campo-deshabilitado {
    pointer-events: none;
    background-color: #f0f0f0; /* O cualquier otro estilo que quieras aplicar a los campos deshabilitados */
    color: #999; /* Color de texto más claro para indicar que está deshabilitado */
}