/* CSS di proprietà generiche
creazione 16/11/2018

*/

/* font del sito */
@font-face {
	font-family: 'Montserrat';
	src: url("fonts/Montserrat-Bold.42d827220168.woff2") format('woff2'),
	url("fonts/Montserrat-Bold.257248d641fc.woff") format('woff'),
	url("fonts/Montserrat-Bold.88932dadc42e.ttf") format('truetype');
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: 'Montserrat';
	src: url("fonts/Montserrat-Regular.2d1be0a4ec84.woff2") format('woff2'),
	url("fonts/Montserrat-Regular.dcddb9ddd69e.woff") format('woff'),
	url("fonts/Montserrat-Regular.9c4609511838.ttf") format('truetype');
	font-style: normal;
	font-weight: 400;
}

/* proprietà generiche */
html, body{
	background: var(--nav-container-background);
	background-attachment: fixed;
	background-position: var(--nav-background-position);
	background-size: var(--nav-background-size);
	font-family: 'Montserrat', sans-serif !important;
	width: 100%;
	line-height:1.2;
	padding:0px;
	margin:0px;
	color: var(--default-base-color);
}
a{
	color: var(--default-a-color);
}

a:hover{
	color: var(--default-a-hover-color);
}

::-moz-selection { background: var(--default-selection-background); color: var(--default-selection-color); }
::selection { background: var(--default-selection-background); color: var(--default-selection-color); }

/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: var(--scrollbar-background);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--default-secondary-background);
}



.clear{
	clear: both;
}



.card{
	border: none;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
}
.card .card-header .card-title.flex-column {
    align-items: flex-start;
    justify-content: center;
}
.card-header{
	background: inherit;
}

.softBackgroundCard{
	background-color: rgba(255,255,255,0.87);
}

.softBackgroundCard .card-header,
.softBackgroundCard .card-body{
	background: transparent;
}


/* Forms */
.form-control, 
.input-group-text{
	border-radius: 0;
	border: none;
}

.form-control{
	border-bottom: 1px solid #ffffff;
}
.form-control:focus{
	border-color: #ce001b;
}
.form-control[disabled],
.form-control[readonly]{
	background: #f1f1f1;
}

.input-group-text{
	background-color: #ce001b;
	color: #ffffff;
	border-bottom: 1px solid #ce001b;
}
.btn.input-group-text:focus,
.btn.input-group-text:hover{
	color: #ce001b;
	background-color: #ffffff;
	border-left: 1px solid #ce001b;
	border-color: #ce001b;
}

.form-control:has(~ .btn.input-group-text:focus),
.form-control:has(~ .btn.input-group-text:hover){
	border-bottom: 1px solid #ce001b;
}

input:focus{
	outline: 0 0 0 0  !important;
	box-shadow: 0 0 0 0 !important;
}



body:not(.sw-login):not(.sw-o-logout)::before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	backdrop-filter: blur(25px);
}


::-webkit-input-placeholder{
	opacity: 0.8 !important;
	color: var(--default-primary-color);
}
:-ms-input-placeholder{
	opacity: 0.8 !important;
	color: var(--default-primary-color);
}
::placeholder {
	opacity: 0.8 !important;
	color: var(--default-primary-color);
}

.switch {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

input:checked + .slider {
	background: #1e7e34;
}

input:focus + .slider {
	box-shadow: 0 0 1px #28a745;
}

input:checked + .slider:before {
	-webkit-transform: translateX(24px);
	-ms-transform: translateX(24px);
	transform: translateX(24px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 24px;
}

.slider.round:before {
	border-radius: 50%;
}
/* end toggle checkbox  */

input:focus,.form-control:focus{
	outline: none;
	box-shadow:none;
}



/* Custom rules- bootsrap */
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout>:last-child {
    margin-bottom: 0
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout .highlight {
    background-color: rgba(0,0,0,0.05)
}

.bd-callout-info {
    --bd-callout-bg: rgba(var(--bs-info-rgb), .075);
    --bd-callout-border: rgba(var(--bs-info-rgb), .5)
}

.bd-callout-warning {
    --bd-callout-bg: rgba(var(--bs-warning-rgb), .075);
    --bd-callout-border: rgba(var(--bs-warning-rgb), .5)
}

.bd-callout-danger {
    --bd-callout-bg: rgba(var(--bs-danger-rgb), .075);
    --bd-callout-border: rgba(var(--bs-danger-rgb), .5)
}