/*LOGIN*/
#loginform-custom {
	padding: 40px;
	background-color: #f7f7f7;
	border-radius: 25px;
	border: 1px solid black;
	width: 420px;
 	max-width: 100%;
}
#loginform-custom > p
{
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#loginform-custom > p input
{
	width: 100%;
	max-width: 100%;
	border: 1px solid #5E6366;
	border-radius: 8px;
	padding: 4px;
	position: relative;
	min-height: 40px;
	color: #222;
	font-family: "Inter",Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#loginform-custom > p input[type="checkbox"]
{
	width: 12px;
	height: 12px;
	border-radius: 1px;
	min-height: 1px;
	padding: 0;
	cursor: pointer;
}
#loginform-custom > p input[type="checkbox"]:checked
{
	background-color: #222;
}

#loginform-custom input[type="submit"]
{
	background-color: #373737;
	color: #FFF;
	width: 100%;
	border: 0;
	padding: 15px;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
}
#loginform-custom input[type="submit"]:hover
{
	opacity: 0.75;
}

/*ICON HEADER*/
#accountIconHeader #actionAccount
{
	top: calc(100% + 25px);
	right: 0;
	z-index:99;
}
#accountIconHeader #actionAccount .actionAccountBox
{
	background-color: #cf483d;
	padding: 15px;
	width: 280px;
	max-width: 100%;
}
#accountIconHeader #displayIcon
{
	cursor: pointer;
}
#accountIconHeader #actionAccount .actionAccountBox .infoAccount
{
	color: #FFF;
}
#accountIconHeader #actionAccount .actionAccountBox .liActions
{
	display: block;
	width: 100%;
	margin-top: 25px
}
#accountIconHeader #actionAccount .actionAccountBox .liActions a {
	color: #FFF;
	text-transform: uppercase;
	display: flex;
	width: 100%;
	align-items: center;
	gap: 5px;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
}
#accountIconHeader #actionAccount .actionAccountBox .liActions svg
{
	height: 25px;
	width: auto;
}

.noBoxEdit
{
	background-color: rgba(238,0,0,0.1); border: 2px solid rgb(238, 0, 0); color: #900; text-align: center; font-size: 18px; border-radius:15px;
}
.noBoxEdit .msgPrimary svg path
{
	fill: #900;
}
.modifiche .logs
{
	font-size: 13px;
	line-height: 19px;
}
.deletePostParent {
	cursor: pointer;
	display: flex;
}
.deletePostParent svg {
	height: 24px;
	width: auto;
}
/*GENERAL - DASHBOARD ADD e EDIT PAGES*/
body
{
	font-family: "Inter",Arial, Helvetica, sans-serif;
}
html.removeOverflow,
body.removeOverflow
{
	overflow: hidden;
} 
.titoloPage
{
	font-size: 2.4rem;
	line-height: 2.6rem;
	font-weight: 700;
	color: black;
	display: flex;
	align-items: center;
	gap: 5px;
}
.titoloPage svg
{
	height: 20px;
	width: auto;
}
.titoloPage.smaller
{
	font-size: 1.6rem;
	line-height: 1.8rem;
	font-weight: 500;
}
.titoloPage.extrasmaller
{
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: 500;
}

.page-addnew-item label,
.page-edit-item label,
.popupBox .popupBoxContent label
{
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	width: 100%;
	display: block;
	color: #5E6366;
	margin-bottom: 3px;
}
.popupBox .popupBoxContent label.small
{
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
}
.page-addnew-item
{
	background-color: #fafafa;
	border-radius: 25px;
	box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.2);
	padding: 15px 5vw;
}
.confirmSave 
{
	background-color: #373737;
	color: #FFF;
	width: 100%;
	border: 0;
	padding: 15px;
	font-size: 16px;
	font-weight: 400;
	border-radius: 5px;
	cursor: pointer;
}
.confirmSave[disabled] 
{
	pointer-events: unset;
	cursor: not-allowed !important;
}

.confirmSave:hover
{
	opacity: 0.75;
}

.inputBox
{
	position: relative;
}
.inputBox svg {
	position: absolute;
	z-index: 5;
	top: 13px;
	left: 5px;
	pointer-events: none;
	height: 16px;
	width: auto;
	opacity: 0.5;
}
#form-addnew-subitem .inputBox svg,
.page-addnew-item .inputBox svg 
{
	top: 8px;
	height: 24px;
}

body .ui-timepicker-container
{
	z-index: 999 !important;
}

