/*+*************************************************************************************
* The contents of this file are subject to the VTECRM License Agreement
* ("licenza.txt"); You may not use this file except in compliance with the License
* The Original Code is: VTECRM
* The Initial Developer of the Original Code is VTECRM LTD.
* Portions created by VTECRM LTD are Copyright (C) VTECRM LTD.
* All Rights Reserved.
***************************************************************************************/

/* crmv@277169 */

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9rem;
}

.material-icons {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	
	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/* crmv@324209 */
.layout-fixed .main-sidebar-custom {
	height: 100%;
}

.layout-fixed .main-sidebar-custom .sidebar {
	height: calc(100% - (3.5rem + 1px));
}
/* crmv@324209e */

.nav-sidebar>.nav-item .material-icons {
	vertical-align: middle;
}

.nav-sidebar>.nav-item .material-icons + p {
	vertical-align: middle;
}

.helpinfo-icon { /* crmv@319047 */
	text-align: center;
	width: 1.4rem;
}

.modal.modal-fullscreen .modal-dialog {
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	max-width: none;
}

.modal.modal-fullscreen .modal-dialog .overlay {
	border-radius: 0;
	margin: 0;
}
 
.modal.modal-fullscreen .modal-content {
	height: auto;
	height: 100vh;
	border-radius: 0;
	border: none;
}
 
.modal.modal-fullscreen .modal-body {
	overflow-y: auto;
}

.vtefield-detail-wrapper {
	min-height: 36px;
}

[data-field-type="reference"] .dropdown-toggle:after {
	display: none;
}

[data-field-type="table"] [data-field-type="text"] .vtefield-detail-wrapper {
	display: block !important;
	max-height: 250px;
	overflow-y: auto;
}

.select2-container--bootstrap4 .select2-selection--single {
	height: calc(1.5em + 0.75rem + 4px) !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	line-height: calc(1.5em + 0.75rem + 2px) !important;
}

.select2-container--bootstrap4 .select2-selection__clear {
	line-height: 0.90em;
	margin-top: 0.8em;
}

select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
	background: #eee;
	box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, 
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear,
select[readonly].select2-hidden-accessible + .select2-container .select2-search {
	display: none;
}

.dropdown-menu.dropdown-menu-setypes {
	max-height: 200px;
	overflow-y: auto;
}

.logo-switch .logo-xl.brand-image-xl, 
.logo-switch .logo-xs.brand-image-xl,
.logo-switch .logo-xl.brand-image-xs, 
.logo-switch .logo-xs.brand-image-xs {
	left: 50%;
	transform: translateX(-50%);
}

.login-logo img, .register-logo img {
	max-height: 60px;
}

.custom-file-input:lang(it)~.custom-file-label::after {
	content: "Sfoglia";
}

.direct-chat-messages.portal-comments {
	height: auto;
	max-height: 500px;
	background: linear-gradient(45deg,transparent 34%, #fafafa 35%, #fafafa 40%, transparent 41%, transparent 59%, #fafafa  60%, #fafafa 65%, transparent 66%),linear-gradient(135deg,transparent 34%, #fafafa 35%, #fafafa 40%, transparent 41%, transparent 59%, #fafafa  60%, #fafafa 65%, transparent 66%);
	background-size: 2em 2em;
	background-color: #ffffff;
	opacity: 1
}

.direct-chat-messages.portal-comments .direct-chat-msg {
	min-width: 250px;
	max-width: 70%;
	width: auto;
}

.direct-chat-messages.portal-comments .direct-chat-msg.right {
	margin-left: auto;
}

.drop-target {
	width: 100%;
	height: 120px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-style: dashed;
	border-width: 2px;
}

.drop-target.dragover {
	opacity: 0.7;
}

.drop-target .drop-message {
	pointer-events: none;
}

.loader {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 1000;
}

body.loading .loader {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
	margin: 6px;
	border: 6px solid #16556f;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #16556f transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.small-box.small-box-home-widget {
	height: 120px;
	max-height: 120px;
}

.small-box.small-box-home-widget .inner > p {
	max-height: 65px;
	overflow: hidden;
}

.small-box.small-box-home-widget .icon > i {
	font-size: 30px;
}

.row-with-marker {
	background-color:rgb(148, 219, 251) !important;
}

.list-value {
	max-width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.license-content {
	white-space: pre-line;
}

.login-page .main-footer {
	width: 100%;
	margin: 0 !important;
	position: fixed;
	bottom: 0;
	background: transparent;
	border: 0 none;
	padding: 0.1rem 0.4rem;
}