@font-face {
    font-family: "Maax";
    src: url("/static/eup/fonts/Maax/Maax - Black-205TF.otf") format("opentype");
}

@font-face {
    font-family: "Maax";
    src: url("/static/eup/fonts/Maax/Maax - Bold-205TF.otf") format("opentype");
}

@font-face {
    font-family: "Maax";
    src: url("/static/eup/fonts/Maax/Maax - Light-205TF.otf") format("opentype");
}

@font-face {
    font-family: "Maax";
    src: url("/static/eup/fonts/Maax/Maax - Medium-205TF.otf") format("opentype");
}

@font-face {
    font-family: "Maax";
    src: url("/static/eup/fonts/Maax/Maax - Regular-205TF.otf") format("opentype");
}

@font-face {
    font-family: "Halvar Engschrift";
    src: url("/static/eup/fonts/Halvar/Halvar-Engschrift-Black.otf") format("opentype");
}

@font-face {
    font-family: "Halvar Engschrift";
    src: url("/static/eup/fonts/Halvar/Halvar-Engschrift-ExtraBold.otf") format("opentype");
}

@font-face {
    font-family: "Halvar Engschrift";
    src: url("/static/eup/fonts/Halvar/Halvar-Engschrift-Hairline.otf") format("opentype");
}

@font-face {
    font-family: "Halvar Engschrift";
    src: url("/static/eup/fonts/Halvar/Halvar-Engschrift-Medium.otf") format("opentype");
}

@font-face {
    font-family: "Halvar Engschrift";
    src: url("/static/eup/fonts/Halvar/Halvar-Engschrift-Thin.otf") format("opentype");
}

@font-face {
    font-family: "Halvar Engschrift";
    src: url("/static/eup/fonts/Halvar/Halvar-Engschrift-Bold.otf") format("opentype");
}

@font-face {
    font-family: "Halvar Engschrift";
    src: url("/static/eup/fonts/Halvar/Halvar-Engschrift-ExtraThin.otf") format("opentype");
}

@font-face {
    font-family: "Halvar Engschrift";
    src: url("/static/eup/fonts/Halvar/Halvar-Engschrift-Light.otf") format("opentype");
}

@font-face {
    font-family: "Halvar Engschrift";
    src: url("/static/eup/fonts/Halvar/Halvar-Engschrift-Regular.otf") format("opentype");
}

body {
    margin: 0;
    background-image: url("images/Designs/enreach-cover-banner-1-1536x864.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.img-hover:hover {
    transform: scale(1.05);
    opacity: 90%;
}

.enreach-logo {
    width: 10%;
}

.img-small {
    max-width: 200px;
    height: auto;
}

.img-very-small {
    max-width: 100px;
    height: auto;
}

.display-6 {
    font-family: 'Halvar Engschrift';
    color: #39006c;
}

.display-4 {
    font-family: 'Halvar Engschrift';
    color: #39006c;
}

.rss-logo {
    max-width: 32px;
    height: auto;
}

.overflow {
    overflow: auto;
}

.bg-enreach {
    background-color: #39006c;
}

.bg-enreach-light {
    background-color: #AC96FF;
}

.bg-enreach-light:checked {
    background-color: #AC96FF;
}

.navbar-brand:hover {
    color: #AC96FF;
}

.navbar-brand {
    font-size: min(2vw, 36px);
}

.navbar-brand:hover {
    opacity: 90%;
}

.nav-link {
    font-size: min(2vw, 12px);
}

.color-enreach {
    color: #39006c;
}

.color-enreach:hover {
    color: #39006c;
}

.color-enreach-light {
    color: #AC96FF;
}

.color-enreach-light:hover {
    color: #AC96FF;
}

.link-color {
    color:  white;
}

.link-color:hover {
    color:  #39006c;
}

.branch-status {
    color: rgb(255, 255, 255);
    background-color: #bba9fd;
    font-size: min(2vw, 12px);
}

.rounded-top-left-1 {
    border-top-left-radius: 1rem;
}

.rounded-top-right-1 {
    border-top-right-radius: 1rem;
}

.rounded-bottom-left-1 {
    border-bottom-left-radius: 1rem;
}

.rounded-bottom-right-1 {
    border-bottom-right-radius: 1rem;
}

.search-style {
    color: white;
}

.search-style:hover {
    color: rgb(230, 230, 230);
}

.search-icon {
    max-width: 26px;
    height: auto;
}

.advanced-search-icon {
    max-width: 50px;
    height: auto;
}

.form-control:focus {
    border-color: #bba9fd;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #bba9fd;
}

a {
    font-family: 'Maax';
    color: #ac96ff;
    font-size: 82%;
    text-decoration: none;
}

p {
    font-family: 'Maax';
    font-weight: 400;
    color: #232223;
    font-size: small;
}

.icon {
    max-width: 20px;
    height: auto;
}

.icon-md {
    max-width: 40px;
    height: auto;
}

.icon-lg {
    max-width: 50px;
    height: auto;
}

.flag {
    max-width: 50px;
    height: auto;
}

@keyframes flash {
    0% { color: #39006c; }
    50% { color: #AC96FF; }
    100% { color: #39006c; }
}

.flash-text {
    animation: flash 0.5s 2;
}

.form-check-input:checked {
    border-color: #bba9fd;
}

.form-check-input:not(:checked) {
    box-shadow: none;
}

.form-check-input:active {
    border-color: #bba9fd;
    box-shadow: none;
}

.form-check-input:enabled {
    border-color: #bba9fd;
}

.glow {
    text-shadow: 0 0 10px white;
}

.terminal-image {
    max-width: 300px;
}

.caracteristics-font-weight {
    font-weight: 400;
}

.center-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#gridRadio, #listRadio { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
  
/* IMAGE STYLES */
[type=radio] + img {
    cursor: pointer;
}

.no-display {
    display: none;
}

[type=radio]:checked + img {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #39006c;;
}

.dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
}

.highlight {
    background-color: #E4C5FF;
}

.dropdown-item.disabled {
    pointer-events: none;
    background-color: #e9ecef;
}

.dropdown-item:active {
    background-color: #E3E3E3;
    color: black;
}

.firmware-install {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    font-family: 'Maax', monospace;
    font-size: 82%;
    margin: 0;
}

.firmware-install a {
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
    display: inline;
    font-family: inherit;
    font-size: inherit;
}