/*EDIT*/
.boxMezzo
{
    background-color: #F9F9F9;
    padding: 25px;
    border-radius: 5px;
    border: 2px solid #D1D1D1;
    min-height: 62vh;
	/* height: 100%; */
}
.boxMezzo.boxEmpty
{
    border-style: dashed;
}

.popupOverlay {
	position: fixed;
    z-index: 98;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
}
.popupBox {
	position: fixed;
	z-index: 99;
	top: 50%;
	left: 50%;
	width: 991px;
	transform: translate(-50%,-50%);
	overflow: hidden;
	max-width: 90vw;
}

.popupBox button
{
	cursor: pointer;
	border: 0;
	font-family: "Inter",Arial, Helvetica, sans-serif;
}

.popupBox button:hover
{
	opacity: 0.75;
}


.popupBox .popupBoxContent 
{
	width: 100%;
	max-height: 85vh;
	height: 580px;
	overflow: auto;
	padding: 25px 5vw;
	border-bottom: 60px solid #EFEFEF;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	background-color: #FFF;
}



.popupBox .popupBoxCloseRow
{
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	background-color: #EFEFEF;
	padding: 15px;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: end;
}
.popupBox .popupBoxCloseRow button.popupBoxClose
{
	background-color: transparent;
	border: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap:5px
}

.popupBoxTitle {
	display: flex;
	align-items: end;
	gap: 5px;
}

.popupBoxTitle svg 
{
	height: 30px;
	 width: auto;
	 
}
.popupBoxTitle span {
	font-size: 22px;
	line-height: 22px;
}

.popupBox .popupBoxCloseRow button.popupBoxClose svg
{
	fill: black;
	height: 24px;
	width: auto;
}
.popupBox .popupBoxCloseRow button.popupBoxClose span {
	font-size: 12px;
	line-height: 12px;
	opacity: 0.5;
}

.popupBox .popupBoxContent textarea
{
	width: 100%;
	max-width: 100%;
	min-height: 120px;
	border: 1px solid #5E6366;
	border-radius: 8px;
	padding: 4px;

	font-family: "Inter",Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 14px;
  	line-height: 22px;

}

body .select2-results,
body .select2-results .select2-results__options,
body .select2-results .select2-results__options .select2-results__option
{
	width: 100% !important;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow
{
	top: 4px;
}

body .select2-container--default .select2-selection--single {
	background-color: transparent;
	border: 0;
	border-radius: 0;
}
body .select2-container--open .select2-dropdown {
	top: 32px !important;
}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #cf483d;
}


.popupBox .select2-container, 
.page-addnew-item .select2-container, 
.popupBox input, 
.page-addnew-item input,
.actionsRow .select2-container
{
	width: 100% !important;
	max-width: 100%;
	border: 1px solid #5E6366;
	border-radius: 8px;
	padding: 4px 4px 4px 25px;
	position: relative;
	min-height: 40px;
	color: #222;
	font-family: "Inter",Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.select-wrapper {
  position: relative;
}

.select-wrapper::after {
	content: "";
	position: absolute;
	top: 18px;
	right: 8px;
	z-index: 5;
	pointer-events: none;
	display: block;
	border-style: solid;
	border-width: 0 4px 5px 4px;
	border-color: transparent transparent #020100 transparent;
	transform: rotate(180deg);
	width: 0;
	height: 0;
	opacity: 0.5;
}


.page-addnew-item input
{
	padding-left: 35px;
}
.popupBox .popupBoxContent.destinazione .select2-container,
.popupBox .popupBoxContent.autista .select2-container
{
	padding: 4px;
}
select.onChangeSelect
{
	cursor: pointer;
}
.popupBox .popupBoxContent select.onChangeSelect,
.popupBox .popupBoxContent .single_box_info_item input[name="tipo_mezzo"] 
{
	border: 1px solid #5E6366;
	border-radius: 8px;
	padding: 4px;
	position: relative;
	min-height: 40px;
	color: #222;
	font-family: "Inter",Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: white;
	width: 100%;
}


.boxMezzo .boxField
{
	padding:15px;
	margin-bottom: 15px;
	background-color: #FFF;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
}
.boxMezzo .boxField.noEditable
{
	cursor: default !important;
}

.boxMezzo .boxMezzoCarico.boxField,
.boxMezzo .boxMezzoDestinazione.boxField
{
	display: flex;
	flex-direction: column;
	align-items: center;
  	justify-content: center;
}

.boxMezzo .boxMezzoDestinazione.boxField .buttonAdd 
{
	display: flex;
	gap: 5px;
	align-items: center;
	cursor: pointer;
}
.boxMezzo .boxMezzoDestinazione.boxField .buttonAdd svg
{
	height: 18px;
	width: auto;
}
.boxMezzo .boxMezzoDestinazione.boxField .buttonAdd span
{
	font-size: 14px;
	line-height: 16px;
}

.boxMezzo .boxMezzoDestinazione.boxField.noEditable .buttonAdd 
{
	cursor: default;
}


.boxMezzo .boxMezzoCarico.boxField
{
	padding:0;
}
.boxMezzoCarico .singleCarico
{
	flex-grow: 1;
	padding: 15px;
	border-bottom: 1px solid #eee;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	background-color: #CBCBCB;
	color: #222;
	font-size: 16px;
}
.boxMezzoCarico .singleCarico span p
{
	margin-bottom: 0;
	margin-top: 5px;
	/* font-size: 12px;
	line-height: 16px; */
}

.boxMezzoCarico .buttonAdd.inputField 
{
	padding: 15px;
	display: flex;
	flex: 1;
	/* height: 50px; */
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 1px dashed black;
	cursor: pointer;
	font-size: 12px;
}
.boxMezzo .inputField:last-child
{
	margin-bottom: 0;
}

.boxMezzoCarico .buttonAdd.inputField.noEditable
{
	cursor: default;
}

.rowBoxInfo
{
	/* display: flex;
	flex-direction: row;
	gap:15px; */
	justify-content: space-between;
	padding-top: 25px;
	padding-bottom: 25px;
	border-radius: 15px;
	border:1px solid #222;
	position: relative;
}

.popupBox .popupBoxContent.popupBoxContent.carico .rowBoxInfo,
.popupBox .popupBoxContent.popupBoxContent.destinazione .rowBoxInfo
{
	align-items: end;
}

#cloneRow {
	border-radius: 15px;
	border: 2px dotted black;
}
.cloneRowButton 
{
	background-color: #D4D4D4;
	border: 0;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 12px;
	border-radius: 5px;
}
.cloneRowButton svg
{
	height: 16px;
	width: auto;
}
.cloneRowButton span
{
	color: black;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}

