@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;200;300;400;500;600;700;800;900&family=Merriweather:wght@100;200;300;400;500;600;700&display=swap");
@import url("/vendor/fontawesome-free-5.15.3-web/css/all.min.css");
body {background-color: rgb(247, 248, 249); font-family: Lato;}
.body-padding {padding: 55px 0px 40px 0px;}
.font-lato {font-family: 'Lato', serif;}
.font-merryweather {font-family: 'Merriweather', serif !important;}
.text-menu .primary-menu a, .navbar-brand {color: #008ccf; font-weight: 900;}
form > .block-header {border-bottom: 1px solid silver; margin-bottom: 10px;}

/*Navigation bar*/
#mainMenu {background-color: white; color: #888; font-size: 18px;}
#mainMenuContent > ul > li > a{font-size: 0.8em; font-weight: 600; margin-right: 10px;}
#mainMenu .navbar-brand {font-size: 1.2em; margin-right: 50px; }
#navbar_navbar .navbar li a {font-size: 0.85em;}
#navbar_navbar .nav > li.active > a {background-color: transparent !important; color: #555 !important;}
#navbar_navbar .nav > li.open > a{color: #555 !important;}
.mini-menu {font-size: 14px;}
legend {border-bottom: 2px solid gray;}

/*Linee di separazione*/
.hr {height:1px; background:#d7d9da; overflow:hidden; font-size:0; line-height:0; margin:30px 0;}
.hr2 {border-top: 3px dotted #d7d9da; margin-bottom: 10px; margin-top: 10px; text-align: center; position: relative;}
.hr2 > span {background-color: white; margin-top: -12px; margin-left: -40px; padding: 0 10px; position: absolute;}

/* Grandezza Immagini*/
.ui138  {border: 1px solid #cecece; border-radius: 3px; height: 138px; padding: 3px; width: 138px;}
/*.ui138 {width: 64px; height: 64px; border-radius: 32px; padding: 3px;}*/
.ui50{width: 50px; height: 50px;}
.ui22{width: 22px; height: 22px; border-radius: 3px; border: 1px solid black; top: -3px; left: -3px; position: relative;}

/*Footer*/
#page-footer { color: #333; background-color: #f8f8f8;}
#page-footer a, #page-footer span {color: #333; font-size: 0.9em;}
#page-footer a:hover {color : blue; text-decoration: none;}
#page-footer h6 {font-size: 0.9em;}
#page-footer ul {padding: 0px; margin-bottom: 0px !important;}
footer ul li {list-style-type:none; float:left; margin-right:15px;}

/*Light screen - splash screen cookie*/
div.lightbox_screen {background-color: #f8f8f8; border-top-left-radius: 5px;}
img.lightbox-close {position: absolute; top: 5px; right: 5px; background-color: #333;}
img.lightbox-close:hover {background-color: red;}

/*Brick slider*/
.item-card {background-color: white; border: 1px solid #ddd; border-radius: 5px; min-width: 150px;}
.item-card-image {border-radius: 5px 5px 0px 0px; border-bottom: 1px solid #ddd; background-size: 100% auto; min-height: 150px; background-repeat: no-repeat; background-position: left center;}
.item-card-title {line-height: 14px; height: 28px; overflow: hidden; font-size: 0.8em;}
.item-card-body a {color: #18113c}
.item-card-body a:hover {color: purple;}
.item-card-body {padding: 10px 20px 10px 20px}
.item-card-footer {padding: 10px 10px; border-top: 1px solid #ddd; border-radius: 0px 0px 5px 5px;}
.item-card .avatar-xs {max-width: 20px;}
.item-card-author {font-size: 0.75em; color : #333; font-weight: 400;}
.item-property {font-size: 0.8em;}

/**/
.text-gray-light {color : #a8a3b9}
.font-size-sm {font-size: 0.7em}
.fs-sm {font-size: 0.7rem}
.fs-md {font-size: 1rem}
.fs-lg {font-size: 1.5rem}
.fs-xl {font-size: 2.5rem}
.ff-inter {font-family: Inter;}
.no-padding-x {padding-right: 0px !important; padding-left: 0px !important;}
.bg-primary {background-color : #754ffe !important}

/*backend*/
ul.sidenav-menu {list-style-type: none; padding: 0px;}
ul.sidenav-menu > li {padding-top: 5px; padding-bottom: 5px; margin: 1px 0px;}
ul.sidenav-menu > li.menu-item:hover,
ul.sidenav-menu > li.active {background-color: #e3dcff; border-radius: 10px;}
ul.sidenav-menu > li.menu-item:hover > a,
ul.sidenav-menu > li.menu-item:hover > a > i  {color: #754ffe!important; text-decoration: none;}
ul.sidenav-menu > li > a {color: #18113c; font-weight: bold; font-size: 0.85rem;}
ul.sidenav-menu > li > a > i {color: #aaa; width: 25px; text-align: center;}
ul.sidenav-menu .label-section {color: #a8a3b9; padding: .3rem .4rem 0; margin-top: .5rem; text-transform: uppercase; letter-spacing: 1px; font-size: .6875rem; font-weight: 500;}
ul.sidenav-menu .menu-hr {border-top: 1px solid #ddd}

.card-header {background-color: #fafafa;}

.modal-640-480 {width: 640px; height: 480px}
.modal-800-600 {width: 800px; height: 600px}
.modal-1024-768 {width: 1024px; height: 768px}