@font-face {
    font-family: Roboto Bold;
    src: url(/Fonts/Roboto-Bold.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: Roboto Light;
    src: url(/Fonts/Roboto-Light.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: Roboto Medium;
    src: url(/Fonts/Roboto-Medium.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: Roboto Regular;
    src: url(/Fonts/Roboto-Regular.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: RobotoCondensed Regular;
    src: url(/Fonts/RobotoCondensed-Regular.ttf) format("truetype");
    font-display: swap;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

h1 {
    font-family: Krona one !important;
}

/* navbar links */
a.nav-link:hover {
    color: #ffffff !important;
}

a.nav-link.active {
    color: #ffffff !important;
}

a.dropdown-item {
    color: rgba(255, 255, 255, 0.55);
}

a.dropdown-item:hover {
    color: #ffffff !important;
    background-color: inherit;
}

a.dropdown-item.active {
    color: #ffffff !important;
    background-color: inherit;
}

.dropdown-item.active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: inherit;
    color: #FFFFFF !important;
}

.dropdown-settingmenu {
    position: absolute;
    right: 100%;
    top: 45px;
    display: none;
    z-index: 1000;
}

.dropdown-settingmenu.show {
    display: block;
}

.dropdown-swmenu {
    position: relative;
}

.dropdown-swmenu .dropdown-menu {
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
    min-width: 130px;
    z-index: 1001;
}

.dropdown-swmenu .dropdown-menu.show {
    display: block;
}

/* button to the top */
#scrollToTopBtn {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 100;
    background-color: #444444;
    color: rgba(255, 255, 255, 0.55);
    border: none;
    border-radius: 50%;
    padding: 15px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    display: none;
    transition: opacity 0.3s, visibility 0.3s;
    height: 50px;
    width: 50px;
}

#scrollToTopBtn:hover {
    color: #FFFFFF;
}

/* download progress bar */
/*#downloadProgress {
    position: fixed;
    top: 200px;
    right: 20px;
    z-index: 100;
}*/

#downloadProgressNotify {
    position: fixed;
    top: 200px;
    right: 20px;
    z-index: 100;
    background-color: #007bff;
    color: white;
    padding: 12px 20px;
    border-radius: 5px;
    width: 360px;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    transition: background-color 0.3s ease;
    font-family: sans-serif;
}

/* Stato: successo */
#downloadProgressNotify.success {
    background-color: #28a745;
}

/* Stato: errore */
#downloadProgressNotify.error {
    background-color: #dc3545;
}


/* Scrollbar css */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #222222;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #444444;
    border-radius: 10px;
    border: 2px solid #222222;
}

::-webkit-scrollbar-thumb:hover {
    background: #666666;
}

/** {
    scrollbar-width: thin;
    scrollbar-color: #444444 #222222; 
}*/

/* Custom Image as Icon */
.dx-button .dx-icon-filtercanc {
    background-image: url('../Images/filter-cancel.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 18px;
    height: 18px;
}