html, body {
    background-color: #fafaee;
    background-color: #efefef;
}
/*
html [uk-img][data-src=""],
html [data-src][src*='data:image'] {

    background: linear-gradient(230deg, #222222, #999999, #cccccc, #222222);
    background-size: 800% 800%;

    -webkit-animation: bgWaitingImage 6s ease infinite;
    -moz-animation: bgWaitingImage 6s ease infinite;
    animation: bgWaitingImage 6s ease infinite;

}*/
html [uk-img][data-src=""],
html [data-src][src*='data:image'] {
    background: #e5e5e5;
}
html body #app-content {
    position: relative;
    z-index: 10;
}
html body button.uk-button-brand {
    line-height: 1;
    padding: 0;
    width: 120px;
    height: 120px;
}
html body button.uk-button-brand i {
    display: block;
    font-size: 36px;
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translateX(-50%);
}
html body button.uk-button-brand span {
    display: block;
    margin-top: 5px;
    font-weight: 500;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translateX(-50%);
}
html body button.uk-button-brand span small {
    display: block;
    margin-top: 2px;
}

html.uk-modal-page #container-app,
html.swal2-shown #container-app {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

@-webkit-keyframes bgWaitingImage {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
@-moz-keyframes bgWaitingImage {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
@keyframes bgWaitingImage {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}

html body .uk-text-app,
html body .uk-color-app {
    color: #38535a!important;
}
html body .uk-text-app-light,
html body .uk-color-app-light {
    color: #4c656b!important;
}
html body .uk-button-app {
    background-color: #4c656b;
    color: #fff;
    border-color: #38535A;
}
html body .uk-button-app:hover {
    background-color: #38535A;
    color: #fff;
}
html body .uk-button-grey {
    background-color: #e5e5e5;
}
html body .uk-button-grey:hover {
    background-color: #ddd;
}
html body .uk-button-muted {
    background-color: #f8f8f8;
}
html body .uk-button-muted:hover {
    background-color: #e5e5e5;
}


html body .uk-button-white {
    background-color: #fff;
    color: #777;
    border-color: #e5e5e5;
}
html body .uk-button-white:hover {
    background-color: #fff;
    color: #4c656b;
    border-color: #4c656b;
}
html body .uk-button-red {
    background-color: #dd4b39;
    color: #fff;
    border-color: #c24233;
}
html body .uk-button-red:hover {
    background-color: #c24233;
    color: #fff;
}

html body .uk-button-default-primary {
    border-color: #1e87f0;
    color: #0062cc;
}
html body .uk-button-default-primary:hover {
    border-color: #0062cc;
    color: #0062cc;
    background-color: rgba(30, 135, 240, 0.1);
}

html body .uk-button-default-warning {
    border-color: #ffc107;
    color: #d39e00;
}
html body .uk-button-default-warning:hover {
    border-color: #d39e00;
    color: #d39e00;
    background-color: rgba(255, 193, 7, 0.1);
}

html body .uk-button-default-red {
    border-color: #dd4b39;
    color: #dd4b39;
}
html body .uk-button-default-red:hover {
    border-color: #c24233;
    color: #c24233;
    background-color: rgba(221, 75, 57, 0.1);
}
html body .uk-background-transparent {
    background-color: transparent!important;
}
html body .uk-background-primary {
    background-color: #38535A;
}
html body .uk-background-primary-light {
    background-color: #4c656b;
}
html body .uk-background-primary-dark {
    background-color: #324b51;
}
html body .uk-background-red {
    background-color: #dd4b39;
}
html body .uk-list-red>::before {
    color: #dd4b39!important;
}
html body .uk-color-red,
html body .uk-text-red {
    color: #dd4b39;
}
html body #navbar-header-container {
    z-index: 999;
}
html body #navbar-header-container.uk-active {
    box-shadow: 0 2px 4px rgba(0,0,0,.26);
}
html body #navbar-header .uk-logo img {
    height: 60px;
}
@media screen and (min-width: 960px) {
    html body #navbar-header .uk-navbar-left [href="#offcanvas-menu"][uk-menu-icon] {
        position: absolute;
        right: 100%;
        top: 0;
    }

    /* width */
    html body #offcanvas-menu > div::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    html body #offcanvas-menu > div::-webkit-scrollbar-track {
        background: #4c656b;
    }

    /* Handle */
    html body #offcanvas-menu > div::-webkit-scrollbar-thumb {
        background: #c64333;
    }

    /* Handle on hover */
    html body #offcanvas-menu > div::-webkit-scrollbar-thumb:hover {
        background: #c24233;
    }

}
html body #navbar-preheader-container {
    min-height: 5px;
}
html body #navbar-preheader-container li > a,
html body .uk-navbar-item {
    min-height: 36px;
}