.boxMezzoDestinazione .label,
.boxMezzoDestinazione .name
{
	font-size:13px;
	line-height: 14px;
	font-weight: 400;
	color: black;
}
.boxMezzoDestinazione .name
{
	text-transform: uppercase;
	font-weight: 700;
}
.boxMezzoDestinazione,
.boxMezzoAutista
{
	border: 2px solid #C6C6C6;
	border-radius: 10px;
	
}


.addNewMezzo:not(.button_websiteApp) {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}
.addNewMezzo:not(.button_websiteApp) svg
{
	height: 35px;
	width: auto;
}
.addNewMezzo:not(.button_websiteApp) span {
	font-size: 16px;
	line-height: 16px;
}

.button_websiteApp
{
	background-color:#F5F5F5;
	border: 1px solid black;
	border-radius: 7px;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 5px 15px;
	font-size: 12px;
  	line-height: 12px;
	cursor: pointer;
	color: black;
	white-space: nowrap;
}
.button_websiteApp span
{
	color: black;
}
.button_websiteApp svg {
	height: 24px;
	width: auto;
}
.button_websiteApp:hover
{
	opacity: 0.75;
}
.button_websiteApp:disabled
{
	opacity: 0.3;
}

.rowDashboardPosts
{
	border-bottom: 1px solid black;
}
.rowDashboardPosts .titlePost
{
	gap:15px
}
#dashboardAllPosts .rowDashboardPosts.default { background-color: #f7f7f7; }
#dashboardAllPosts .rowDashboardPosts:hover { background-color: #C6C6C6; }

.removeButton
{
	cursor: pointer;
	display: block;
}
.removeButton > * {
	display: block;
	text-align: center;
	margin: 0 auto;
}
.removeButton svg 
{
	height: 24px;
	width: auto;
}
.removeButton span 
{
	font-size: 12px;
	line-height: 12px;
	opacity: 0.5;
}

.removePost {
	position: relative;
	top: -15px;
	left: 15px;
}

.notifica-report-posts .inputField,
.notifica-report-posts .singleCarico
{
	pointer-events: none !important;
}

.iconInfo {
	display: flex;
	align-items: center;
	gap: 5px;
}
.iconInfo svg {
	height: 22px;
	width: auto;
}
.iconInfo.Ok svg g, .iconInfo.Ok svg path
{
	fill: green;
}
.iconInfo.Alert svg g, .iconInfo.Alert svg path
{
	fill: red;
}
.textWhereNotifica
{
	font-size: 14px;
	line-height: 16px;
	font-style: italic;
}

#loader {
	width: 100%;
	padding: 40px 3vw;
	margin-bottom: 40px;
	text-align: center;
}


