:root {
    --primary-color: #005bba;
    --secondary-color: #151B22;
    --danger-color: #CE0000;
    --gray-color: #575B5F;
    --muted-color: #fafcfe;
    --muted-dark-color: #F3F6F9;
    --border-gray-color: #dfdfe3;
    --light-gray-color: #2d2d2d;
    --ligher-gray-color: #ECECEC;
    --success-color: #00A42A;
    --primary-gradient-color: #0094DE;
    --secondary-gradient-color: #343F4B;
    --tvcc: var(--gray-color);
    --antincendio: var(--danger-color);
    --antintrusione: var(--primary-color);
    --accessi: var(--success-color);
    --white: #fff;
    --black: #151B22;
    --text: #2d2e33;
}

.uk-logo {
    background: var(--primary-color);
    padding: 15px 67px;
    border-bottom: 1px solid #fff;
}

.uk-navbar-container > .container .uk-navbar-right,
.uk-navbar-container > .uk-container .uk-navbar-right {
    padding-right: 0px;
}


.uk-navbar-container > .uk-container {
    padding-left: 0px;
    padding-right: 0px;
}

.header-hero-title {
    font-size: 60px;
    line-height: 60px;
}

.uk-border-bottom-right-rounded,
.uk-child-border-bottom-right-rounded > * {
    border-bottom-right-radius: 40px;
}

.uk-margin-top-negative {
    margin-top: -200px;
}

.uk-margin-bottom-negative {
    margin-bottom: -250px !important;
}

.uk-padding-top-positive {
    padding-top: 250px !important;
}

.uk-zindex-3 {
    position: relative;
    z-index: 3;
}

