@CHARSET "UTF-8";

/* Fonts ------------------------------------------------------------*/

@font-face
{
	font-family: dense-regular;
	src: url(../../fonts/Dense-Regular.ttf);
}

@font-face
{
	font-family: avenir-lt-std-book;
	src: url(../../fonts/AvenirLTStd-Book.ttf);
}

@font-face
{
	font-family: avenir-lt-std-black;
	src: url(../../fonts/AvenirLTStd-Black.ttf);
}

:root
{
	--orange: #F7A800;
	--yellow: #FFDB00;
	--gray: #8C8B8D;
	--gray-dark: #575756;
	--light: #E8E8E8;
	--cyan: #00AAD8;
	--red: #E84A36;
	--white: #FFFFFF;
	--green: #70D549;
	--blue: #3F5DA8;
	--black: #000a12;
	--gray-white: #f8f9fa;

	--info: var(--cyan);
	--danger: var(--red);
	--success: var(--green);
	--warning: var(--orange);
	--primary: var(--yellow);
	--primary-dark: var(--orange);
	--secondary: var(--cyan);

	--bg-1-light: #FDF5DC;
	--bg-2-light: #FDEBDA;
	--bg-3-light: #FDE6E9;
	--bg-4-light: #F9EAF3;
	--bg-5-light: #F0E7F1;
	--bg-6-light: #E9E8F6;
	--bg-7-light: #DFE5F0;
	--bg-8-light: #EDF3FA;
	--bg-9-light: #E2F1EF;
	--bg-10-light: #E7EFE9;
	--bg-11-light: #F1F5EA;
	--bg-12-light: #F7F7DC;
	--bg-13-light: #F3EFE1;
	--bg-14-light: #FBF4E7;
	--bg-15-light: #F4F1EF;

	--bg-1: #F7DE8C;
	--bg-2: #FABE84;
	--bg-3: #F7ACB7;
	--bg-4: #EABAD8;
	--bg-5: #CDB0D0;
	--bg-6: #B6B3E1;
	--bg-7: #94A8CD;
	--bg-8: #C2D6EE;
	--bg-9: #9FD0CB;
	--bg-10: #AFCAB7;
	--bg-11: #D1DDBA;
	--bg-12: #E4E48B;
	--bg-13: #D6CB9D;
	--bg-14: #F1DAB1;
	--bg-15: #D9D1CA;

	--bg-1-dark: #FFC743;
	--bg-2-dark: #F78C2A;
	--bg-3-dark: #D55C72;
	--bg-4-dark: #DD84BA;
	--bg-5-dark: #A67EB1;
	--bg-6-dark: #7373C0;
	--bg-7-dark: #416BA8;
	--bg-8-dark: #009ADD;
	--bg-9-dark: #3ABEAC;
	--bg-10-dark: #3ABEAC;
	--bg-11-dark: #89DB65;
	--bg-12-dark: #D3D655;
	--bg-13-dark: #B4A169;
	--bg-14-dark: #E0B77E;
	--bg-15-dark: #B4ACA5;

	--dense: dense-regular, "Times New Roman", Times, serif;
	--avenir-book: avenir-lt-std-book, Arial, Helvetica, sans-serif;
	--avenir-black: avenir-lt-std-black, Arial, Helvetica, sans-serif;
}

.font-dense
{
	font-family: dense-regular, "Times New Roman", Times, serif;
}

.font-avenir-book
{
	font-family: avenir-lt-std-book, Arial, Helvetica, sans-serif;
	font-size: 0.9rem;
}

.font-avenir-black
{
	font-family: avenir-lt-std-black, Arial, Helvetica, sans-serif;
}

body
{
	color: var(--gray-dark);
}

::selection
{
	background: var(--yellow);
}

::-moz-selection
{
	background: var(--yellow);
}

.form-control
{
	font-family: avenir-lt-std-book, Arial, Helvetica, sans-serif;
	color: var(--gray-dark);
	border-color: var(--light);
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 0;
	height: fit-content !important;
}

.form-control-lg
{
	height: fit-content !important;
}

.form-control:focus
{
	color: var(--gray-dark);
	border-color: var(--cyan);
	box-shadow: none;
	-webkit-box-shadow: 0 0 0 1rem white inset;
}

.form-control.is-invalid:focus
{
	box-shadow: none;
}

.form-control.form-control-lg:focus
{
	-webkit-box-shadow: 0 0 0 1.25rem white inset;
}

.form-control:-webkit-autofill
{
	-webkit-text-fill-color: var(--gray-dark);
	-webkit-box-shadow: 0 0 0 5rem white inset;
}

.form-control.form-control-lg:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0 5rem white inset !important;
}

.form-control:invalid
{
	box-shadow: none;
}