html body .uk-navbar-dropdown li > a {
    padding: 2px 12px;
}

html body .uk-navbar-dropdown {
    padding: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    min-width: fit-content;
    max-width: 80vw;
    max-height: 80vh;
    text-align: left;
    overflow: auto;
}
html body .uk-navbar-dropdown li.uk-nav-header {
    padding: 8px 12px;
    padding-bottom: 12px;
    color: #bbb;
    font-weight: 500;
}
html body .uk-navbar-dropdown li:not(.uk-active) > a:hover {
    background-color: #efefef;
}
html body .uk-navbar-dropdown li.uk-active > a {
    background-color: #eee;
}
@media screen and (min-width: 768px) {
    html body nav .last-link {
        margin-right: 8px;
    }
}

html body #offcanvas-menu .logo-ied {
    width: 48px;
    height: 48px;
    min-width: 48px;
    max-width: 48px;
    min-height: 48px;
    max-height: 48px;
    margin-bottom: 24px;
}
html body #offcanvas-menu > .uk-offcanvas-bar {
    box-shadow: 2px 2px 4px rgba(0,0,0,.16);
}
html body #offcanvas-menu ul > li > a {
    align-items: baseline;
}
html body #offcanvas-menu ul > li > a > * {
    flex: inherit;
}
@media screen and (max-width: 639px) {
    html body #navbar-footer-container .uk-list > li {
        padding-left: 0 !important;
    }

}
@media screen and (min-width: 640px) and (max-width: 899px) {
    html body #ied-logo-prefooter {
        margin-left: 30px;
    }
}