#infoDataPrint
{
	display: none;
}

.noteAutistaPrint
{
	display: none;
	width: 100%;
	font-size: 7pt !important;
	line-height: 8pt !important; 
}
.onlyPrint
{
	display: none !important;
}
@media print 
{
	/* @page {
		size: A4 landscape;
    	margin: 15px; 
	}	 */
	
	.onlyWeb
	{
		display: none;
	}
	.onlyPrint
	{
		display: inline-block !important;
	}
	.noteAutistaPrint
	{
		display: flex;
		/* flex-direction: column;
		gap: 0.1pt; */
	}
	/* .breakPrint.onlyPrint
	{
		page-break-after: always;
		break-after: avoid-page;
		display: inline !important;
	} */
	.breakPrint.onlyPrint {
		
		display: block !important;
		page-break-after: always !important; /* Per i vecchi browser */
		break-after: page !important;        /* Per i browser moderni */
	}
	#wrapperWebsite
	{
		min-height: 1pt;
	}
	header {
		/* padding-top: 1pt;
		padding-bottom: 1pt;  */
		display: none;
	}
	/* .logowebsite svg
	{
		max-height: 25pt;
	} */
	.actionsRow,
	.modifiche,
	header #accountIconHeader,
	.allMezziRow .boxEmpty.boxMezzo,
	.boxMezzoAllCarichi .boxMezzoCarico .buttonAdd.inputField,
	.boxMezzo .boxMezzoDelete
	{
		display: none !important;
	}
	.page-addnew-item .single_box_info_item .inputBox input
	{
		border-radius: 0 !important;
	}
	.boxMezzo
	{
		flex: 1;
		border: 0;
		border-radius: 0;
	}

	/* .boxMezzo .boxField.inputField
	{
		border:0;
		border-radius: 0;
		border-bottom: 1pt solid #444;
	} */
	.boxMezzo .boxField
	{
		border: 1pt solid #444;
		border-radius: 0;
	}
	.boxMezzo .boxMezzoAllCarichi .boxMezzoCarico.boxField .singleCarico
	{
		border: 0;
		margin-bottom: 2pt;
		font-size: 7pt !important;
		line-height: 8pt !important;
		text-transform: uppercase;
		padding:1pt;
		border-bottom: 1px dashed #000;
	}

	.boxMezzo .boxMezzoAllCarichi .boxMezzoCarico.boxField .singleCarico > span > p
	{
		margin-top: 0;
		font-size: 6pt !important;
		line-height: 7pt !important;
		font-style: italic;
		text-transform: none;
	}


	/* .boxMezzo .boxMezzoAllCarichi .boxMezzoCarico.boxField
	{
		border: 0;
	}
	.boxMezzo .boxMezzoAllCarichi .boxMezzoCarico.boxField:nth-child(2)
	{
		border: 2px solid #000;
	} */

	.boxMezzo .boxMezzoAllCarichi .boxMezzoCarico.boxField .singleCarico
	{
		border-bottom: 1pt dotted #444;
		border-radius: 0;
	}

	img.triangle_rimorchio
	{
		height: 7pt;
		width: auto;
	}

	.page-edit-item .titoloPage,
	.page-addnew-item
	{
		display: none !important;
	}

	.allMezziRow
	{
		display: block !important;
		width: 100% !important;
	}
	.allMezziRow > div
	{
		width: 10% !important;
		padding: 0 2pt;
		/* float: left !important; */
		display: inline-block !important;
		vertical-align: top;
	}
	.row.mt-5,
	.row.mt-3
	{
		margin-top: 1pt !important;
	}

	.allMezziRow > .col-12.col-md-6.col-xl-3.mb-4
	{
		margin-bottom: 50pt !important;
	}
	.allMezziRow .boxMezzo  
	{
		min-height: 155pt;
		padding: 1pt;
		/* max-height: 260pt; */
		overflow: hidden;
	}
	.boxMezzo .boxField 
	{
		padding: 0 1pt;
		margin-bottom: 1pt;
	}
	
	.boxMezzoDestinazione.boxField.inputField.offset-1.col-10
	{
		margin-left: 0pt;
		width: 100% !important;
	}
	.boxMezzoDestinazione.boxField.inputField .label,
	.boxMezzoDestinazione.boxField.inputField .name,
	.boxMezzoAutista.boxField.inputField
	{
		font-size: 7pt !important;
		line-height: 8pt !important;
	}
	#infoDataPrint
	{
		display: block;
	}

	#footer_website
	{
		display: none !important;
	}
	.boxMezzoDestinazione.boxField .buttonAdd
	{
		display: none !important;
	}
}