@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesqueRegular.otf') format('opentype');
    font-weight: normal; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesqueMedium.otf') format('opentype');
    font-weight: 500; /* Medium */
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesqueThin.otf') format('opentype');
    font-weight: 200; /* Thin */
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesqueItalic.otf') format('opentype');
    font-weight: normal;
    font-style: italic; /* Italic */
}


@font-face {
    font-family: jnj-display;
    src: url('../font/JohnsonDisplay-Medium.otf');
    font-weight: normal;
}
@font-face {
    font-family: jnj-display;
    src: url('../font/JohnsonDisplay-Bold.otf');
    font-weight: bold;
  }

  @font-face {
    font-family: jnj;
    src: url('../font/JohnsonText-Regular.otf');
    font-weight: normal;
  }

html, body {
    margin: 0;
    height: 100%;
    overflow: hidden; /* Impedisce lo scroll */  
}

body {
    font-family: 'GalanoGrotesque', sans-serif; /* Font predefinito */
}


.btn {border-radius: 25px;font-size: 20px;}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #ee2927;
    --bs-btn-hover-color: #ee2927;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ee2927;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #ee2927;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ee2927;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ee2927;
    --bs-btn-disabled-border-color: #ee2927;   
}

.btn-secondary {
    --bs-btn-color:#00b0aa;
    --bs-btn-bg:#fff;
    --bs-btn-border-color:#00b0aa;
    --bs-btn-hover-bg:#00b0aa;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-border-color:#fff;
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00b0aa;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dedede;
    --bs-btn-disabled-bg: #dedede;
    --bs-btn-disabled-border-color: #dedede;
}


.btn-warning {
    --bs-btn-color:#344999;
    --bs-btn-bg:#FFCC49;
    --bs-btn-border-color:#FFCC49;
    --bs-btn-hover-bg:#5cbb9e;
    --bs-btn-hover-color:#344999;
    --bs-btn-hover-border-color:#FFCC49;
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color: #344999;
    --bs-btn-active-bg: #FFCC49;
    --bs-btn-active-border-color: #5cbb9e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dedede;
    --bs-btn-disabled-bg: #dedede;
    --bs-btn-disabled-border-color: #dedede;
}




#btn-home {position: absolute; right: 0px; top: 0px;width: initial;}


.window-modal {width: 100%;height: 100%;align-items: center;   /* Centro verticalmente */
    justify-content: center; /* Centro orizzontalmente */
    position: fixed; position: fixed;display: none;background-color: rgba(255, 255,255, 0.55);top:0;left:0;right:0;bottom:0;z-index: 1050;}
.window-modal.show {display: flex;}    
.window-modal .dialog { width: 45%;/*height: 45%;*/ margin: 0 auto;background-color: #ee2927; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);color:#fff;position: relative;}
.window-modal .dialog .content {padding: 2.5rem;}
.window-modal .dialog .content textarea {border:none;}
.window-modal .dialog .content textarea:focus-visible {border: none;outline: none;}
.window-modal .dialog .footer {/*position: absolute;*/bottom: 2.5rem; left:2.5rem;}
.window-modal .dialog .footer .btn {width: 150px;}
.window-modal .dialog .btn-chiudi {position: absolute;top: 0; right: 0; width: 80px;}


.btn.icon-button {position: relative;text-align: left; padding-left: 60px;}
.btn.icon-button i {    
    position: absolute;
    left: 0;
    top: 0;
    height: 46px;
    width: 48px;
    line-height: 46px;
    border-radius: 25px;
    background-color: #c32026;
    box-shadow: none;
    text-align: center;
}

.btn-primary {
    background-color: #ee2927;
    border-color: #ee2927;
}
.btn-primary:hover,  .btn-primary:focus  {
    color: #ee2927;
    background-color: #fff;
    border-color: #ee2927;
}
.btn-primary:hover i,  .btn-primary:focus i {
    color: #fff;
}