html body .uk-container-horizontal {
    position: relative;
}
html body .uk-container-horizontal:before,
html body .uk-container-horizontal:after {
    position: absolute;
    content: '';
    top: 0;
    width: 20px;
    height: 100%;
    z-index: 9;
}
html body .uk-container-horizontal:before {
    left: 0;
    background: rgb(76,101,107);
    background: -moz-linear-gradient(90deg, rgba(76,101,107,1) 60%, rgba(76,101,107,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(76,101,107,1) 60%, rgba(76,101,107,0) 100%);
    background: linear-gradient(90deg, rgba(76,101,107,1) 60%, rgba(76,101,107,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c656b",endColorstr="#4c656b",GradientType=1);
}
html body .uk-container-horizontal:after {
    right: 0;
    background: rgb(76,101,107);
    background: -moz-linear-gradient(90deg, rgba(76,101,107,0) 0%, rgba(76,101,107,1) 60%);
    background: -webkit-linear-gradient(90deg, rgba(76,101,107,0) 0%, rgba(76,101,107,1) 60%);
    background: linear-gradient(90deg, rgba(76,101,107,0) 0%, rgba(76,101,107,1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c656b",endColorstr="#4c656b",GradientType=1);
}

html body .uk-container-horizontal-ul {
    display: block;
    white-space: nowrap;
    overflow: auto;
}
html body .uk-container-horizontal-ul > ul {
    white-space: nowrap;
    width: max-content;
}
html body .uk-container-horizontal-ul > ul > li:last-child {
    margin-right: 30px;
}

html body #navbar-prefooter-container {
    border-bottom: 3px solid #dd4b39;
}

@media screen and (max-width: 640px) {
    html body.swal2-toast-shown .swal2-container {
        width: 90%;
        width: calc(100vw - 20px);
    }
    html body.swal2-toast-shown .swal2-container .swal2-toast {
        width: max-content;
        max-width: calc(100vw - 20px) !important;
    }
}
html body .swal2-popup.swal2-toast {
    box-shadow: 0 0 0.625em rgba(0,0,0,.56);
}
html body .uk-margin-0-8 {
    margin: 0 8px;
}

@media screen and (min-width: 960px) {
    .uk-padding-remove-both\@m {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

/* FORM SWITCH CSS */
html body .form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

html body .form-switch i {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
    background-color: #e6e6e6;
    border-radius: 23px;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
}
html body .form-switch i::before {
    content: "";
    position: absolute;
    left: 0;
    width: 42px;
    height: 22px;
    background-color: #f5f5f5;
    border-radius: 11px;
    transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
}

html body .form-switch i::after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 11px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    transform: translate3d(2px, 2px, 0);
    transition: all 0.2s ease-in-out;
}

html body .form-switch:active i::after {
    width: 28px;
    transform: translate3d(2px, 2px, 0);
}

html body .form-switch.switch-medium i {
    width: 66px;
    height: 36px;
    border-radius: 28px;
}
html body .form-switch.switch-medium i::before {
    width: 62px;
    height: 32px;
    border-radius: 16px;
}
html body .form-switch.switch-medium i::after {
    width: 32px;
    height: 32px;
    border-radius: 16px;
}
html body .form-switch.switch-medium:active i::after {
    width: 38px;
}
html body .form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
html body .form-switch input { position: fixed;
    top: -999px;
    left: -999px;
    visibility: hidden;
    opacity: 0;
    z-index: -1; }
html body .form-switch input:checked + i { background-color: #4BD763; }
html body .form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
html body .form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }

html body .form-switch.switch-medium input:checked + i::before { transform: translate3d(28px, 2px, 0) scale3d(0, 0, 0); }
html body .form-switch.switch-medium input:checked + i::after { transform: translate3d(32px, 2px, 0); }


html body .border-left-5d > h1 {
    border-left: 5px solid #ddd;
    padding-left: 15px;
}

html body .lista-comitato > article {
    margin: 0!important;
    margin-bottom: 22px!important;
}
html body .trigger-lista-articoli {
    position: relative;
    display: block;
    cursor: pointer;
}
html body .trigger-lista-articoli .mdi:before {
    transition: transform .16s ease-in-out;
}
html body .trigger-lista-articoli[aria-expanded="true"] .mdi:before {
    transform: rotate(-180deg);
}
html body .trigger-lista-articoli-in-page {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
html body .trigger-lista-articoli-in-page .mdi:before {
    transition: transform .16s ease-in-out;
    transform: scale(1.4);
    display: inline-block;
}
html body .trigger-lista-articoli-in-page[aria-expanded="true"] .mdi:before {
    transform: scale(1.4) rotate(-180deg);
}
html body #search-results article > h1 {
    transition: border-color .26s ease-in-out, box-shadow .16s ease-in-out, background-color .16s ease-in-out;
}
html body #search-results article > h1.uk-sticky-fixed {
    background-color: #efefef;
    box-shadow: 0 3px 2px rgba(0,0,0,.06);
    border-left: 5px solid transparent;
    background-color: #1e87f0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
html body #search-results article > h1.uk-sticky-fixed a,
html body #search-results article > h1.uk-sticky-fixed i {
    color: #fff!important;
}

html body .header-lista {
    background-color: #efefef;
    border-top: 3px solid #e5e5e5;
    padding: 20px 0;
    transition: padding .26s ease-in-out;
}
html body .header-lista .uk-position-top-right {
    top: 22px;
    transition: top .26s ease-in-out;
}
html body .header-lista.uk-sticky-fixed,
html body .uk-sticky-fixed > .header-lista {
    border-top: 0px solid transparent;
    padding: 10px 0;
}
html body .header-lista.uk-sticky-fixed .uk-position-top-right {
    top: 12px;
}
html body .header-lista.uk-sticky-fixed:after {
    width: calc(100% + 40px);
    position: absolute;
    bottom: 0px;
    left: -20px;
    height: 100%;
    box-shadow: 0 4px 4px rgba(0,0,0,.16);
    z-index: -1;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
html body .cover-page {
    margin-bottom: -120px;
    border-bottom: 2px solid rgb(56, 83, 90);

    opacity: .25;
    position: relative;
    z-index: 0;

}
html body .cover-page + div {
    position: relative;
    z-index: 1;
}
html body .lista-archivio > article [uk-toggle] + div {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

    background: #ffffe0;
}

html body .pswp-image, html body [data-pswp-src] {
    cursor: pointer;
}

html body .immagine-autore {
    background-color: #efefef;
    width: 120px;
    height: auto;
    max-width: 30vw;
}
html body .immagine-pubblicazione,
html body .img-pubb {
    background-color: #efefef;
    width: 140px;
    height: auto;
    max-width: 30vw;
}
html body .immagine-pubblicazione-grande,
html body .img-pubb-big {
    width: 160px;
}
html body .img-pubb-margin-right {
    margin-right: 10px;
}
@media screen and (min-width: 960px){
    html body .immagine-autore {

    }
    html body .img-pubb-margin-right {
        margin-right: 15px;
    }
}
html body .uk-label-app {
    padding: 5px 10px;
    border-radius: 5px;
}
html body .uk-text-break-word {
    word-break: break-word;
}

html body .paginationjs .paginationjs-pages li:last-child:not(:first-child)>a{
    border-radius:0 3px 3px 0
}
html body .paginationjs .paginationjs-pages li:last-child>a{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

html body [uk-scrollspy-nav] > li.uk-active-nav > a.uk-button,
html body [scrollspy-nav] > li.uk-active-nav > a.uk-button {
    background-color: #1e87f0!important;
    color: #fff!important;
    border: 1px solid transparent!important;
}

html body #rubrica-letters-container.uk-sticky-fixed {
    background: #efefef;
    border-bottom: 5px solid #efefef;
    box-shadow: 0 2px 0 rgba(0,0,0,.16);
    padding-top: 5px;
}
#navbar-header li.uk-active {
    position: relative;
}
#navbar-header li.uk-active:after {
    content: ' ';
    background-color: #fff;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

html body .letter-sticky {
    display: inline-block;
    padding-right: 5px;
}
html body .rubrica-gruppo-lettera {

}
html body .rubrica-autore .autore-picture {
    width: 60px;
    height: 60px;
    background: #e5e5e5;
}
html body .rubrica-autore img {

}
html body .rubrica-autore:hover .uk-card-title {
    text-decoration: underline!important;
}
html body .uk-sticky-top {
    position: sticky;
    top: 0;
    z-index: 1;
}
html body .flex-sticky-top {
    position: sticky;
    top: 0;
    align-self: flex-start;
}
@media screen and (max-width: 480px) {
    html body .rubrica-autore .autore-picture {
        width: 45px;
        height: 45px;
    }
    html body .rubrica-autore img {

    }
    html body .rubrica-autore .uk-card-title {
        font-size: 1.2rem;
    }
}

html body .uk-breadcrumb.uk-breadcrumb-small > li:before {
    margin: 0 15px 0 calc(15px - 4px)!important;
}

html body .uk-breadcrumb.uk-breadcrumb-xsmall > li:before {
    margin: 0 10px 0 calc(10px - 4px)!important;
}
html body .uk-breadcrumb.uk-breadcrumb-xxsmall > li:before {
    margin: 0 5px 0 calc(5px - 4px)!important;
}

html body .uk-button {
    padding: 12px 30px;
    line-height: 1;
}
html body .uk-button.uk-button-small {
    padding: 7px 15px;
    line-height: 1;
}
html body .uk-button.uk-button-large {
    padding: 20px 40px;
    line-height: 1;
}

html body .uk-button.uk-button-trict {
    padding: 12px 20px;
    line-height: 1;
}
html body .uk-button.uk-button-small.uk-button-trict {
    padding: 7px 10px;
    line-height: 1;
}
html body .uk-button.uk-button-large.uk-button-trict {
    padding: 20px 30px;
    line-height: 1;
}

html body .content-container p:last-child {
    margin: 0;
}
html body .header-in-page {
    padding: 15px 20px!important;
    border-bottom-width: 2px!important;
}
html body .header-in-page ul.uk-navbar-dropdown-nav li > a,
html body ul.uk-navbar-dropdown-nav.separate-medium li > a {
    padding: 6px 12px!important;
}
html body .header-in-page ul.uk-navbar-dropdown-nav li.uk-active > a,
html body ul.uk-navbar-dropdown-nav.active-opaque li.uk-active > a {
    opacity: .7;
    cursor: default;
    color: #999;
}

html .mdi-scale-1-5 {
    transform: scale(1.5);
}
html .mdi-scale-1-6 {
    transform: scale(1.6);
}
html .mdi-scale-1-7 {
    transform: scale(1.7);
}

html body .uk-width-home {
    width: 100%;
    width: calc(100% - 30px);
    max-width: 900px;
    margin-right: 15px;
}

html body .immagine-copertina-pubblicazione-home {
    margin-top: -40px;
}

@media (min-width: 640px) {
    html body .uk-flex-top\@s {
        align-items: flex-start;
    }
    html body .uk-position-relative\@s {
        position: relative;
    }
}
@media (min-width: 960px){
    html body .uk-flex-top\@m {
        align-items: flex-start;
    }
    html body .uk-position-relative\@m {
        position: relative;
    }
}

html body .lista-articoli {
    height: 250px;
    max-height: 250px;
    overflow: auto;
}

html body .progress-slider {
    height: 3px;
    background-color: #38535A;
    width: 0;
    transition: width 10000ms linear;
}
html body .progress-slider:not(.animate) {
    transition-duration: .26s!important;
}
html body .progress-slider.animate {
    width: 100%;

}
html body .progress-slider + .slider-buttons {
    visibility: hidden;
    opacity: 0;
    transition: all .26s ease-in-out;
    transform: scale(0.8);
}
html body .progress-slider.animate + .slider-buttons,
html body .progress-slider.stopped + .slider-buttons {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
html body .slider-buttons .slider-stop,
html body .slider-buttons .slider-play {
    line-height: 1;
    cursor: pointer;
    display: none;
    opacity: .8;
}
html body .slider-selected .progress-slider.animate + .slider-buttons .slider-stop,
html body .slider-selected .progress-slider.stopped + .slider-buttons .slider-play {
    display: inline-block;
}
html body .slider-buttons .slider-stop:hover,
html body .slider-buttons .slider-play:hover {
    opacity: 1;
}

html body .carousel-cell {
    width: 100%; /* full width */
    width: calc(100% - 30px);
    margin-right: 15px;
    max-width: 450px;
    max-width: calc((900px - 8px) / 2);
    vertical-align: top;
}

html body .flickity-prev-next-button {
    top: 170px;
    border-radius: 3px;

    background: #f5f5f5;
}
html body .flickity-prev-next-button.prev {
    left: 0;
}
html body .flickity-prev-next-button.next {
    right: 0;
}


html body .main-carousel:not(.flickity-enabled) {
    display: block;
    overflow: auto;
    width: 100%;
    white-space: nowrap;
}
html body .main-carousel:not(.flickity-enabled) .carousel-cell:first-child {
    margin-left: 15px;
}
html body .main-carousel:not(.flickity-enabled) .carousel-cell:last-child {
    margin-right: 15px;
}
@media screen and (min-width: 640px){
    html body .main-carousel:not(.flickity-enabled) .carousel-cell:first-child {
        margin-left: 30px;
    }
    html body .main-carousel:not(.flickity-enabled) .carousel-cell:last-child {
        margin-right: 30px;
    }
}
@media screen and (min-width: 960px){
    html body .main-carousel:not(.flickity-enabled) .carousel-cell:first-child {
        margin-left: calc((100vw - 920px) / 2);
    }
    html body .main-carousel:not(.flickity-enabled) .carousel-cell:last-child {
        margin-right: calc((100vw - 920px) / 2);
    }
}


html body .main-carousel:not(.flickity-enabled) .carousel-cell {
    display: inline-block;
    white-space: normal;
    width: calc(100% - 40px);
    margin-right: 8px;
}
html body .main-carousel.flickity-enabled {
    margin-bottom: 60px;
}
html body .main-carousel:after {
    content: 'flickity';
    display: none; /* hide :after */
}
@media screen and ( max-width: 639px ) {
    /* disable Flickity for small devices */
    html body .main-carousel:after {
        content: '';
    }
}

/*
@media screen and ( max-width: 639px ) {
    html body .main-carousel.flickity-enabled {
        visibility: hidden!important;
        opacity: 0!important;
        transition-duration: .2s!important;
        transition-delay: .3s!important;
    }
    html body .main-carousel:not(.flickity-enabled) {
        visibility: visible!important;
        opacity: 1!important;
    }
}
@media screen and ( min-width: 640px ) {
    html body .main-carousel {
        visibility: hidden!important;
        opacity: 0!important;
        transition-duration: .2s!important;;
        transition-delay: .3s!important;
    }
    html body .main-carousel.flickity-enabled {
        visibility: visible!important;
        opacity: 1!important;
    }
}*/

html body [toggle-pwd] {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    z-index: 1;
    cursor: pointer;
    font: normal normal normal 24px/1 "Material Design Icons";
    text-rendering: auto;
    line-height: 55px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    padding: 0 12px;
}

html body input.has-toggle-pwd {
    padding-right: 50px!important;
}

html body .swal2-content .swal2-input + [toggle-pwd] {
    height: auto;
    line-height: 55px;
    margin: 0;
    top: 0;
    right: 0;
}
html body [toggle-pwd]:hover {
    color: #777;
}
html body [toggle-pwd="hidden"]:before {
    content: "\F0208";
}

html body [toggle-pwd="visible"]:before {
    content: "\F0209";
}

@media screen and (max-width: 639px) {
    html .swal2-actions .uk-button.swal2-cancel,
    html .swal2-actions .uk-button.swal2-deny {
        margin-bottom: 6px;
    }
}
@media screen and (min-width: 640px) {
    html .swal2-actions .uk-button.swal2-cancel,
    html .swal2-actions .uk-button.swal2-deny {
        margin-right: 6px;
    }
}

html body .swal2-container .swal2-header,
html body .swal2-container .swal2-content,
html body .swal2-container .swal2-actions,
html body .swal2-container .swal2-footer {
    padding-left: 0;
    padding-right: 0;
}
html body .uk-border {
    border: 1px solid #e5e5e5;
}
html body .uk-border-primary {
    border: 1px solid #1e87f0;
}
html body .uk-border-rounded-bottom-left {
    border-bottom-left-radius: 5px;
}
html body .uk-border-rounded-bottom-right {
    border-bottom-right-radius: 5px;
}
html body .uk-border-rounded-top-left {
    border-top-left-radius: 5px;
}
html body .uk-border-rounded-top-right {
    border-top-right-radius: 5px;
}

html body .uk-box-shadow {
    box-shadow: 0 5px 12px rgba(0,0,0,0.15);
}

html body hr.in-card-full {
    margin-left: -20px;
    margin-right: -20px;
    border-width: 5px;
    border-color: #f5f5f5;
    margin-top: 8px!important;
    margin-bottom: 8px!important;
}

html body .uk-button.uk-button-default.has-error {
    border-color: #dd4b39;
    color: #dd4b39;
}

html body .frame-content,
html body .frame-content font  {
    font-family: 'Roboto', sans-serif;
    color: initial!important;
    font-size: initial!important;
    text-align: justify!important;
}

html body .font-roboto {
    font-family: 'Roboto', sans-serif;
}

html body .breadcrumb-title-truncate {
    max-width: 300px;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 1px;
}

html body .uk-card-badge {
    top: -10px;
    font-size: 11px;
    height: auto;
    padding: 4px 8px;
    border-radius: 5px;
}

html body .uk-truncate-multiline-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

html body .uk-truncate-multiline-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
html body .uk-truncate-multiline-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
html body .main-carousel.carousel-with-label-outcard {
    margin-top: -10px;
}
html body .main-carousel.carousel-with-label-outcard .uk-card {
    margin-top: 10px;
}

html body .article-title-sticky {
    z-index: 999;
}
html body .article-title-sticky.uk-card-body.uk-sticky.uk-active {
    background: #fff;
    border-bottom: 3px solid rgba(0,0,0,.16);
    transition: padding-top ease-in-out .26s;
}
html body.global-sticky-active .article-title-sticky.uk-sticky.uk-active {
    padding-top: 100px !important;
}

html body .uk-link-emphasis {
    color: #4b4b4b!important;
}
html body .uk-link-emphasis:hover {
    color: #333!important;
}
html body .w-500 {
    font-weight: 500!important;
}
html body .part-title {
    margin-top: -20px !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

html body.global-sticky-active [sticky-summary].uk-sticky-fixed {
    margin-top: 100px!important;
}

html body .edit-in-admin {
    background: rgba(0,0,0,.26);
    position: fixed!important;
    transform: none;
    top: 0;
    left: auto;
    right: 0;
    z-index: 9999999999;
    border-radius: 8px;
    margin: 2px;
    min-height: 32px;
    width: 40px;
}

html body .scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: rgba(255, 255, 255, .36);
}