@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');
/*------------variables-------------------------*/
html, body {
    --blue: #1074C3;
    --blueactive: #0F9AEC;
    --darkblue: #38698A;
    --darkblueactive: #4887B1;
    --green: #128128;
    --greenactive: #2DA43E;
    --red: #C42014;
    --redactive: #E0342A;
    --yellow: #C67D00;
    --yellowactive: #D09726;
    --purple: #061A92;
    --purpleactive: #4933B1;
    --gray: #B0BAC5;
    --grayactive: #CED6DD;
    --disabled: #838A99;
    --content: #0D1A2D;
    --bg_snow: #FAFAFA;
    --bg_linen: #F6F6F6;
    --bg_overlay: #0D1A2D;
    --success: var(--green);
    --info: var(--purple);
    --warning: var(--yellow);
    --danger: var(--red);
    --secondary: var(--gray);
    --brand-color: #00897b;
    --brand-color-active: #3ec7b9;
}

/*-------------------- Text -----------------------------------------------------------------------------*/
body {
    font-family: 'Lato', sans-serif;
    color: var(--content);
    text-align: inherit !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif !important;
}

.message-box .message-widget a .mail-contnet .mail-desc, .message-box .message-widget a .mail-contnet .time {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

h6 {
    font-size: 0.9rem;
}

/*-------------------------------------------colors------------------------------------------------------------*/

/*******************
/*Top bar
*******************/
.topbar {
    background: var(--blue);
}

.topbar .navbar-header {
    background: #ffffff;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: none;
    color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
    color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
    color: rgba(255, 255, 255, 0.8) !important;
}

/*******************
/*sidebar navigation
*******************/
.label-themecolor {
    background: var(--blue);
}

.sidebar-nav > ul > li.active > a {
    color: var(--blue);
    border-color: var(--blue);
}

.sidebar-nav > ul > li.active > a i {
    color: var(--blue);
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
    color: var(--blue);
    background: #FFF !important;
    border-left: 3px solid var(--blue);
}

.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
    color: var(--blue);
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
    color: var(--blue) !important;
}

.bg-theme {
    background-color: var(--blue) !important;
}

.page-wrapper{
    background-color: var(--bg_linen) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--blue);
    border-color: var(--blue);
}

.right-sidebar .rpanel-title {
    background: var(--blue);
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
    border-left: 4px solid var(--blue);
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
    border-bottom: 2px solid var(--blue);
    color: var(--blue);
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
    color: var(--blue);
}

.page-item.active .page-link{
    background-color: var(--darkblue);
    border-color: var(--darkblue);
}
/*******************
/*Buttons, text, bg
*******************/
/*themecolor*/
.text-themecolor {
    color: var(--blue) !important;
}
.bg-themecolor{
    background-color: var(--blue);
}
.btn-themecolor,
.btn-themecolor.disabled {
    background: var(--blue);
    color: #ffffff;
    border: 1px solid var(--blue);
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
    background: var(--blue);
    opacity: 0.7;
    border: 1px solid var(--blue);
}

.btn-themecolor.active,
.btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
    background: var(--blueactive);
}
.btn-outline-themecolor, btn-outline-themecolor.disabled {
    background: #FFF;
    border: 1px solid var(--blue);
    color: var(--blue);
}
.btn-outline-themecolor:hover,
.btn-outline-themecolor.disabled:hover,
.btn-outline-themecolor.active,
.btn-outline-themecolor:focus,
.btn-outline-themecolor.disabled.active,
.btn-outline-themecolor.disabled:focus{
    background: var(--blueactive);
    border: 1px solid var(--blueactive);
    color: #FFF;
}
.card-themecolor .card-header, .card-outline-themecolor .card-header {
    background-color: var(--blue);
    border-color: var(--blue);
}

