.date.input-group .input-group-append button {
border-radius: 0 12px 12px 0;
}
/*#dt {
background-image: url("data:image/svg+xml,");
background-position: left
}*/
/*label[for=dt] {
display: none
}*/
#dt {
border-radius: 12px 0 0 12px;
}
.datepicker.dropdown-menu {
min-width: 255px;
}
/*!
* Sogei UI Kit 4
* author: dgalloppa@sogei.it
*/
/* INPUT */
.form-row {
margin-bottom: 1rem;
}
label {
font-weight: 600;
margin-bottom: .25rem;
}
.form-control,
.custom-select {
border-color: #919294;
color: #19191a;
font-size: 1em;
}
textarea {
resize: none;
}
.custom-file {
margin-bottom: 1rem;
}
.custom-file-label {
color: #19191a;
border-color: #919294;
}
.custom-file-label::after {
content: "\F574";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.custom-file-input:not(:disabled) ~ .custom-file-label::after {
background-color: #225688;
border-color: #225688;
color: #fff;
}
fieldset {
margin-bottom: 1rem;
border: 1px solid #cbccce;
border-radius: .25rem;
padding: 0 1rem;
}
legend {
font-size: 1em;
font-weight: 600;
max-width: 100%;
width: auto;
}
fieldset label {
font-weight: normal;
}
fieldset > .form-check,
fieldset > .custom-control {
margin-bottom: .25rem;
}
fieldset > .form-check:last-child,
fieldset > .custom-control:last-child {
margin-bottom: .75rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
border-color: #225688;
background-color: #225688;
}
.custom-control-label::before {
border-color: #717274;
}
.input-group-text {
background-color: #f0f1f3;
border-color: #919294;
color: #19191a;
}
.form-control:not(textarea),
.custom-select {
height: calc(2rem + 2px);
}
.form-control,
.custom-select,
.input-group-append > .btn,
.input-group-append > .input-group-text,
.input-group-prepend > .btn,
.input-group-prepend > .input-group-text {
padding: .25rem .625rem;
}
.form-control-sm:not(textarea),
.custom-select-sm,
.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
height: calc(1.75rem + 2px);
}
.form-control-sm:not(textarea),
.custom-select-sm,
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
font-size: 1rem;
padding: .125rem .5rem;
}
.form-control-lg:not(textarea),
.custom-select-lg,
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
height: calc(2.25rem + 2px);
}
.form-control-lg:not(textarea),
.custom-select-lg,
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
font-size: 1rem;
padding: .375rem .75rem;
}
.custom-switch {
padding-left: 3rem;
}
.custom-switch .custom-control-label::before {
border-radius: .75rem;
height: 1.375rem;
margin-top: -.125rem;
left: -3rem;
width: 2.375rem;
}
.custom-switch .custom-control-label::after {
background-color: #919294;
border-radius: .75rem;
height: calc(1.375rem - 4px);
margin-top: -.125rem;
left: calc(-3rem + 2px);
width: calc(1.375rem - 4px);
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
-webkit-transform: translateX(1rem);
transform: translateX(1rem);
}
.form-group.role-group label {
display: block;
}
.form-group.role-group .form-control {
display: inline;
margin-right: .25rem;
width: auto;
}
.form-control:disabled,
.form-control[readonly],
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #f0f1f3;
border-color: #cbccce;
}
.custom-control-input:disabled ~ .custom-control-label {
color: #919294;
}
.form-check-input:not(:disabled) ~ .form-check-label,
.custom-control-input:not(:disabled) ~ .custom-control-label,
.custom-file-input:not(:disabled) {
cursor: pointer;
}
/* Fix IE */
.form-control::-ms-reveal {
display: none;
}
/* VALIDATION */
fieldset.is-valid,
.form-group.is-valid .form-control {
border-color: #008758;
}
fieldset.is-valid legend,
.form-group.is-valid label {
color: #008758;
}
.is-valid .form-control:focus {
box-shadow: 0 0 0 .2rem rgba(0,135,88,.25);
}
fieldset.is-invalid,
.form-group.is-invalid .form-control {
border-color: #d9364f;
}
fieldset.is-invalid legend,
.form-group.is-invalid label {
color: #d9364f;
}
.is-invalid .form-control:focus {
box-shadow: 0 0 0 .2rem rgba(217,54,79,.25);
}
/* POPOVER */
.popover {
border-color: #cbccce;
box-shadow: none;
font-size: 1em;
}
/* DATEPICKER */
.datepicker.dropdown-menu {
border-color: #cbccce;
box-shadow: none;
color: #19191a;
font-size: 1em;
}
.datepicker table tr td.today {
background-color: #d1e7ff;
border-color: #d1e7ff;
color: #19191a;
}
.datepicker table tr td.today.active,
.datepicker table tr td.today.active.focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today.focus,
.datepicker table tr td.today.focused,
.datepicker table tr td.today:active,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover {
background-color: #d4e9ff;
border-color: #d4e9ff;
color: #19191a;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
background-color: #225688;
border-color: #225688;
}
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
background-color: #0060bf;
border-color: #184272;
}
/* TREE VIEW */
.tree-view .custom-control {
display: inline-block;
}
/* BUTTON */
.btn-primary,
.btn-primary:focus,
.btn-primary[disabled]:hover,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
background-color: #225688;
border-color: #225688;
color: #fff;
}
.btn-primary:active,
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-default:active,
.btn-default:hover,
.btn-default:active:hover,
.btn-default:active:focus {
background-color:#184272;
border-color: #184272;
color: #fff;
}
.btn.disabled,
.btn:disabled {
opacity: .5;
}
.btn-default,
.btn-default:focus,
.btn-default[disabled]:hover,
.btn-default:disabled {
background-color: #fff;
border-color: #225688;
color: #225688;
}
.btn-danger,
.btn-danger:focus,
.btn-danger[disabled]:hover,
.btn-danger:disabled {
background-color: #d9364f;
border-color: #d9364f;
}
.btn-danger:active,
.btn-danger:hover,
.btn-danger:active:hover,
.btn-danger:active:focus {
background-color: #c3253d;
border-color: #b9233a;
color: #fff;
}
.btn-danger-alt,
.btn-danger-alt:focus,
.btn-danger-alt[disabled]:hover,
.btn-danger-alt:disabled {
background-color: #fff;
border-color: #d9364f;
color: #d9364f;
}
.btn-link {
color: #225688;
}
.btn-link:hover {
color: #004d99;
}
.btn-ok {
padding-left: 2rem;
padding-right: 2rem;
}
.btn.active,
.btn:active {
box-shadow: none;
}
a.btn-default:active,
a.btn-default:hover,
a.btn-default:active:hover {
background-color: #fff;
border-color: #004d99;
color: #004d99;
}
.btn-group-xs > .btn,
.btn-xs {
padding: 0 .25rem;
}
.btn-group-sm > .btn,
.btn-sm {
font-size: 1em;
}
.btn-group-lg > .btn,
.btn-lg {
font-size: 1em;
}
/* CHIPS */
.chip {
background-color: #fff;
border: 1px solid #919294;
color: #5c6f82;
display: inline-block;
font-size: .9em;
font-weight: 600;
padding: .125rem .5rem;
text-decoration: none !important;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.chip:hover {
background-color: #f0f1f3;
}
.chip .chip-icon {
margin-right: .25rem;
}
.chip .chip-btn {
color: #5c6f82;
padding: 0 .5rem;
vertical-align: inherit;
}
/* CAPTCHA */
#img-captcha {
height: 100px;
margin-bottom: 20px;
max-width: 100%;
width: 200px;
}
/*!
* Sogei UI Kit 4
* author: dgalloppa
*/
/* PALETTE
* primary: #225688
* menu: #184272 rgb(0,115,230)
* secondary: #99d9ff
* secondary-alt: #7fbfff
* section-primary: #184272
*/
/* COLOR */
.icon-primary,
.text-primary {
color: #225688 !important;
}
.bg-primary {
background-color: #225688 !important;
}
.border-primary {
border-color: #225688 !important;
}
.icon-secondary,
.text-secondary {
color: #99d9ff !important;
}
.bg-secondary {
background-color: #99d9ff !important;
}
.border-secondary {
border-color: #99d9ff !important;
}
/* HEADER */
/* #agenzia-header { */
/* background-color: #0059b3; */
/* } */
#page-header {
background-color: #225688;
border-bottom-color: #fff;
color: #fff;
}
#page-header .btn-primary.btn-alt:not(:hover) {
background-color: #fff;
border-color: #fff;
color: #184272;
}
#page-header .btn-primary.btn-alt:active,
#page-header .btn-primary.btn-alt:hover,
#page-header .btn-primary.btn-alt:active:hover {
/* background-color: #99d9ff; */
/* border-color: #99d9ff; */
background-color: #225688;
border-color: #225688;
color: #fff;
}
.language .btn:focus,
.language .btn:hover,
.language .active > .btn {
background-color: #99d9ff;
border-color: #99d9ff;
color: #19191a;
}
/* MENU TOP */
.navbar {
background-color: #184272;
}
#btn-accedi,
.btn-accedi {
background-color: #99d9ff;
color: #19191a;
}
/* MENU LEFT */
#menu-left.navbar-light {
border-color: #184272;
}
#menu-left.navbar-dark,
#menu-left-title,
#menu-left .nav-divider {
background-color: #184272;
}
#menu-left.navbar-light.items-bordered .nav-item {
border-top: 1px solid rgba(0,115,230,.2);
}
#menu-left.navbar-light .nav-item .nav-item {
background-color: rgba(0,115,230,.1);
}
#menu-left.navbar-light .nav-link {
color: #225688;
}
#menu-left.navbar-light .nav-link:focus,
#menu-left.navbar-light .nav-link:hover {
background-color: rgba(0,102,204,.1);
}
/* ICONS */
.fa-title {
background-color: #99d9ff;
}
/* TITLE */
h1.underline, h2.underline, h3.underline, h4.underline {
border-bottom-color: #225688;
}
/* SPINNER */
#spinner {
color: #99d9ff;
}
/* BADGE, MESSAGE, NOTIFICATION */
.alert {
border-radius: 0;
}
.badge-primary {
background-color: #225688;
}
/* CARD */
.card,
.card-header,
.card-footer {
border-radius: 0 !important;
}
.card-primary {
border-color: #225688;
}
.card-primary > .card-header {
background-color: #225688;
}
.card-info {
border-color: #7fbfff;
}
.card-info > .card-header {
background-color: #99d9ff;
}
.card-simple {
border-color: #99d9ff;
}
.card-collapsible {border:0;}
/* TABS */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
border-top-color: #225688;
color: #225688;
}
.nav-tabs-reverse .nav-link.active,
.nav-tabs-reverse .nav-link.active:focus,
.nav-tabs-reverse .nav-link.active:hover {
border-bottom-color: #225688;
color: #225688;
}
.nav-tabs-vertical .nav-link.active,
.nav-tabs-vertical .nav-link.active:focus,
.nav-tabs-vertical .nav-link.active:hover {
border-right-color: #225688;
color: #225688;
}
/* TABLE */
.table-header > thead > tr > th {
background-color: #323333;
color: #fff;
}
.table:not(.table-bordered),
.table:not(.table-bordered) > thead > tr > th {
border-color: #323333;
}
caption {
color: #323333;
}
/* PAGINATION */
.page-link {
background-color: transparent;
border-color: transparent;
color: #5c6f82;
}
.page-link:focus,
.page-link:hover {
background-color: transparent;
border-color: transparent;
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
background-color: transparent;
border-color: #184272;
color: #184272;
}
/* MODAL */
.modal-content {
border-radius: 0;
}
/* LIST GROUP */
.list-group-item {
border-radius: 0 !important;
}
/* ENTRYPOINT */
.btn-entrypoint.btn-info:not(:hover) {
background-color: #99d9ff;
border-color: #99d9ff;
color: #19191a;
}
.btn-entrypoint.btn-info:active,
.btn-entrypoint.btn-info:hover,
.btn-entrypoint.btn-info:active:hover {
background-color: #7fbfff;
border-color: #7fbfff;
color: #19191a;
}
/* PROGRESS BAR */
.progress-bar-done {
background-color: #99d9ff;
}
.progress-bar-doing {
background-color: #225688;
}
.progress-bar-link:focus,
.progress-bar-link:hover {
background-color: #7fbfff;
color: #19191a;
}
/* WIZARD */
.wizard-dot,
.wizard .progress-bar,
.wizard-step-doing > .wizard-dot::after {
background-color: #225688;
}
/* UTILITY */
.section-primary {
background-color: #225688;
background-image: linear-gradient(to right, #225688, #184272);
}
/* FORM */
label,
legend,
.input-group-text {
color: #5c6f82;
}
fieldset,
.form-control,
.custom-select,
.custom-file-label,
.custom-file-label::after,
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.form-control-sm:not(textarea),
.custom-select-sm,
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text,
.form-control-lg:not(textarea),
.custom-select-lg,
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
border-radius: 0;
}
/* POPOVER */
.popover {
border-radius: 0;
}
/* DATEPICKER */
.datepicker.dropdown-menu {
border-radius: 0;
}
/* CARD CON IMMAGINI */
.card-img-top {
border-radius: 0;
}
/* CAROUSEL */
.carousel-indicators .active {
background-color: #7fbfff;
}
/* LOGIN */
#full-page {
background-color: #225688;
background-image: radial-gradient(#184272, #225688 90%);
}
#full-page #page-header,
#full-page #page-footer {
border-color: rgba(255,255,255,.2);
}
#login-form #btn-accedi,
.login-form #btn-accedi,
#login-form .btn-accedi,
.login-form .btn-accedi {
background-color: #184272;
color: #fff;
}
#full-page #page-footer,
#error-msg {
color: #fff;
}
#error-msg a:not(.btn) {
color: #fff;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
/* CARD CON IMMAGINI */
.card-horizontal .card-img-top {
border-bottom-left-radius: 0;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
/* MENU TOP */
.navbar-expand-md .navbar-nav .nav-link:focus,
.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link.active,
.navbar-expand-md .navbar-nav .nav-link.active:focus,
.navbar-expand-md .navbar-nav .nav-link.active:hover {
border-bottom-color: #99d9ff;
}
.navbar-expand-md .active-reverse .nav-link.active,
.navbar-expand-md .active-reverse .nav-link.active:focus,
.navbar-expand-md .active-reverse .nav-link.active:hover {
color: #184272;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/* MENU TOP */
.navbar-expand-lg .navbar-nav .nav-link:focus,
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-lg .navbar-nav .nav-link.active:focus,
.navbar-expand-lg .navbar-nav .nav-link.active:hover {
border-bottom-color: #99d9ff;
}
.navbar-expand-lg .active-reverse .nav-link.active,
.navbar-expand-lg .active-reverse .nav-link.active:focus,
.navbar-expand-lg .active-reverse .nav-link.active:hover {
color: #184272;
}
}
.barcode-card .card {
width: 8.56cm;
height: 5.398cm;
border-radius: 10px !important;
box-shadow: 0 .1rem 1rem rgba(0,0,0,.15)!important;
/* border: 0; */
}
.barcode-card #card-front {
/* background-color: #0062C3;*/
height: 100%;
width: 100%;
}
#card-1 .card-default {
background-color: #225688;
}
/*.card-header {
border-radius: 10px !important;
background-color: white !important;
border-color: black;
}*/
.barcode-card .card-default > .card-header {
border-radius: 10px !important;
background-color: transparent;
}
.barcode-card .card-default > .card-footer {
border-radius: 10px !important;
background-color: transparent;
}
/*.card-footer {
border-bottom-left-radius : 10px !important;
border-bottom-right-radius : 10px !important;
background-color: #004080 !important;
color: white !important;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}*/
#card-1 .card-body {
width: 85%;
margin-top: 0px !important;
margin-left: auto;
margin-right: auto;
padding: 0 !important;
}
#card-2 .card-body {
margin-top: 0px !important;
padding: 0 !important;
}
.card-text {
margin-top: 0px !important;
margin-left: 4%;
margin-right: 4%;
padding: 0 !important;
font-size: 7pt;
}
.hr {
display: block !important;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
width: 100% !important;
/*height: 0.75cm !important;*/
border-top: solid 0.75cm black;
/* color: black !important;
background-color: black !important;
border: none !important;*/
z-index: 100 !important;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.code {
color: white;
background-color: #225688;
margin-left: 2px;
margin-right: 2px;
min-width: 25px;
min-height: 25px;
text-align: center;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
/*.codesmall {
color: white;
background-color: #225688;
margin-left: 2px;
margin-right: 2px;
min-width: 15px;
text-align: center;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}*/
/*.refreshCaptchaLink {
padding: 0;
border-style: none;
text-decoration: underline;
}*/
/*
* @desc Stile custom netservice
* @author Ste e Musta
*/
/*@import url("lotteria-scontrini.css");*/
:root {
--primary: #004080;
}
html,
body {
height: 100%;
background: #fff;
/* font-family: 'Titillium Web'; */
}
/* aggiustamenti tipografia */
a:not(.btn) {
/* font-weight: 600; */
text-decoration: underline;
}
a:focus {
outline: none !important;
box-shadow: none;
}
:focus {
outline: none;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
.card-header > .card-title,
.btn-entrypoint {
font-weight: 700;
}
.btn {
border-radius: 0.25rem;
}
.btn:focus {
box-shadow: none !important;
outline: none !important;
}
.btn.btn-link {
border: 1px solid #004080;
}
.btn.btn-link:hover {
background: transparent;
color: #004080; /* IE fix perché non supporta le variabili css */
color: var(--primary);
}
.text-gray {
color: #545558;
}
.font-weight-semibold {
font-weight: 600 !important;
}
@media (min-width: 768px) {
html {
font-size: 93.75%;
}
}
@media (min-width: 1200px) {
html {
font-size: 110%;
}
}
@media (min-width: 1200px) {
h1,
.h1 {
font-size: 2rem;
}
}
/* stili _custom clay LR */
h2 {
font-size: 1.8rem !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
.card-header > .card-title,
.btn-entrypoint {
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
margin-bottom: 1rem;
}
#page-header h1,
#page-footer h1 {
font-weight: 700;
margin-bottom: 0;
}
@media (min-width: 992px) {
.sg {
width: 50%;
}
}
.navbar-expand-md .container,
.navbar-expand-md .container-fluid {
padding-left: 22px;
}
/*----------------------
* HEADER
*----------------------*/
/* HEADER MENU */
header .pre-header {
background: #797c80;
color: white;
font-size: 0.8rem;
font-family: 'Titillium Web';
}
/* START -- TODO: i seguenti css dovrebbero essere dentro al componente header di uikit */
header .language .btn {
padding-top: 3px;
padding-bottom: 3px;
}
#page-header .logo,
#page-footer .logo {
max-height: 5.75rem;
}
#menu-top .navbar-nav .nav-link {
font-weight: normal;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.active:focus,
.navbar-nav .nav-link.active:hover {
font-weight: 700 !important;
}
@media (min-width: 768px) {
.navbar-expand-md .navbar-nav .nav-link:focus,
.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link.active,
.navbar-expand-md .navbar-nav .nav-link.active:focus,
.navbar-expand-md .navbar-nav .nav-link.active:hover {
border-bottom-color: #99d9ff;
}
}
.form-control-lg:not(textarea),
.custom-select-lg,
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
height: calc(2.25rem + 2px);
}
.input-group-lg > .input-group-append > .btn {
font-size: 1rem;
padding: 0.375rem 0.75rem;
}
.input-group-lg > .form-control {
font-size: 1rem;
padding: 0.375rem 0.75rem;
}
.input-group > .form-control {
background-color: #fff;
}
/* BRAND HEADER */
/*header .logo {
height: 104px;
width: 104px;
}
@media (max-width: 992px) {
header .logo {
height: 40px;
width: 40px;
margin-bottom: 3px;
}
}
*/
header .brand-header h1,
.brand-header span {
color: #004080;
font-family: 'Titillium Web';
}
header .brand-header i {
color: #004080;
}
header .brand-header h1 {
margin: 0;
padding: 0;
}
/* FOLLOW US */
@media (min-width: 1200px) {
header .header-socials {
-ms-flex: 0 0 16.666667%;
flex: 0 0 18.666667%;
max-width: 18.666667%;
}
}
@media (min-width: 992px) {
header .search-field .form-control {
display: inline;
border-bottom: 1px solid #004080;
border-top: 0;
border-left: 0;
border-right: 0;
font-size: 14px;
padding-left: 0;
}
}
header .btn-search {
padding: 0;
}
/* NAVBAR */
header .navbar {
border-bottom: 1px solid #9a9a9a;
}
header .navbar-nav a {
text-decoration: none;
}
header .navbar-nav .nav-link:hover {
text-decoration: underline;
}
a:focus,
.btn:focus,
button:focus:before,
button:focus:not(.slick-arrow),
select:focus,
time:focus,
header .carousel-indicators li:focus,
.list-group-item:focus,
.list-group-item .fas:focus,
.card-barcode:focus .code {
box-shadow: 0 0 0 0.2rem #ff8c00 !important;
}
@media (min-width: 991.98px) {
header .navbar .active,
header .navbar .nav-tabs-reverse .nav-link .active:focus,
header .navbar .nav-tabs-reverse .nav-link.active:hover {
border-bottom-color: #0d5d94;
color: #0d5d94;
border-bottom: 0.25rem solid #0d5d94 !important;
margin-bottom: 0 !important;
}
}
@media (max-width: 350px) {
header h1.header-headline {
font-size: 1.3rem;
}
}
/*----------------------
* aggiustamenti form
*----------------------*/
form {
width: 100%;
}
label {
color: #5d5d5d;
font-weight: 400;
}
.form-control-plaintext {
font-weight: 600;
}
@media (max-width: 768px) {
.form-control-plaintext {
font-size: 1.2rem;
}
}
.custom-select {
-webkit-appearance: none;
-moz-appearance: none;
}
/* checkbox */
form
.custom-checkbox
.custom-control-input:disabled:checked
~ .custom-control-label::before {
background-color: #004080; /* IE fix perché non supporta le variabili css */
background-color: var(--primary);
}
form .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: none;
}
form .custom-checkbox .custom-control-label {
color: #000;
}
form .custom-checkbox .custom-control-label::before {
border-radius: 0.445rem;
}
form .custom-checkbox .custom-control-label::before {
border-width: 3px;
border-color: #004080; /* IE fix perché non supporta le variabili css */
border-color: var(--primary);
}
form .custom-control-input:disabled ~ .custom-control-label::before {
opacity: 0.4;
}
form .custom-control.custom-checkbox {
padding-left: 4rem;
}
form .custom-checkbox .custom-control-label::before,
form .custom-checkbox .custom-control-label::after {
width: 1.6rem;
height: 1.6rem;
left: -2.9rem;
}
@media (max-width: 992px) {
form .custom-control.custom-checkbox {
padding-left: 4rem;
}
form .custom-checkbox .custom-control-label::before,
form .custom-checkbox .custom-control-label::after {
width: 1.8rem;
height: 1.8rem;
left: -3.9rem;
}
}
/*-------------------------------
* sidebar
*-------------------------------*/
#menu-left.navbar-dark {
background-color: #e6ecf2;
}
#menu-left.navbar-dark .nav-link {
color: #000;
}
#menu-left.navbar-light {
border-color: transparent;
}
#menu-left.navbar-light .nav-link {
position: relative;
}
@media (min-width: 992px) {
#sidebar nav {
border-right: 1px solid #e2e2e2;
}
#menu-left-title {
background: transparent;
}
#menu-left-title {
color: inherit;
text-transform: uppercase;
}
#menu-left.navbar-light .nav-link.active:after {
content: '';
display: inline-block;
width: 3px;
height: 100%;
background: #0d0a54;
position: absolute;
top: 0;
right: 0;
}
}
@media (max-width: 992px) {
#sidebar nav {
margin-bottom: 2rem;
}
#menu-left-title {
font-weight: 600;
}
}
.nav-pills .nav-link {
font-weight: 400;
border-radius: 0;
}
.nav-pills .nav-link {
position: relative;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
background: transparent;
color: #004080;
font-weight: 600;
}
.tab-pane {
border: 0;
}
/*-------------------------------
* pagine area riservata
*-------------------------------*/
/*stile per le card accordion*/
.portale__area-riservata-wrapper .card .card-header {
background: #e6ecf2;
padding: 0;
}
.portale__area-riservata-wrapper
.card
.card-header
.card-title
.card-toggler::before {
content: '\F0DA';
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-size: 1.25rem;
font-weight: 900;
margin-right: 0.3rem;
text-align: center;
width: 1.25rem;
color: #b9b9b9;
}
.portale__area-riservata-wrapper .card .card-header .card-title .card-toggler {
padding: 0.5rem 1rem;
position: relative;
}
.portale__area-riservata-wrapper
.card.card-collapsible
.card-header
.card-title
.card-toggler[aria-expanded='false']::after {
content: '\F067';
}
.portale__area-riservata-wrapper
.card.card-collapsible
.card-header
.card-title
.card-toggler::after {
box-sizing: border-box;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
background-color: #01477f;
color: #fff;
font-family: 'Font Awesome 5 Free';
line-height: 2em;
text-align: center;
content: '\F068';
}
.portale__area-riservata-wrapper .card .card-body .btn-login {
display: inline-block;
border: 2px #004080 solid;
background-color: #fff;
padding: 8px 10px;
color: #333;
text-align: left;
text-decoration: none;
font-weight: inherit;
}
.portale__area-riservata-wrapper .card .card-body .btn-login::before {
content: '\F0DA';
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.2rem;
text-align: center;
width: 1.25rem;
color: #b9b9b9;
}
.portale__area-riservata-wrapper .card .card-body .btn-login:hover {
background-color: #004080;
color: #fff;
}
.portale__area-riservata-wrapper .card .card-body {
padding: 2rem;
}
@media (min-width: 992px) {
.portale__area-riservata-wrapper .card:not(.card-collapsible) .card-body {
margin-right: 0;
}
.portale__area-riservata-wrapper .card .card-body {
margin-right: 40px;
border: 1px #e6ecf2 solid;
border-top: 0;
}
.portale__area-riservata-wrapper .card {
border-color: transparent;
}
}
@media (max-width: 992px) {
.portale__area-riservata-wrapper .card {
border-color: #e6ecf2;
}
.portale__area-riservata-wrapper .card img {
margin: 0 auto;
display: block;
}
}
/*altro stile*/
@media (min-width: 992px) {
.portale__area-riservata-wrapper {
padding-bottom: 12rem;
padding-top: 2rem;
}
.portale__area-riservata-login .logo {
height: 60px;
}
}
.portale__area-riservata-login img {
max-width: 200px;
max-height: 60px;
display: block;
}
.portale__area-riservata-login a {
text-align: center;
}
.portale__area-riservata-login .banner-block {
background: #e6ecf0;
padding: 5rem 0;
}
/* calendario estrazioni */
.portale__calendario-estrazioni-info .infographic:not(:last-child) {
margin-right: 10rem;
}
@media (max-width: 992px) {
.portale__calendario-estrazioni-info .infographic {
width: 150px;
}
.portale__calendario-estrazioni-info .infographic:not(:last-child) {
margin-right: 0;
}
/*.portale__calendario-estrazioni-info .slick-list {
padding-left: 0 !important;
}*/
}
.portale__calendario-estrazioni-info .circle-icon {
border-radius: 50%;
width: 110px;
height: 110px;
display: flex;
justify-content: center;
align-items: center;
background: #d1e7ff;
}
.portale__calendario-estrazioni-info .circle-icon img {
height: 55px;
width: auto;
}
.rounded-input {
border-radius: 12px;
border-width: 2px;
height: calc(2.4rem + 2px) !important;
color: #004080; /* IE fix perché non supporta le variabili css */
color: var(--primary);
border-color: #004080; /* IE fix perché non supporta le variabili css */
border-color: var(--primary);
width: auto;
padding-left: 20px;
padding-right: 35px;
font-weight: 600;
-moz-appearance: none;
-webkit-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: 12px;
background-size: 13px;
cursor: pointer;
}
.rounded-input::-ms-expand {
display: none;
}
.rounded-input[disabled] {
color: #ccc;
border-color: #ccc;
}
.rounded-input:focus {
background-color: #004080;
background-image: url("data:image/svg+xml;utf8,") !important;
background-position-y: 11px;
border-color: transparent;
box-shadow: none;
background-image: none;
color: #fff;
}
.rounded-input::placeholder {
color: #004080; /* IE fix perché non supporta le variabili css */
color: var(--primary) !important;
}
.rounded-input option {
background: #fff;
color: #004080; /* IE fix perché non supporta le variabili css */
color: var(--primary);
line-height: 2;
}
.rounded-input option:hover,
.rounded-input option:checked {
background: lightgray;
line-height: 2;
}
#cards-estrazioni .card {
border: 0;
border-radius: 30px !important;
margin: 30px 0;
}
#cards-estrazioni .card .last-extraction,
#cards-estrazioni .card .next-extraction {
position: absolute;
right: 0;
top: -28px;
}
#cards-estrazioni .card .card-header {
background: #225688;
color: #fff;
border-top-right-radius: 20px !important;
border-top-left-radius: 20px !important;
/*padding-bottom: 60px;*/
padding-top: 22px;
position: relative;
z-index: 2;
}
#cards-estrazioni .card.estrazione-ordinaria .card-header {
background: #7fbfff;
color: #000;
}
#cards-estrazioni .card.expired .card-header {
background: #545558;
color: #fff;
}
@media (max-width: 992px) {
#cards-estrazioni .card .card-header {
padding-top: 8px;
}
#cards-estrazioni .card .card-header h5.card-title {
font-size: 13px !important;
line-height: 13px;
}
#cards-estrazioni .card .card-header h5.card-title .card-subtitle {
font-size: 20px !important;
margin-top: 5px !important;
margin-bottom: 6px !important;
}
}
#cards-estrazioni .card .card-header .card-title {
font-size: 17px !important;
font-weight: 400;
line-height: 17px;
}
#cards-estrazioni .card .card-header .card-title .card-subtitle {
font-size: 24px;
font-weight: 600;
margin-top: 10px;
margin-bottom: 8px;
}
#cards-estrazioni .card .card-header .card-title small,
#cards-estrazioni .card .card-header .card-title .small {
font-size: 12px;
}
#cards-estrazioni .card .card-header .card-title span {
display: block;
}
#cards-estrazioni .card .card-header .card-date1 {
border-radius: 8px !important;
color: #0066cc;
width: auto;
padding: 8px 16px;
position: absolute;
top: -55px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
font-size: 1rem;
}
#cards-estrazioni .card .card-header .card-date {
background: #fff;
border-radius: 16px;
text-align: center;
width: 104px;
height: 104px;
float: left;
margin-right: 17px;
padding: 15px;
top: -45px;
position: relative;
font-size: 1rem;
}
#cards-estrazioni .card .card-header .card-date .day {
display: block;
font-size: 47px;
font-weight: bold;
}
#cards-estrazioni .card .card-header .card-date .day,
#cards-estrazioni .card .card-header .card-date .month {
color: #3584d4;
}
#cards-estrazioni .card .card-header .card-date .month {
text-transform: uppercase;
font-size: 13.8px;
}
@media (max-width: 992px) {
#cards-estrazioni .card .card-header .card-date {
width: 80px;
height: 80px;
padding: 10px;
top: -30px;
}
#cards-estrazioni .card .card-header .card-date .day {
font-size: 30px;
}
#cards-estrazioni .card .card-header .card-date .month {
font-size: 10.8px;
}
}
#cards-estrazioni .card .card-body {
position: relative;
padding: 0;
top: -20px;
margin-bottom: -20px;
z-index: 1;
}
#cards-estrazioni .card .card-body hr {
width: 60%;
margin: auto;
}
#cards-estrazioni .card .card-header:before {
content: '';
display: block;
height: 20px;
border-top-right-radius: 20px !important;
border-top-left-radius: 20px !important;
position: absolute;
bottom: 0px;
background: #fff;
width: 100%;
left: 0;
}
@media (max-width: 992px) {
#cards-estrazioni .card .card-header:before {
bottom: -1px;
}
}
#cards-estrazioni .card .card-body .list-group .list-group-item {
border-bottom: 1px solid #d8d8d8;
line-height: 3;
text-align: center;
color: #000;
position: relative;
font-weight: 500;
font-size: 18px;
padding-right: 40px;
}
#cards-estrazioni .card .card-body .list-group .list-group-item > span {
font-size: 18px;
}
#cards-estrazioni
.card
.card-body
.list-group
.list-group-item
.list-detail-arrow {
position: absolute;
top: 0;
right: 20px;
height: 100%;
}
#cards-estrazioni
.card
.card-body
.list-group
.list-group-item:not([aria-expanded='true'])
.list-detail-arrow
i,
#cards-estrazioni
.card
.card-body
.list-group
.list-group-item[aria-expanded='false']
.list-detail-arrow
i {
transform: rotate(0deg);
transition: all 0.5s ease-out;
}
#cards-estrazioni
.card
.card-body
.list-group
.list-group-item[aria-expanded='true']
.list-detail-arrow
i {
transform: rotate(180deg);
}
#cards-estrazioni .card .card-body .list-group .list-group-item ul.list-detail {
border-left: 2px solid lightgray;
}
#cards-estrazioni
.card
.card-body
.list-group
.list-group-item
ul.list-detail
li {
line-height: 1;
}
#cards-estrazioni
.card
.card-body
.list-group
.list-group-item
ul.list-detail
li
p {
font-weight: 600;
}
#cards-estrazioni .card .card-footer {
background: #e9f4ff;
text-align: center;
border-bottom-right-radius: 20px !important;
border-bottom-left-radius: 20px !important;
padding-top: 16px;
padding-bottom: 12px;
}
#cards-estrazioni .card .card-footer .tickets-number {
display: block;
font-size: 28px;
font-weight: bold;
}
#cards-estrazioni .card .card-footer small {
font-size: 14px;
color: #9a9a9a;
}
#cards-estrazioni .card {
max-width: 370px;
width: 100%;
}
@media screen and (max-width: 992px) {
#cards-estrazioni .carousel-control-prev {
left: 15px;
}
#cards-estrazioni .carousel-control-next {
right: 15px;
}
}
#cards-estrazioni .slick-list {
padding-bottom: 30px !important;
width: 1200px;
padding-left: 370px;
margin-left: -370px;
}
/* #cards-estrazioni .slick-slide {
display: flex;
height: auto;
align-items: stretch;
justify-content: center;
outline: 0;
} */
@media (min-width: 992px) {
#cards-estrazioni .slick-slider {
max-width: 370px;
}
}
#cards-estrazioni .slick-slider {
width: 100%;
margin: auto;
}
@media (max-width: 992px) {
#cards-estrazioni .slick-slider,
#cards-estrazioni .slick-slide .card {
width: 300px;
}
}
@media screen and (min-width: 992px) {
/*#cards-estrazioni .card,*/
#cards-estrazioni .slick-slide .card {
width: 380px;
margin: 0 10px;
}
#cards-estrazioni .slick-slide {
margin: 0px 8px;
}
}
/* #cards-estrazioni .slick-slide > div {
width: 100%;
} */
@media (max-width: 992px) {
#cards-estrazioni .card,
#cards-estrazioni .slick-slide {
width: 280px;
}
}
/* #cards-estrazioni .slick-slide {
margin: 0px 8px;
}*/
#cards-estrazioni .slick-slide.slick-current.slick-active {
opacity: 1;
/* margin-left: auto;
margin-right: auto; */
}
#cards-estrazioni .slick-slide:not(.slick-current) {
opacity: 0;
}
@media (min-width: 992px) {
#cards-estrazioni .slick-slide:not(.slick-current) {
min-width: 370px;
}
}
/* #cards-estrazioni .slick-slide.slick-center {
margin-left: auto;
margin-right: auto;
}
*/
.portale__calendario-estrazioni-cards .btn {
border-radius: 12px;
}
.portale__calendario-estrazioni-cards .btn-border.active {
background: transparent;
border-width: 2px;
border-style: solid;
border-color: #d8d8d8;
color: #d79e00;
font-weight: 600;
}
.portale__calendario-estrazioni-cards .btn-border {
background: #f7f7f7;
border-width: 2px;
border-style: solid;
border-color: #d8d8d8;
color: #d8d8d8;
font-weight: 600;
}
.portale__calendario-estrazioni-cards .btn-border:hover {
background: #e2e2e2;
}
/*-- slick navigation --*/
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 21px;
height: 21px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 2;
}
.slick-prev:focus,
.slick-next:focus {
outline: none;
}
.slick-prev:before,
.slick-next:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 32px;
opacity: 0.75;
color: black;
}
.slick-prev:before {
content: '\F053';
}
.slick-next:before {
content: '\F054';
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
color: #d4d4d4;
}
#cards-estrazioni .slick-next,
#cards-estrazioni .slick-prev {
height: 100%;
width: 30px;
border-style: solid;
border-color: transparent;
}
#cards-estrazioni .slick-next {
right: calc(50% + -600px);
}
#cards-estrazioni .slick-prev {
left: calc(50% + -600px);
}
#cards-estrazioni .slick-prev:active,
#cards-estrazioni .slick-next:active {
border-color: orange;
}
/* calendario */
@media (min-width: 1200px) {
.calendar.container {
max-width: 1024px;
}
}
@media (max-width: 992px) {
.portale__calendario-estrazioni-tickets-calendar .calendar {
padding: 0;
}
}
#days-carousel .slick-slider {
padding: 0 35px;
max-width: 795px;
margin: 0 auto;
}
#days-carousel .slick-list {
padding: 8px 10px;
}
#days-carousel .slick-slide {
margin: 12px;
border-radius: 20px;
width: 80px;
height: 80px;
}
#days-carousel time {
border-radius: 20px;
padding: 8px;
text-align: center;
color: #004080; /* IE fix perché non supporta le variabili css */
color: var(--primary);
cursor: pointer;
}
@media (max-width: 992px) {
#days-carousel time {
margin: 6px;
width: 75px;
height: 75px;
padding: 7px;
}
#days-carousel {
padding: 0 4px;
min-width: 0px;
}
#days-carousel time {
border-radius: 15px;
}
}
@media (max-width: 1024px) {
#days-carousel time {
margin: 6px;
width: 75px;
height: 75px;
padding: 7px;
}
#days-carousel {
padding: 0 4px;
min-width: 0px;
}
#days-carousel time {
border-radius: 15px;
}
}
#days-carousel time .day {
font-size: 36px;
line-height: 1;
font-weight: 700;
}
#days-carousel time .change-month {
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
}
#days-carousel time.dayslider-selected {
background: #004080; /* IE fix perché non supporta le variabili css */
background: var(--primary);
color: white;
}
#days-carousel time[disabled] {
background: white;
color: #b7bbbf;
cursor: auto;
}
#days-carousel .slick-next {
right: 0;
}
#days-carousel .slick-prev {
left: 0;
}
.giorno-scontrini {
min-width: 78px;
}
/* Variante sottolineata */
/* #days-carousel time:not([disabled]) {
text-decoration: underline;
} */
/* END Variante sottolineata */
/* Variante pallino */
#days-carousel time {
position: absolute;
}
#days-carousel time:not([disabled]):after {
content: '';
position: absolute;
height: 100%;
width: 20px;
top: 3px;
background-image: radial-gradient(
circle at center,
#004080 5px,
transparent 5px
);
background-size: 20px 20px;
background-position: top center, bottom center;
background-repeat: no-repeat;
right: 3px;
}
#days-carousel time.dayslider-selected:after {
background-image: radial-gradient(
circle at center,
white 5px,
transparent 5px
);
}
/* END Variante pallino */
ol.latest-tickets {
list-style: none;
padding-left: 0;
}
.latest-tickets .ticket {
border-radius: 10px;
margin-bottom: 1.5rem;
}
.latest-tickets .ticket .ticket-data {
background: #e6ecf2;
padding: 10px 0;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
position: relative;
}
.latest-tickets .ticket .ticket-data:before {
content: '';
display: block;
width: 15px;
border-top-right-radius: 15px !important;
border-bottom-right-radius: 15px !important;
position: absolute;
right: -15px;
background: #e6ecf2;
height: 100%;
top: 0;
}
.latest-tickets .ticket .ticket-data .data {
margin: 0 25px;
}
@media (max-width: 992px) {
.latest-tickets .ticket .ticket-data .data {
margin: 0 15px;
}
.latest-tickets .ticket .ticket-data .data:not(.order-4) {
margin-bottom: 10px;
}
.latest-tickets .ticket .ticket-data:before {
right: -10px;
}
.latest-tickets .ticket .ticket-actions {
width: 90px !important;
}
}
.latest-tickets .ticket .ticket-data .data strong {
display: block;
}
.latest-tickets .ticket .ticket-data label {
font-size: 14px;
margin-bottom: 0;
color: #5d5d5d;
}
.latest-tickets .ticket .ticket-data .data i {
color: #a0a0a0;
margin-left: 28px;
color: #5d5d5d;
}
.latest-tickets .ticket .ticket-actions {
width: 75px;
background: #004080;
color: #fff;
font-size: 24px;
padding-left: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
text-decoration: none;
}
@media (min-width: 1440px) {
.container-fluid {
/*max-width: 100% !important;*/
}
}
#days-carousel .slick-slider {
opacity: 0;
visibility: hidden;
}
#days-carousel .slick-slider.slick-initialized {
visibility: visible;
opacity: 1;
}
/* menu di navigazione su mobile */
@media (max-width: 991.98px) {
header .header-wrapper {
border-bottom: 1px solid #9a9a9a;
}
header .navbar {
border-bottom: transparent;
}
header .navbar .nav-link {
line-height: 2;
padding: 0.5rem 1rem;
position: relative;
}
header .navbar .nav-link.active {
background-color: rgba(0, 64, 128, 0.1);
}
header .navbar .nav-link.active:after {
content: '';
display: inline-block;
width: 3px;
height: 100%;
background: #0d0a54;
position: absolute;
top: 0;
left: 0;
}
header .navbar .last-nav-item {
background: #0066cc;
color: #fff;
text-align: center;
}
header.offcanvas-collapse .overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.6);
z-index: 9;
}
header.offcanvas-collapse .btn-search {
font-size: 18px;
}
header.offcanvas-collapse .navbar {
position: initial;
border-bottom: 0;
}
header.offcanvas-collapse .navbar-collapse {
position: fixed;
top: 0;
right: 100%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 15px;
width: 100%;
transition: all 0.4s ease;
display: block;
background: #fff;
z-index: 999;
height: 100%;
}
header.offcanvas-collapse .header-wrapper {
border-bottom: 1px solid #9a9a9a;
}
header.offcanvas-collapse .navbar-collapse.collapsing {
height: auto !important;
margin-left: 50%;
transition: all 0.2s ease;
}
header.offcanvas-collapse .navbar-collapse.show {
right: 70px;
padding-left: calc(70px + 15px);
}
header.offcanvas-collapse .brand-header h1 {
font-size: 1.3rem;
}
header.offcanvas-collapse nav.navbar ul.navbar-nav li.nav-item {
line-height: 2;
}
header.offcanvas-collapse nav.navbar ul.navbar-nav {
margin-left: -15px;
}
header.offcanvas-collapse
nav.navbar
ul.navbar-nav
li.nav-item
.nav-link.active {
border-left: 0.25rem solid #0d5d94 !important;
background: #e2f8ff;
}
header.offcanvas-collapse .navbar-nav .nav-link {
padding-left: 15px;
}
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,");
}
/*---- dropdown menu - mobile submenu --*/
.portale__dropdown .nav-pills {
background: #e6ecf2;
}
#sidebar .portale__dropdown .nav-pills .nav-link {
width: 100%;
color: #000;
text-decoration: none;
}
#sidebar .portale__dropdown .nav-pills .nav-link:focus,
#sidebar .portale__dropdown .nav-pills .nav-link:active {
background: #e6ecf2;
}
#sidebar .portale__dropdown .dropdown-toggle {
width: 100%;
text-align: left;
position: relative;
}
#sidebar .portale__dropdown .dropdown-toggle::after {
display: none;
}
#sidebar .portale__dropdown .dropdown-toggle i {
position: absolute;
right: 10px;
top: 8px;
}
#sidebar .portale__dropdown .dropdown-toggle:not([aria-expanded='true']) i,
#sidebar .portale__dropdown .dropdown-toggle[aria-expanded='false'] i {
transform: rotate(0deg);
transition: all 0.5s ease-out;
}
#sidebar .portale__dropdown .dropdown-toggle[aria-expanded='true'] i {
transform: rotate(180deg);
}
/*---- card winner ----*/
.portale__calendario-estrazioni-winner {
background: #ecf2fd right center no-repeat;
/*min-height: 350px;*/
}
@media (max-width: 992px) {
.portale__calendario-estrazioni-winner .winner-text-wrapper {
text-align: center;
flex: 1 1 auto;
}
.portale__calendario-estrazioni-winner .winner-img-wrapper {
flex: 1 1 auto;
}
.portale__calendario-estrazioni-winner img {
max-width: 160px;
}
}
/*--- portale datepicker --*/
.datepicker-dropdown:after {
display: none;
}
.portale-datepicker {
position: relative;
}
/* .portale-datepicker i {
position: absolute;
left: 24px;
top: 9px;
font-size: 20px;
color: #004080; IE fix perché non supporta le variabili css
color: var(--primary);
} */
.portale-datepicker.is_focused i {
color: #fff;
}
.portale-datepicker input {
text-align: center;
/* padding-left: 40px; */
}
.portale-datepicker input:focus {
cursor: text;
}
.portale-datepicker input:focus::placeholder {
color: #fff !important;
}
.datepicker.dropdown-menu {
padding: 25px;
font-size: 12px;
border: 0;
box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15) !important;
margin-top: 1rem;
}
.datepicker-dropdown:before {
display: none;
}
.datepicker.dropdown-menu .datepicker-switch {
font-size: 14px;
}
.datepicker.dropdown-menu .datepicker-switch,
.datepicker.dropdown-menu .datepicker-days th.dow {
text-transform: uppercase;
}
.datepicker.dropdown-menu .datepicker-days th.dow {
padding-top: 20px;
}
.datepicker.dropdown-menu .datepicker-days td {
text-align: center;
}
.datepicker.dropdown-menu .datepicker-days td.day:not(.old):not(.new) {
color: #004080; /* IE fix perché non supporta le variabili css */
color: var(--primary);
font-weight: 600;
}
.datepicker.dropdown-menu .datepicker-days td.active.active {
background-color: #004080; /* IE fix perché non supporta le variabili css */
background-color: var(--primary);
border-color: #004080; /* IE fix perché non supporta le variabili css */
border-color: var(--primary);
color: #fff !important;
}
.datepicker.dropdown-menu .next,
.datepicker.dropdown-menu .prev {
position: relative;
color: transparent;
}
.datepicker.dropdown-menu .next::before,
.datepicker.dropdown-menu .prev::before {
font-family: 'Font Awesome 5 Free';
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
color: #004080; /* IE fix perché non supporta le variabili css */
color: var(--primary);
font-size: 20px;
position: absolute;
left: 50%;
top: 1px;
transform: translateX(-50%);
}
.datepicker.dropdown-menu .next::before {
content: '\F105';
}
.datepicker.dropdown-menu .prev::before {
content: '\F104';
}
/*--------- portale tools ----------*/
.portale__tools .print-this-page,
.portale__tools .chat {
position: absolute;
right: 1.5rem;
border-radius: 50%;
color: #fff !important;
text-align: center;
}
.portale__tools .print-this-page {
top: 3rem;
background: #3686d6;
width: 30px;
height: 30px;
padding-top: 3px;
}
.portale__tools .chat {
bottom: 3rem;
background: #d99f00;
width: 40px;
height: 40px;
padding-top: 7px;
}
/*----- IMPORTANTE -------*/
/* il margine qui sotto viene impostato in base al padding della pagina
* se il padding è 10px il margine qui sotto deve essere di -10px
* ---------------------------*/
@media (max-width: 992px) {
.portale__calendario-estrazioni-cards {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
#days-carousel,
.portale__calendario-estrazioni-info {
margin-right: -1.5rem;
}
}
/*---------------------
* misc
----------------------*/
.logo .square {
border: 1px solid gray;
max-width: 120px;
max-height: 120px !important;
background: #d6d8e2;
width: 100%;
padding-bottom: 100%;
position: relative;
display: block;
}
.share a {
font-size: 1.5rem;
margin: 0 10px;
color: #0066cc;
}
/*----------------------------*
* pagina genera codice
* ---------------------------*/
.capbox .btn-audio i {
position: relative;
left: -4px;
top: -2px;
}
#CaptchaDiv {
font-style: italic;
padding: 4px;
background: blue;
color: #5aff5a;
width: 200px;
font-weight: bold;
font-size: 2rem;
}
.portale__genera-codice {
margin-bottom: 3rem;
}
.portale__genera-codice fieldset legend {
padding-right: 5px;
padding-left: 5px;
}
@media (min-width: 992px) {
.portale__genera-codice input[type='text']:not(#CaptchaInput) {
max-width: 300px;
}
.portale__genera-codice fieldset {
max-width: 400px;
}
}
/*----------------------------*
* FOOTER
* ---------------------------*/
#footer {
background: #30373d;
max-width: 100% !important;
color: white;
}
#page-footer .h1 {
color: #fff;
}
#footer .logo {
height: 70px;
width: 70px;
}
@media (max-width: 992px) {
#footer .logo {
height: 40px;
width: 40px;
margin-bottom: 3px;
}
}
#footer li a {
color: #7dced0;
font-weight: 500;
}
#footer h3 {
font-weight: 500;
font-size: 1.3rem;
}
#footer li {
padding: 2px 0;
}
#footer .separator {
height: 1px;
width: 90%;
background: white;
}
#footer .legal-site li {
opacity: 0.5;
padding: 0 !important;
}
#footer .social i {
color: #7dced0;
font-size: 1.5rem;
padding: 8px 10px;
}
#footer ul {
list-style-type: none;
padding-left: 0;
}
@media only screen and (max-width: 576px) {
#footer .separator {
width: 100%;
}
#footer h1 {
font-size: 1.3rem;
margin-bottom: 0;
}
}
/* CSS per importare FontAwesome */
/*@import "all.min";*/
/* CSS per importare il font Titillium */
/*@import "titillium";*/
/* CSS per importare tutti i moduli */
/*
@import "uikit/grid";
@import "uikit/typography";
@import "uikit/header-footer";
@import "uikit/menu";
@import "uikit/component";
@import "uikit/form";
@import "uikit/multimedia";
@import "uikit/full-page";
@import "uikit/utility";
*/
/*
#page-header {
background-color: transparent;
border-bottom-color: transparent;
color: #004080;
}
*/
/*
a:hover{
color: #0060bf !important;
}
*/
#page-header .logo,
#page-footer .logo {
max-height: 6rem;
line-height: 1;
display: inline-block;
}
.adm,
.ae,
.mef,
.sg {
max-height: 5rem;
max-width: 100%;
}
#agenzia-header {
background-color: #30373d;
}
.bg-light {
background-color: #d7eff9 !important;
}
.bg-yellow-light {
background-color: #f9f5d8 !important;
}
/*
.primary-color-pl{
color: #004080 !important;
}
*/
.black-color-pl {
color: #19191a !important;
}
/* pulsante logout */
nav a#btn-accedi {
font-family: 'Titillium Web';
}
nav a#btn-accedi:not(:hover) {
border-left: 0px;
}
nav a#btn-accedi:not(:hover) {
border-left: 0px;
}
/* Vecchio stile logout
#btn-accedi, .btn-accedi {
background-color: transparent !important;
color: #004080 !important;
font-weight: normal !important;
}
#btn-accedi {
background-color: #004080 !important;
color: #fff !important;
}
#btn-accedi:hover,
.btn-accedi:hover {
background-color: #004d99 !important;
}
nav a#btn-accedi {
font-family: 'Titillium Web';
}
nav a#btn-accedi:not(:hover) {
border-left: 0px;
}
nav a#btn-accedi:not(:hover) {
border-left: 0px;
}
#btn-accedi {
border-bottom: solid 4px transparent;
margin-bottom: -6px !important;
color: #fff !important;
background-color: transparent !important;
}
#btn-accedi:hover,
.btn-accedi:hover {
background-color: transparent !important;
border-bottom: solid 4px #0bd9d2;
color: #fff;
}
*/
button.bg-white:hover {
background-color: transparent !important;
}
ul.navbar-nav {
font-family: 'Titillium Web';
}
.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link.active,
.navbar-expand-md .navbar-nav .nav-link.active:hover {
border-left: solid 3px #ffffff;
}
/*
nav a:not(:hover) {
border-left: solid 3px transparent;
}
*/
.big-title {
font-size: 2.5rem !important;
font-weight: 900;
}
#page-footer a {
color: #75ebe7;
font-weight: 300;
text-decoration: underline;
padding: 6px 0;
}
#page-footer .btn-primary.btn-alt {
background-color: #75ebe7;
border-color: #75ebe7;
color: #30373d;
}
.border-blue {
border: solid 1px #225688;
}
.barcode {
height: 87px;
}
/*
.btn-primary{
background-color: #004080;
border-color: #004080;
color: #fff;
}
*/
button.btn-default:hover > i {
color: #fff !important;
}
#menu-left.navbar-nav .nav-link.active,
#menu-left.navbar-nav .nav-link.active:focus {
font-weight: 700;
border-right: solid 3px;
}
#menu-left.navbar-nav .nav-link:hover {
border-right: solid 3px;
color: #004080 !important;
background: transparent;
text-decoration: underline;
}
#menu-left.navbar-light {
background-color: #e6ecf2;
border-bottom: 0rem solid transparent;
}
left.navbar-light .nav-link {
border-right: solid 3px transparent;
}
.serif {
font-family: Lora, Georgia, serif !important;
}
.primary-color {
color: #225688;
}
hr.hr-grey {
border-bottom: solid 1px #cbccce !important;
}
hr.hr-blu {
border-bottom: solid 1px #225688 !important;
}
.navbar-nav .nav-link.disabled {
color: rgba(0, 64, 128, 0.5) !important;
}
/*countdown*/
.countdown {
color: #333;
text-align: center;
font-family: 'Titillium web';
font-weight: 600;
}
#countdown li {
display: inline-block;
list-style-type: none;
padding: 5px;
background-color: #00a0e02b;
min-width: 55px;
margin: 0 8px;
border-radius: 4px;
color: #4b5253;
}
#countdown li span {
display: block;
font-size: 1.5em;
padding-bottom: 0;
color: #000;
}
#countdown span.text-secondary {
position: absolute;
top: 43%;
font-size: 2.5em;
}
.carousel-indicators .active {
background-color: #004080;
}
.serif {
font-size: 1.2em !important;
}
p.glossary {
font-size: 2.5em;
font-family: 'Titillium Web';
}
.bg-blue {
background-color: #99d9ff;
}
.bg-darkblue {
background-color: #225688;
}
.bar-countdown > ul {
font-size: 1.8rem;
font-family: 'Titillium Web';
}
.col-center {
float: none;
margin: 0 auto;
}
#estrazione.btn-lg {
border-radius: 14px;
font-family: 'Titillium Web';
font-size: 19px;
}
.dropdown-toggle::after {
content: '';
border-top: 0em solid;
border-right: 0em solid transparent;
border-bottom: 0;
border-left: 0em solid transparent;
}
.bg-credit-card {
background: #b75d00;
}
.bg-cash {
background: #146cc5;
}
.bg-passed {
background: #555759;
}
.date-card-estra {
border: 0.1rem solid #fff;
display: block;
height: 4.4rem;
margin-left: 10%;
margin-right: 0;
width: 4rem;
background: #fff;
border-radius: 10%;
color: #009dff;
}
.date-card-estra > h3 {
font-size: 1.5rem;
}
.card-estrazione {
border-radius: 4% !important;
font-family: 'Titillium Web';
}
.card-estrazione > .card-body {
border-top-left-radius: 4%;
border-top-right-radius: 4%;
background-color: #fff;
padding-top: 16px !important;
}
.card-estrazione > .card-header {
background-color: transparent;
color: #fff;
padding: 0.5rem 0rem !important;
/*padding: 0.5rem 0.5rem !important;*/
}
.card-estrazione > .card-body > .accordion > .card {
background: transparent;
border-bottom: solid 1px #e5e5e6 !important;
border-top: solid 0 !important;
border-left: solid 0 !important;
border-right: solid 0 !important;
}
.card-estrazione > .card-body > .accordion > .card > .card-header {
background: transparent;
}
.card-estrazione .amount {
font-weight: 700;
color: #0066cc;
font-size: 20px;
}
.card-estrazione
> .card-body
> .accordion
> .card-default
> .card-header
> .card-title
> .card-toggler {
font-weight: 400 !important;
font-size: 0.9em;
}
.bg-transparent {
background: transparent;
}
.card-estrazione > .card-footer {
background: #fff !important;
border-bottom-left-radius: 4% !important;
border-bottom-right-radius: 4% !important;
}
.chips-estrazione {
position: absolute;
right: 5%;
top: 4%;
font-family: 'Titillium Web';
font-size: 17px;
}
.fa-cjourney {
color: #0059b3;
font-size: 4rem;
}
.nstep-journey {
background: #0059b3;
color: #fff;
padding: 10px 15px;
border-radius: 50%;
}
.nstep-journey-int {
background: #004080;
color: #fff;
padding: 10px 15px;
border-radius: 50%;
z-index: 999999;
margin-left: -25px;
}
.orange {
color: #ff7600;
}
.firetheme > li:not(:first-child):before {
content: '|';
margin-right: 10px;
}
.accordion > .card {
border-bottom: 1px solid #225688 !important;
}
.it-hero-wrapper .img-responsive-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.img-responsive-wrapper {
overflow: hidden;
}
.it-hero-wrapper {
position: relative;
min-height: 450px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.it-hero-wrapper .img-responsive-wrapper .img-responsive {
padding-bottom: inherit;
height: 100%;
position: initial;
}
.img-responsive-wrapper .img-responsive .img-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.it-hero-wrapper .it-hero-text-wrapper {
padding: 15% 40% 5% 2%;
}
.img-responsive-wrapper .img-responsive .img-wrapper img {
width: 100%;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.it-hero-wrapper .it-hero-text-wrapper span.it-category {
position: absolute;
margin-top: -56px;
}
.it-hero-wrapper .it-hero-text-wrapper span.it-category {
display: block;
font-size: 1rem;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.9px;
}
.it-hero-wrapper .it-hero-text-wrapper h1,
.it-hero-wrapper .it-hero-text-wrapper p,
.it-hero-wrapper .it-hero-text-wrapper span {
color: #fff;
margin-bottom: 24px;
}
.it-hero-wrapper .it-hero-text-wrapper h1 {
font-size: 3.66667rem;
}
.it-hero-wrapper .it-hero-text-wrapper p {
margin-bottom: 0;
}
.it-hero-wrapper .it-hero-text-wrapper p {
font-size: 1.3rem;
/* font-family: Lora,Georgia,serif;*/
}
.it-hero-wrapper.it-overlay.it-dark .img-responsive-wrapper:after {
background: rgba(23, 50, 77, 0.54);
}
.it-hero-wrapper.it-overlay .img-responsive-wrapper:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
ul.firetheme {
display: inline-flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
ul.firetheme > li.list-inline-item {
width: 100px;
text-align: left;
margin-right: 0;
}
.card-rs > .card-body > span {
font-family: 'Titillium Web';
}
.share-list {
z-index: 9;
}
.dropdown-menu > small {
font-family: 'Titillium Web';
}
.dropdown-menu {
width: 170px;
margin-right: 130px;
}
.bg-cloud {
background-image: url(/areariservata/dist/img/cloud-bg.png);
width: 100%;
height: 320px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.fa-current-estrazione {
color: #e5bb0f;
font-size: 4rem;
}
.currente-1x {
zoom: 120%;
}
.currente-2x {
zoom: 100%;
}
.currente-3x {
zoom: 90%;
}
.row.estrazione-current {
padding-top: 5%;
}
.card-currente {
min-height: 50px;
}
.border-bottom-current {
border-bottom: solid 2px #e5bb0f;
}
.card-comunicato > .card-body > span,
.card-comunicato > .card-body > h6,
.card-comunicato .card-body > a {
font-family: 'Titillium Web';
}
.fa-barcode#barcode {
font-size: 2rem;
}
.nws-category {
font-family: 'Titillium Web';
}
.ex-vincite {
font-size: 15px;
font-family: 'Titillium Web';
font-weight: 600;
margin-bottom: 0;
}
.border-radius-3 {
border-radius: 10px;
}
.btn-estrazione,
.btn-estrazione:hover,
.btn-estrazione:active,
.btn-estrazione:focus {
background: #fff;
color: #004080;
border: solid 2px #004080;
font-weight: 600;
}
.dropdown-menu-estrazione {
width: auto !important;
margin-right: 0 !important;
}
label.btn.btn-secondary {
min-width: 120px;
border-radius: 12px;
background: rgba(0, 0, 0, 0.1);
color: #8e9296;
border-color: #ccc;
font-family: 'Titillium Web';
font-weight: 600;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
color: #225688;
/* color: #fff; */
background-color: transparent;
border-color: #ccc;
}
.share-mobile {
font-family: 'Titillium Web';
}
.dotted-left {
border-left: dotted 2px #ccc;
}
/*SPID*/
.italia-it-button {
display: inline-block;
position: relative;
padding: 0;
color: #fff;
font-family: 'Titillium Web', HelveticaNeue, Helvetica Neue, Helvetica, Arial,
Lucida Grande, sans-serif;
font-weight: 600;
line-height: 1em;
text-decoration: none;
border: 0;
text-align: center;
cursor: pointer;
overflow: hidden;
}
.italia-it-button-icon,
.italia-it-button-text {
display: block;
float: left;
}
.italia-it-button-icon {
margin: 0 -0.4em 0 0;
padding: 0.6em 0.8em 0.5em;
border-right: rgba(255, 255, 255, 0.1) 0.1em solid;
}
.italia-it-button-text {
padding: 0.95em 1em 0.85em 1em;
font-size: 1.15em;
text-align: center;
}
svg {
width: 1.8em;
height: 1.8em;
fill: #fff;
}
.italia-it-block {
display: block;
}
.italia-it-button-size-s {
font-size: 10px;
width: 150px;
}
.italia-it-button-size-s > span img {
width: 19px;
height: 19px;
border: 0;
}
.italia-it-button-size-m {
font-size: 15px;
width: 220px;
}
.italia-it-button-size-m > span img {
width: 29px;
height: 29px;
border: 0;
}
.italia-it-button-size-l {
font-size: 20px;
width: 280px;
}
.italia-it-button-size-l > span img {
width: 38px;
height: 38px;
border: 0;
}
.italia-it-button-size-xl {
font-size: 25px;
width: 340px;
}
.italia-it-button-size-xl > span img {
width: 47px;
height: 47px;
border: 0;
}
.button-spid {
background-color: #225688;
color: #fff;
}
.button-spid svg {
fill: #fff;
}
.button-spid:hover {
background-color: #036;
color: #fff;
}
.button-spid:active {
background-color: #83beed;
color: #036;
}
.spid-idp-button {
position: absolute;
z-index: 1039;
display: none;
}
.spid-idp-button .spid-idp-button-menu,
.spid-idp-button .spid-idp-button-panel {
list-style: none;
background: white;
border: solid 1px #ddd;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
overflow: visible;
padding: 0;
margin: 0;
}
#spid-idp-button-small-get,
#spid-idp-button-medium-get,
#spid-idp-button-small-post,
#spid-idp-button-medium-post {
width: 230px;
}
#spid-idp-button-large-get,
#spid-idp-button-large-post {
width: 270px;
}
#spid-idp-button-xlarge-get,
#spid-idp-button-xlarge-post {
width: 330px;
}
.spid-idp-button .spid-idp-button-panel {
padding: 10px;
}
.spid-idp-button.spid-idp-button-tip {
margin-top: 8px;
}
.spid-idp-button.spid-idp-button-tip:before {
position: absolute;
top: -6px;
left: 9px;
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ddd;
display: inline-block;
}
.spid-idp-button.spid-idp-button-tip:after {
position: absolute;
top: -5px;
left: 10px;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
display: inline-block;
}
.spid-idp-button.spid-idp-button-tip.spid-idp-button-anchor-right:before {
left: auto;
right: 9px;
}
.spid-idp-button.spid-idp-button-tip.spid-idp-button-anchor-right:after {
left: auto;
right: 10px;
}
.spid-idp-button.spid-idp-button-scroll .spid-idp-button-menu,
.spid-idp-button.spid-idp-button-scroll .spid-idp-button-panel {
max-height: 180px;
overflow: auto;
}
.spid-idp-button .spid-idp-button-menu li {
list-style: none;
padding: 0 0;
margin: 0;
line-height: 18px;
}
.spid-idp-button .spid-idp-button-menu li > a,
.spid-idp-button .spid-idp-button-menu label {
display: block;
font-family: 'Titillium Web', HelveticaNeue, Helvetica Neue, Helvetica, Arial,
Lucida Grande, sans-serif;
font-weight: 600;
font-size: 0.9em;
color: #225688;
text-decoration: underline;
line-height: 18px;
padding-top: 5px;
white-space: nowrap;
border-bottom: 1px solid #ddd;
}
.spid-idp-button .spid-idp-button-menu li > a:hover,
.spid-idp-button .spid-idp-button-menu label:hover {
color: #036;
cursor: pointer;
background-color: #f0f0f0;
}
.spid-idp-button .spid-idp-button-menu li > a img {
height: 40px;
padding: 10px 0 10px 10px;
border: 0;
}
.idp-button-idp-logo {
font-size: 100%;
height: 10%;
width: 100%;
border: 0;
border-bottom: 1px solid #ccc;
background-color: #fff;
padding: 15px;
text-align: left;
cursor: pointer;
}
.idp-button-idp-logo:hover {
background-color: #f0f0f0;
}
.idp-button-idp-logo img {
height: 25px;
vertical-align: middle;
cursor: pointer;
}
.spid-top-menu-space-10 > a img {
margin-top: 10px;
}
.spid-top-menu-space-20 > a img {
margin-top: 20px;
}
.spid-top-menu-line {
border-top: 5px solid #000;
}
.spid-idp-support-link > a {
padding: 5px 0 10px 10px;
}
.spid-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.p-titillium p,
.p-titillium a,
.p-titillium button {
font-family: 'Titillium Web';
}
.bg-estrazione {
background-image: url(/areariservata/dist/img/gettyimages-1182457155-2048x2048.jpg);
background-size: 30%;
background-repeat: no-repeat;
}
.fidelity-card {
border: 0px;
}
.retro {
min-height: 274px;
border-radius: 12px !important;
}
.retro > .card-body {
background: rgb(0, 102, 204);
background: radial-gradient(
circle,
rgba(0, 102, 204, 1) 40%,
rgba(0, 84, 168, 1) 100%
);
}
.fidelity-card > .card-body {
border-radius: 12px !important;
}
.fidelity-card > .card-body > .black-bar {
background: #000;
margin: 0 -14px;
}
.fidelity-card > .card-body > ul > li {
background: #225688;
color: #fff;
}
.fidelity-card > .card-body > ul > li:not(:last-child) {
margin-right: 0.5rem;
}
.fidelity-card p {
font-size: 13px;
color: #0059b3;
}
.cookiebar {
bottom: 0;
left: 0;
right: 0;
/* display: none;*/
position: fixed;
width: 100%;
z-index: 9999;
background-color: #435a70;
padding: 15px;
}
.cookiebar.cookiebar-top {
bottom: auto;
top: 0;
}
.cookiebar.show {
display: block;
}
.cookiebar p {
font-size: 1rem !important;
line-height: 1.25em;
color: #fff;
margin-bottom: 0;
}
.cookiebar p br {
display: none;
}
.cookiebar .cookiebar-buttons {
text-align: right !important;
padding: 0;
margin-top: 12px !important;
line-height: 1.25em;
float: right;
}
.cookiebar .cookiebar-btn {
background: transparent;
border: none;
padding: 0;
color: #fff;
letter-spacing: 0.1em;
font-weight: 600;
text-transform: uppercase;
font-size: 0.875rem;
display: inline-block;
line-height: 1em;
}
.cookiebar .cookiebar-btn:hover {
text-decoration: underline;
cursor: pointer;
}
.cookiebar .cookiebar-btn:last-child {
margin-left: 24px;
}
.cookiebar .cookiebar-btn:not(.cookiebar-confirm) {
color: #ededed;
}
.carousel-control-next,
.carousel-control-prev {
color: #004080;
text-decoration: none !important;
}
.carousel-control-next:hover,
.carousel-control-prev:hover {
color: #004080;
text-decoration: none !important;
}
.carousel-control-next:active,
.carousel-control-next:focus {
border-style: solid;
border-color: orange;
}
.carousel-control-prev:active,
.carousel-control-prev:focus {
border-style: solid;
border-color: orange;
}
.fa-bullet {
font-size: 4em;
color: #225688;
display: inline;
line-height: 40px;
}
.number-bullet {
position: absolute;
color: #fff;
left: 37%;
font-size: 16px;
font-family: 'Titillium Web';
top: 14px;
background: #225688;
line-height: 12px;
}
.bullet-modal {
background: #225688;
color: #fff;
padding: 10px 15px;
border-radius: 50%;
z-index: 999999;
position: absolute;
width: 50px;
left: -24px;
}
.modal {
padding: 15px !important;
}
.modal-logo img {
width: 100%;
}
.agg {
font-size: 12px;
font-weight: 500;
}
.card-info .card-footer:last-child {
border-radius: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
width: 100px;
text-align: center;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: transparent;
}
.nav-pills .nav-link.active > .date-card-estra {
color: #0073e6;
}
h3.h6,
h4.h6 {
font-size: 1.1rem !important;
}
.nav-pills > .nav-item > .nav-link {
padding: 1.5rem 0.2rem;
}
a.align-middle .card-footer:hover {
background: #004c98 !important;
}
/*
.bg-splash {
background-image: url(../img/bg-splashpage.png);
height: 100%;
}
*/
a:focus.carousel-control-next,
a:focus.carousel-control-prev {
outline: 2px solid transparent !important;
outline-offset: 1px;
}
.border-blu {
border: solid 1px #225688 !important;
}
.border-left-5 {
border-left: solid 5px #225688 !important;
}
.border-right-5 {
border-right: solid 5px #225688 !important;
}
.card.card-info .card-header:first-child {
border-radius: calc(0rem - 0px) calc(0rem - 0px) 0 0;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.month {
position: absolute;
top: 60%;
font-size: 12px;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
h3.card-title {
font-size: 1.35rem;
}
.date-card-estra {
border: 0.1rem solid #fff;
display: block;
height: 4.4rem;
width: 5rem;
}
.carousel-control-next,
.carousel-control-prev,
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
width: 15%;
}
.fa-bullet {
font-size: 6em;
color: #225688;
display: inline;
line-height: 60px;
}
.number-bullet {
font-size: 28px;
top: 14px;
line-height: 30px;
left: 20%;
}
#countdown li {
min-width: 95px;
margin: 0 15px;
}
#countdown li span {
font-size: 3em;
}
.date-card-estra {
border: 0.5rem solid #fff;
display: block;
height: 5rem;
margin-left: 15%;
margin-right: 0;
width: 6rem;
background: #fff;
border-radius: 10%;
color: #5c7082;
font-family: 'Titillium Web';
}
.date-card-estra > h3 {
font-size: 2.3rem;
}
.card-estrazione
> .card-body
> .accordion
> .card-default
> .card-header
> .card-title
> .card-toggler {
font-size: 1em !important;
}
.currente-1x {
zoom: 120%;
}
.currente-2x {
zoom: 100%;
}
.currente-3x {
zoom: 90%;
}
.bg-cloud {
height: 320px;
}
.row.estrazione-current {
padding-top: 3%;
}
.cookiebar p {
font-size: 0.889rem;
}
.modal-dialog {
max-width: 800px;
}
.bullet-modal {
background: #225688;
color: #fff;
padding: 10px 15px;
border-radius: 50%;
z-index: 999999;
position: absolute;
width: 50px;
left: -24px;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.month {
font-size: 16px;
}
.nav-pills > .nav-item > .nav-link {
padding: 1.5rem 0.5rem;
}
h3.h6,
h4.h6 {
font-size: 0.9rem !important;
}
.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link.active,
.navbar-expand-md .navbar-nav .nav-link.active:hover {
/* border-bottom-color: #004080;*/
background-color: transparent;
border-left: 0px;
padding-left: 0px;
}
nav a:not(:hover) {
border-left: 0;
}
.big-title {
font-size: 3rem !important;
font-weight: 900;
}
p.glossary {
font-size: 3em;
}
.date-card-estra {
border: 0.5rem solid #fff;
display: block;
height: 5rem;
margin-left: 8%;
margin-right: 0;
width: 6rem;
background: #fff;
border-radius: 10%;
color: #009dff;
}
.date-card-estra > h3 {
font-size: 2.3rem;
}
.nstep-journey {
padding: 5px 10px;
}
.bg-cloud {
height: 390px;
}
.row.estrazione-current {
padding-top: 7%;
}
.nws-img {
max-width: 50% !important;
float: left;
height: auto;
}
.nstep-journey-int {
margin-left: -30px;
}
.cookiebar {
padding: 32px 48px;
}
.cookiebar p {
width: 60%;
margin-right: 0px !important;
float: left;
}
.cookiebar .cookiebar-buttons {
margin-top: 0;
width: 40%;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.mef,
.ae,
.adm {
width: 70%;
}
.adm {
width: 80%;
}
.col-lg-5.bg-darkblue:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 35px 0 35px 35px;
border-color: transparent transparent transparent #225688;
right: -35px;
position: absolute;
top: 35%;
z-index: 1;
}
#countdown li {
min-width: 106px;
}
#countdown li span {
font-size: 3em;
font-weight: 800;
}
#menu-left.navbar-dark,
#menu-left-title,
#menu-left .nav-divider {
background-color: #fff !important;
color: #19191a !important;
}
#menu-left.navbar-light {
background-color: #fff;
border-bottom: 0rem solid transparent;
}
/*
.navbar-expand-md .navbar-nav .nav-link:hover, .navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link.active:hover {
border-bottom-color: #004080;
background-color: transparent;
border-left: 0px;
padding-left: 0px;
}
*/
.socialsharing {
position: absolute;
right: 0;
}
ul.firetheme {
display: inline-block;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
ul.firetheme > li.list-inline-item {
width: auto;
text-align: left;
margin-right: 1rem !important;
}
.row.estrazione-current {
padding-top: 5%;
}
.bg-cloud {
height: 380px;
}
#menu-left.navbar-light a.nav-link:not(:hover) {
/* border-right: solid 3px transparent;*/
border-left: 0px !important;
}
.fidelity-card > .card-body {
padding: 14px 3px;
}
.retro {
min-height: 280px;
}
.fidelity-card > .card-body > .black-bar {
margin: 0 -3px;
}
.cookiebar {
max-width: 832px;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
/* transform: translateX(-50%); */
border-radius: 4px 4px 0 0;
}
.cookiebar p {
width: 66%;
}
.cookiebar .cookiebar-buttons {
width: 33%;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.nav-pills > .nav-item > .nav-link {
padding: 0.5rem 1rem;
}
.bg-cloud {
height: 420px;
}
.row.estrazione-current {
padding-top: 5%;
}
.retro {
min-height: 289px;
}
}
/* Extra extra large devices (extra large desktops, 1440px and up) */
@media (min-width: 1440px) {
}
/* IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.card {
display: block !important;
}
.card-journey > .card-body {
min-height: 430px;
}
.card-journey > .card-body > img {
margin-top: 10px;
}
.card-footer-right {
right: 0px;
top: 0px;
position: absolute;
height: 100%;
}
.card-header-left {
left: 0px;
top: 0px;
position: absolute;
height: 100%;
}
.card-footer-right > .card-footer {
width: 50px !important;
}
.ierow {
margin-left: 60px;
}
.ierow-right {
margin-right: 30px !important;
}
}
/*Customizzazioni stile Liferay */
.control-menu {
position: relative !important;
}
/*
.pb-1, .py-1 {
padding-bottom: 0 !important;
}
.pt-1, .py-1 {
padding-top:0 !important;
}
*/
.input-group-lg > .input-group-append > .btn {
height: auto;
}
a.btn-accedi:hover {
color: #fff;
}
/*
.row {
margin-right:0;
}
*/
section .modal {
display: none;
}
.breadcrumb > li {
float: none;
}
.breadcrumb {
display: inline;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #6c757d;
content: '/';
background: none;
padding-left: 0;
float: none;
position: relative;
width: 1em;
}
.breadcrumb-title,
.breadcrumb-item {
display: inline-block;
}
.portlet-header {
z-index: 100;
}
h2 {
font-size: 1.8rem !important;
}
.minh_card {
min-height: 400px;
}
.card-title {
font-weight: 600 !important;
}
.navbar-expand-md .container-fluid {
padding-right: 38px;
}
h2#menu-left-title {
font-size: inherit !important;
}
ul#menu-left {
padding-left: 0 !important;
}
.Layout2080SC #layout-column_column-2 .portlet-header {
margin-bottom: 0;
}
#p_p_id_com_liferay_portal_search_web_portlet_SearchPortlet_ fieldset {
border: none;
padding: 0;
}
#p_p_id_com_liferay_portal_search_web_portlet_SearchPortlet_
.lfr-ddm-field-group {
margin-bottom: 14px !important;
}
#p_p_id_com_liferay_portal_search_web_portlet_SearchPortlet_
.btn-primary.btn-default {
border-color: #004080;
background-color: #004080;
}
#p_p_id_com_liferay_portal_search_web_portlet_SearchPortlet_
.taglib-empty-search-result-message-header {
background: none;
padding-top: 0;
}
#wrapper {
margin: 0;
padding: 0;
}
.has-control-menu #wrapper {
margin: 0 !important;
}
.open #wrapper .sticky-md-top {
z-index: 960;
}
.portlet {
margin-bottom: 0;
}
.card-horizontal {
display: flex !important;
}
.card-title {
font-size: 1.6rem;
}
.collapse:not(.show) {
display: none;
}
.collapse.in {
display: block;
}
.tools-control-group
.control-menu-nav
.control-menu-nav-item
.control-menu-icon {
display: block !important;
}
.controls-hidden .portlet-content-editable {
border-color: transparent !important;
}
.controls-hidden .portlet-topper {
display: none !important;
}
.autofit-row {
width: auto;
}
#menu-top .nav-item {
display: block;
}
.navbar-expand-md .container,
.navbar-expand-md .container-fluid {
padding-left: 22px;
}
@media (max-width: 768px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
.btn-default,
.btn-default:focus,
.btn-default[disabled]:hover,
.btn-default:disabled,
.show > .btn-default:hover {
background-color: #225688 !important;
border-color: #225688 !important;
color: #fff !important;
}
.btn-default:hover,
.btn-default.searchmobile:hover {
background-color: #184272 !important;
border-color: #184272 !important;
color: #fff !important;
}
.btn-default.searchmobile {
background-color: #fff !important;
color: #225688 !important;
}
.accordion .journal-content-article:not(:last-child) .card {
margin-bottom: 0;
/*border-bottom: none;*/
}
.accordion .card {
overflow: hidden;
}
mark {
box-shadow: none !important ;
padding: 0 !important;
}
.portlet-content,
.portlet-minimized .portlet-content-container {
padding: 0;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.pagination > li > a {
color: #0073e6;
}
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus {
background-color: #0073e6;
border-color: #0073e6;
}
.card-title {
line-height: 1.2em;
margin-bottom: 0.75rem;
}
#menu-left.navbar-nav {
flex-direction: column !important;
}
div[class^='fragment_'] .portlet .portlet-title-text {
display: none;
}
.card-collapsible {
border: none;
}
header a:not(:hover) {
text-decoration: none !important;
}
.chips-estrazione{
right: 12%;
top: 20px;
}
#custom-carousel {
padding-left: 0;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.chips-estrazione{
right: 5%;
}
}
/*div#spinner {
position: absolute;
height: 100vh;
width: 100%;
z-index: 1000;
background-color: #ffffffe0;
color: #004080;
}*/
i.fas.fa-spinner.fa-4x.fa-pulse {
margin-top: 0%;
}
.infoPanoramicaSpinner {
margin-bottom: calc(1rem * 11) !important;
}
.winnerSpinner {
margin-bottom: calc(1rem * 10) !important;
}
.left-menu {
width: 16%;
height: 80vh;
}
.withBorder {
border-color: orange;
border-style: solid;
}
#menu-left-title {
color: white;
}
.form-control-plaintext {
border: none !important;
padding-left: 0px !important;
}
.form-control-plaintext:disabled {
background-color: white !important;
}
.form-control-plaintext.form-control-black {
color: rgb(25, 25, 26);
}
/* card i miei codici */
.lotteria-card-title {
font-size: 24px;
}
#card-1 div.card-default div.card-header {
display: none;
visibility: hidden;
}
#card-2 div.card-default div.card-header {
display: none;
visibility: hidden;
}
#card-1 .card-body {
width: 85%;
min-height: 1px;
-ms-flex-align: center !important;
align-items: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
display: -ms-flexbox !important;
display: flex !important;
}
#card-1 .card,
#card-2 .card {
display: flex !important;
}
.card-barcode {
margin-top: 0px !important;
margin-left: auto;
margin-right: auto;
padding: 0 !important;
}
.card-text {
margin-top: 0px !important;
margin-left: 4%;
margin-right: 4%;
padding: 0 !important;
font-size: 7pt;
}
.code {
color: white;
background-color: #225688;
margin-left: 2px;
margin-right: 2px;
min-width: 25px;
font-size: 18px;
text-align: center;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.code-0 {
font-family: Consolas, monaco, monospace;
}
/* fine card i miei codici */
.spinner-full-page {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(25, 25, 26, 128);
}
.spinner-full-page i {
position: absolute;
top: 50%;
left: 50%;
}
.logo-card {
max-width: 100%;
max-height: 100%;
padding-left: 0.5em;
}
/* Box privacy */
.privacy-header {
background-color: #f2f2f2;
cursor: pointer;
font-size: 16px;
font-weight: bold;
color: #333333;
padding: 0.2em 0.5em;
}
.privacy-header .fas {
font-size: 24px;
}
.privacy-card-content {
border: 1px solid rgb(220, 221, 223);
}
.privacy-text-box {
overflow-y: scroll;
font-size: 14px;
max-height: 10em;
border: 1px solid rgb(220, 221, 223);
}
.privacy-text-box h6,
.privacy-text-box p {
padding: 0.5em;
}
.datipersonali-autorizzazioni .card .card-header {
padding: 0;
}
.datipersonali-autorizzazioni .card .card-header .card-title {
margin: 0.3em;
}
.datipersonali-autorizzazioni .card .card-header a {
font-size: 16px;
font-weight: bold;
color: #333333;
}
/* END Box privacy */
/* box card codici */
.codici-card-wrapper {
max-width: 790px;
}
.codici-card-container {
position: relative;
border: 1px solid rgba(230, 230, 230, 1);
}
.code-status-badge.badge.badge-danger {
border-radius: 0;
padding: 0.6em;
}
.codici-card__badge {
position: absolute;
top: 1px;
z-index: 99;
margin-left: 8px;
right: 20px;
}
@media (max-width: 992px) {
.codici-card__badge {
position: relative;
top: -4px;
margin-left: 8px;
}
.codici-card-container .dropdown .dropdown-menu {
padding: 0 !important;
}
.codici-card-container .dropdown .dropdown-menu .btn {
padding-left: 1rem !important;
padding-right: 1rem !important;
display: flex;
align-items: center;
width: 100% !important;
}
.codici-card-container .dropdown .dropdown-menu .btn:not(:last-child) {
border-bottom: 1px solid lightgray;
}
}
/* END box card codici */
/* START modale blocca/elimina codice */
.modal-dialog .modal-header {
border-bottom: 0;
padding-bottom: 0;
}
.modal-dialog .modal-header .modal-title {
margin-bottom: 0;
}
.modal-dialog div.alert-danger {
background: #ffe2e5;
border-left-width: 1px;
}
.modal-dialog div.alert-danger::before {
display: none;
}
.modal-dialog div.alert-danger h4 {
font-size: 1.2rem !important;
}
/* END modale blocca/elimina codice */
/* Validazione form */
.error-field {
color: red;
font-size: 1.2rem !important;
margin-top: -15px !important;
display: grid;
text-align: center;
font-size: 0.8rem !important;
}
/* Validazione form campo*/
.invalid-date {
border: 1px solid #ff0000 !important;
}
/* Area esercenti */
.area-esercente-container {
min-height: 30vh;
}
@media (min-width: 992px) {
#scelta-profilo {
width: 50%;
margin: 5% auto;
}
}
.scelta-profilo-box {
border: 1px solid #e6e6e6;
}
@media (min-width: 992px) {
.esercente-box {
width: 75%;
}
}
.rcorners {
border-radius: 10px;
background: #0073e6;
color: white;
padding: 0.25rem 0.75rem;
}
.tipo-utenza-radio-icon {
background-color: #d1e7ff;
border-radius: 11px 0 0 11px;
}
.tipo-utenza-radio-icon {
min-width: 4em;
color: #0073e6;
}
.tipo-utenza-radio-value {
min-width: 12em;
border-radius: 0 11px 0 11px;
}
.tipo-utenza-radio-item:focus {
box-shadow: 0 0 0 0.2rem #ff8c00 !important;
outline: none !important;
}
.tipo-utenza-radio-item {
box-shadow: rgba(43, 32, 32, 0.098) 0px 5px 10px 0px;
border-radius: 11px 11px 11px 11px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.tipo-utenza-radio-item *:hover {
cursor: pointer;
}
.scelta-profilo-icon {
background-color: #d1e7ff;
border-radius: 11px 0 0 11px;
min-width: 4em;
color: #0073e6;
}
.scelta-profilo-value {
min-width: 12em;
border-radius: 0 11px 0 11px;
}
.scelta-profilo-item {
box-shadow: rgba(0, 0, 0, 0.098) 0px 5px 10px 0px;
border-radius: 11px 11px 11px 11px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.scelta-profilo-item:hover {
cursor: pointer;
}
.scelta-profilo-item:focus {
box-shadow: 0 0 0 0.2rem #ff8c00 !important;
outline: none !important;
}
.radio-item {
width: 100%;
}
.dati-esercente-content-header {
background-color: rgba(209, 231, 255, 1);
}
.dati-esercente-box-dati-modificabili {
border: 1px solid #e6e6e6;
}
label.black-label {
color: black;
}
.gray {
color: gray;
}
.bold {
font-weight: 600;
}
/* END Area esercenti */
/*-- stile per chatbot ---*/
@media (max-width: 600px) {
.embeddedServiceIcon.x-small.help:before,
.embeddedServiceHelpButton .embeddedServiceIcon::before,
.embeddedServiceHelpButton .helpButton,
.cSogei_ChatMinimizedComponent {
width: 85px !important;
height: 85px !important;
}
}
#privacy-checkbox:focus ~ .custom-control-label::before,
#bloccogen-checkbox:focus ~ .custom-control-label::before,
#privacy-esercente-checkbox:focus
~ .custom-control-label::before
#informativa-checkbox:focus
~ .custom-control-label::before {
border-color: orange;
border-style: solid;
}
#esercente-accept-privacy:focus ~ .custom-control-label::before {
border-color: orange;
border-style: solid;
box-shadow: 0 0 0 0.2rem orange;
}
.card-logo-parent {
flex-shrink: 0;
width: 100%;
}
#mieiscontrini-search {
font-size: 85%;
}
.privacyFrame {
height: 100%;
width: 100%;
border: none;
}