/* TAG */
a { color: #fff }
a:hover { text-decoration: none!important }
body { background: #29285D }
html .btn-primary { background-color: #7677a0!important; border-color: #7677a0 #7677a0 #29285D!important; color: #FFF }
form { margin: 0px }
html .btn-primary:active:not(.bg-transparent), html .btn-primary.active:not(.bg-transparent) { background-color: #575773 !important }
img { width: 100% }
label { margin-bottom: 0.5rem }
li { color: #212529!important }
li > a > u { color: rgb(255, 255, 255)!important }
p > a > u { color: blue!important }
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-break: normal; border: none; background: transparent; padding: 0px; font-family: 'Lato', sans-serif; font-size: 14px; text-align: justify; margin: 0px }
section.section { border: none; margin: 0px!important }
table.table td, table.table th { padding: 5px 15px!important; height: 52px!important }
table.table_precheckin td, table.table_precheckin th { padding: 5px 10px!important; height: 38px!important }
table.table_precheckin td.check, table.table_precheckin th.check { padding: 0px!important; height: 38px!important }
textarea { min-height: 150px; padding-top: 10px; padding-bottom: 10px }

/* ID */
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a { color: #FFF }
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a { background: #7677a0 }
#header .header-nav-main nav > ul > li > a { font-size: 12px }
#footer { margin-top: 10px; border: 0px!important }

/* CLASS */
.btn-modern { padding: 0.6rem 1.2rem }
.container_230x100 { width: 230px!important; height: 120px!important; overflow: hidden!important }
.datepicker { z-index: 2000!important }
.datepicker table th, .datepicker table td { padding: 0.5rem!important; height: 30px!important }
.daterangepicker { width: auto!important }
.daterangepicker .drp-calendar { max-width: none!important }
.error input, .error textarea, .error select, .error div.well { border: 1px solid #CB0C0F!important }
.error div.checkbox{ color: #CB0C0F!important }
.feature-box-border-vertical .border-hover-animate .feature-box:not(.noborder)::after { background-color: #0F6458; height: 0; transition: height .3s ease-in-out }
.feature-box-border-vertical .border-hover-animate .feature-box:hover:not(.noborder)::after { height: calc(100% - 90px) }
.feature-box-border-vertical .fbox-icon i, .feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i { line-height: 60px; font-size: 24px; z-index: 1; text-align: center }
.feature-box-border-vertical .feature-box { position: relative }
.feature-box-border-vertical .feature-box:not(.noborder)::before, .feature-box-border-vertical.border-hover-animate .feature-box:not(.noborder)::after { content: ""; position: absolute; top: calc(64px + 13px); left: 59px; width: 2px; height: calc(100% - 90px); background-color: #EEE; z-index: 0 }
.feature-box-border-vertical .feature-box:nth-child(1):not(.noborder)::before { background-color: #0F6458 }
.form-check-input { border-color: #333 }
.iconFilter { background: transparent; border: none; cursor: pointer; padding: 0px }
.icon_dashboard { max-width: 100%!important }
.image-fill { width: 100%!important; height: 100%!important; object-fit: contain!important }
.modal-content, .modal-header{ border-radius: 0px }
.modal-header { background: #7677a0; display: block!important }
.modal-header .modal-title { color: white }
.modal-body { padding: 20px }
.nav-secondary { padding: 10px 0px }
/* .nav-link { color: #fff!important } */
.page-header { background: #29285D!important }
.page-header.page-header-sm { padding: 15px 0px }
.page-header.page-header-classic:after { height: 0px!important }
.page-title-center .breadcrumb { margin: 5px 0px }
.pagination { float: right; margin-bottom: 10px!important }
.pagination span { margin-right: 5px; background: #1f1c40; padding: 5px; width: 30px; height: 30px; text-align: center; border-radius: 50%; font-size:12px!important }
.pagination span.current { color:white!important; font-size:12px!important }
.pagination span a { color:#ddd!important; font-size:12px!important }
.primary-menu > .menu-container > .menu-item > .menu-link:hover { color: #fff!important }
.modal-footer { border-top: 0px }
.primary-menu > .menu-container > .primary-menu > .menu-container > .menu-item > .menu-link:hover { color: #000!important }
.process-step-circle.active { background-color: #7677a0 }
.process-step-circle.active > .process-step-circle-content { color: #fff!important }
.process .process-step { justify-content: start!important }
.richText-toolbar > a > span { color: #000!important }
.richText-toolbar > ul > li > a { color: #000!important }
.table td { vertical-align: middle !important }
.table.b_none td { border: 0px!important }
.table.b_none th { border-top: 0px!important }

/* MEDIA */
@media screen and (min-width:992px){
    #header .header-nav-main nav > ul > li > a { color: #fff }
}

/* CLASSI SPERIMENTALI PER LOGO STRATCHATO SU SAFARI */
#header #logo, #header.transparent-header, #header.transparent-header:not(.sticky-header) #header-wrap { border: none!important }
#logo a img { max-width: var(--cnvs-header-height)!important }
.full-header #logo { padding: 0px!important }
.is-expanded-menu .full-header #logo { padding-right: 0px!important }