@charset "UTF-8";

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

/* custom generics */
body.custom-css { background-color: rgba(234,234,229) !important;}
body.custom-css .topnav.bg-custom { background: rgb(255,255,255) !important; background: linear-gradient(90deg, rgba(222,211,195,1) 0%, rgba(222,211,195,1) 30%, rgba(181,184,182,1) 100%) !important; border-bottom:solid 2px #39b44a; }
body.custom-css .topnav .navbar-brand { background-image: url('../assets/img/logo.png'); background-position: top left; background-repeat: no-repeat; background-size: 105px; padding-left: 18px !important; margin-left: 10px; }
body.custom-css .card .card-header.login-header { background-image: url('../assets/img/logo.png'); background-position: bottom 10px left 50%; background-repeat: no-repeat; background-size: 180px; padding-left: 0px !important; }
body.custom-css .card-header { 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 .bg-gradient-primary-to-secondary {background: rgb(90,93,94) !important;}
body.custom-css .page-header.page-header-light {background: rgb(90,93,94) !important;}
body.custom-css .page-header.page-header-light .breadcrumb .breadcrumb-item {color:#d4d4d4 !important;}
body.custom-css .page-header.page-header-light .breadcrumb .breadcrumb-item.active {color:#ffffff !important;}
body.custom-css .breadcrumb-item + .breadcrumb-item::before {color:#d4d4d4 !important;}
body.custom-css .sidenav-light .sidenav-menu .sidenav-menu-heading {color:#4f5252;}
body.custom-css .footer-admin.footer-light {color:#5a5d5e;}
body.custom-css .footer-admin p { height:85px; vertical-align:middle; display:table-cell;}
body.custom-css .footer-admin .logo img { height:75px; margin-bottom:10px}
body.custom-css .btn.btn-light.text-primary {font-weight:600 !important;}
body.custom-css a.nav-link.disabled {color:darkgray;}
body.custom-css textarea.tinymce { display:none; }

/* 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 { 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-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-headers { color: #69707A; font-weight: 700;}
body.custom-css .dx-datagrid-headers .dx-datagrid-table .dx-row > td { border-bottom: 1px solid #69707A;}
body.custom-css .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td { color:#69707A; background-color:#f1f1f1;}
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: #39b54a; }
body.custom-css .dx-pager .dx-page-indexes .dx-selection { color:#fff; background-color:#39b54a;}
body.custom-css .dx-pager .dx-pages .dx-info { position:absolute; top:5px; left:0px;}
body.custom-css .dx-datagrid-search-text { background-color:#39b54a;}
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 > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td { vertical-align:middle;}

/* 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: #39b54a;}

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;}
.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;}

@media (min-width: 992px) 
{

    /*Layout without sidenav */
    #layoutSidenav #layoutSidenav_content.no-sidenav {
        margin-left: -15rem;
    }
}