.form-control::-webkit-input-placeholder
{
	color: var(--gray);
	opacity: 1;
}

.form-control::-moz-placeholder
{
	color: var(--gray);
	opacity: 1;
}

.form-control:-ms-input-placeholder
{
	color: var(--gray);
	opacity: 1;
}

.form-control::placeholder
{
	color: var(--gray);
	opacity: 1;
}

.form-control-lg .form-check-input
{
	height: 1.25rem;
	width: 1.25rem;
}

.form-control-lg .form-check-label
{
	margin-left: 0.5rem;
}

.invalid-feedback
{
	color: var(--red);
}

.text-primary
{
	color: var(--primary) !important;
}

.text-warning
{
	color: var(--warning) !important;
}

.text-info
{
	color: var(--info) !important;
}

.text-gray
{
	color: var(--gray) !important;
}

.text-gray-dark
{
	color: var(--gray-dark) !important;
}

.text-danger
{
	color: var(--red) !important;
}

.text-success
{
	color: var(--success)
}

.text-blue
{
	color: var(--blue);
}

.bg-primary
{
	background-color: var(--primary) !important;
}

.bg-info
{
	background-color: var(--cyan) !important;
}

.bg-white
{
	background-color: var(--white) !important;
}

.bg-light
{
	background-color: var(--light) !important;
}

.fill-white
{
	fill: var(--white);
}

.fill-gray-dark
{
	fill: var(--gray-dark);
}

.fill-light
{
	fill: var(--light);
}

.fill-green
{
	fill: var(--green);
}

.fill-gray
{
	fill: var(--gray);
}

.fill-yellow
{
	fill: var(--yellow);
}

.fill-primary
{
	fill: var(--primary);
}

.fill-primary-dark
{
	fill: var(--primary-dark);
}

.fill-red
{
	fill: var(--red);
}

.fill-blue
{
	fill: var(--blue);
}

.fill-info
{
	fill: var(--info);
}

.icon-big
{
	height: 2rem;
}

.icon-normal
{
	height: 1.3125rem;
}

*[data-linked-tab-id], *[data-page-url], *[data-modal-url], *[data-target-day]
{
	cursor: pointer;
}

.btn input
{
	display: none;
}

.background-1
{
	background-color: var(--bg-1-light);
}

.background-2
{
	background-color: var(--bg-2-light);
}

.background-3
{
	background-color: var(--bg-3-light);
}

.background-4
{
	background-color: var(--bg-4-light);
}

.background-5
{
	background-color: var(--bg-5-light);
}

.background-6
{
	background-color: var(--bg-6-light);
}

.background-7
{
	background-color: var(--bg-7-light);
}

.background-8
{
	background-color: var(--bg-8-light);
}

.background-9
{
	background-color: var(--bg-9-light);
}

.background-10
{
	background-color: var(--bg-10-light);
}

.background-11
{
	background-color: var(--bg-11-light);
}

.background-12
{
	background-color: var(--bg-12-light);
}

.background-13
{
	background-color: var(--bg-13-light);
}

.background-14
{
	background-color: var(--bg-14-light);
}

.background-15
{
	background-color: var(--bg-15-light);
}

/* sitema da miglirare se è presente anche mt-2 allora il basis ha un altro valore, ma andrebbe rifatto  */

.row-10
{
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 100%;
}

.row-6
{
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 40%;
}

.row-6.mt-2
{
	flex-basis: calc(40% - 0.5rem);
}

.row-4
{
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 39%;
}

.row-4.mt-2
{
	flex-basis: calc(40% - 0.5rem);
}

.row-3
{
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 30%;
}

.row-3.mt-2
{
	flex-basis: calc(30% - 0.5rem);
}

.row-1
{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 4.4rem;
}

.cursor-pointer
{
	cursor: pointer;
}

hr
{
	width: 100%;
	border-top: 0.1rem solid var(--light);
	margin-bottom: 0.5rem;
	margin-top: 0rem;
}

.border-primary
{
	border-color: var(--primary) !important;
}

.border-success
{
	border-color: var(--success) !important;
}

.border-danger
{
	border-color: var(--danger) !important;
}

.border-warning
{
	border-color: var(--warning) !important;
}

.border-info
{
	border-color: var(--info) !important;
}

.close:not(:disabled):not(.disabled)
{
	cursor: pointer;
}

/* OVERRIDE TO REMOVE BOUNCE EFFECT */
.modal.modal-static .modal-dialog
{
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
}

@media (max-width: 48rem) and (min-width: 45em)
{
	.d-icon-none
	{
		display: none !important;
	}
}

@media (min-height: 49rem)
{
	.row-6
	{
		flex-basis: 58%;
	}

	.row-6.mt-2
	{
		flex-basis: calc(58% - 0.5rem);
	}

}