.uk-border-left {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.uk-box-offset-right {
    margin-right: -100px;
    z-index: 3;
    padding-right: 200px;
    margin-bottom: -50px !important;
    margin-top: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.uk-tile-secondary li a {
    transition: padding-left;
    display: inline-block;
    transition-duration: 0.3s;
}

.uk-tile-secondary:not(.uk-preserve-color) li a:hover {
    text-decoration: none;
    color: #FFD100;
    padding-left: 20px;
}

/**
 * HOME BOXES FOR CATEGORIES
 */
.uk-box-hover {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.uk-box-hover .el-title {
    color: var(--light-gray-color) !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

.uk-box-hover:hover {
    /*transform: scale(1.1);*/
    z-index: 1;
}

.uk-box-hover .el-content {
    color: #535353;
    text-transform: uppercase;
    font-size: 14px;
}

.uk-box-hover:hover .el-content {
    color: #ffffff;
}

.uk-box-hover:hover .el-title {
    color: #fff !important;
}

.uk-box-hover-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.uk-box-hover-primary .svg-background {
    fill: var(--primary-color) !important;
}
.uk-box-hover-primary:hover .svg-symbol {
    fill: var(--primary-color) !important;
}

.uk-box-hover-secondary:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.uk-box-hover-secondary .svg-background {
    fill: var(--secondary-color) !important;
}

.uk-box-hover-secondary:hover .svg-symbol {
    fill: var(--secondary-color) !important;
}

.uk-box-hover-success:hover {
    background-color: var(--success-color) !important;
    border-color: var(--success-color) !important;
}

.uk-box-hover-success .svg-background {
    fill: var(--success-color) !important;
}

.uk-box-hover-success:hover .svg-symbol {
    fill: var(--success-color) !important;
}

.uk-box-hover-gray:hover {
    background-color: var(--gray-color) !important;
    border-color: var(--gray-color) !important;
}

.uk-box-hover-gray .svg-background {
    fill: var(--gray-color) !important;
}

.uk-box-hover-gray:hover .svg-symbol {
    fill: var(--gray-color) !important;
}

.uk-box-hover-danger:hover {
    background-color: var(--danger-color) !important;
    border-color: var(--danger-color) !important;
}

.uk-box-hover-danger .svg-background {
    fill: var(--danger-color) !important;
}

.uk-box-hover-danger:hover .svg-symbol {
    fill: var(--danger-color) !important;
}

.uk-box-hover .svg-symbol {
    fill: var(--white) !important;
}

.uk-box-hover:hover .svg-background {
    fill: var(--white) !important;
}

/**
 * PRODUCTS MENU
 */
.uk-nav-header {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
}

[class^="uk-menu-icon-"] {
    height: 20px;
    margin-right: 10px;
}

[class^="uk-menu-icon-"] .svg-symbol {
    fill: var(--white) !important;
}

.uk-menu-icon-primary .svg-background {
    fill: var(--primary-color) !important;
}

.news-home .uk-card-body {
    display: flex;
    flex-direction: column;
}

.news-home .uk-card-body .el-content {
    flex: 1;
}

.news-home .uk-card-body .el-link {
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.news-home .uk-card-body .el-link:after {
    content: url('../myicons/iess/arrow-right.svg');
    margin-left: 20px;
    height: 13px;
    width: 17px;
    display: inline-block;
    color: var(--primary-color)
}

.uk-nav-default > li.uk-active > a {
    text-decoration: underline;
}

.mobile-menu-icon {
    width: 30px;
}

.myicons-iess--arrow-right {
    color: var(--primary-color)
}


.grid-percorso .el-image {
    position: relative;
}

.grid-percorso .el-title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    font-weight: bold;
    font-size: 17px;
    text-transform: none;
    width: 100%;
}

.grid-percorso .el-title:after {
    content: url('../myicons/iess/arrow-right.svg');
    position: absolute;
    right: 20px;
    height: 13px;
    width: 17px;
    display: inline-block;
    color: var(--white);
    font-family: Montserrat;
}

.uk-title-icon .el-image {
    float: left;
    margin-right: 20px;
}

.uk-title-icon .uk-card-secondary .el-image.uk-text-primary {
    color: var(--primary-color) !important;
}

.uk-title-icon .uk-card-secondary:first-child {
    border-right: 1px solid var(--gray-color)
}

.uk-title-icon .el-title {
    line-height: 40px;
}

.uk-title-icon .el-content {
    clear: both;
}

.uk-background-gradient-primary {
    background: linear-gradient(90deg, var(--primary-gradient-color) 0%, var(--primary-color) 100%);
}

.uk-background-gradient-secondary {
    background: linear-gradient(90deg, var(--secondary-gradient-color) 0%, var(--secondary-color) 100%);
}

.uk-table thead th {
    background: var(--black);
    color: var(--white);
}
.uk-table thead th a {
    color: var(--white);
}

.uk-table-hover tbody tr:hover,
.uk-table-hover > tr:hover,
.uk-table-hover tbody tr:hover a,
.uk-table-hover > tr:hover a {
    color: var(--white);
}

.uk-table-striped thead tr {
    border-top: 1px solid var(--border-gray-color);
    border-bottom: 1px solid var(--border-gray-color);
}

.uk-table-divider tbody > tr > td,
.uk-table-divider > tr > td,
.uk-table-divider thead > tr > th,
.uk-table-divider > tr > th {
    border-left: 1px solid var(--border-gray-color);
    border-right: 1px solid var(--border-gray-color);
}

.uk-text-center .uk-table td {
    text-align: center;
}


.table-product-documents {
    font-family: Montserrat;
}

.table-product-documents tr th {
    text-transform: none;
}

.table-product-documents td:first-child,
.table-product-documents td:last-child {
    font-weight: bold;
}

.uk-navbar-right .uk-navbar-item {
    padding: 0;
}

.uk-navbar-right .uk-navbar-item:last-child {
    padding-right: 15px;
}

.uk-navbar-right .uk-navbar-item .uk-button-primary {
    border: 1px solid transparent;
}

.uk-navbar-right .uk-navbar-item .uk-button-primary:hover {
    border: 1px solid var(--primary-color);
}

.uk-navbar-right .uk-navbar-item .uk-button-primary:first-child {
    border-right: 1px solid var(--white);
}

.uk-navbar-right .uk-navbar-item .uk-button-primary:first-child:hover {
    border: 1px solid var(--primary-color);
}

.uk-button-default.uk-button-default-inverted {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

@media (max-width: 1399px) {
    .uk-navbar-right .uk-navbar-item:last-child {
        margin-right: 20px;
    }
}

.uk-navbar-right .uk-navbar-nav + .uk-navbar-item {
    margin-left: 15px;
}

.uk-navbar-toggle {
    padding: 0 20px;
}

@media (max-width: 1400px) {
    .navbar .brand, .navbar .nav > li > a,
    .navbar-search, .uk-navbar-item,
    .uk-navbar-nav > li > a,
    .uk-navbar-toggle {
        padding: 0 20px;
    }
}

.uk-form-label-mini {
    position: relative !important;
}



.uk-form-label-mini .uk-form-label {
    position: absolute;
    left: 20px;
    background: #fff;
    line-height: 13px;
    padding: 0 11px;
    font-family: 'Montserrat';
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    color: #7D8693;
    vertical-align: middle;
    top: -4px;
}

.uk-form-label-muted .uk-form-label {
    background: var(--muted-color)
}

.uk-border-primary {
    border-color: var(--primary-color) !important;
}

.uk-text-semibold {
    font-weight: 700 !important;
}


.uk-table.table-elmo thead {
    border-bottom: 1px solid var(--primary-color);
}

.uk-table.table-elmo thead th {
    background: #ffffff;
    border-top: 1px solid var(--border-gray-color);
    color: var(--text)
}

.uk-table.table-elmo thead th a {
    color: var(--text);
}

select:not(.uk-select).input-mini {
    box-sizing: border-box;
    margin: 0 0 0 10px;
    border-radius: 0;
    font: inherit;
    padding: 5px 8px;
    resize: vertical;
    vertical-align: top;
    border: 1px solid #dfdfe3;
    font-size: 13px;
    background: 0 0;
    color: #6c6d74;
    transition: .2s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    max-width: 100%;
    width: 100%;
    text-transform: none;
}

.limit {
    display: flex;
    align-content: center;
    align-items: center;
}

.pagination {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.pagination, .pagination-list {
    margin: 0;
}


.pagination ul > li > a,
.pagination ul > li.active > span,
.pagination ul > li.uk-active > span,
.pagination ul > li.disabled > span {
    border: 1px solid #DFDFE3;
    padding: 3px;
    margin: 2px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 13px;
    width: auto;
    padding: 4px 10px;
    text-align: center;
}

.pagination ul > li > a {
    color: #151B22;
}

.pagination ul > li.disabled > span {
    color: #DFDFE3;
}

.pagination ul > li.active > span,
.pagination ul > li.uk-active > span,
.pagination ul > li.uk-active > a {
    border: 1px solid var(--primary-color);
}

.uk-label-muted {
    color: #6D7784 !important;
    background: #D8DCE2 !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    margin-left: 5px;
}

.small-title,
h5.small-title {
    font-weight: 700;
    font-size:13px;
}

.uk-navbar-dropbar {
    border-top: 1px solid var(--ligher-gray-color);
}

.menu-title-panel h5.el-title {
    font-weight: 700;
    font-family: Montserrat;
    font-size:14px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.contentpane #FOFHeaderContainer {
    display: none;
}

.uk-badge-success {
    background-color: #aef2a2;
    color: #028c0f;
}

.tt-hint {
    border: none !important;
    height: auto !important;
}

a.uk-card:hover {
    text-decoration: none;
}


a.uk-card:hover .uk-background-hover-muted {
    background-color: var(--muted-color);
}

[v-cloak] {
    display: none;
}


.facet-filters li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uk-list.facet-filters li:nth-child(n+2) {
    margin-top: 5px;
}


.uk-padding-small-left {
    padding-left: 10px;
}

.form-shadow {
    box-shadow: 0 2px 15px rgb(218 218 218 / 50%);
    padding: 100px 60px 40px 60px;
    z-index: 10;
    position: relative;
    background: #fff;
}

.background-offset .uk-tile-primary {
    padding-bottom:300px
}

.margin-negative {
    margin-top: -340px;
}


.products-grid .el-link {
    background-color: var(--muted-color);
    color: var(--primary-color);
    border: 0;
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 4px 0;
}

.products-grid .uk-card-body {
    display: flex;
    flex-direction: column;
}

.products-grid .uk-card-body:hover {
    background-color: var(--muted-color);
}

.products-grid .el-content {
    margin-bottom: 40px;
    flex: 1;
}

.uk-link-blank, .uk-link-blank > a {
    color: var(--black);
    text-decoration: none;
    font-weight: bold;
}

.uk-link-blank .uk-icon, .uk-link-blank > a .uk-icon {
    color: var(--primary-color);
}


.facet-filters li span.uk-padding-small-left {
    color: #7D8693;
}

@media(max-width: 960px) {
    .header-hero-title {
        font-size: 35px;
        line-height: 1.1;
    }

    .uk-margin-top-negative {
        margin-top: inherit;
    }

    .uk-margin-bottom-negative {
        margin-bottom: inherit!important;
    }

    .uk-padding-top-positive {
        padding-top: 40px!important;
    }

    h3, .uk-h3 {
       font-size: 25px;
    }

    .uk-tile-large {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .uk-tile-xlarge {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .uk-box-offset-right {
        margin-right: inherit;
        padding-right: 15px;
        margin-bottom: inherit!important;
    }

    .pagination ul > li > a,
    .pagination ul > li.active > span,
    .pagination ul > li.uk-active > span,
    .pagination ul > li.disabled > span {
        padding: 2px 9px;
        font-size: 12px;
    }

    .ais-Pagination {
        justify-content: center;
    }


    .form-shadow {
        padding: 30px;
    }
}