@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');body{background:#f2f2f2;font-family:Arial,sans-serif;margin:0}
.page-header{width:100%;margin-top:30px}
.page-header h1{font-size:28px;font-weight:600;color:#555;margin:0}
.assistenza{font-size:14px;color:#777;cursor:pointer;padding:0 20px}
a.link i.fa{margin:0 5px}
.assistenza:hover{text-decoration:underline}
.card-container,.wrap{max-width:900px;margin:50px auto;background-color:#e1e5e6;padding:30px}
.tabs{margin-top:20px;border-bottom:1px solid #929aa0}
.tabs ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center}
.tab{flex:0 0 120px;padding:12px 25px;cursor:pointer;color:#777;text-align:center;box-sizing:border-box}
.tab.current{background:#6c757d;color:#fff}
.panes{margin-top:25px}
.pane{display:none}
.pane:first-child{display:block}
.table{list-style:none;padding:0;margin:20px auto;max-width:600px}
.row{display:flex;border-bottom:1px solid #eee;background:#fff}
.row:last-child{border-bottom:0}
.row.head{background:#6c757d;color:#fff;font-weight:600;justify-content:center}
.row.foot{background:#f8f9fa;font-weight:600}
.cel{flex:1;padding:10px}
.txl{text-align:left}
.txr{text-align:right}
.txc{text-align:center}
.filters{text-align:center;display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}
@media(min-width:891px){.filters{margin-right:10%}
}
.select-custom-wrapper{position:relative;display:inline-block;width:auto}
#assistenza-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,0.5);z-index:9999;padding:15px;box-sizing:border-box}
.modal-content{background:#e5e9ea;padding:20px 30px 30px 30px;border-radius:6px;max-width:360px;width:100%;box-sizing:border-box;font-family:Arial,sans-serif;color:#333;box-shadow:0 3px 12px rgba(0,0,0,0.15);position:relative}
.modal-content h2{background:#899298;color:white;padding:12px 20px;margin:-20px -30px 20px -30px;font-weight:600;font-size:18px;border-radius:6px 6px 0 0}
label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#555}
textarea{width:100%;height:110px;border-radius:6px;border:0;background:#f0f3f4;padding:10px 12px;font-size:14px;box-sizing:border-box;resize:vertical;color:#333;font-family:Arial,sans-serif}
.note{max-width:600px;margin:10px auto 0 auto;padding:0 10px;text-align:center}
#send-btn,.btn-send{margin-top:20px;width:100%;background:#899298;border:0;color:white;padding:12px 0;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .3s ease}
#send-btn:hover,.btn-send:hover{background:#6c757d}
.select-custom-wrapper{position:relative;width:auto}
.select-custom-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:14px;border-radius:6px;border:0;background:#f0f3f4;color:#777;cursor:pointer;transition:color .3s ease;font-family:Arial,sans-serif}
#notice_type{width:100%}
.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;display:inline-block;width:12px;height:12px}
.select-icon span{display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #777;transition:transform .3s ease,border-color .3s ease}
.select-icon.active span{transform:rotate(180deg);border-top-color:#000}
.select-custom-wrapper select:hover,.select-custom-wrapper select:focus{color:#000;outline:0}
.error{margin-bottom:15px;border:1px solid #d9534f !important}
.select-selected.error{border:1px solid #d9534f}
.select-custom.error{border:2px solid #d9534f;border-radius:4px}
.alert{display:block;color:#fff !important;font-size:13px;background:#C00;border-radius:2px;line-height:25px;padding:5px 10px;text-align:center}
.select-custom{position:relative;cursor:pointer;margin-top:5px}
.select-selected{background:#f0f3f4;padding:10px 35px 10px 12px;border-radius:6px;color:#777;position:relative}
.select-selected::after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #777;transition:transform .3s ease}
.select-custom.open .select-selected::after{transform:translateY(-50%) rotate(180deg)}
.select-items{position:absolute;background:#fff;width:100%;top:110%;left:0;border-radius:6px;overflow:hidden;display:none;box-shadow:0 3px 12px rgba(0,0,0,0.15);z-index:10}
.select-custom.open .select-items{display:block}
.select-items div{padding:10px}
.select-items div:hover{background:#eee}