/*primary*/
.text-primary{
    color: var(--darkblue) !important;
}
.bg-primary{
    background-color: var(--darkblue) !important;
}
.btn-primary,
.btn-success.disabled {
    background-color: var(--darkblue);
    border: 1px solid var(--darkblue);

}
.btn-primary:hover,
.btn-primary.disabled:hover {
    background: var(--darkblue);
    opacity: 0.7;
    border: 1px solid var(--darkblue);
}
.btn-primary.active,
.btn-primary:focus,
.btn-primary.disabled.active,
.btn-primary.disabled:focus {
    background: var(--darkblueactive);
}
.btn-outline-primary, btn-outline-primary.disabled {
    background: #FFF;
    border: 1px solid var(--darkblue);
    color: var(--darkblue);
}
.btn-outline-primary:hover,
.btn-outline-primary.disabled:hover,
.btn-outline-primary.active,
.btn-outline-primary:focus,
.btn-outline-primary.disabled.active,
.btn-outline-primary.disabled:focus{
    background: var(--darkblueactive);
    border: 1px solid var(--darkblueactive);
    color: #FFF;
}
.card-primary .card-header, .card-outline-primary .card-header {
    background-color: var(--darkblue);
    border-color: var(--darkblue);
}

/*success*/

.text-success {
    color: var(--success) !important;
}

.bg-success {
    background-color: var(--success) !important;
}

.btn-success,
.btn-success.disabled {
    background-color: var(--success);
    border: 1px solid var(--success);
}

.btn-success:hover,
.btn-success.disabled:hover {
    background: var(--success);
    opacity: 0.7;
    border: 1px solid var(--success);
}

.btn-success.active,
.btn-success:focus,
.btn-success.disabled.active,
.btn-success.disabled:focus {
    background: var(--greenactive);
}

.btn-outline-success, btn-outline-success.disabled {
    background: #FFF;
    border: 1px solid var(--success);
    color: var(--success);
}

.btn-outline-success:hover,
.btn-outline-success.disabled:hover,
.btn-outline-success.active,
.btn-outline-success:focus,
.btn-outline-success.disabled.active,
.btn-outline-success.disabled:focus {
    background: var(--greenactive);
    border: 1px solid var(--greenactive);
    color: #FFF;
}

.card-success .card-header, .card-outline-success .card-header {
    background-color: var(--success);
    border-color: var(--success);
}


/*info*/
.text-info {
    color: var(--info) !important;
}

.bg-info {
    background-color: var(--info) !important;
}

.btn-info,
.btn-info.disabled {
    background-color: var(--info);
    border: 1px solid var(--info);
}

.btn-info:hover,
.btn-info.disabled:hover {
    background: var(--info);
    opacity: 0.7;
    border: 1px solid var(--info);
}

.btn-info.active,
.btn-info:focus,
.btn-info.disabled.active,
.btn-info.disabled:focus {
    background: var(--purpleactive);
}

.btn-outline-info, btn-outline-info.disabled {
    background: #FFF;
    border: 1px solid var(--info);
    color: var(--info);
}

.btn-outline-info:hover,
.btn-outline-info.disabled:hover,
.btn-outline-info.active,
.btn-outline-info:focus,
.btn-outline-info.disabled.active,
.btn-outline-info.disabled:focus {
    background: var(--purpleactive);
    border: 1px solid var(--purpleactive);
    color: #FFF;
}

.card-info .card-header, .card-outline-info .card-header {
    background-color: var(--info);
    border-color: var(--info);
}

/*warning*/
.text-warning {
    color: var(--warning) !important;
}

.bg-warning {
    background-color: var(--warning) !important;
}

.btn-warning,
.btn-warning.disabled {
    background-color: var(--warning);
    border: 1px solid var(--warning);
}

.btn-warning:hover,
.btn-warning.disabled:hover {
    background: var(--warning);
    opacity: 0.7;
    border: 1px solid var(--warning);
}

.btn-warning.active,
.btn-warning:focus,
.btn-warning.disabled.active,
.btn-warning.disabled:focus {
    background: var(--yellowactive);
}

.btn-outline-warning, btn-outline-warning.disabled {
    background: #FFF;
    border: 1px solid var(--warning);
    color: var(--warning);
}

.btn-outline-warning:hover,
.btn-outline-warning.disabled:hover,
.btn-outline-warning.active,
.btn-outline-warning:focus,
.btn-outline-warning.disabled.active,
.btn-outline-warning.disabled:focus {
    background: var(--yellowactive);
    border: 1px solid var(--yellowactive);
    color: #FFF;
}

