@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;
	--ducky-yellow: #FFDB00;
	--light: #E8E8E8;
	--light-medium: #C8C8C8;
	--gray: #898A8D;
	--gray-medium: #54565A;
	--gray-dark: #343A40;

	--jet-gray: #606A82;
	--cold-purple: #91A6D5;
	--ghost-gray: #C9CCDA;
	--white-smoke: #F3F4F7;

	--alabaster: #FAFBFC;
	--sandy-white: #EBECF0;
	--gray-blue: #BDC1D1;

	--shady-light: var(--alabaster);
	--shady-medium: var(--sandy-white);
	--shady-dark: var(--gray-blue);

	--pastel-gray: var(--jet-gray);
	--pastel-purple: var(--cold-purple);
	--pastel-blue: #576D9D;
	--neumorphic-background: var(--ghost-gray);
	--neumorphic-modal-background: var(--white-smoke);

	--cyan: #00AAD8;
	--cyan-light: #2AC2E7;
	--light-blue: #CAD9E3;
	--light-blue-medium: #98C3DC;

	--red: #E84A36;
	--white: #FFFFFF;
	--green: #70D549;
	--blue: #0083C1;
	--black: #000a12;
	--gray-white: #f8f9fa;
	--info: var(--cyan);
	--danger: var(--red);
	--success: var(--green);
	--danger-rgb: 232, 74, 54;
	--danger-80-rgb: 239, 128, 114;
	--success-rgb: 112, 213, 73;
	--success-80-rgb: 155, 226, 127;
	--warning: var(--orange);
	--primary: var(--ducky-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;
	--male: #5B89B4;
	--female: #DAA2AB;

	--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;

	--icon-small: 1.2rem;
	--icon-normal: 1.3125rem;
	--icon-medium: 1.5rem;
	--icon-big: 2rem;
}

.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(--primary);
}

::-moz-selection
{
	background: var(--primary);
}

.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);
}

.text-1
{
	color: var(--bg-1);
}

.text-2
{
	color: var(--bg-2);
}

.text-3
{
	color: var(--bg-3);
}

.text-4
{
	color: var(--bg-4);
}

.text-5
{
	color: var(--bg-5);
}

.text-6
{
	color: var(--bg-6);
}

.text-7
{
	color: var(--bg-1);
}

.text-8
{
	color: var(--bg-8);
}

.text-9
{
	color: var(--bg-9);
}

.text-10
{
	color: var(--bg-10);
}

.text-11
{
	color: var(--bg-11);
}

.text-12
{
	color: var(--bg-12);
}

.text-13
{
	color: var(--bg-13);
}

.text-14
{
	color: var(--bg-14);
}

.text-15
{
	color: var(--bg-15);
}

.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(--ducky-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);
}

.fill-pastel-gray
{
	fill: var(--pastel-gray);
}

.fill-male
{
	fill: var(--male);
}
.fill-female
{
	fill: var(--female);
}

.icon-big
{
	height: var(--icon-big);
}

.icon-normal
{
	height: var(--icon-normal);
}

.icon-medium
{
	height: var(--icon-medium);
}

.icon-small
{
	height: var(--icon-small);
}

*[data-linked-tab-id], *[data-page-url], *[data-modal-url], *[data-target-day],
*[data-target-quarter]
{
	cursor: pointer;
}

.btn input
{
	display: none;
}

.lh-1
{
	line-height: 1rem;
}

.font-11
{
	font-size: 1.1rem;
}

.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;
}

.border-pastel-gray
{
	border-color: var(--pastel-gray) !important;
}

.border-pastel-gray
{
	border-color: var(--pastel-purple) !important;
}

.border-gray
{
	border-color: var(--gray) !important;
}

.border-light
{
	border-color: var(--light) !important;
}

.b-0
{
	border-width: 0rem  !important;
}

.b-1
{
	border-width: 0.1rem  !important;
}

.b-15
{
	border-width: 0.15rem  !important;
}

.b-2
{
	border-width: 0.2rem !important;
}

.b-25
{
	border-width: 0.25rem  !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;
}

.top-0
{
	top: 0rem !important;
}

.top-1
{
	top: 0.4rem !important;
}

.right-0
{
	right: 0rem !important;
}

.right-1
{
	right: 0.4rem !important;
}


@media (min-width: 35rem)
{
	.p-t-md-0
	{
		padding-top: 0 !important;
	}
	.p-t-md-1
	{
		padding-top: 0.4rem !important;
	}
	.p-t-md-2
	{
		padding-top: 0.8rem !important;
	}
	.p-t-md-3
	{
		padding-top: 1.2rem !important;
	}
	.p-t-md-4
	{
		padding-top: 1.6rem !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);
	}

}