@charset "UTF-8";

/* Blazor disconnects */
#components-reconnect-modal { display:none !important;}

/* custom generics */
body.custom-css .topnav .navbar-brand { background-image: url('../assets/img/Fons_degradat.png'); background-position: top left; background-repeat: no-repeat; background-size: 28px; padding-left: 38px !important; margin-left: 10px; }
body.custom-css .card .card-header.login-header { background-image: url('../assets/img/Fons_degradat.png'); background-position: bottom 20px left 15px; background-repeat: no-repeat; background-size: 65px; padding-left: 88px !important; }
body.custom-css .card.no-shadow { box-shadow: none; }
body.custom-css .card-header:not(.border-bottom) { padding-top:0.6rem; padding-bottom:0.5rem;}
body.custom-css .form-control {padding:0.675rem;}
body.custom-css .form-select  { padding:0.675rem 2.675rem 0.675rem 0.675rem;}
body.custom-css .btn.btn-primary:disabled { background-color:#dae7fb; border-color:#dae7fb; color:#41a4b2;}
body.custom-css .ui-autocomplete { z-index: 99999 !important;}
body.custom-css a.nav-link.disabled {color:darkgray;}
body.custom-css .nav-tabs .nav-link {color: #69707A;}
body.custom-css .nav-tabs .nav-link.active {color: #00AFD7;}
body.custom-css .nav-tabs .nav-link.two-rows{line-height:2.0rem; background-color:#fbfbfb;}
body.custom-css .nav-tabs .nav-link.two-rows span.name {display:inline-flex; font-size:0.8rem; line-height:1.0rem; vertical-align:middle;}
body.custom-css .nav-tabs .nav-link.two-rows.active span.name {font-weight:bold;}
body.custom-css .nav-tabs .nav-link.two-rows { border-color: #e0e5ec #e0e5ec #e0e5ec;}
body.custom-css .container-xl.limit-width {max-width:1440px;}

/* tooltop */
body.custom-css .tooltip .tooltip-inner { text-align:left; }

/* popup-tooltip */
.popup-tooltip.tooltip.show { opacity:1;}
.popup-tooltip .tooltip-inner { padding: 1.25rem; position:relative; max-width:350px; background-color:#ccc; color:#333; text-align:left;}
.popup-tooltip.bs-tooltip-bottom .tooltip-arrow::before, .popup-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {border-bottom-color: #ccc;}
.popup-tooltip.bs-tooltip-top .tooltip-arrow::before, .popup-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {border-top-color: #ccc;}
.popup-tooltip.bs-tooltip-start .tooltip-arrow::before, .popup-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {border-left-color: #ccc;}
.popup-tooltip.bs-tooltip-end .tooltip-arrow::before, .popup-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {border-right-color: #ccc;}
.popup-tooltip .tooltip-inner .btn-close { position: absolute; top: 2px; right: 2px; color: transparent;}

/* breadcrumb */
body.custom-css .breadcrumb { margin:0px; background-color:transparent !important;}
body.custom-css .breadcrumb .breadcrumb-item {font-weight:500}
body.custom-css .breadcrumb .breadcrumb-item a {color:inherit !important; cursor:pointer;}
body.custom-css .breadcrumb .breadcrumb-item a:hover {text-decoration: underline;}
body.custom-css .breadcrumb .breadcrumb-item.active { color:black;}

/* dataTable */
body.custom-css .dataTable-top.card-header {padding:20px; background-color:#ff00; border-bottom:0px;}
body.custom-css .dataTable-top.card-header .dataTable-info {}
body.custom-css .dataTable-top.card-header .dataTable-info span { margin-left:10px; color:#999; line-height:30px;}
body.custom-css .dataTable-container.card-body {padding-bottom:0px !important; padding-top:0px !important;}
body.custom-css .dataTable-bottom.card-footer {padding:5px 20px 20px 20px; background-color:#fff; border-top:0;}
body.custom-css .dataTable-bottom.card-footer .dataTable-selector {padding-top:10px; padding-bottom:10px;}

/* form validation */
body.custom-css .field-validation-error { color: #f00;}
body.custom-css .field-validation-valid { display: none;}
body.custom-css .input-validation-error:not(.form-check-input) { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url('../assets/img/alert.svg'); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center;    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}
body.custom-css .validation-summary-errors { background-color:#fee; padding:1em 0px 0px 0px; font-size: 0.875em; border-color:#dc3545; color:#dc3545;}
body.custom-css .validation-summary-errors.alert-dismissible {padding-right:35px}
body.custom-css .validation-summary-valid { display: none;}

/* alert panels */
body.custom-css .alert .btn-close { padding-top: 0.5rem;}
body.custom-css .alert { padding-bottom:0px;}

/* devExpress */
body.custom-css .dx-widget { font-family: Metropolis, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;}
body.custom-css .dx-datagrid { color: #69707A;}
body.custom-css .dx-datagrid .dx-header-filter {color:#00AFD7;}
body.custom-css .dx-datagrid .dx-header-filter.dx-header-filter-empty { color:rgba(149,149,149,.5); }
body.custom-css .dx-datagrid-headers { color: #69707A; font-weight: 700;}
body.custom-css .dx-datagrid-headers { position: sticky; top: 58px; z-index: 999; background-color:#fff; /*z-index is applied so that this element appears in front*/ }
body.custom-css .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td { color:#69707A; background-color:#d6f8ff;}
body.custom-css .dx-pager .dx-page-sizes { color: #69707A;}
body.custom-css .dx-pager .dx-page-sizes .dx-selection{color: #69707A;}
body.custom-css .dx-pager .dx-page-indexes { color: #00afd7; }
body.custom-css .dx-pager .dx-page-indexes .dx-selection { color:#fff; background-color:#00afd7;}
body.custom-css .dx-pager .dx-pages .dx-info { position:absolute; top:5px; left:0px;}
body.custom-css .dx-datagrid-search-text { background-color:#00afd7;}
body.custom-css .dx-datagrid-table .dx-row { cursor:pointer;}
body.custom-css .dx-datagrid-table .dx-row .dx-button { margin-left:6px; padding:0px; border:0;}
body.custom-css .dx-datagrid-table .dx-row .dx-button .dx-button-content { padding:0px;}
body.custom-css .dx-datagrid-table .dx-row.dx-header-row > td, body.custom-css .dx-datagrid-table .dx-row.dx-header-row > tr > td { vertical-align:bottom;}
body.custom-css .dx-datagrid-table .dx-row > td, body.custom-css .dx-datagrid-table .dx-row > tr > td { vertical-align:middle;}
body.custom-css .dx-datagrid-checkbox-size:not(.dx-state-readonly) .dx-checkbox-icon { color:red; border: 2px solid #999;}  
body.custom-css .dx-datagrid-checkbox-size.dx-checkbox-checked:not(.dx-state-readonly) .dx-checkbox-icon { border: 2px solid #00afd7;}  
body.custom-css .dx-datagrid-checkbox-size.dx-checkbox-checked:not(.dx-state-readonly) .dx-checkbox-icon::before {color:#fff; font-weight:900; background-color:#00afd7;}
body.custom-css .dx-list-item-selected { background-color:#00AFD7 !important; color:#fff !important; font-weight:bold !important; }

body.custom-css .dx-widget { font-family: Metropolis, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;}
body.custom-css .dx-treelist { color: #69707A;}
body.custom-css .dx-treelist .dx-header-filter {color:#00AFD7;}
body.custom-css .dx-treelist .dx-header-filter.dx-header-filter-empty { color:rgba(149,149,149,.5); }
body.custom-css .dx-treelist-headers { color: #69707A; font-weight: 700;}
body.custom-css .dx-treelist-headers .dx-treelist-table .dx-row > td { border-bottom: 1px solid #69707A;}
body.custom-css .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td { color:#69707A; background-color:#d6f8ff;}
body.custom-css .dx-pager .dx-page-sizes { color: #69707A;}
body.custom-css .dx-pager .dx-page-sizes .dx-selection{color: #69707A;}
body.custom-css .dx-pager .dx-page-indexes { color: #00afd7; }
body.custom-css .dx-pager .dx-page-indexes .dx-selection { color:#fff; background-color:#00afd7;}
body.custom-css .dx-pager .dx-pages .dx-info { position:absolute; top:5px; left:0px;}
body.custom-css .tab-content .dx-pager .dx-pages .dx-info { top:20px;}
body.custom-css .dx-treelist-search-text { background-color:#00afd7;}
body.custom-css .dx-treelist-table .dx-row { cursor:pointer; color: #69707A;}
body.custom-css .dx-treelist-table .dx-row.dx-data-row.level1 {background-color: #f7f7f7 !important; font-weight:bold;}
body.custom-css .dx-treelist-table .dx-row .dx-treelist-text-content { line-height: 1.5; }
body.custom-css .dx-treelist-table .dx-row .dx-button { margin-left:6px; padding:0px; border:0;}
body.custom-css .dx-treelist-table .dx-row .dx-button .dx-button-content { padding:0px;}
body.custom-css .dx-treelist-table .dx-row > td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td { vertical-align:middle;}
body.custom-css .dx-list-item-selected { background-color:#00AFD7 !important; color:#fff !important; font-weight:bold !important; }
body.custom-css .dx-texteditor.dx-editor-outlined, body.custom-css .dx-texteditor.dx-state-hover, body.custom-css .dx-texteditor.dx-state-focused {border: 1px solid #c5ccd6; border-radius:0.35rem;}

body.custom-css .calendar-year-container { display: flex; flex-wrap: wrap; gap: 10px; }
body.custom-css .calendar-year-container::after { content: '';  flex: 1 0 50%; /* Ocupa el espacio vacío */}
body.custom-css .calendar-year-container .calendar-month {flex: 1 0 20%; margin: 10px; }
body.custom-css .custom-calendar-month .dx-calendar-cell {border-radius:0;}
body.custom-css .custom-calendar-month .dx-calendar-cell.dx-calendar-selected-date{box-shadow:none;}
body.custom-css .custom-calendar-month .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { display: none;}
body.custom-css .custom-calendar-month .dx-calendar-navigator .dx-calendar-caption-button { width: 100%; right: 0px; left: 0px; }
body.custom-css .custom-calendar-month .dx-calendar-navigator .dx-button { border:none;}
body.custom-css .custom-calendar-month .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content{ text-align:left; padding-left:6px;}
body.custom-css .custom-calendar-month .dx-calendar-cell.dx-calendar-empty-cell{background:none;}

body.custom-css .legend-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; align-items: center;}
body.custom-css .legend-grid .legend-item {display: flex; align-items: center;}

/* Custom form usermode */
body.custom-css .form-fields.usermode-view input:not(.form-check-input), body.custom-css input[readonly], body.custom-css input[disabled],
body.custom-css .form-fields.usermode-view select, body.custom-css select[readonly], body.custom-css select[disabled],
body.custom-css .form-fields.usermode-view textarea, body.custom-css textarea[readonly], body.custom-css textarea[disabled] { border-bottom: 1px solid #c5ccd6; border-top: none; border-left: none; border-right: none; background-color: #efefef;}
body.custom-css .form-fields.usermode-view input.form-check-input:checked { background-color: #c5ccd6; border-color:#c5ccd6; }

/* TinyMCE HtmlEditor */
.tox-tinymce { width:100%;}

/* jquery-ui */
body.custom-css .ui-state-active, body.custom-css .ui-widget-content .ui-state-active, body.custom-css .ui-widget-header .ui-state-active, body.custom-css a.ui-button:active, body.custom-css .ui-button:active, body.custom-css .ui-button.ui-state-active:hover { border: 1px solid #009ec2; background: #00afd7; }
body.custom-css .ui-icon-background, body.custom-css .ui-state-active .ui-icon-background { border: #009ec2; }

/*JSON Viewer*/
body.custom-css .json-document {padding:0em 1em;}

/*Custom scrollbar styling*/
.scrollbar { float: left; overflow-y:auto; width: 100%; }
.scrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
.scrollbar::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}
.scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #ccc;}

/*Custom media queries*/
@media (min-width: 768px) {
    body.custom-css .chart-pie {
        height: 10rem;
    }
}

@media (min-width: 992px) {

    #layoutSidenav #layoutSidenav_content.no-sidenav {
        margin-left: -15rem;
    }
}