.card-warning .card-header, .card-outline-warning .card-header {
    background-color: var(--warning);
    border-color: var(--warning);
}

/*info*/
.text-info {
    color: var(--info) !important;
}

.bg-info {
    background-color: var(--info) !important;
}

.btn-info,
.btn-info.disabled {
    background-color: var(--info);
    border: 1px solid var(--info);
}

.btn-info:hover,
.btn-info.disabled:hover {
    background: var(--info);
    opacity: 0.7;
    border: 1px solid var(--info);
}

.btn-info.active,
.btn-info:focus,
.btn-info.disabled.active,
.btn-info.disabled:focus {
    background: var(--purpleactive);
}

.btn-outline-info, btn-outline-info.disabled {
    background: #FFF;
    border: 1px solid var(--info);
    color: var(--info);
}

.btn-outline-info:hover,
.btn-outline-info.disabled:hover,
.btn-outline-info.active,
.btn-outline-info:focus,
.btn-outline-info.disabled.active,
.btn-outline-info.disabled:focus {
    background: var(--purpleactive);
    border: 1px solid var(--purpleactive);
    color: #FFF;
}

.card-info .card-header, .card-outline-info .card-header {
    background-color: var(--info);
    border-color: var(--info);
}

/*danger*/
.text-danger {
    color: var(--danger) !important;
}

.bg-danger {
    background-color: var(--danger) !important;
}

.btn-danger,
.btn-danger.disabled {
    background-color: var(--danger);
    border: 1px solid var(--danger);
}

.btn-danger:hover,
.btn-danger.disabled:hover {
    background: var(--danger);
    opacity: 0.7;
    border: 1px solid var(--danger);
}

.btn-danger.active,
.btn-danger:focus,
.btn-danger.disabled.active,
.btn-danger.disabled:focus {
    background: var(--redactive);
}

.btn-outline-danger, btn-outline-danger.disabled {
    background: #FFF;
    border: 1px solid var(--danger);
    color: var(--danger);
}

.btn-outline-danger:hover,
.btn-outline-danger.disabled:hover,
.btn-outline-danger.active,
.btn-outline-danger:focus,
.btn-outline-danger.disabled.active,
.btn-outline-danger.disabled:focus {
    background: var(--redactive);
    border: 1px solid var(--redactive);
    color: #FFF;
}

.card-danger .card-header, .card-outline-danger .card-header {
    background-color: var(--danger);
    border-color: var(--danger);
}

/*secondary*/
.text-secondary {
    color: var(--secondary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.btn-secondary,
.btn-secondary.disabled {
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
}

.btn-secondary:hover,
.btn-secondary.disabled:hover {
    background: var(--secondary);
    opacity: 0.7;
    border: 1px solid var(--secondary);
}

.btn-secondary.active,
.btn-secondary:focus,
.btn-secondary.disabled.active,
.btn-secondary.disabled:focus {
    background: var(--grayactive);
}

.btn-outline-secondary, btn-outline-secondary.disabled {
    background: #FFF;
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

.btn-outline-secondary:hover,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary.active,
.btn-outline-secondary:focus,
.btn-outline-secondary.disabled.active,
.btn-outline-secondary.disabled:focus {
    background: var(--grayactive);
    border: 1px solid var(--grayactive);
    color: #FFF;
}

.card-secondary .card-header, .card-outline-secondary .card-header {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

/*---------------------magie su placeholder--------------*/
/**/
input:focus ~ label.sovrascrittura, textarea:focus ~ label.sovrascrittura {
    display: none;
}
.sovrascrittura {
    position: absolute;
    left: 1px;
    top: 1px;
    background-color: #FFF;
    /*max-height: 35px;*/
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    padding-top: 6px;
    padding-left: 6px;
}
.sovrascrittura .ev{
    color: var(--brand-color);
    font-weight: 600;
}
.monaco-editor-container {
    direction: ltr;!important;
}
.json-editor{
    width: 100%;
    height: 50vh;
}

.facetListItem:hover {
    cursor: pointer;
    text-decoration: underline;
}

.buttonCustom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
}