:root {
  --rosso:#CC1C0F;
  --rossoHover:#f12314;
  --verde:#23C552;
  --larghezzaPerc:94%;
  --margineGrande:40px;
  --margineMedio:20px;
  --marginePiccolo:10px;
  --grigio:#999999;
  --grigioScuro:#5b5b5b;
  --arancione:#ff5722;
  --bgSuccess:#298773;
  --bgError: #e41749;
  --sfondoPulsante:#2345cd;
  --sfondoPulsanteHover:#2ecc71;
}

input[readonly] {background-color:#D3D3D3; border-style: dotted; cursor: not-allowed; color: #2a2a2a;}

/* NOTIFICHE */
#notifiche-wrapper {position:fixed; top:40px; right:10px; width:40%; z-index:10000; text-align:right; max-height:90vh; overflow:auto; padding-right:10px;}
#notifiche-wrapper::-webkit-scrollbar {width: 5px;}
#notifiche-wrapper::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
#notifiche-wrapper::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

#chiudiNotifiche { padding:10px; background-color: crimson; color: white;cursor:pointer; }
#chiudiNotifiche:hover{ background-color:red; }
#notifiche-wrapper:empty {display:none; }
.alert { text-align:left; position: relative; border: none !important; margin: 8px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); padding:10px 25px 10px 5px; }
.alert-ontop {}
.alert .icon { position: absolute; top: 50%; transform: translateY(-50%); margin-left: -15px; width: 80px; text-align: center; }
.alert .copy { margin-left: 60px; padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, 0.3); line-height: 1.2; }
.alert .copy h4 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color:black; }
.alert .copy p { font-size: 14px; margin-bottom: 0 !important; color:black; word-break: break-word; }
.alert .close { opacity: 1; background-color: #eee; width: 30px; height: 30px; line-height: 35px; text-align: center; border-radius: 50%; border: 2px solid #333; position: absolute; top: 50%; right: -15px; transform: translateY(-50%); cursor:pointer; }
.alert .close i { font-size:20px; }
.alert.alert-info { background-color: #A3ADB2; color: #eee; box-shadow: 0 0 20px 5px rgba(163, 173, 178, 0.5); }
.alert.alert-info .close { color: #A3ADB2; border-color: #A3ADB2; }
.alert.alert-success { background-color: #A4B123; color: #eee; box-shadow: 0 0 20px 5px rgba(164, 177, 35, 0.5); }
.alert.alert-success .close { color: #A4B123; border-color: #A4B123; }
.alert.alert-warning { background-color: #E7B600; color: #eee; box-shadow: 0 0 20px 5px rgba(231, 182, 0, 0.4); }
.alert.alert-warning .close { color: #E7B600; border-color: #E7B600; }
.alert.alert-error {background-color: #C20000; color: #eee; box-shadow: 0 0 20px 5px rgba(194, 0, 0, 0.3); }
.alert.alert-error .copy h4, .alert.alert-error .copy p {color: white; }
.alert.alert-error .close { color: #C20000; border-color: #C20000; }

/* FINE NOTIFICHE */

/* WARNINGS */
tr.notifica { line-height:1.2em; line-height:2em; }
tr.notifica-success { background-color: var(--bgSuccess) !important; color:white; text-align:center; }
tr.notifica-success:hover td{ background-color: var(--bgSuccess) !important; color:white; text-align:center; }
tr.notifica-success a { color: #FFFFFF; }
tr.notifica-error { /*font-size:1.3em; */background-color: var(--bgError) !important; color:white; text-align:center; }
tr.notifica-error:hover td{ background-color: var(--bgError) !important; color:white; text-align:center; }
tr.notifica i {font-size:2.5em; }
tr.notifica div.icona { display: inline-block; vertical-align: middle; line-height: 65px; padding-right:5px; }
tr.notifica div.messaggio { display: inline-block; vertical-align: middle; text-align: left; }
/* WARNINGS */

/* PULSANTI */
.pulsante {width: auto;color: #ffffff;background-color: var(--sfondoPulsante);border: none;border-radius: 6px;padding: 12px 20px;font-size:17px;line-height:20px;display: inline-block;align-items: center;margin: 8px; text-transform:uppercase; text-decoration:none;}
.pulsante:hover, .pulsante.pulsante-attivo {background-color: var(--sfondoPulsanteHover);cursor: pointer;text-decoration: none;}
.pulsante-mini {padding: 5px !important;font-size:11px !important;line-height:12px !important;}
.pulsante-piccolo {padding: 7px !important;font-size:13px !important;line-height:14px !important;}
.pulsante-grande {padding: 20px !important;font-size:21px !important;line-height:25px !important;}
.pulsante::before {font-family: "Font Awesome 6 Free"; font-weight: 900; padding-right: 8px;}
.pulsante::after {font-family: "Font Awesome 6 Free"; font-weight: 900; padding-left: 8px;}
.pulsante-accedi::before {content: "\f2f6";}
.pulsante-registrati::before {content: "\f234";}
.pulsante-resetpassword::before {content: "\f084";}
.pulsante-download::before {content: "\f019";}
.pulsante-upload::before {content: "\f093";}
.pulsante-acquista::after {content: "\f07a";}
.pulsante-mobile::before {content: "\f3cd";}
.pulsante-fisso::before {content: "\f095";}
.pulsante-email::before {content: "\f0e0";}
.pulsante-cancella { background-color:#c84644 !important;}
.pulsante-cancella::before {content: "\f1f8";}
.pulsante-avanti::after {content: "\f061";}
.pulsante-indietro::before {content: "\f060";}
.pulsante-manutenzione::before {content: "\f0ad";}

.pulsante-gg::before {content: "\f1a0";}
.pulsante-whatsapp::before {content: "\f232";}
.pulsante-fb::before {content: "\f39e";}
.pulsante-ig::before {content: "\f16d";}
.pulsante-twitter::before {content: "\f099";}
.pulsante-telegram::before {content: "\f2c6";}
.pulsante-gg::before,.pulsante-whatsapp::before,.pulsante-fb::before,.pulsante-ig::before,.pulsante-twitter::before,.pulsante-telegram::before {font-family: "Font Awesome 6 Brands";}
.pulsante:disabled, .pulsante[disabled]{ background-color:#666666; cursor:not-allowed;}

.pulsante-rosso { background-color: var(--rosso) !important;}
.pulsante-arancione { background-color: var(--arancione) !important;}
.pulsante-verde { background-color: var(--verde) !important;}
/* FINE PULSANTI */


/* MEDIAGALLERY */
.mediagallery-wrapper {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;grid-auto-rows: minmax(100px, auto);padding: 15px 0;}
.box_media {width:33.3%; padding:7px; border:1px solid lightgray; box-sizing:border-box; }
.box_media_presente {position:relative;padding:7px; border:1px solid lightgray; box-sizing:border-box; word-break: break-word; }
.box_media_presente p { margin:10px 0 !important; }
.dragger {position: absolute;top: 0;right: 0;padding: 10px;background-color: blue;color: white;font-size: 1.5em;}
.titolo_box_media { background-color:#CCCCFF; }
/* MEDIAGALLERY */

/* DROP AREA UPLOAD */
#drop_file_area {height: 200px;border: 2px dashed #ccc;text-align: center;font-size: 20px;background: #f9f9f9;margin-bottom: 15px;position:relative; cursor:pointer;}
.drop-or-click {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#drop_file_area.uploading .drop-or-click { display:none; }

.drag_over {color: #000;background-color:#999999 !important;border-color: #000 !important;}
.thumbnail {width: 150px;height: 112px;padding: 2px;margin: 2px;border: 2px solid lightgray;border-radius: 3px;float: left;}

#upload_file {display: none;}

#uploaded_file p{float:left;margin-right:5px;}
.clear { clear:both; }

/* Transparent Overlay */
/*.loading:before {content: "";display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);}*/
.loading {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height:100px;}
/* DROP AREA UPLOAD */


/* PERSONALIZZAZIONI JQUERY DIALOG */
button.ui-button.conferma {background-color: var(--verde); color: white; font-weight: bold; text-transform: uppercase;}
button.ui-button.annulla {background-color: var(--rosso); color: white;}
/* PERSONALIZZAZIONI JQUERY DIALOG */

/* FLEX */
.flex-container { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; align-content: center; gap: 10px;}
.flex-item { padding: 10px 20px; border:1px solid lightgray; border-radius:10px; }
/* FLEX */

/* CLASSI GENERICHE */
.eleborazioneInCorso {background-color: var(--arancione); color: white; }
.eleborazioneSuccess {background-color: var(--bgSuccess); color: white; }
.eleborazioneError {background-color: var(--bgError); color: white; }
/* CLASSI GENERICHE */