@charset "UTF-8";
@import url("bd-icons.css"); /* Using a url */
/* i.icon-clock-1.bigger.opaque {display:none;} temporaneo per nascondere icona timer in elenco task */
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}
@-webkit-keyframes uparrow {
  0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(-0.4em); }
}
@media(min-width: 769px){
	.datatableMobileSorting_Description {
		display: none !important;
	}
}
.membership_auto_renew_icon {
	color: #164692;
    cursor: help;
}
.membership_auto_renew_icon.auto_renew_disabled {
	color: #9d0000;
}
.PaymentInfoBox .membership_auto_renew_icon {
    color: gray;
}
.loyalty_modal {
    z-index: 10000;
}
.loyalty_modal .modal-dialog {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    position: absolute;
    width: 500px;
    max-width: 50%;
    margin: 0px;
}
.coupon-display {
    background: #f8f9fa;
    border: 2px dashed #28a745;
    padding: 20px 10px;
    border-radius: 8px;
    font-family: monospace;
    font-size: 30px;
    color: #28a745;
    margin: 15px 0;
    text-align: center;
}
	.loyalty_badge[data-type='REDEMPTION'] {
		background-color: #f1c40f;
		color: white;
	}
	.loyalty_badge[data-type='EXPIRED'],
	.loyalty_badge[data-type='ADJUSTMENT_SUB'] {
		background-color: #e74c3c;
		color: white;
	}
	.loyalty_badge[data-type='ACCRUAL'] {
		background-color: #2ecc71;
		color: white;
	}


	#CmfSessionPaymentModal .PaymentInfoCol {
		display: inline-block;
		margin-right: 10px;
		width: 165px;
		max-width: 100%;
		margin-bottom: 10px;
		vertical-align: top;
	}
	#CmfSessionPaymentModal .PaymentInfoCol.PaymentTypeID, 
	#CmfSessionPaymentModal .PaymentInfoCol.PayerEmail, 
	#CmfSessionPaymentModal .PaymentInfoCol.PaymentTRN {
		width: calc(50% - 20px);
	}
	#CmfSessionPaymentModal .PaymentInfoCol.PaymentAmount {
		width: 100px;
	}
	#CmfSessionPaymentModal .PaymentInfoCol.PaymentTypeID, 
	#CmfSessionPaymentModal .PaymentInfoCol.PayerEmail, 
	#CmfSessionPaymentModal .PaymentInfoCol.PaymentTRN {
		width: calc(50% - 20px);
	}
	#CmfSessionPaymentModal .PaymentInfoCol.PaymentTypeID, 
	#CmfSessionPaymentModal .PaymentInfoCol.PayerEmail, 
	#CmfSessionPaymentModal .PaymentInfoCol.PaymentTRN {
		width: calc(50% - 20px);
	}
	#CmfSessionPaymentModal .PaymentInfoCol.PaymentNote, #CmfSessionPaymentModal .PaymentInfoCol.PaymentSendDocuments {
		width: 100%;
	}
	.auth_not_provided {
		padding: 2px 20px;
		color: gray;
		background: #e9e9e9;
		border-radius: 4px;
		width: fit-content;
		margin: auto;
		font-size: 12px;
		text-align: center;
		line-height: normal;
	}
	.auth_denied {
		padding: 2px 20px;
		color: red;
		background: #ffe5e3;
		border-radius: 4px;
		width: fit-content;
		margin: auto;
	}
	.auth_granted {
		padding: 2px 20px;
		color: green;
		background: #86b5af42;
		border-radius: 4px;
		width: fit-content;
		margin: auto;
	}
.VideocallPermissionBanner,
.NotificationsPermissionBanner {
    background-color: #ffe8ec;
    color: #d10000;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
	cursor: pointer;
	display: none;
}
.VideocallPermissionBanner .title,
.NotificationsPermissionBanner .title {
    font-size: 20px;
    font-weight: bold;
}
.VideocallPermissionBanner.is_accepted,
.NotificationsPermissionBanner.is_accepted {
    color: green;
    background-color: #e0ffe0;
	cursor: initial;
}
.VideocallPermissionBanner.is_accepted .title, .VideocallPermissionBanner.is_accepted .description,
.NotificationsPermissionBanner.is_accepted .title, .NotificationsPermissionBanner.is_accepted .description {
    display: none;
}
.VideocallPermissionBanner.is_accepted .title.accepted, .VideocallPermissionBanner.is_accepted .description.accepted,
.NotificationsPermissionBanner.is_accepted .title.accepted, .NotificationsPermissionBanner.is_accepted .description.accepted {
    display: block !important;
}
#CmfCustomerWelcome .VideocallPermissionBanner, 
#CmfCustomerWelcome .NotificationsPermissionBanner {
    width: fit-content;
    background-color: #f1b934;
    color: white;
    padding: 10px 20px;
}
#CmfCustomerWelcome .VideocallPermissionBanner .title, #CmfCustomerWelcome .NotificationsPermissionBanner .title {
    font-weight: initial;
    font-size: initial;
}

#CmfCustomerWelcome .VideocallPermissionBanner.is_accepted,
#CmfCustomerWelcome .NotificationsPermissionBanner.is_accepted {
    color: green;
    background-color: #e0ffe0;
	cursor: initial;
}

.cmf_form_area {
	margin-bottom: 30px;
}
.cmf_form_area_title {
	color: #4A6076;
	font-weight: 600;
	padding: 5px 10px;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 5px;
	font-size: 20px;
}
.cmf_form_area_desc {
	font-size: 14px;
	color: black;
	font-weight: initial;
}
.cmf_my_data_form .row {
	margin: 0px;
	margin-bottom: 10px;
}
.cmf_my_data_form .row > div {
	padding: 5px 10px;
}
#payment_methods_box .deleteCmfCustomerPaymentMethodLink  {
	opacity: 0;
}
#payment_methods_box:hover .deleteCmfCustomerPaymentMethodLink {
	opacity: 1;
}
#deleteSentMailMessageArea,
#deleteJustSentMailMessageArea {
    display: none;
}
#deleteJustSentMailMessageArea {
    display: none;
    color: black;
    margin-top: 30px;
    margin-bottom: 20px;
}
#deleteSentMailMessageArea {
    margin-top: 10px;
}
#mailMoveTo div.disabled {
    color: darkgray;
}
#mailMoveTo div li .fa {
    vertical-align: middle;
}
#mailMoveTo div input[type="radio"] {
    display: none;
}
#PermissionManager .permission_row > .fa {
	margin-right: 5px;
}
#PermissionManager .permission_row .permissions_status > .fa {
	margin-right: 5px;
}
#PermissionManager .permissions_status .link {
	margin-left: 5px;
}
#PermissionAlertArea {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1000000;
	background-color: #184d9de6;
	color: white;
	padding: 100px;
}
#PermissionAlertArea .title {
    font-size: 25px;
}
#PermissionAlertArea .title i.fa.fa-arrow-up {
    margin-right: 10px;
    -webkit-animation: uparrow 0.6s infinite alternate ease-in-out;
}
#PermissionAlertArea img {
    width: 200px;
    margin-left: 8px;
    vertical-align: bottom;
}
@media(max-width: 640px){
	#PermissionAlertArea {
		padding: 75px 20px;
	}
	#PermissionAlertArea img {
		width: 120px;
		vertical-align: middle;
	}
}

.datatableMobileSorting {
    position: fixed;
    z-index: 10;
    top: 56px;
    left: 0;
    background-color: white;
    border-bottom: 1px solid silver;
    padding: 10px;
    width: 100%;
	display: none;
}
.datatableMobileSorting > div {
    cursor: pointer;
    margin-right: 20px;
    font-weight: bold;
    margin-top: 10px;
}
.datatableMobileSorting_Description {
    width: calc(100% - 30px);
    text-align: center;
    margin: 5px 15px;
    padding: 5px;
    border: 1px solid #ced4da;
    border-radius: 3px;
}
.datatableMobileSorting > div .sorting_icon,
.datatableMobileSorting_Description span .sorting_icon {
	font-style: normal;
}
.datatableMobileSorting > div .sorting_icon:after,
.datatableMobileSorting_Description span .sorting_icon:after {
    font-family: FontAwesome;
    content: "\f0dc";
    color: #bbb;
    font-size: 11px;
    padding-top: 0.12em;
    padding-left: 10px;
}
.datatableMobileSorting > div.sorting_asc .sorting_icon:after,
.datatableMobileSorting_Description span.sorting_asc .sorting_icon:after {
    content: "\f0de";
}
.datatableMobileSorting > div.sorting_desc .sorting_icon:after,
.datatableMobileSorting_Description span.sorting_desc .sorting_icon:after {
    content: "\f0dd";
}
/*
#mCSB_1_scrollbar_vertical {
    display: none !important;
}
#mCSB_1_container {
    height: calc(100vh - 56px) !important;
    overflow-y: scroll !important;
    top: 0px !important;
}				
#mCSB_1 ::-webkit-scrollbar{
	width: 4px !important;
}
#mCSB_1 ::-webkit-scrollbar-track {
	background: transparent !important; 
}
#mCSB_1 ::-webkit-scrollbar-thumb {
	background-color: #bdc3c7 !important;
    opacity: 0.5;
}
#mCSB_1 ::-webkit-scrollbar-thumb:hover {
	background: #868686 !important; 
}
*/
/* [BDUI3.1808] */
.pcoded[theme-layout="vertical"][vertical-placement="left"] .pcoded-navbar {
    z-index: 10000;
	position: fixed;
	height: calc(100vh - 56px);
}
.pcoded[theme-layout="vertical"] .pcoded-header[pcoded-header-position="fixed"] {
    z-index: 100000 !important;
}

.cashflow_check_container .row {
	margin: 0px;
}
.cashflow_check_container .col-xl-6 {
	padding: 0px;
}
.cfchecktable_search {
	width: 150px;
	float: right;
}
.cfchecktable_area_content {
	vertical-align: top;
	border-right: 1px solid silver;
	padding: 0px 10px !important;
}
.cfchecktable_area_content:nth-child(2) {
	border-right: 0px !important;
}
.cfchecktable_area {
	display: block;
	width: 100%;
}
.cfchecktable_area_scroll {
	overflow-y: auto;
	height: 580px;
}
.cfchecktable_area_row {
	display: block;
	border-bottom: 1px solid #cecece !important;
}
.cfchecktable_area_row input[type=checkbox] {
	cursor: pointer;
}	
#cfchecktable_area_records .cfchecktable_area_row,
#cfchecktable_area_transactions .cfchecktable_area_row {
	cursor: pointer;
}
#cfchecktable_area_records .cfchecktable_area_row:hover,
#cfchecktable_area_transactions .cfchecktable_area_row:hover {
	background-color: whitesmoke;
}
#cfchecktable_area_records .cfchecktable_area_row.unclickable input[type=checkbox],
#cfchecktable_area_transactions .cfchecktable_area_row.unclickable input[type=checkbox] {
	cursor: initial;	
}
#cfchecktable_area_records .cfchecktable_area_row.unclickable,
#cfchecktable_area_transactions .cfchecktable_area_row.unclickable,
#cfchecktable_area_records .cfchecktable_area_row.unclickable:hover,
#cfchecktable_area_transactions .cfchecktable_area_row.unclickable:hover {
	cursor: initial;	
	background-color: white;
	border-left: 3px solid green;
}
.cfchecktable_area_row.cfchecktable_area_header {
	background-color: whitesmoke;
	font-weight: 500;
}
.cfchecktable_area_col {
	padding: 9px 6px 4px;
	min-height: 35px;
	display: inline-block;
	vertical-align: top;
}
.cfchecktable_area_row .cfchecktable_area_col:nth-child(1) {
	width: 40px;
}
.cfchecktable_area_row .cfchecktable_area_col:nth-child(2) {
	width: 90px;
}
.cfchecktable_area_row .cfchecktable_area_col:nth-child(3) {
	width: 100px;
	text-align: right;
}
.cfchecktable_area_row .cfchecktable_area_col:nth-child(4) {
	width: calc(100% - 240px);
}

.cfchecktable_area_content.separate_negative_amounts .cfchecktable_area_row .cfchecktable_area_col:nth-child(3),
.cfchecktable_area_content.separate_negative_amounts .cfchecktable_area_row .cfchecktable_area_col:nth-child(4) {
	width: 70px;
	text-align: right;
}

.cfchecktable_area_content.separate_negative_amounts .cfchecktable_area_row .cfchecktable_area_col:nth-child(5) {
	width: calc(100% - 300px);
}

#newAccountingRec .select2-container--default .select2-selection--single, 
#CfFilterArea .select2-container--default .select2-selection--single {
	border-color: #d0d6dc;
}
.cfchecktable_footer {
	height: 80px;
	border: 1px solid gainsboro;
	background-color: whitesmoke;
	padding: 10px;
	display: none;
}

.user_invited {
    margin-left: 5px;
    background: #ffd600;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px;
    font-weight: 600;
    width: fit-content;
    display: inline-block;
    color: #000;
}
.form-control-valid-icon {
	color: green;
}
.BdNewsPopUp {
    padding: 10px;
    background-color: #184d9de3;
    border-radius: 6px;
    color: white;
}
.BdNewsPopUp_Head {
    font-size: 16px;
}
.BdNewsPopUp_Foot {
    font-size: 14px;
	margin-top: 10px;
}
.BdNewsPopUp .BdNewsPopUp_Foot a {
	float: right;
}
.BdNewsPopUp.hide_actions .BdNewsPopUp_Foot a,
.BdNewsPopUp.hide_actions .BdNewsPopUp_Foot button {
	display: none;
}
#BdNewsPopUp_CreateChatFromMail {
    position: absolute;
    top: 75px;
    right: 5px;
    width: 450px;
    max-width: calc(100% - 20px);
}
#BdNewsPopUp_CreateChatFromMail:before {
    content: '';
    position: absolute;
    border-bottom: 10px solid #184d9de3;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    right: 8px;
    top: -10px;
}
#listarea #pagecontent.mailcomposer.show_contacts_list #BdNewsPopUp_CreateChatFromMail {
    right: 305px;
}
.btn {
    text-transform: none;
}
.btn-squisito {
	background-color: #005340;
    border-color: #005340;
}
.btn-squisito:hover {
	background-color: #009576;
    border-color: #009576;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.blink_fade{

}
div.dataTables_wrapper div.dataTables_info {
    display: none !important;
}
.helptip {
	cursor:help;
	margin-left: 5px;
	color: darkgray;
}
.helptip:hover {
	color: gray;
}
.blink_fade {
    -moz-animation: blink_fade normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink_fade normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink_fade normal 2s infinite ease-in-out; /* IE */
    animation: blink_fade normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
 
#contents.contents_with_sidebar {
    max-width: calc(100% - 42px);
}
/*#contents.contents_with_sidebar .page-wrapper .card > .card-block {
    padding-right: 50px;
}*/


@-moz-keyframes blink_fade {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
@-webkit-keyframes blink_fade {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink_fade {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink_fade {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
 


.userAgentMac select{
	-webkit-appearance:none;
	border:1px solid silver;
	border-radius:0px;
	font-size: 14px;
}
#driver-highlighted-element-stage {
    opacity: 0.3;
}
.btn-to-link {
    border: 0px;
    text-decoration: underline;
    background-color: inherit;
    padding: 0px;
    cursor: pointer;
}
.form-control, .form-control:focus {
    color: black;
}
.form-control {
    padding: 5px;
}
.form-control-error {
    border-color: red !important;
}
.form-control-error-label {
    margin-top: 5px;
    color: red;
}
input[type=date] {
    height: 30px;
}
.startTimerIconDummy{
    height: 23px !important;
    vertical-align: bottom;
}
#screensaver {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 100000160;
  background-color: rgb(21, 75, 159);	
}
#screensaver img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 50%;
  /*z-index: 10000000;*/
}

.ui-pnotify .pnotify_reply .pnotify_reply_link {
    display: none;
    padding-top: 5px;
}
.ui-pnotify .pnotify_reply .pnotify_reply_link a {
    font-size: 12px;
	cursor: pointer;
}
.ui-pnotify:hover .pnotify_reply .pnotify_reply_link {
    display: block;
}
.pnotify_reply_input {
    display: none;
    background-color: #0000001a;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
    border-left: 3px solid #154b9f;
}
.pnotify_reply_input input.form-control {
    border: 1px solid silver !important;
    width: calc(100% - 40px);
    outline: none !important;
    display: inline-block;
    margin-right: 12px;
    box-shadow: none !important;
}
.pnotify_reply_input .fa {
	cursor: pointer;
}



.ui-pnotify .brighttheme-error {
    background-color: pink;
    background-image: none;
}
.ui-pnotify.user_online .ui-pnotify-container {
    background-color: #17191ab3;
    color: white;
}
.ui-pnotify.user_online .ui-pnotify-container .ui-pnotify-sticker, .ui-pnotify.user_online .ui-pnotify-container .ui-pnotify-closer {
    color: white;
}

.ui-pnotify.whatsapp .ui-pnotify-container {
	background-color: #79d3c0;
	color: #242424;
}
.ui-pnotify.whatsapp .ui-pnotify-container .ui-pnotify-closer, .ui-pnotify.whatsapp .ui-pnotify-container .ui-pnotify-sticker {
	color: #242424;
}
#screensaver_click_img {
    position: absolute;
    bottom: 85px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100px;
    height: 100px;
    background: url("/assets/img/click-hand-white.svg");
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
}
#loading, #modal_loading {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000015;
}
.mainModal #modal_loading {
    position: absolute;
}
.greenmsg {      padding: 5px 10px;
    background: #b4f1b4 !important;
    color: green;
    text-align: center;
    /*font-weight: 600;*/}
.greenmsg i {    margin-right: 5px;}
.noborder, .noborder td {
    border: 0px !important;
    outline: none;
}
.navbar-logo img {max-width: 85%;    max-height: 30px;}
.noPageScroll {overflow: hidden;}
.redalert {
	color: #B00000;
    /* vertical-align: top; */
    margin-right: 5px;
    font-size: 17px;
    margin-left: 5px;
    line-height: 0px;
    /* margin-top: 28px; */
    /* padding-top: 10px;*/
}
.ticketRowCell .icon-warning-alt:before {
    vertical-align: sub;
}
.ticketRowCell .icon-clock-1:before, .ticketRowCell .icon-clock-1{
    vertical-align: text-bottom;
}
td {font-size: 14px; /*white-space: normal;*/}
td p {margin-bottom: 0;}
.pcoded .pcoded-navbar[data-navbar-theme="theme1"] .main-menu {
	/*background-color: #088BC9;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#184d9d+0,0d255e+100 */
	background: #184d9d; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #184d9d 0%, #0d255e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #184d9d 0%,#0d255e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #184d9d 0%,#0d255e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184d9d', endColorstr='#0d255e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding-bottom: 100px;
}


.profileLogoImg {
	position: relative;
	cursor: pointer;
	border-radius: 50%;
	background-color: whitesmoke;
	width: 120px;
	border: 1px solid #ebebeb;
	height: 120px;
}
.profileLogoImg img {
	max-width: calc(100% - 10px);
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 100%;
	    border-radius: 50%;
}
.profileLogoImg .profileLogoImgEditIcon {
	display: none;
	position: absolute;
	right: 12px;
	bottom: 8px;
	font-size: 20px;
	color: gray;
}
.profileLogoImg:hover .profileLogoImgEditIcon {
	display: block;
}

.pagination .active, .pagination b {
    border: 1px solid #C0C0C0;
    font-weight: bold;
}
.minigray {color: grey; font-size: 8.5pt;}
.minigray a {
	color: grey; 
    font-size: 8.5pt;
}
.minigray a:hover {
	color: black !important; 
}
.pagination a {
    /*padding: 5px;*/
    cursor: pointer;
    /*margin-right: 20px;*/
}
.pagination div {
    padding: 5px;
    cursor: pointer;
   /* margin-right: 20px;*/
    display: inline-block;
}

.hipri {background-color: #FFE6E7;}
.smallgray {color: grey;font-size: 14px;}
.row.headerRow {font-weight: bold;}
#image_crop, #EditUploadedImage_image_crop{width: 100%; margin: 0px;}
.header-notification .badge {color: white;}
/*
.ui-resizable-se {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #AAA transparent;
  background: none;
}*/
ul#openpages li:hover .notification-time {display:inline-block !important;}
ul#openpages li:hover a.notification-msg {font-weight: bold;}
ul#openpages li a.notification-msg {cursor:pointer;}
ul#openpages .openPageIcon {
    display: inline-block;
    margin-right: 5px;
}
.ml-10 {margin-left: 10px;}
.shared {
    background: #efa91b;
    border: 1px solid #efa91b;
    color: white;
	padding: 3px 5px;
    border-radius: 5px;	
}
.sharedIcon {font-size: smaller;
    border-radius: 50%;
    padding: 2px 5px;
    color: white;
    background: #efa91b;
    vertical-align: text-bottom;
    width: 18px;
    height: 18px;
}
.outgoingPreview dl, .outgoingPreview ol, .outgoingPreview ul {
    padding-left: 30px;
	margin-bottom: 16px;
}
.outgoingPreview dl li, .outgoingPreview ol li, .outgoingPreview ul li {
    list-style-type: initial;
}
/*----------------------------
   USER PROFILE
-----------------------------*/
#profileImgContainer{
	display: inline-block;
	cursor:pointer;
	position: relative;
}
#profileImgContainer img{
	border-radius: 50%;
}
.modal-ui3-scroll-head .topic_head_image {
    width: 110px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.modal-ui3-scroll-head .topic_head_image img {
    width: 100px;
    height: 100px;
	background-color: whitesmoke;
    border: 5px solid whitesmoke;
	border-radius: 50%;
}
.modal-ui3-scroll-head .topic_head_image .topic_head_image_edit {
    display: none;
	position: absolute;
    right: 15px;
    bottom: 8px;
    font-size: 20px;
    color: gray;
}
.modal-ui3-scroll-head:hover .topic_head_image .topic_head_image_edit {
    display: block;
}
.modal-ui3-scroll-head .topic_head_image .topic_image i.fa-users {
    width: 100px;
    height: 100px;
    font-size: 65px;
    padding-top: 20px;
    text-align: center;
    background-color: #c8c8c8;
    color: white;
    border-radius: 50%;
}
.modal-ui3-scroll-head .topic_head_info {
    width: calc(100% - 115px);
    display: inline-block;
    vertical-align: top;
}
.profileImgEditIcon {
	margin: 0px !important;
	position: absolute !important;
	top: 55%;
	font-size: 18px !important;
	color: gray;
	left: 45%;
}
.ChatChannel .chat-inner-header .topic_image {
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
	margin-top: 4px;
	margin-right: 5px;
}
.ChatChannel .chat-inner-header .topic_image img {
    width: 23px;
    height: 23px;
    border: 1px solid whitesmoke;
    border-radius: 50%;
}
.ChatChannel .chat-inner-header .topic_image i.fa-users {
    font-size: 13px;
    width: 23px;
    height: 23px;
    background-color: #c8c8c8;
    color: white;
    border-radius: 50%;
    padding-top: 5px;
}
#profileImgContainer:hover .profileImgEditIcon{
	display:inline-block !important;
}
#EditProfileImg .profileImg, #EditUploadedImage .EditUploadedImage_Img{
	text-align:center;
	margin: 0 auto;
}
#EditProfileImg .profileImg img, #EditUploadedImage .EditUploadedImage_Img img{
	width:250px;
	    min-height: 250px;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 50%;
    background-color: whitesmoke;
    border: 7px solid whitesmoke;
}
#EditProfileImg .profileImg img{
	border-radius: 50%;
}
#EditUploadedImage .EditUploadedImage_Img img {
    margin: 30px 0;
}
.ChatChannel .chat_topic_selection .topic_image, 
.ChatChannel .chat_topic_selection .topic_default_icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: top;
}
.ChatChannel .chat_topic_selection .topic_image img,
.ChatChannel .chat_topic_selection .topic_default_icon img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid whitesmoke;
}
.ChatChannel .chat_topic_selection .topic_image,
.ChatChannel .chat_topic_selection .topic_default_icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.ChatChannel .chat_topic_selection .topic_image i.fa-users, 
.ChatChannel .chat_topic_selection .topic_image i.fa-folder, 
.ChatChannel .chat_topic_selection .topic_default_icon i.fa-users {
    height: 45px;
    width: 45px;
    font-size: 30px;
    text-align: center;
    background-color: #c8c8c8;
    color: white;
    border-radius: 50%;
    padding-top: 7px;
}
/*----------------------------
   IMAGE GALLERY
-----------------------------*/
.picsFilename {
	overflow-x: hidden;
    max-width: 170px;
    font-size: 11px;
    color: grey;
    margin-left: 5px;
    margin-right: 5px;
}
/*----------------------------
   TASKS
-----------------------------*/
.opaque {
    color: #BBB;
    cursor: pointer;
}
.opaque:hover {
    color: #444;
}
.bigger {
    font-size: 18px;
}
.action_icon,
.action_icon i {
	color: darkgray;
}
.action_icon:hover,
.action_icon:hover i {
	color: black;
}

.task-list-container {
	display: inline-block;
    width: 100%;
}
.task-list-container .actions i {
    color: #5a5a5a3d;
    margin-right: 3px;
    cursor: pointer;
    /*font-size: 16px;*/
}
.task-list-container .actions i:hover {color: #000; }
.task-list-container .actions {
    display: none;
    /* margin-left: 15px; */
    float: right;
    white-space: nowrap;
    height: 20px;
}
.task-list-container .row:hover {
   background-color: whitesmoke;
}
.task-list-container .row:hover .actions {
    display: inline-block;
}
.task-list-container .row>div{width: 100%;}
.taskSubject {cursor: pointer;/*text-decoration: underline !important*/;color:black !important;}
.task-list-container td {
    padding: 5px;
}
.highlighted{
	background-color:#FFFF00 !important;	
}
.task-list-container .row.highlighted:hover {
    background-color: #FFFF00;
}
/*----------------------------
    PROJECT PAGE
-----------------------------*/
.projectIcon {font-size: 55px;margin-top: 15px;color: #ccc;}
.project-card-block:hover .projectIcon {color: #7fb9d4;}

.ui-tabs .ui-tabs-nav li a {
	color: #1f1f1f;
	cursor: pointer !important;
}
.ui-tabs .ui-tabs-active li a {
	color: black;
}
/* nuovo tema aprile 2020 */
.scrollableTabs { /*border-bottom: 1px solid #efa91b;*/
    margin-bottom: 8px;
}
.ui-tabs-nav {
	background: #cccccc /*url(/img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x*/;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    padding: 5px 15px;
    white-space: nowrap;
	background: /*url(/img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x*/ rgb(230, 230, 230);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
    background: white;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
    color: #555555;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: none;
    background: #ffffff;
}
.topicFormMenu.scrollableTabs {
    background: white;
}
.topicFormMenu.scrollableTabs li {
    background-color: white;
}
.topicFormMenu.scrollableTabs li.ui-tabs-active {
    background: white;
}
.topicFormMenu.scrollableTabs .ui-tabs-nav {
    overflow-x: auto;
    width: max-content;
    background: white;
}
.topicFormMenu li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:hover,
.projectMenu li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:hover,
#mainFrameContainer .uiTabs-ticket li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:hover,
.squisitoMenu li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:hover {
    border-bottom: 3px solid silver;
}
.topicFormMenu .ui-state-active, .topicFormMenu .ui-widget-content .ui-state-active, .topicFormMenu .ui-widget-header .ui-state-active, 
.projectMenu .ui-state-active, .projectMenu .ui-widget-content .ui-state-active, .projectMenu .ui-widget-header .ui-state-active, 
.squisitoMenu .ui-state-active, .squisitoMenu .ui-widget-content .ui-state-active, .squisitoMenu .ui-widget-header .ui-state-active, 
.mainModal .floatingContent .ui-state-active, 
.fex_questions .ui-state-active,
#contactTabs .ui-state-active, 
#mainFrameContainer .uiTabs-ticket .ui-state-active{
    font-weight: 700;
    border-bottom: 3px solid #efa91b;
    border-bottom-width: 3px !important;
}
.project-container .scrollableTabs ul li,
#mainFrameContainer .uiTabs-ticket .scrollableTabs ul li {
    background: white;
}
#mainFrameContainer .ui-tabs .ui-tabs-nav li.TabHeadList_ChatChannelSecret {
    background: #9c9c9c !important;
    border-color: #9c9c9c;
}
#mainFrameContainer .ui-tabs .ui-tabs-nav li.ui-tabs-active.TabHeadList_ChatChannelSecret {
    background: gray !important;
    border-color: gray;
}
#mainFrameContainer .uiTabs-ticket .scrollableTabs{
	height: 55px;
}
#mainFrameContainer .uiTabs-ticket .ui-tabs-nav {
    padding: 0px;
    background-color: white;
    border: 0px;
    padding: 20px;
}




/* tema vecchio grigio 
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 5px 15px;
    white-space: nowrap;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6;
    font-weight: normal;
    color: #555555;
}																
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    font-weight: normal;
    color: #212121;
	height: 33px;
}
*/
.ui-tabs-panel {
    display: inline-block;
    width: 100%;
	padding-top: 10px;
}	
.ui-widget-header {
    border: 0px;
    border-bottom: 1px solid #aaaaaa;
	height: 34px;
}
.ui-tabs .ui-tabs-nav {
    height: inherit;
	min-height: 34px;
}
.projectLogoImg		{width: 100px; height: 100px; border-radius:50%; margin: 10px auto 0;background-color: whitesmoke;    overflow: hidden;border: 7px solid whitesmoke;}
.projectLogoImg img {position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);max-width: 100%;}
.project-header .projectLogoImg {
    margin: 0px;
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 0px;
	border-width: 4px;
	position: relative;
}
.project-header .projectLogoImg .projectIcon {
    font-size: 38px;
    margin: 12px 14px;
}
.project-header .projectLogoImg .projectLogoImgEditIcon {
	display: none;
    position: absolute;
    right: 3px;
    bottom: 1px;
    font-size: 20px;
    color: gray;
}
.project-header .projectLogoImg:hover .projectLogoImgEditIcon{
	display: block;
}
.projectInfo {
    display: inline-block;
	max-width: calc(100% - 85px);
}
/*----------------------------
    LINKS
-----------------------------*/
#area_linkslist .action {display:none;margin-left: 15px;}
#area_linkslist .action i {
	color: #BBB;
	margin-right: 5px;
	font-size: 16px;
    cursor: pointer;}
#area_linkslist .action i:hover {color: black;}
span.tags {
    font-size: smaller;
}
span.tag{
    background-color: #E04343;
    border-radius: 8px;
    margin-left: 5px;
    padding: 3px 8px;
    color: white;
}
a.tag  {
	margin-right: 5px;
	color: white;
	
}
.selected {
	background-color: #FFFFBF;;
}
.tagdel {
	margin-right: 10px; 
	cursor:pointer;
	font-weight: bold;
}
.linkdel {background-color: rgb(255, 230, 231);}
span.deletion {
    font-weight: bold;
    margin-left: 25px;
	font-size: small;
}

span.deletion a {
    color: #EA0000;
    text-decoration: underline !important;
    cursor: pointer;
	font-size: small;
}
/*----------------------------
    TICKETS
-----------------------------*/
.targetRow {    border-top: 1px solid silver;
		padding: 7px;
		min-height: 35px;
		/*font-size: 18px;*/}
.icon_row {
		color: silver;
		margin-right: 10px;
		cursor: pointer;
}
.icon_row:hover { color: black;}
.targetRow:hover .actions_icons {display:inline-block;}
.actions_icons {display:none;    margin-left: 15px;}
.closedTicketDateContainer {
    font-weight: bold;
    display: table-row;
}
.closedTicketDateContainer .closedTicketDate{
	padding: 10px 0px;
    margin-top: 15px;
}

#totalTicket{
    margin-top: 50px;
    font-weight: bold;
}
#ticketListContainer, #sediListContainer{
	display:table;
	margin-top: 20px;
	width:100%;
}
.ticketRow, .ticketRowIntest, .sedeRow, .sedeRowIntest{
    display: table-row;
}
.ticketRowIntest, .sedeRowIntest{
    font-weight: bold;
}
.ticketRowCell, .sedeRowCell{
    display: table-cell;
	padding: 4px 4px;
    border-bottom: 1px solid #cecece;
}
.ticketRowIntest .ticketRowCell, .sedeRowIntest .sedeRowCell {
    /*background-color: whitesmoke;*/
    padding-top: 10px;
}
#ticketUpdateform #TicketUsersTimers  {
	margin-top: 5px;
}
#ticketUpdateform #TicketUsersTimers span.workingOn {
	margin-left: 0px;
	margin-right: 8px;
}
.dataTable span.workingOn,
#ticketUpdateform span.workingOn,
.project-container #tabs #tab-tickets .ticketRowCell span.workingOn {
	padding: 4px;
	vertical-align: baseline;
}
.dataTable span.workingOn .profileImg, .project-container #tabs #tab-tickets .ticketRowCell span.workingOn .profileImg, #ticketUpdateform #TicketUsersTimers span.workingOn .profileImg,
.dataTable span.workingOn .profileImg img, .project-container #tabs #tab-tickets .ticketRowCell span.workingOn .profileImg img, #ticketUpdateform #TicketUsersTimers span.workingOn .profileImg img {
	height: 18px;
}
.TicketFilterChar, .TicketFilterProject, .TicketFilterUID, .FilterElem, .TaskFilterType, .TaskFilterUID, .TaskFilterStatus{
    padding: 5px;
    cursor: pointer;
    margin-right: 20px;
    border: solid 1px whitesmoke;
    white-space: nowrap;
    width: fit-content;
	display: inline-block;
    margin-bottom: 10px;
}
.FilterElem {
    display: inline-block;
    margin-bottom: 10px;
}
.TicketFilterActive, .FilterSelected{
    font-weight: bold;																								
}
.TicketFilterChar:hover, .TicketFilterProject:hover, .TicketFilterUID:hover, .FilterElem:hover, .TaskFilterType:hover, .TaskFilterUID:hover{
	border: solid 1px silver;
}
.ticketRowCell.handler, .sedeRowCell.handler{
    width: 65px;
    cursor: pointer;
	text-align: right;
    padding-right: 10px;
}

.ticketRow:hover, .sedeRow:hover{
    background-color: #f5f5f5;
}
.hipri:hover{
    background-color: #fececf;
}
.mobileLabel{display:none;}
.filterGroup {
	margin-top: 15px;
}
.toggleDetailsMobile{
	display:none;
	float: right;
	font-size: 20px;
	color: silver !important;
}

.ticket-frame-container .activetab {font-weight: bold;}
.ticket-frame-container .mce-tinymce { border: 0;}
.ticket-frame-container #ticketTableHead td {padding: 5px 0 5px 10px;}
.ticket-frame-container .Tab {background: white;}
.ticket-frame-container .ticketUpdate {
	margin: 0px;
}
.ticket-frame-container .radioOpt {display: inline-block; margin-left: 10px;padding: 5px;cursor: pointer;}
.ticket-frame-container .radioOpt input[type="radio"] {    margin-right: 5px;cursor: pointer;}
.ticket-frame-container .msgHead {padding:5px 0px; background-color: whitesmoke;}
.ticket-frame-container .msgBody {
	padding: 10px; 
	background-color: white;
    margin: 10px 0px;
    border: 1px solid #dddddd;
	margin-top: 0px;
}
.ticket-frame-container .msgBody :last-child {margin-bottom: 0rem;}
.ticket-frame-container .msgBody a {text-decoration: underline;}
.ticket-frame-container #tabsBar {padding: 3px 10px;background-color: #dcdcdc;}
.ticket-frame-container #tabsBar a {color: black;}
.ticket-frame-container #priorityCell, .ticket-frame-container #statusCell {display: inline-block;}
.ticket-frame-container label { margin-bottom: 0;margin-right: 5px;}
.ticket-frame-container #tabmessages ul li{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
	padding-left: 0px;
    display: list-item;
}
.ticket-frame-container #tabmessages ul{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.ticket-frame-container #tabmessages ol li{
    list-style-type: decimal;
}

.ticket-frame-container .priorityButton {
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.ticket-frame-container .lowPriority{
	color: rgb(0, 119, 175);
	border: 1px solid rgb(0, 119, 175);
}		
.ticket-frame-container .highPriority{
	color: red;
	border: 1px solid red;
}			
.ticket-frame-container .mediumPriority{
	border: 1px solid silver;
	color: grey;
}		
.ticket-frame-container #ticketUpdateform select option{
	background-color:#f3f3f3;
}
.ticket-frame-container .editSubjectLink, .ticket-frame-container .editDeadlineLink, .ticket-frame-container .deleteDeadlineLink, .ticket-frame-container .editPlannedEffortLink {
    margin-left: 10px;
    color: grey !important;
    cursor: pointer;
	display:none;
}
.ShareBdElementIcon {
    color: grey !important;
    cursor: pointer;
}

#VideoCallRoomsTable tr .ShareBdElementIcon {
    margin-left: 5px;
	display: none;
}
#VideoCallRoomsTable tr:hover .ShareBdElementIcon {
	display: inline;
}
#VideoCallRoomsTable .ShareBdElementIcon {
    margin-left: 5px;
}
.ticket-frame-container .ShareBdElementIcon {
    margin-left: 10px;
}
.ticket-frame-container .editSubjectLink:hover, .ticket-frame-container .editDeadlineLink:hover, .ticket-frame-container .deleteDeadlineLink:hover, .ticket-frame-container .editPlannedEffortLink:hover, .ShareBdElementIcon:hover{
	color: black !important;
}
.ticket-frame-container .subjectEdit{
	display:none;
}
.ticket-frame-container .subjectArea:hover .editSubjectLink{
	display:inline-block;
}
.ticket-frame-container .subjectEdit .btn-slim {
    vertical-align: bottom;
}
.ticket-frame-container .DeadlineText:hover .editDeadlineLink, .ticket-frame-container .DeadlineText.HasDeadLine:hover .deleteDeadlineLink, .ticket-frame-container .PlannedEffortText:hover .editPlannedEffortLink{
	display:inline-block;
}
.ticket-frame-container .DeadlineText, .PlannedEffortText{
    display: inline-block;
    font-weight: bold;
}
.ticket-frame-container .DeadlineEdit, .ticket-frame-container .PlannedEffortEdit{
    display: none;
}
.ticket-frame-container .DeadlineText label, .ticket-frame-container .PlannedEffortText label{
    font-weight: initial;
}

.uiTabs-ticket{
	border:0px !important;
	padding: 0px !important;
}
.uiTabs-ticket .ui-tabs-nav {
    height: inherit !important;
    border: 0px;
    padding: 5px 10px 0px 10px;
    /*border-bottom: 1px solid #dddddd;*/
    border-radius: 0px;
	background: #cccccc /*url(/img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x*/;
	min-width: max-content;
}
.uiTabs-ticket .ui-tabs-panel {
    padding: 10px !important;
	margin-bottom: 50px;
}
.uiTabs-ticket li img.company_logo {
	display: inline-block;
	max-width: 20px;
	max-height: 18px;
	margin-right: 5px;
	border-radius: 50%;
	opacity: 0.5;
}
.uiTabs-ticket li div.company_logo {
	display: inline-block;
	margin-right: 5px;
	opacity: 0.5;
}
.uiTabs-ticket li.ui-tabs-active img.company_logo {
	opacity: 1;
}
.show-ticket-details{
	/*display:none !important;*/
	float: right;
    margin-top: 5px;
}
.ticket-details-row {
	display: none;
}
#ticketTableHead #projectName{
	font-weight: bold;
}
.project-ticket-name{display:none;}
.msgBody ul {
    padding-left: 20px;
    list-style-type: unset;
    margin-bottom: 10px;
}
@media (max-width:769px){
	.toggleDetailsMobile{
		display: block;
	}
	.ticketRowIntest{display:none !important;}			
	#ticketListContainer{
		display:block;
	}
	.ticketRow, .ticketRowIntest {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 10px;
		border-top: 1px solid silver;
		position: relative;
	}
	.mobileLabel{display:inline-block;margin-right: 5px;}
	.ticketRowCell {
		display: none;
		border: 0px;
		color: grey;
		font-size: 13px;
	}
	.ticketRowCell.handler {
		font-size: 20px;
		width:fit-content;
		display:none;
	}
	.starttimericon{
		text-align: right;
		padding-right: 10px;
	}
	.ticketRowCell a.link {
		font-size: 17px;
	}
	.orderInfos{
		display: inline-block;
		font-size: 11px;
		font-weight: 600;
	}
	.MainInfoContainer a {
		/*font-size: 20px !important;*/
		 text-decoration: none !important;
	}
	.MainInfoContainer {
		padding: 0px;
		color:black !important;
		display: block;
		padding-right:10px;
	}
	.ticketNotificationBadge {
		position: static !important;
		vertical-align: middle;
		margin-left: 4px;
	}
	.filterGroup {
		overflow-x: scroll;
		padding-bottom: 0px;
		white-space: nowrap;
	}
	.boldMobile{
		font-weight:bold;
	}
	.timerContainer{
		position: absolute;
		top: 10px;
		right: 0px;
		padding: 0px;
		display:none;
	}
	.noPaddingMobile{padding:0px;}
	#ticketsFilterContainer{padding:10px;}
	.filterGroup span {
		margin-bottom: 5px;
	}
}
.ticketRowCell.handler img.dragImg, .sedeRowCell.handler img.dragImg, .AttrCell.handler img.dragImg, img.dragImg{
	width: 10px; 
	float: left; 
	margin-top: 2px; 
	margin-left: 5px; 
	cursor: move;
	display:none;
}
.ticketRow:hover img.dragImg, .sedeRow:hover img.dragImg, li:hover img.dragImg{
	display: block;
}
.AppTenant .dragImg {
    display: inline-block;
    margin: 0px;
}
/*----------------------------
    agenda
-----------------------------*/
#calendarWidget{
    width: 100%;
	background-color: white;
    /*border-bottom: 1px solid #bdc3c7;*/
	text-align: center;
	padding: 10px;
	    white-space: nowrap;
	webkit-box-shadow: -1px 9px 15px -12px rgba(0,0,0,1);
    -moz-box-shadow: -1px 9px 15px -12px rgba(0,0,0,1);
    box-shadow: -1px 9px 15px -12px rgba(0, 0, 0, 0.43);
	display:none;
	position: fixed;
    /* top: 55px; */
    z-index: 1025;	
	padding-left: 235px;
}
.agendaDayCell {
    display: inline-block;
    margin: 0px 10px;
    text-align: center;
    width: 65px;
    font-size: 12px;
	cursor: pointer;
}
.agendaMonth {
    font-weight: bold;
}
.agendaDayName {
    background-color: #2083b3;
    color: white;
    text-align: center;
    border-radius: 3px;
}
.agendaDay {
    padding: 0px;
    border: 1px solid silver;
    border-top: 0px;
    width: 90%;
    margin: 0 auto;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: 5px;
	font-size: 20px;
    color: black;
}
#mainNavbarContainer {
    width: calc(100% - 235px);
    height: 56px;
    margin: 0;
    margin-left: auto;
    padding: 0px;
    background-color: white;
}
#mainNavbarList{
    display: block;
    height: 100%;
}
#EventModalContent .Reminder_check {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}
#EventModalContent .Reminder_check span,
#EventModalContent .Reminder_check input[type="checkbox"] {
    vertical-align: middle;
}
#EventModalContent .Reminder_check span {
    padding-left: 2px;
}
.dhx_cal_event:hover .dhx_event_resize.dhx_footer {
    display: block;
    background-color: transparent;
    background-color: #00000080 !important;
    margin-top: -12px;
    min-height: 12px;
}
.dhx_cal_event.dhx_event_move.dhx_title {
    font-size: xx-small;
}
.dhx_cal_event.dhx_body {
    font-size: smaller;
}
@media (max-width:992px){
	#mainNavbarContainer{width: 100%;}	
	.header-navbar .navbar-wrapper .navbar-container .nav-left li, .header-navbar .navbar-wrapper .navbar-container .nav-right li {padding: 0px;}
	.header-navbar .navbar-wrapper .navbar-logo .mobile-options {cursor: pointer;}
	#timerMain{margin: 12px 10px;}
	#timerCount{display:none !important;}
	#main-friend-list {padding-top: 10px;}
	.displayChatbox .notificationBadge {
		margin: 0px;
		position: absolute;
		top: -4px;
		right: -8px;
		padding: 5px;
		min-width: 19px;
	}
}
/*----------------------------
    timer
-----------------------------*/
	.startTimerIcon {display:none;}
	#timerMain i {font-size: 20px;vertical-align: sub;margin-right: 5px;}
	#timerMain {
		float: left;
		padding: 6px 11px 0px !important;
		margin: 10px 18px 0px;
		color: black;
		cursor: pointer;
		background: #f6f7f7;
		border-radius: 10px;
	}

	#timerMain.timerActive{
		background: #ffaa0e;
		color: var(--white) !important;
	}

	#timerCount {    font-size: 14px;margin-top: -5px;display: inline-block;vertical-align: middle;display:none;}	
	@media only screen and (min-width: 769px) {
		#timerMain {min-width: 90px;}
	}
/*----------------------------
    whiteboard / note
-----------------------------*/
#noteReadPanel ul, .noteReadPanel ul {
    padding-left: 15px;
    list-style-type: unset;
    margin-bottom: 10px;
}
#noteReadPanel {/*font-size: 16px !important;*/padding: 15px;background: white;}
#noteReadPanel a{
	color:black;
	text-decoration:underline;
}
/*
#noteReadPanel p, #noteReadPanel td, #noteReadPanel div, #noteReadPanel a {font-size: 16px !important;}	*/

/*----------------------------
    file uploader
-----------------------------*/

#upload {
/* font-family: 'PT Sans Narrow', sans-serif; */
/* background-color: #373A3D; */
/* background-image: -webkit-linear-gradient(top, #373A3D, #313437); 
background-image: -moz-linear-gradient(top, #373a3d, #313437);
background-image: linear-gradient(top, #373a3d, #313437);*/
/* width: 250px; */
/*padding: 30px;*/
/* border-radius: 3px; */
/* margin: 200px auto 100px; */
/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
padding-top: 2px;
}

#drop{
text-align: left;
color: #7F858A;
float: left;
}

#drop a{
	cursor:pointer;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul, #tenantLogoUploader ul{
    list-style:none;
    margin-top:20px;
	margin-left: -20px;
}

#upload ul li, #tenantLogoUploader ul li {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	background:whitesmoke;
	border: 1px solid silver;
	padding:15px;
	min-height: 82px;
	position: relative;
}

#upload ul li input, #tenantLogoUploader ul li input{
    display: none;
}

#upload ul li p, #tenantLogoUploader ul li p{
    font-weight: bold;
    padding-left: 55px;
}

#upload ul li i, #tenantLogoUploader ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas, #tenantLogoUploader ul li canvas{
    top: 23px;
    left: 15px;
    position: absolute;
}

#upload ul li span, #tenantLogoUploader ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 37px;
    /*right: 33px;*/
    cursor:pointer;
	left: 29px;
}

#upload ul li.working span, #tenantLogoUploader ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p, #tenantLogoUploader ul li.error p{
    color:red;
}


/*---------------------------- */
		#uploader, #tenantLogoUploader{
			position:fixed;
			display: none;
			/*display: table-cell;*/
			vertical-align: bottom;
			border: 0px solid red;
			left:40px;
			bottom:40px;
			width:400px;
			z-index: 20000;
			/* For IE8 and earlier 
			filter:alpha(opacity=80); */
		}
		#uploadinfo{
			text-align: left;
			color: #7F858A;		
			float: left;
			font-size: 9pt;
		}
		#uploadinfo a{
			cursor:pointer;
			font-size: 9pt;
		}		
		#footer{
			text-align: right;
			position:fixed;
			left:0px;
			bottom:-1px;
			height:30px;
			width:100%;
			background:#e2e2e2;
			border-top: 1px solid silver;
			padding:7px 8px 4px 10px;
			z-index:10;
		}
		/* Für ie6*/
		* html #footer{
			position:absolute;
			top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
		}	
		#footer select {
			border: 0px;
			padding: 0px;
			background-color: #E2E2E2;
		}
#mailtopbar, .mailtopbar {
    background-color: #d8d8d8;
    height: 40px;
	overflow-x: auto;
	white-space: nowrap;
	overflow-y: hidden;
}



#mailtopbar #mailbutton_sendbutton {
	padding: 0px;
	vertical-align: top;
}
#mailtopbar #sendbutton {
    background-color: #184d9d;
    color: white;
    border-radius: 14px;
    padding: 00px;
    height: 30px;
    margin-top: 5px;
    margin-left: 10px;
}
#mailtopbar #sendbutton > div {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
    height: 30px;
}
#mailtopbar #sendbutton > div:hover {
    background-color: #234579;
}
#mailtopbar #sendbutton > div:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
#mailtopbar #sendbutton > div:nth-child(2) {
    margin-left: -3px;
    padding-left: 7px;
    padding-right: 0px;
    padding-top: 9px;
    font-size: 12px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
#mailtopbar #sendbutton > div:nth-child(2).show_input {
    padding-top: 1px;
    padding-bottom: 0px;
}
#mailtopbar #sendbutton > div:nth-child(2).show_input #deferred {
    padding: 0px;
    background: transparent !important;
    color: white;
    width: 100px;
}


#mailtopbar #sendbutton .fa {
    margin-right: 10px;
}
#headerReadMail.IsMobile #mailtopbar {
    height: 50px;
}
#mailtopbar.CreateChatFromMail {
    background-color: #184d9d;
}
#mailtopbar.CreateChatFromMail .icon_mail {
    color: white !important;
}
#mailtopbar.CreateChatFromMail .icon_mail input[type=text] {
    background-color: transparent !important;
    color: white;
}
.chat-cont a {
    cursor: pointer;
    text-decoration: underline;
}
/* [CHAT119] Render delle tabelle HTML nelle bubble della chat.
   display:block + overflow-x:auto rende la tabella scrollabile orizzontalmente
   dentro la bolla (responsive su mobile / bolle strette) senza sforare il layout. */
.chat-cont table {
    display: block;
    overflow-x: auto;
    max-width: 100%;
    border-collapse: collapse;
    margin: 6px 0;
    font-size: 12px;
}
.chat-cont table th,
.chat-cont table td {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 3px 6px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}
.chat-cont table th {
    background: rgba(0, 0, 0, 0.05);
    font-weight: 600;
}
.chat-cont table caption {
    font-style: italic;
    padding: 2px 0;
    text-align: left;
}
.mailday, .mailsender {
    padding: 5px;
    cursor: pointer;
    margin-right: 20px;
    border: solid 1px whitesmoke;
    white-space: nowrap;
	display: inline-block;
    margin-bottom: 10px;
}
.mailday:hover, .mailsender:hover {
    border: solid 1px silver;
}
.daylistarea, .senderlistarea {
	margin-top: 10px;    overflow-x: hidden;padding: 4px 0px;}
.otherDay td, .otherDay td a {
    color: #c3c3c3 !important;
}
.mailbody {    background: white;height: 100%;}
.attachment {
    padding: 3px 9px;
    border: 1px solid #d7d8d9;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-right: 8px;
    display: inline-block;
}
.addToAddressBook{color: #a9a9a9; margin-left: 7px;font-size: larger; cursor: hand;}
.addToAddressBook:hover{color: #000;}
/*#mailtopbar .icon_mail{font-size: 20px;}*/
/*#attachmentsrow {
    height: 0;
}*/
#uploadinfo {
    white-space: nowrap;
	}
.mce-tinymce { border: 0 !important; } 
.mce-container * {white-space: initial !important;}	
.flatgreybutton {
    cursor: pointer;
    background-color: rgb(176, 176, 176);
    color: white !important;
    padding: 3px 9px;
    border-radius: 5px;
    display: inline-block;
}
.uploadrow td {border-bottom: 0;}
i.fa.fa-cloud-upload.fa-5x {
    font-size: 200px;
    color: silver;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 50%;
	margin: 50px 0;
}
.mce-menubtn.mce-fixed-width span {
    display: inline-block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: initial;
}
.mce-btn .mce-txt {
    line-height: initial !important;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px !important;
    color: inherit !important;
}
.mce-btn {
    height: 25px;
}
.sectionTitle {background-color: #E2E2E2; font-weight: bold; padding-top: 10px; }
.tableBorder {border-bottom: 1px solid #c0c0c073;padding-bottom: 10px;padding-top: 10px;} /* bordo inferiore */
.link {    text-decoration: underline !important;    cursor: pointer;}
#recTimeArea {    padding: 30px;}
#listarea {margin-top: 30px;}
#listarea td, #headerReadMail td {font-size: 14px;}
#contactslist, #contactslist_CRM, #contactslist_CRM_User {
    position: absolute;
    display: none;
    /* visibility: hidden; */
    border: 1px solid #ccc;
    background-color: white;
    width: auto;
    /* height: 380px; */
    z-index: 20;
	overflow-x: hidden;
}
.recipient {
    border: 1px solid #ced4da;
    border-radius: 2px;
    background-color: #fff;
    padding: 3px 0px 3px 5px;
    margin: 0px 4px 2px 0px;
    vertical-align: middle;
    display: inline-block;
    cursor: move;
    /* max-width: 300px; */
    overflow: hidden;
    white-space: nowrap;
}
.stdtable tr td {
    border-bottom: 1px solid #cecece;
    border-left: 0;
    border-right: 0;
    padding-bottom: 4px;
	padding-top: 4px;
	white-space: normal;
}
/*.stdtable tr:last-child td {
    border-bottom: 0px;
}*/
.stdtable thead tr td {
    border-bottom: 1px solid #cecece !important;
}
.rowHead td {font-weight: bold;background-color: whitesmoke;padding: 5px 8px;} /* UI3 - riga di intestazione di una tabella per elenco a tutta pagina */
.hidden { display: none !important;}
li.subfolders{margin-left: 20px !important;}
.savedMsg {
    /* border: 1px solid #006700; */
   /* background-color: #CCFFCC;*/
    color: #006700;
    width: 90%;
    margin-left: 5%;
    font-weight: bold;
    margin-top: 60px;
    padding: 20px 10px;
    border-radius: 3px;
    /* text-align: left; */
    font-size: 15px;
}
.savedMsg .fa-check-circle {
	display: block;
    margin-bottom: 10px;
    font-size: 40px;
    margin-top: 5px;
}
#fa-loading {color: black;}

/*----------------------------
   FORM
-----------------------------*/
	input[type=text], input[type=number], input[type=password], input[type=submit], select, textarea {
		/*padding: 6px; Simone: perchè questa variazione? */
		padding: 2px 5px;
		min-height: 30px;
		
	}
	input[type=submit] {padding: 2px 15px;cursor: pointer;}
	textarea {width: 100%;} /* usato anche da immobiliare*/
    /*select {font-size: initial;} /* compatibilità safari mac */


/*----------------------------
   FLOATING WINDOW
-----------------------------*/
.floating{
	/*position: absolute;*/
	position: fixed;
	width: 45%;
	height: 530px;
	/*border: 1px solid grey;*/
	background-color: white;
	right:30px;
	bottom: 40px;
	max-width: 90%;
    max-height: 90%;	
	overflow: hidden;
	z-index: 1501;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.floatingControlFull {
	font-size: 13px;
    padding: 0px 0px 0px 3px;
	/*margin-left: 3px;*/
}
.floatingControlRedim {
	font-size: 16px;
	/*padding: 0 3 0 3;*/
	margin-left: 3px;
}
.floatingControlIcon {
	font-size: 14px;
	/*padding: 0 3 0 3;*/
	margin-left: 3px;
}
.floatingControlClose {
	font-size: 18px;
	/*padding: 0 3 0 3;*/
	/* margin-left: 3px; */
}
.floatingtitle{overflow: hidden;}
.floatControls {float: right; white-space: nowrap; cursor:default; z-index: 2; color: white; position: absolute; right: 0; padding: 3px 6px 0px 4px;}
.floatControls i {cursor: pointer;    margin-left: 9px;}
.floatbar{
	color: #fff;
	width: 100%;
	background-color: #088BC9;
	top: 0px;
	padding: 5px 10px;
	overflow: hidden;
	position: absolute;min-height: 30px;max-height: 30px;
	cursor:move;
}

/*----------------------------
   PROJECTS
-----------------------------*/
.ragIcon {
	font-size: 17px;
	vertical-align: bottom;
    margin-right: 5px;
}
.projectNewStatus {display:none;}

.project-container .ui-tabs-panel .card-block {padding: 0px;}
.project-container .card .card-block .row {
    margin-left: 0px;
    margin-right: 0px;
}
.project-container .card .card-block .col-xl-12, .project-container .card .card-block .col-12, .project-container .card .card-block .col-lg-12, .project-container .card .card-block .mail-body .container-fluid,
.project-container .card .card-block .col-xl-12, .project-container .card .card-block .col-12, .project-container .card .card-block .col-lg-12, .project-container .card .card-block .page-body .container-fluid
{
	padding:0px;
}
#tasktable{
	margin-top: 10px;
}
.project-status-table {
    display: table;
	width: 100%;
	    margin-bottom: 40px;
}
.project-status-row {
    display: table-row;
}
.project-status-cell{
	display:table-cell;
	padding: 5px;
    border-bottom: 1px solid lightgrey;
}
.project-status-header{
	/*background-color:whitesmoke;*/
	font-weight:bold;
}
.project-status-header .project-status-cell {
    border-bottom: 1px solid silver;
}
.project-people-table {
    display: table;
    width: 100%;
}
.project-people-row {
    display: table-row;
}
.project-people-cell {
    display: table-cell;
    padding: 7px 0;
    border-bottom: 1px solid lightgrey;
}
.project-people-header .project-people-cell {
    font-weight: bold;
    /*background-color: whitesmoke;*/
}
.project-info-header {
    /*background-color: whitesmoke;*/
    border-bottom: 1px solid lightgrey;
}
.project-info-row .col-xs-6,.project-info-row .col-xs-12{
	padding: 5px 10px !important;
}
.changeTasksViewButton{
	float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
.project-status-row .ragIcon {
    vertical-align: sub;
}
.main-body .page-wrapper .card > .card-header > .pageSubTitle {
    display: inline-block;
}
@media (max-width:992px){
	.project-container #newTaskForm #Tduedate_Cell, .project-container #newTaskForm #Tto_Cell{width:calc(50% - 2px) !important;}
	.project-container #newTaskForm #Tsendbutton_Cell{width: 100% !important;padding-left: 0px;}
}
@media (max-width:769px){
	.project-container #newTaskForm {
		padding: 10px;
	}
	.project-container .card-block{
		padding: 0px;
	}	
	.project-container .scrollableTabs .ui-tabs-nav{
   		width: max-content;
	}
	.project-container .ui-tabs-panel .mail-box-head,
	.project-container .ui-tabs-panel .page-head{
		/*height: 0px !important;*/
		padding: 0px !important;
		min-height: 0px !important;
		background-color: transparent;
	}
	.project-container .changeTasksViewButton {
		margin-right: 5px;
		margin-top: 0px;
	}
	.project-container .documentsSection .currentPath{display:none;}
	.project-container .documentsSection .mail-body,
	.project-container .documentsSection .page-body{
		padding-top: 0px !important;
	}
	.project-container .writingsList .row:first-child {
		border-top: 0px;
	}
	.project-container #ticketsFilterContainer {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.project-container .filterGroup {
		margin-top: 0px;
	}
	.project-container #ticketListContainer {
		margin-top: 0px;
	}
	.project-container .timesheetSection .card-block {
		padding: 0px 10px !important;
	}
	.project-container .dataTables_wrapper ul.pagination {
		width: max-content;
		overflow-x: auto;
	}
	.project-container #tab-report-timesheet .card-block {
		padding: 0px 10px;
	}
	.project-container #tab-report-timesheet .card-header{display:none;}
	#tab-info {
		padding: 10px;
	}
	/*
	.project-status-cell {
		border: 0px;
		padding: 0px;
	}		*/												
	.project-status-row {
		padding: 7px;
	}	
	.project-status-cell-user, .project-status-cell-datetime {
		width: fit-content;
		display: inline-block !important;
		color: grey;
		font-size: 14px;
	}	
	.project-status-cell-user{margin-right: 14px;}
	.main-body .page-wrapper .card > .card-header > .pageSubTitle {
		display: block;
	}
}


.card-header .card-header-right.mobile-icons-button {
	display: none;
}



/*----------------------------
   MAIL
-----------------------------*/

/*
.mail-body-content .table-responsive .table tr td:first-child + td {max-width: 200px;overflow: hidden;}
.mail-body-content .table-responsive .table tr td:first-child + td + td {max-width: 300px;width: 90%;overflow: hidden;}*/
.mail-body-content .table-responsive .row {border-top: 1px solid silver;/*padding: 6px;*/    min-height: 31px;    position: relative;}
.mail-body-content .table-responsive .row:first-child {border: 0px;}
.mail-body-content .table-responsive .row.secret {border-left: 4px solid #9c9c9c;}

.mail-body-content .table-responsive .row.SendError {
    border-left: 3px solid red;
}
.mail-body-content .table-responsive a { color: #000000;}
.mail-body-content {border-top: 1px solid silver;}
.sender { display: inline-block; cursor: pointer;white-space: nowrap;    position: absolute;margin-top: 6px;}
.subject {cursor: pointer;margin-top: 6px;}
.mail-body-content .subject{cursor:initial;}
.mail-body-content .subject .emailsubject {cursor: pointer;}
.email-card .mail-body-content .check-star { display: inline-block;}
.checkbox-fade {
    /*display: inline-block;
    margin-right: 15px;*/
	max-height: 25px;
    /* padding-top: 2px; */
    margin-right: 5px;
}
.email-card .mail-body-content .check-star .icofont-star {  margin-top: 0px;color: #94969652 !important;    margin-right: 5px;    vertical-align: 3px;}
.mail-body-content .table-responsive .checkbox-fade .cr, .table-responsive .checkbox-fade .cr, .whatsapp_chat .chat-messages .checkbox-fade .cr {
    border-radius: 0px;
    border: 1px solid #b3b3b3;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 15px;
    margin-right: 0.0em;
    position: relative;
    width: 15px;
}
.whatsapp_chat .chat-messages .checkbox-fade .cr {
    background-color: white;
}
.mailpreview {
    color: grey;
    font-weight: normal;
    padding-left: 8px;
}
.email-attch {margin-top: 6px;}
.email-time {padding: 0px 10px; text-align: right; margin-top: 5px;}
.mail-body-content label {display: inline-block;padding: 8px 7px;}
.mailbutton {    display: inline-block; padding: 7px 0px 3px 7px;vertical-align: unset;}
/*#headerReadMail {    margin-top: 8px;}*/
#mobile-floating-topbar{
    background-color: #088bc9;
	/*height: 56px;*/
	padding: 10px;
	color: #fff;
    z-index: 2;
    position: fixed;
    width: 100%;
	top: 0;
}
#mobile-floating-topbar i {padding: 10px 5px;cursor: pointer;}
.card .card-block .dropdown-menu {
    border-radius: 5px;
    /*line-height: 250%;*/
    -webkit-box-shadow: 2px 11px 15px -8px rgba(0,0,0,0.64);
    -moz-box-shadow: 2px 11px 15px -8px rgba(0,0,0,0.64);
    box-shadow: 2px 11px 15px -8px rgba(0,0,0,0.64);
}


#actionConfirmed {display: none;position: fixed;
    z-index: 10002;
    bottom: 10px;
    left: 15px;
    color: white;}


.noDesktop {display:none;}
	.pcoded .pcoded-navbar .pcoded-item > li.noDesktop {display:none;}
.btn-slim.noDesktop {display:none;}

.documetsContainerCol{
	min-height: 500px;
}

@media only screen and (min-width: 769px) {
	.onlyMobile{display:none !important;}
}
@media only screen and (max-width: 769px) {
	.project-header .project-group {
		float: none !important;
		display: block;
	}
	.project-header .project-group, .project-header .noMobileHeader{display:none;}
	.project-header .project-group.showOnMobile, .project-header .noMobileHeader.showOnMobile{display:block;}
	
	/*#mailtopbar {  height: 45px;}*/
	#actionConfirmed {color: green;}
	.subject {margin-top: 0px;}
	.email-time, .email-attch {margin-top: 0px;}
	.hiddenMobile {display:none;}
	.noMobile {display:none !important;}
	.noDesktop {display:inline-block;}
	.pcoded .pcoded-navbar .pcoded-item > li.noDesktop {display:block;}
	.btn-slim.noDesktop {display:block;}
	.noDesktop.notificationBadge {display:inline-block;}
	
	/*#projectSelection {display:none} disattivata il 30/12/2018 in quanto nascondeva il nome del progetto nella submodale */
	.sender {
		font-size: 18px;
		margin-top: 3px;
		max-width: calc(80% - 15px);
		overflow: hidden;
		max-height: 23px;
		vertical-align: sub;
		text-overflow: ellipsis;
	}
	.mail-body-content .row { padding-top: 7px;}
	
	.mail-body-header .btn-group, #mailListButtons {
		position: fixed;
		top: 9px;
		z-index: 1050;
		left: 60px;
	}
	.daylistarea, .senderlistarea {
		margin-top: 10px;
		overflow-x: scroll;
		padding: 4px 10px;
		white-space: nowrap;
	}	
	.email-card .right-icon-control {
		position: relative;
		margin: 10px;
	}
	.email-card .mail-body,
	.page-card .page-body{
    	padding: 10px 0;
	}
	.email-card .mail-box-head,
	.page-card .page-head{
		min-height: 50px;
   	 	padding: 10px 0 5px;
	}
	.email-card .mail-box-head {
		background-color: #bdc3c7 !important;
	}
	.icon_mail {display: inline-block;}

	#calendarWidget {
    	overflow-x: scroll;	
		position: fixed;
		top: 55px;
		z-index: 1025;
		padding-left: 0px;
	}
	.documetsContainerCol{
		padding:0px;
	}
	
	.ChatCallHistoryButton {
		right: 50px;
		left: inherit;
		top: 9px;
	}
}

/*----------------------------
   MAIL COMPOSER
-----------------------------*/
.text_mail {
    font-size: 11px;
    /*border: 1px solid darkgrey;*/
    padding: 2px 8px;
	border-radius: 8px;
}
.icon_mail {
    font-size: 20px;
    color: darkgrey;
    /*margin-right: 10px;*/
    padding: 5px 10px;
	cursor: pointer;
}
.icon_mail:hover {
    color: black;
}
.tofields {
    border: 1px solid #7F9DB9;
    background-color: #fff;
    padding-left: 2px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 4px;
    height: 23px;
    outline: none;
}

.recipientName {
    margin-left: 5px;
    /* line-height: 200%; */
    line-height: 23px;
}
.clearrecipient {
    position: relative;
    float: right;
    padding: 5px;
    cursor: pointer;
    color: grey;
}
.rcpt_warning { background: #ffe0e5; }
.projectlist {
    /*max-width: 150px;*/
    padding: 0px 5px;
}
.bigger {
    font-size: 18px;
}
.newElementRow {
    background-Color: #f3f3f3;
    display: none;
}
.header-notification {padding-top: 4px;}

#headerReadMail .newElementRow{
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
}
.modal-ui3 .clearrecipient{
    padding: 0px;
	margin: 3px 8px;
	margin-bottom: 0px;
}
.modal-ui3 .recipientName{
	vertical-align: middle;
}

/* SEARCHBOX */
.searchBox {display: inline-block; float: right;}
.searchBox .searchinput {
    margin: 2px 0px;
    border: 1px solid #dedede;
    display: inline-block;
    padding-left: 10px;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    background-color: white;
	color: silver;
	position: relative;
}
.searchBox .searchinput input {border: 0;outline: none;}	
.searchBox .fa-times {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 15px;
	margin-right: 5px;
    color: #989898;
    cursor: pointer;
}
.searchBox .searchinput .searchBoxSuggestions{
    position: absolute;
    left: 0;
    background-color: white;
    top: 30px;
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
	display: none;
	z-index: 100;
}
.searchBox .searchinput .searchBoxSuggestion {
    padding: 5px;
    border-bottom: 1px solid #dfdfdf;
	color: gray;
	cursor: pointer;
	text-align: left;
}
.searchBox .searchinput .searchBoxSuggestion.advancedSearch {
    color: black;
    text-decoration: underline;
    text-align: center;
}
.searchBox .searchinput .searchBoxSuggestion:hover {
    background-color: #f3f3f4;
}
.searchBox .searchinput .searchBoxSuggestion.searchBoxSuggestionsTitle {
    font-weight: bold;
    color: #4a6076;
    background-color: #f3f3f4;
	cursor: inherit;
}
.searchBox .searchinput .searchBoxSuggestion:last-child {
    border-bottom: 0px;
}
.searchBox .searchinput .searchBoxSuggestion .time {
    margin-right: 5px;
    color: #212529;
}

.searchBox .fa-times:hover {
    color: #000;
}																																				
.searchBox button {
    display: inline-block;
    padding: 5px 15px;
    background-color: #f3f3f4;
    cursor: pointer;
    border: none;																									
}

@media only screen and (max-width: 769px) {	
	.searchBox {float: initial;}	
	.searchinput input[type=text] {
    	margin-bottom: 0px;
	}																													
}		
	
@media only screen and (min-width: 769px) {
	.searchinput input {min-width: 200px;}
}
/* SEARCHBOX END */		

/* VISTA SENZA MARGINI */
.main-body .page-wrapper {
    padding: 0rem;	
}
.pcoded-inner-content {
    padding: 0;
}
/*
.card-block {
    overflow-x: hidden;
}
*/
.card {
    border-radius: 0px;
    border-top: none;
    box-shadow: none;
    margin-bottom: 0;
}
.card h5 {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    color: #4a6076;
    font-size: 20px;
	text-transform: none !important;
}
/* FINE VISTA SENZA MARGINI */


/* Mobile menu */
.ti-menu {}
.navbar-logo a { font-size: 22px; cursor: initial;}
@media only screen and (max-width: 992px) {
	.header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
		left: 20px;
		top: 14px;
	}
}


/* Responsive */
@media only screen and (max-width: 480px) {
	/*.card-block {padding: 0px;}*/
	.card-block {padding: 15px;padding-top: 0px;} /* era padding: 15px;}  */
	.card-block.card-block-subscription {
		padding: 15px;
	}
	.xs-fullw {width: 100%;}
	#users-container .card-block {padding: 15px;}
	.filterGroup {
		margin-top: 15px !important;
	}
	.ui-pnotify-mobile-able.ui-pnotify {
		width: 100% !important;
		top: 0px !important;
	}
	#ChatImageModal {
		max-height: calc(95vh - 65px) !important;
	}
	.card-block.obligations_start {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 769px) {
	.documetsContainerCol .row.headerRow.docRow, .row.headerRow.linkrow {
		display: none;
	}
	.documetsContainerCol .documentslist{ margin-top: 20px;}
	.task_row_label img.handler-move-icon {
		display: none;
	}
	.newLink {
		width: calc(100% - 20px) !important;
		margin-left: 10px;
	}
	.project-people-cell {
		padding: 10px 5px !important;
	}
	#tab-links .searchBox {
		width: 100%;
		text-align: center;
	}
	#tab-links .pagination {
		width: 100%;
		padding: 0px 10px;
	}
	#passResponse, #passResponse .savedMsg {
		margin-top: 0px !important;
		margin-bottom: 20px;
	}
	.navbar-logo img {
		max-width: 150px;
		display: none; /* nascondo il logo BD */
	}
	.projectNewStatusButtonContainer{
		padding: 0px 10px;
	}
	#screensaver img {
		max-width: 80%;
	}	

	/*#mailtopbar td { padding: 5px;}*/
	.pagecontent {overflow-x: hidden;}
	/*#trfrom td, #trto td, #TOrow td, #CCrow td, #BCCrow td{ padding: 5px;}	*/
	/*.floatbar {
		padding: 9px 10px;
		min-height: 38px;
		max-height: 38px;
	}	*/
	#mailtopbar span, #mailtopbar a {display: inline-block;}
	/*#mailtopbar .icon_mail {font-size: 22px; margin-left: 5px;display: inline-block;}*/
	
	/*.icon_mail {margin-right: 18px; padding: 3px 6px;    margin-top: 10px;}*/
	/*.floatControls i { font-size: 26px;}*/
	
	.card .card-block ul.pagination li {margin-right: 15px !important;}	
}
table.dataTable{
	width:100% !important;
}
table.stdtable.dataTable {
    margin-bottom: 10px;
}
table.dataTable thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #cecece;
	/*background: #dddddd;*/
    padding: 8px;
	border-top: none;
}
#contents > div table.stdtable.dataTable tbody tr:hover {
    background-color: rgba(0,0,0,.05);
}
/*
table.dataTable > thead > tr > th{
	border-bottom-color: #ccc;	
}*/
table.dataTable .dataTables_empty {
    padding: 80px 10px !important;
    text-align: center !important;
    color: silver;
    background-color: whitesmoke;
}
table.dataTable thead th.sorting:after {
    font-family: FontAwesome;
    content: "\f0dc";
    color: #bbb;
    font-size: 11px;
    padding-top: 0.12em;
    padding-left: 10px;
}
table.dataTable thead th.sorting_desc:after {
    font-family: FontAwesome;
    content: "\f0dd";
    color: #bbbbbb;
    font-size: 11px;
    padding-top: 0.12em;
    padding-left: 10px;
}
table.dataTable thead th.sorting_asc:after {
    font-family: FontAwesome;
    content: "\f0de";
    color: #bbbbbb;
    font-size: 11px;
    padding-top: 0.12em;
    padding-left: 10px;
}
.dataTables_length {
    text-align: left;
    width: fit-content;
    display: inline-block;
	float: left;
}
.dataTables_length select {
    display: inline-block;
    width: fit-content;
    padding: 5px;
    height: 10px !important;
    margin: 0px 10px;
}
.dtSearchButton{
	padding: 5px 12px;
    margin-left: 10px;
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 2px;
    cursor: pointer;
}
.dtSearchButton:hover{
	background-color: #e9ecef;
}
.dtResetSearchButton {
    margin-left: 10px;
    font-size: 15px;
	cursor: pointer;
}
.dtResetSearchButton i {
    color: silver;
}
.dtResetSearchButton:hover i {
    color: black;
}
.dataTables_filter .dtResetSearchButton {
    display: none;
}
.dataTables_filter:hover .dtResetSearchButton {
    display: inline-block;
}
@media (max-width:769px){
	.dtSearchButton{
		margin-left: 0px;
    	margin-bottom: 10px;
    	float: right;
		width: calc(100% - 30px) !important;
		float: left;
	}
	.dataTables_filter .dtResetSearchButton {
		display: inline-block !important;
		margin-top: 7px;
	}
	#send-sms{
		width: 95%;
	}
}
.transparentBG{
    background-color: transparent;
}
.project-container #tab-report-timesheet .card-header {
    display: none;
}
	#confirmLayerCRM {		
		width: 100%;
		height: 100%;
		position: absolute;
		background: #ffffffc7;
		z-index: 100;
		color: green;
		text-align: center;
		cursor: pointer;
		/*display: none;	*/
	}
	#confirmLayerCRM i {
		font-size: 100px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);	
	}

#confirmLayer {		
		width: 100%;
		height: 100%;
		position: absolute;
		background: #ffffffc7;
		z-index: 100000;
		color: green;
		text-align: center;
		cursor: pointer;
		display: none;	
	}
	#confirmLayer i {
		font-size: 100px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);	
	}

.dataTables_empty{text-align:center !important;}
#area_projectlist {
    margin-top: 20px;
}
#area_projectlist .card, #users-container .card, #teams-container .card, #searchResult .card{
    border-radius: 2px;
	border: 1px solid #eaeaea;
    border-top: 4px solid #ffaa0e;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}	
.project-card-block	 {min-height: 150px;}		
#users-container{
    padding: 1.8rem;
    transition: all ease-in 0.3s;
}
#users-container .card-block{min-height: 320px;}					
.teamUserIcon{	color: #8fb8d5;}		


.projectsFilterElem{
	display: inline-block;
	border: 1px solid whitesmoke;
    padding: 5px;
    cursor: pointer;
    margin-right: 20px;
    cursor: pointer;
    min-width: 30px;
    text-align: center;	
	white-space: nowrap;
	    margin-bottom: 5px;
}
.projectsFilterElem.active{
	font-weight: bold;																			
}
.projectsFilterElem:hover {
	border: 1px solid silver;
}
.projectSectionTitle {    background-color: rgb(255, 204, 0);padding: 2px 6px;font-weight: 500;}
.projectSection {padding: 16px;}


.docsInfo {
	display: inline-block;
    text-align: right;
    float: right;
    color: grey;
    padding: 0 10px 5px 0;
}
.documentslist button {display: inline-block;
    padding: 5px 15px;
    background-color: #f3f3f4;cursor:pointer;    border: none;
}																																						
/*.documentsSection .folderrow {background: whitesmoke;}*/
.documentsSection .folderrow>div {display: inline-block; padding: 12px; }																									
.docRow>div {display: inline-block; padding: 12px !important;}
.docRow div a, .documentsSection .folderrow div a {color: black; word-break: break-all;}																						
.linkrow>div {
    display: inline-block;
    padding: 5px !important;
}
.documentsSection .table-responsive .row {
    border-top: 1px solid silver;
    /* padding: 6px; */
    min-height: 31px;
}
.documentsSection .docRow label {
	margin-bottom: 3px;
    vertical-align: middle;
}																														
.documentsSection .table-responsive .row.secretDocument {
    border-left: 4px solid #9c9c9c;
}
.documentsSection .table-responsive .row.secretDocument > div:first-child {
    padding-left: 8px !important;
}

.iconDoc, .iconDocFolder {margin-right: 8px;margin-left: 8px;}
.docRow .iconPencil, .folderrow .iconPencil, .folderrow .icon-bin {display:none; color:lightgray;  margin-left: 15px;cursor: pointer;cursor:pointer;}
.docRow:hover .iconPencil, .folderrow:hover .iconPencil, .folderrow:hover .icon-bin  {display:inline-block;}
.docRow .iconPencil:hover, .folderrow .iconPencil:hover, .folderrow .icon-bin:hover {color: black;}
.documentsSection .icon-bin {
	/*font-size: large;
    vertical-align: sub;*/
    vertical-align: bottom;
}		
#msgInfo .attachment .iconDoc {
    margin-left: 0px;
    font-size: 16px;
}
.mail-body-content .table-responsive .mailAttachments {
    margin-top: 10px;
}
.mail-body-content .table-responsive .mailAttachments .attachment {
    padding: 2px 5px !important;
	vertical-align: top;
}
.mail-body-content .table-responsive .mailAttachments .attachment,
.mail-body-content .table-responsive .mailAttachments .attachment a {
    font-size: 12px;
}
.mail-body-content .table-responsive .mailAttachments .attachment a:hover span {
    color: black;
}
.mail-body-content .table-responsive .mailAttachments .attachment .iconDoc {
    margin-left: 0px;
    margin-right: 5px;
	vertical-align: sub;
}
.mail-body-content .table-responsive .mailAttachments .attachment span {
    color: gray;
    vertical-align: middle;
}

.documentsSection .currentPath {padding: 15px 10px;}	
.documentslist input {border: 0;outline: none;}	
.documentslist input[type=checkbox] {																							
	margin-right: 10px;
    vertical-align: middle;	
	display:none;
}	
.iconDocFolder{/* font-size: 34px !important;*/ color: #97b4c4;font-size: 22px;margin-left: 28px;}

.xls, .xlsx { color: green;}
.doc, .docx { color: #0B459E;}
.htm, .html {color: green;}
.asp {color: navy;}
.php {color: purple;}
.pdf {color: #c51423;}
.js, .css {color: #770202;}
.zip, .rar, .gz/*, .7z*/{color: orange;}
.pptx, .pptm, .ppt{color:#ff7b00;}
.fa-file-image-o {color: #038FC7;}
.filex-grey {color: grey;}	
.mp4, .avi, .flv, .mpeg, .mpg{color: green;}
.sql{color: #f29221;}
.eml {color: darkblue;}

.documentsSection .context-menu-list {
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.1) !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.1) !important;
}
.documentsSection .context-menu-item {
	padding: .4em 2em !important;
}																											
.noResultsMsg {padding: 100px 10px;text-align: center;color: silver;}						
.noResultsMsgSearch {padding: 20px;text-align: center;color: silver;}
.filePreview {
	width: 100%;
    height: 200px;
    border: 1px solid #e6e6e6;
    display: none;
    margin-bottom: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.filePreview i.fa-spinner{
	position: absolute;
    top: 40%;
    left: 40%;
    transform: translate(-40%, -40%);
	color: #e6e6e6;
}
.redBorder {
	border-bottom: 2px solid #c50000 !important;		
}
#closeCheckDiv{
	cursor:pointer; 
	display: inline-block;
	margin-right: 10px;
}
.ticket-order-buttons {
    top: 0px;
    position: absolute;
    right: 0;
    height: 100%;
    color: silver;
}
.ticket-order-buttons .ticket-order-up, .ticket-order-buttons .ticket-order-down {
    display: inline-block;
    height: 100%;
	padding: 0px 10px;
    border-left: 1px solid #dddddd;
}
.ticket-order-buttons .ticket-order-up .fa-chevron-up, .ticket-order-buttons .ticket-order-down .fa-chevron-down{
    padding-top: 15px;
}
.updateTicketOrderButton {
    position: fixed;
    bottom: 0;
    padding: 5px;
    background-color: #2083b3;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
	display:none;
}
.applicationInfoTable{
	margin: 0px;
    margin-bottom: 20px;
}
.applicationInfoTable .row {
    margin: 0px;
}
.applicationInfoTable .col-xs-6, .applicationInfoTable .col-xs-12 {
    padding: 5px !important;
}
.applicationRowHeader{
    /*background-color: whitesmoke;*/
    border-bottom: 1px solid lightgrey;
	margin-bottom: 5px !important;
}
.applicationInfoTable .col-xs-6.mainApplicationCol, .applicationInfoTable .col-xs-12.mainApplicationCol {
	padding: 0px !important;
}
.applicationInfoTable .col-xs-6 span {
    vertical-align: middle;
}
.ipsettings input {text-align: right;}
.select2-container--default .select2-selection--single{
	border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    vertical-align: super;
}
#showTemplatesRestoreButton{
    color: #ff5a5a;
}
#showTemplatesRestoreButton:hover{
	color:red;
}
.applicationRow input, .applicationRow select {
    max-width: 100%;
}
.applicationIPlabel {
    display: inline;
}
.card-header-right .card-header-level {
    display: inline-block;
    padding: 0px 15px;
	border-right: 1px solid silver;
	font-weight: bold;
}
.card-header-right .card-header-level .switch .slider{margin-top:0px;}
.card-header-right .card-header-level .switch{
	top: 3px;
	margin-left: 5px;
}

/* START The switch Button */
.switch {
  	position: relative;
  	display: inline-block;
  	width: 30px;
  	height: 17px;
	margin: 0px;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.slider.round {
  border-radius: 17px;
}
.slider.round:before {
  border-radius: 50%;
}

.ItemAttrTable, .TemplateAttrTable{
    display: table;
    border-left: 1px solid #e3e3e3;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
}
.ItemAttrTable .AttrRow, .TemplateAttrTable .AttrRow{
    display: table-row;
	background-color: #f3f3f3;
}
.ItemAttrTable .AttrRow.AttrHeaderRow, .TemplateAttrTable .AttrRow.AttrHeaderRow {
    background-color: #e3e3e3;
    font-weight: bold;
}
.ItemAttrTable .AttrCell, .TemplateAttrTable .AttrCell {
    display: table-cell;
    padding: 10px;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.ItemAttrTable .AttrRow.AttrHeaderRow .AttrCell, .TemplateAttrTable .AttrRow.AttrHeaderRow .AttrCell {
	border-bottom:0px;
}
.TemplateAttrTable a.saveAttrField {
    display: inline-block;
    margin-left: 10px;
    color: gray !important;
    cursor: pointer;
}
.TemplateAttrTable a.saveAttrField:hover {
	color: black !important;
}
.ItemAttrTable .AttrCell input[type="number"], .TemplateAttrTable .AttrCell input[type="number"]{
	width: 100px;
	max-width:100%;
}
.shop_productFrame #tabs{
    border: 0px;
}
.shop_productFrame .shop_productFrame .ui-tabs .ui-tabs-panel{
	padding:10px;
}
.shop_productFrame .mainInfoLabel{
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
}
.shop_productFrame .pageheader {
    padding-bottom: 10px;
    border-bottom: 1px solid silver;
    background-color: #E3E3E3;
    height: initial;
}
.shop_productFrame .contentNav {
    padding: 10px 10px 0px 10px;
}
.shop_productFrame .contentNavCellMain {
    background: none;
    cursor: inherit;
}
.shop_productFrame .contentNavCell {
    display: inline-block;
    margin-right: 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
}
.shop_productFrame .reloadContentButton{
	font-size: 20px;
    margin-left: 10px;
    cursor: pointer;
}
.shop_productFrame #saveItemData {
    color: grey;
    cursor: pointer;
    margin: 6px;
    font-size: 25px;
    margin-left: 20px;
}
.shop_productFrame #saveItemData:hover {
	color:black;
}
.shop_productFrame .deleteItemButton {
    font-size: 21px;
    margin-top: 7px;
    color: grey !important;
    cursor: pointer;
}
.shop_productFrame .deleteItemButton:hover {
	color:black !important;
}
.shop_productFrame .confirmDel{color:pink !important;}
.shop_productFrame .confirmDel:hover{color:red !important;}

.deleteProjectStatus {
	color: silver !important;
}
.deleteProjectStatus:hover {
	color: black !important;
}
.deleteProjectStatus.confirmDel {
	color: pink !important;
}
.deleteProjectStatus.confirmDel:hover {
	color: red !important;
}
.shop_productFrame .productName, .shop_productFrame .productUrl, .shop_productFrame .metaDesc, .shop_productFrame .metaKeywords {
    width: 100%;
    margin-bottom: 10px;
}
.shop_productFrame .langFiledLabel{
    font-weight: bold;
}
.shop_productFrame .contentNav .row{
	margin:0px;
}
.shop_productFrame .mce-tinymce { border: 0; } .mce-container * {white-space: initial;}	
/*.shop_productFrame #dummyInputUrl{
	border: 1px solid darkgrey;
   	padding: 0px 5px;
	font-size: 12px;
    background-color: white;
    margin-bottom: 10px;
}				
.shop_productFrame #dummyInputUrl #webUrlLink{
    display: inline-block;
	height: 30px;
    vertical-align: top;
    padding-top: 6px;
}			
.shop_productFrame #dummyInputUrl input{
	width: fit-content;
    display: inline-block;	
    border: 0px;
    background-color: transparent;
	outline: none !important;
	margin-bottom: 0px;
	padding: 0px;
	width:75%;
}*/
.shop_productFrame .imgarea, .shop_categoryFrame .imgarea{
    margin: 5px;
    width: 180px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: whitesmoke;
    background-position: 50%;
}
.shop_productFrame .disabledPic, .shop_categoryFrame .disabledPic{
    background-color: whitesmoke;
    opacity: 0.4;
    filter: alpha(opacity=40);
    box-shadow: none !important;
}
.shop_productFrame .mainPic, .shop_categoryFrame .mainPic{
    border: 5px solid rgb(95, 153, 56) !important;
    margin: 6px !important;
}
.shop_productFrame .imgbox, .shop_categoryFrame .imgbox{
    display: inline-block;
    border: 1px solid silver;
    border-radius: 3px;
    margin: 9px;
    min-height: 200px;
}
.shop_productFrame .picsButton, .shop_categoryFrame .picsButton{
    display: inline-block;
    margin: 4px;
    border-radius: 3px;
    background-color: whitesmoke;
    padding: 3px 5px;
    font-size: 12px;
    color: black;
}
.shop_productFrame .picsButton:hover, .shop_categoryFrame .picsButton:hover{
    background-color: green;
    color: white;
    cursor: pointer;
}
.shop_productFrame .picsFilename, .shop_categoryFrame .picsFilename{
    overflow-x: hidden;
    max-width: 170px;
	font-size: 12px;
    color: grey;
    margin-left: 5;
    margin-right: 5;
}
.shop_productFrame .mainInfoRow {
	margin:0px;
	margin-bottom: 10px;
}
.shop_productFrame .mainInfoRow input, .shop_productFrame .shop_productFrame .mainInfoRow select{
	width:100%;
}
.shop_productFrame #tabs ul{
	border-radius: 0px;
}
.shop_productFrame .priceListTable{
	display:table;
}
.shop_productFrame .priceListRow, .shop_productFrame .priceListIntest{
	display:table-row;
}
.shop_productFrame .priceListCell{
	display:table-cell;
	padding: 10px;
}
.shop_productFrame .priceListIntest{background-color: #e3e3e3;}

.shop_productFrame .priceOfferTable{
	display:table;
}
.shop_productFrame .priceOfferRow, .shop_productFrame .priceOfferIntest{
	display:table-row;
}
.shop_productFrame .priceOfferCell{
	display:table-cell;
	padding: 10px;
    white-space: nowrap;
}
.shop_productFrame .priceOfferIntest{background-color: #e3e3e3;}

/* END The switch Button */
#area_projectlist .projectsTable tr.table-header {
    text-align: left;
}
#area_projectlist .projectsTable td {
	padding: 5px 10px 5px 10px;
}
#area_projectlist .projectsTable .table-header td {
	padding: 10px 10px 10px 10px;																				
}
#area_projectlist .projects-table-container {
	padding: 0px 15px 20px 15px;
	overflow-x: auto;
    width: 100%;
}
.projectsTable .icon-ionicons-8{
    vertical-align: text-top;	
	margin-right: 5px;
}
.projectsTable .projectName {
    margin-right: 10px;
	display: inline-block;
	color:black;
}
.projectsTable .projectDesc{
    color: gray;
}
.projectSal {font-size: 12px;}
.projectsTable tr td:first-child{
    max-width: 30px;
    padding-right: 5px;
}
a.uploadProductsFromExcelButton {
    cursor: pointer;
    color: gray !important;
}
a.uploadProductsFromExcelButton:hover {
    color: black !important;
}

@media only screen and (max-width: 769px) {																				
	.xsMini {color: grey; font-size: smaller;padding: 5px !important;}	
	.linkrow>div.xsMini {
		width: 50%;
	}
	#area_linkslist .linkrow>div:nth-child(2) {
		float: right;
		position: absolute;
		right: 0;
		bottom: 0;
		text-align: right;
	}
	.xsCenter {text-align: center}																															
	.writingsList .targetRow .col-12, .targetRow .col-6{
		padding:0px;
	}
	.noPaddingMobile{padding:0px;}
	.pagination {
		text-align: left;
		white-space: nowrap;
		overflow-x: auto;
	}
	.dataTables_paginate{overflow-x: auto;float: left;}
	.dataTables_paginate .pagination {
		text-align: left;
		width: max-content;
		white-space: nowrap;
		display: inline-block;
	}
	.dataTables_paginate .pagination li {
		white-space: nowrap !important;
		display: inline-block !important;
	}
	.project-status-cell {
		border: 0px;
		display: inline;
	}	
	.project-status-row {
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid silver;
	}
	.project-status-header {
		display: none;
	}
	.project-container #tab-mail .mail-box-head, .project-container #tab-tickets .mail-box-head, .project-container #tab-timesheet .mail-box-head,
	.project-container #tab-mail .page-head, .project-container #tab-tickets .page-head, .project-container #tab-timesheet .page-head{
		height: 0px;
		min-height: 0px;
		padding: 0px;
	}

	.scrollableTabs {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.scrollableTabs ul {
		width: 700px;
	}
	.ticket-details-row {
		display: none;
	}
	/*.show-ticket-details{display:inline-block !important;}*/
	.ticket-frame-container .row.tableBorder {
		border-bottom: 0px;
		margin-bottom: 0px;
		padding: 0px;
	}
	.ticket-frame-container .container-fluid #moveProject{padding:0px !important;}
	.ticket-frame-container .container-fluid #moveProject select {
		margin-top: 8px;
		margin-bottom: 10px;
	}
	.ticket-frame-container .container-fluid #moveProject a{margin-top:0px;}
	.ticket-frame-container .container-fluid select{margin-bottom:0px;}
	.ticket-frame-container .container-fluid select.transparentBG{border: 1px solid #ced4da !important;}
	.ticket-frame-container .container-fluid .assign_column select {
		margin-bottom: 5px;
	}
	#Ticket_AutoPlan {
		margin-top: 5px;
	}
	.ticket-frame-container .container-fluid .col-xs-12 {
		border-bottom: 1px solid #dddddd;
		padding: 10px 8px;
	}
	.ticket-frame-container .ProjectChatScrollToBottom {
		bottom: 22px;
		right: 27px;
	}
	.ticket-frame-container .chat-reply-box .right-icon-control {
		width: calc(100% - 35px) !important;
	}
	.ticket-frame-container .project_chat_upload {
		margin-left: 0px;
	}
	
	.ticket-frame-container .priorityButton, 
	.ticket-frame-container .ticketStatusButton {
		padding: 2px 8px !important;
	}
	.projectArea #moveProject {
    	height: auto !important;
	}
	.ticket-frame-container .container-fluid #statusPriorityRow .col-xs-12:last-child {
		border-bottom: 0px;
		margin-bottom: 0px;
	}
	.ui-tabs-panel .updateTicketButton {
		display: block;
		width: 100%;
		margin: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
		text-align: center;
	}
	.ticketRow, .ticketRowIntest{
		padding-right: 90px;
	}
	.card-header-right .card-header-level {
		border-right: 0px;
		padding-top: 8px;	
	}
	.projects-table-container {
		padding: 0px !important;
		padding-bottom: 20px !important;
	}
}
.mobile-floating-topbar {
    z-index: 2;
    position: fixed;
    padding: 10px;
}
.floatbar, 
.mobile-floating-topbar {
    background-color: #088bc9;
    height: 56px;
    color: #fff;
    width: 100%;
    top: 0;
	white-space: nowrap;
}

.mobile-floating-topbar i {
    padding: 10px 5px;
    cursor: pointer;
}
.mobile-floating {
	position: absolute;
    z-index: 10000000;
    right: -100%;
    background-color: #fff;
    width: 100%;
    height: 100%;
	transition: 0.5s;
}
.mailbody {
        height: 545px; /* deve essere reso dinamico */
}
.mobile-floating-content {
	padding-top: 56px;
    position: fixed;
    top: 0;
    height: 100%;    
	width: 100%;
}
.mobile-floating-title {
    display: inline-block;
    margin-left: 10px;
    font-size: large;
    /*vertical-align: sub;*/
    vertical-align: middle;
    overflow-x: scroll;
    width: 90%;	
}	
.borderLeft {	border-left: 1px solid #ccc;}
.modal-ui3 {
	position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 300px;
    height: auto;
    z-index: 2000;
    display: none;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	background: white;
	z-index: 10001;
	padding: 15px;
    border-radius: 5px;	
    max-height: 85%;
    overflow-y: auto;	
	line-height: 200%;
}
#hideUI3modal {float: right;cursor: pointer;}
#fade, #search_fade {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: black;
    top: 0;
    /*background-color: rgba(0, 0, 0, 0.66);*/
	opacity: 0.40;
    z-index: 100000;
}
.flagged {
    background-color: rgb(255, 231, 235);
}
.messageflag {
	color: #dadada;
    margin-right: 13px;
    cursor: pointer;
    top: -3px;
    position: relative;	
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group, .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group, .btn-group-vertical .btn-group+.btn, .btn-group-vertical .btn-group+.btn-group { margin-left: 0px; }
.flagged .messageflag {color: rgb(157, 0, 0);}
.checkbox-fade label input[type="checkbox"] + .cr > .cr-icon, .checkbox-fade label input[type="radio"] + .cr > .cr-icon {transition: all 0.1s ease-in !important;}
.card .card-block a.dropdown-item {cursor: pointer;}
.pcoded-navbar .pcoded-item > li > a .pcoded-mtext {overflow-x: hidden; max-width: 160px;}
.profileUserIcon {
	vertical-align: middle;
    margin-right: 10px;
	font-size: 2.7em !important;
    color: #bcc3c7;
}
									/*
									.notificationBadge{
										color: white;
										background: red;
										border-radius: 50%;
										vertical-align: super;
										padding: 3px 5px;
										font-size: 10px;
										font-weight: 700;
										line-height: 1;
										display:none;
										min-width: 16px;
										margin-left: 7px;
									}
									*/
									.notificationBadge{
										color: white;
										background: red;
										border-radius: 50%;
										vertical-align: super;
										/* padding: 3px 5px; */
										font-size: 10px;
										font-weight: 700;
										line-height: 1;
										display: none;
										width: 16px;
										margin-left: 7px;
										position: absolute;
										text-align: center;
										white-space: nowrap;
										padding: 0px;
										height: 16px;
										padding-top: 3px;
									}
									#openedPagesSideBar_content .userChat .notificationBadge {
										left: 0;
										bottom: 0px;
										width: 12px;
										height: 12px;
										font-size: 8px;
										padding-top: 2px;
									}
									.displayChatbox .notificationBadge{
										margin-left: -10px;
									}
									.displayChatbox{
										float: left;
										padding: 0px !important;
										margin: 11px 15px 5px;
										font-size: 24px;
										/*color: #bcc3c7 !important;*/
										cursor: pointer;
									}
									/* disattivato il 5/4/2020 perchè rende icona chat nera al click
									.displayChatbox:hover{
										color: black !important;
									}
									*/
									@media only screen and (max-width: 992px) {
										
										.displayChatbox{display:none;}
										#sidebar .user-box {
										    padding-top: 16px;
										}
									}	
									@media only screen and (max-width: 576px) {
										.header-navbar .navbar-wrapper .navbar-container .header-notification .agenda-notification {
											left: auto;
											right: inherit;
										}	
									}

.header-navbar .navbar-wrapper .navbar-container .header-notification .agenda-notification i {
    font-size: 15px;
    margin-left: 0;
    margin-right: 5px;
}
									
									
									#BP_cart_icon{
										font-size: 25px;
										color: #bcc3c7;
										cursor: pointer;
										float: left;
										margin: 7px 20px;
										padding:0px;
									}
									#BP_cart_icon:hover{
										color:black;
									}
									
#screenshotContainer {
	/*
	display:none;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 90%;
    height: 90%;
    overflow-y: scroll;
    z-index: 100000;
    border: 1px solid black;
	background: white;*/
	display:none;
    width: 100%;
    background: white;
    margin-top: 30px;
} 
#screenshot, #screenshot2 {max-width: 100%;} 
.setDrawColor {width:15px;height:15px;display: inline-block;margin: 0 3px;
    border-radius: 50%;}
div#reportNotes {
    position: absolute;
    z-index: 3;
    top: 80px;
    right: 40px;
    background: white;
    width: 250px;
    padding: 15px;
    min-height: 300px;
    -webkit-box-shadow: 0px 0px 11px 0px #0000008f;
    box-shadow: 0px 0px 11px 0px #0000008f;
}

.filterArea {
    margin: 10px;
    padding: 10px;
	background-color: #D8D8D8;
}
.filterAreaRow {
    margin: 0px !important;
	margin-bottom:10px !important;
}
.filterAreaCol {
    padding: 0px !important;
    padding-right: 10px !important;
}
.filterAreaCol select, .filterAreaCol input{
	width:100%;
}
.ModalGroupListTitle{padding-top: 25px;padding-bottom: 5px;}
.ModalGroupListTitle:first-child {
    padding-top: 10px;
}
.ProspectProjectLititle h5{
	cursor:pointer;
	padding: 5px;
	background-color: #bdc3c7;
	color: white;
    text-shadow: 1px 1px 2px #575757;
}
.ProspectProjectLi{display:none;}
#mainFrameContainer{
	background-color: white;
}

@media print {
	nav.header-navbar, nav.pcoded-navbar, .card-header-right{
		display: none !important;
	}
	#mainFrameContainer, .pcoded-content{
		margin: 0px !important;
	}
	.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .pagination {
		display: none !important;
	}
	.card-block {
		overflow: hidden !important;
	}
}
@media (max-width:769px){
	.card-header-right i:nth-child(n+2) {
		display: initial !important;
	}
}
@media (max-width:450px){
	#timerMain{display:none;}
}


/*----------------------------
   MAIL
-----------------------------*/
.flagged {background-color:rgba(255, 203, 212, 0.4);}
#mailOptions, #mailMoveTo, .actionforselected, #mailAssignTo {display: none;}
#mailMoveTo, #mailAssignTo { line-height: 200%;}
#mailOptions {
    position: fixed;
    top: 50px;
    left: 130px;
    background: white;
    z-index: 10005;
    padding: 15px 20px;
    border-radius: 5px;
    line-height: 250%;
    -webkit-box-shadow: 2px 11px 15px -8px rgba(0,0,0,0.64);
    -moz-box-shadow: 2px 11px 15px -8px rgba(0,0,0,0.64);
    box-shadow: 2px 11px 15px -8px rgba(0,0,0,0.64);
}
.icofont-search {cursor: pointer;}
#selectedMsg {margin-right: 10px; margin-left: 5px;}
.mail-body-content .row.unread {font-weight: bold;}


.mail-body-content .row:hover {
background-color: #f5f5f5;
/*
background-color: #f0faff;
-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.35);
box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.35);
*/
}

.mail-body-content .row:hover .actions {
	display: inline-block;
}
.mail-body-content .row:hover .messagedate {
	display: none;
}
.mail-body-content .actions {
	display: none;
	/*margin-left: 15px;*/
	float: right;
    white-space: nowrap;
}
.mail-body-content .actions i {
    color: #5a5a5a3d;
    margin-right: 13px;
    cursor: pointer;
    font-size: 16px;
}

.mail-body-content .actions i.icon-bin {
    font-size: 18px;
    position: absolute;
    right: 69px;
    top: 0px;
}
.mail-body-content .actions i.fa-envelope {
	position: absolute;
    right: 41px;
    top: 2px;
}
.mail-body-content .actions .archive-icon {
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 17px;
}
.mail-body-content .archived .actions i.icon-bin {
    right: 41px;
}
.mail-body-content .archived .actions i.fa-envelope {
    right: 10px;
}
.mail-body-content .archived .actions .archive-icon {
    display:none;
}

.mail-body-content .actions i:hover {
    color: #000;
}
.mail-body-content .table-responsive .container-fluid .row .rowContent div:first-child {padding-left: 1px;white-space: nowrap;overflow: hidden;}
.mail-search-icon, .page-search-icon {position: absolute;
    top: 10px;
    right: 45px;
    color: white;
}
h3.folderName, h3.pageName {text-align: left;}
.email-card .mail-box-head h3, .page-card .page-head h3 {padding-left: 10px; margin-bottom: 0; margin-top:7px;}
.email-card .mail-box-head h6, .page-card .page-head h6 {padding-left: 12px; text-align: left;}

i.icon-attach {
    vertical-align: text-top;
    margin-right: 5px;
    color: darkgrey;
}
@media (max-width:769px){
	.noPaddingMobile{padding:0px;}
	.email-card .mail-body .mail-body-header{padding:10px;}
}	
@media only screen and (min-width: 993px) {
	.mail-body-content .table-responsive .container-fluid .row .rowContent div:first-child {/*height: 18px;*/ }
}
.btn-primary {
	background-color: #00000047 !important;
	border-color: #00000075 !important;
	border-radius: 0 !important;
	border: 0px !important;
}

.swal2-content{
	    z-index: 10;
}
.swal2-container.swal2-center.mail_configuration .swal2-content{text-align:left;font-size: 15px;}
.mail_configuration_row{margin-bottom:15px;}
.swal2-content .mail_configuration_form {
    margin-top: 20px;
    margin-bottom: 25px;
}

.swal2-container.swal2-center.mail_configuration .swal2-actions {margin: 0px;}
#mail_configuration_error{display:none;color:red;padding-bottom:10px;}
.swal2-container.swal2-center.mail_configuration .toggleChangePass {
	color: silver;
	position: absolute;
	right: 25px;
	top: 28px;
}
.swal2-container.swal2-center.mail_configuration .toggleChangePass:hover{
	color:black;
}
.swal2-actions button.swal2-styled.swal2-cancel, .custom_swal_cancel {
    background: none !important;
    color: black !important;
    font-size: 14px !important;
    padding: 0px !important;
    margin: 0px !important;
    height: auto !important;
}
.swal2-actions button.swal2-styled.swal2-cancel:hover, .custom_swal_cancel:hover,
.swal2-actions button.swal2-styled.swal2-cancel:active, .custom_swal_cancel:active{
    background: none !important;
    text-decoration: underline;
	color: black !important;
}
.swal2-actions button, .swal2-actions button:focus {
    padding: 5px 20px;
    outline: none !important;
    box-shadow: none !important;
}

.DemComposerTable {
    display: table;
	width: 100%;
}
.DemComposerTable_row {
    display: table-row;
	width: 100%;
}
.DemComposerTable_cell {
    display: table-cell;
    padding: 10px;
	border-bottom: 1px solid silver;
}


.modal-ui3-scroll-content {
    position: relative;
}
.modal-ui3-scroll-head {
    padding: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ced4da;
    margin-left: -15px;
    margin-top: -15px;
    width: calc(100% + 30px);
}
.modal-ui3-scroll-head h3 {
    margin: 0px;
}
.modal-ui3-scroll-head h5 {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    color: #4a6076;
    font-size: 20px;
    text-transform: none !important;
}
.modal-ui3-scroll-head h5.display_topic_name {
    margin-right: 10px;
	vertical-align: middle;
	display: inline;
}
.modal-ui3-scroll-head h6 {
    margin: 0px;
}
.modal-ui3-scroll-head-desc {
    line-height: 20px;
}
.modal-ui3-scroll-body {
    font-size: 14px;
    line-height: 20px;
    margin-left: -15px;
    margin-top: -15px;
    width: calc(100% + 30px);
    padding: 15px;
	min-height: 200px;
}
.modal-ui3-scroll-footer {
    border-top: 1px solid #ced4da;
    margin-left: -15px;
    width: calc(100% + 30px);
    padding: 10px 15px;
}
.modal-ui3-scroll-footer-field {
    margin-bottom: 15px;
}
.modal-ui3-scroll-footer-field:last-child {
    margin-bottom: 0px;
	text-align: right;
	padding-top: 5px;
}
.modal-ui3-scroll-footer-field span.field-label, .modal-ui3-scroll-footer-field input {
    vertical-align: middle;
}
.modal-ui3-scroll-footer-field input {
    margin-right: 10px;
}
.modal-ui3-scroll-footer-field .field-desc {
    line-height: 15px;
    font-size: 12px;
    color: gray;
}
.modal-ui3-scroll-footer-field-not-completed, .modal-ui3-scroll-footer-field-not-completed div.field-desc{
    color: red !important;
}

.SecureAccount_Row input, .SecureAccount_Row select, .SecureAccount_Row select.form-control:not([size]):not([multiple]){
    height: 35px;
    padding: 5px !important;
}
.SecureAccount_Row select {
    width: fit-content;
}
.SecureAccount_Row input[type=text] {
    width: 200px;
}
.SecureAccount_Field {
    display: inline-block;
    width: fit-content;
    margin-bottom: 10px;
}
.SecureAccount_Row, .Modal_Row{
    margin: 10px 0px;
}


.not-valid-input {
    color: red !important;
}
.not-valid-input input, .not-valid-input select {
    border: 1px solid red !important;
    color: red !important;
}

#driver-popover-item {
    border-radius: 3px !important;
}
.driver-popover-footer button {
    padding: 5px 15px !important;
    background-color: #f3f3f4 !important;
    font-size: 14px !important;
    font-family: inherit !important;
}
#BD_Contract .modal-ui3-scroll-body{
    height: 350px;
    overflow-y: auto;
    /*margin-top: -10px;
    margin-bottom: -10px;*/
}
#BD_Contract .modal-ui3-scroll-body a {
    text-decoration: underline;
}
div#driver-popover-item .driver-popover-footer button.driver-disabled {
    color: silver;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    right: 15px;
}
.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: white;
    height: fit-content !important;
    max-height: 100% !important;
    padding: 2px 10px !important;
}
.select2-container {
    min-height: 30px !important;
	max-width: 100% !important;
}
#target_modal .select2-container {
    height: auto !important;
}
.select2-container .select2-selection--single {
       height: 30px !important;
}
.ui-dialog {
    background-color: white;
}
.field_in_error {
    border: 1px solid red !important;
}

#searchResult .card {
    min-height: initial;
}
#searchResult .card-block {
    padding: 0px;
    padding-bottom: 0px;
}
#searchResult .results .no-results{
	color: grey;
	font-weight: initial;
}
.card-block #searchArea, .card-block #searchArea .card_main {
    width: 100%;
    position: relative;
}
#global_search_apps{
	margin-top:10px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.global_search_app{white-space: nowrap;display: inline-block;margin-right: 30px;margin-top: 10px;}
.global_search_app_label{vertical-align: middle;margin-left: 5px;cursor:pointer;}
.global_search_app .switch{vertical-align: text-top;}
.search-result-row .chat-header {
    position: relative;
}
.search-result-row a.link {
    text-decoration: none !important;
}
.search-result-row .document_datetime {
    color: #7e7e7e;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.search-result-row .folders_path {
    display: inline;
}

.ticket_cost_table th, .ticket_cost_table td {
    padding: 8px 10px;
    border: 0px;
    border-bottom: 1px solid #d7d7d7;
	border-left: 0px;
    border-right: 0px;
	font-size: 14px;
}
.ticket_cost_table thead th {
    border: 0px;
    border-bottom: 1px solid black;
}
.ticket_cost_table tbody tr:last-child td {
    border-bottom: 1px solid black;
}
.ticket_cost_table tfoot th {
    border: 0px;
}

.doc_desc, .search-result-row .media-body div + div {
    color: #7e7e7e;
    /*font-weight: 500;
    font-size: 14px !important;*/
	font-size: 12px;
	font-weight: normal;	
}
.search-result-desc a{
	font-size: 12px;
}
.document_filename {
    padding-right: 95px;
}
.doc_desc{
    display: block;
    /*padding-left: 36px;*/
}
.show_more_row {
    margin-bottom: 0px !important;
}
.search-result-section-title {
    padding: 10px 20px !important;
}
.search-result-row:last-child {
    margin: 0px;
}
.search-result-section-title h6{margin-bottom: 0px;}
.search-result-section{margin-bottom:40px;}
.search-result-section-title, .search-result-row {
	border-bottom: 1px solid #cccccc;
}
.show_more_row a {
    text-decoration: none !important;
}
#searchArea, #searchArea .card_main {
	width: 400px;
}

#SearchContainer {
    top: 0;
    transform: none;
    left: 0;
    width: 100% !important;
    max-width: 100%;
    min-height: 100%;
    height: 100%;
	z-index: 100000;
}
#SearchContainer .card-header{display:none;}
#SearchContainer, #SearchContainer .card, #SearchContainer .card-block{background-color: transparent !important;color:white;}
#SearchContainer .right-icon-control .form-icon {
    top: 20px !important;
}
#SearchContainer #searchResult {padding: 0px 20px;}
#SearchContainer #searchResult .card {
    background-color: white !important;
}
#SearchContainer .card-block #searchArea {
    width: 1280px;
    margin: 0 auto;
    max-width: 100%;
    padding: 25px;
}
#searchArea .right-icon-control {
    position: relative;
}
#SearchContainer #searchArea .card-block {
    padding: 35px;
}
#searchResult .card, #searchResult .card-block{color:black;padding: 0px !important;}
#SearchContainer #closeSearchButton{
	cursor: pointer;
    position: fixed;
    right: 40px;
    font-size: 20px;
    top: 20px;
    display: block !important;
    z-index: 100000;
}

#searchArea .search-text {
	padding: 10px;
	background-color: transparent;
	border: 0px;
	border-bottom: 1px solid !important;
	color: white;
	border-radius: 0px;
	font-size: 30px;
	outline: none !important;
    box-shadow: none !important;
    height: initial !important;
}
#searchArea .search-text::placeholder{
  color: white !important;
}
#SearchMobileIcon{
	display: none;
    position: fixed;
    right: 20px;
    bottom: 23px;
	border: 3px solid var(--dark);
    background-color: rgba(17, 17, 17, 0.4);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    color: white;
    font-size: 20px;
    padding-top: 10px;
}

		#displayChatboxMobile {
			display:none;
			bottom: inherit;
			top: 13px;
			font-size: 22px;
			z-index: 10000;
			left: 190px;
			border: 0px;
			background: initial;
			padding: 0px !important;
			margin: 0px;
			height: auto;
			position: fixed;
			/* bottom: 20px; */
			/* left: 10px; */
			width: 50px;
			/* height: 50px; */
			/* border-radius: 50%; */
			/* border: 3px solid #07e039; */
			/* padding: 5px !important; */
			color: var(--white) !important;
			/* background-color: var(--success); */
			text-align: center;
		}

		#SearchMobileIcon {
							display:none;
			bottom: inherit;
			top: 18px;
			z-index: 10000;
			left: 255px;
			border: 0px;
			font-size: 19px;
			background: initial;
			padding: 0px !important;
			margin: 0px;
			height: auto;
		}	
/* BDUI3.2707 - Icona notifiche dedicata per mobile (apre "Tutte le notifiche").
   Stile come da indicazione del team (right:227px, font-size:19px). Mostrata SOLO sul layout
   mobile (<=992px, dove la nav-right desktop e' nascosta e compare l'hamburger): su desktop
   resta display:none per non rompere il layout. La copertura quando sono presenti le icone
   contestuali dell'app e' gestita alzando lo z-index di .mail-body-header .btn-group / #mailListButtons.
   BDUI3.2755 - Sotto i 768px questo "right:227px" viene sovrascritto con "right:100px" (vedi
   override #displayNotifMobile dentro @media(max-width:768px)) per restare alla distanza giusta
   da #displayChatboxMobile, #SearchMobileIcon e da .mobile-options (il menu "...", right:30px)
   in quella fascia, tutti sullo stesso asse "right". */
#displayNotifMobile{
	display: none;
	position: fixed;
	top: 16px;
	right: 227px;
	z-index: 1000001;
	font-size: 19px;
	color: #fff !important;
	cursor: pointer;
	text-align: center;
}
@media(max-width:992px){
	#displayNotifMobile{
		display: inline-block;
	}
}
.email-actions-button-mobile{
	display:none;
	position: absolute;
	right: 12px;
	font-size: 20px;
	color: silver;
}
.email-actions-mobile{
	display:none;
	width: 165px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  	transition: all 0.2s ease-in-out;
}
.mail-body-content .table-responsive .container-fluid .row .rowContent {
    width: 100%;
	margin:0px;
	padding: 0px;
  	transition: all 0.2s ease-in-out;
}
.email-action-mobile {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width: 55px;
    background-color: lightgray;
    margin: 0px;
    float: right;
    text-align: center;
	position: relative;
}
.email-action-mobile i {
    font-size: 18px;
    position: absolute;
    left: 19px;
    top: 29px;
    height: 16px;
}
.email-action-mobile.delete i{
    font-size: 24px;
    left: 15px;
    top: 25px;
}
.email-action-mobile.archive i {
	top: 28px;
    font-size: 20px;
}
.email-action-mobile.delete {
    background-color: #b03b3b;
    color: white;
}
.email-action-mobile.archive {
    background-color: #bdc3c7;
    color: white;
}
.email-action-mobile.unread {
    background-color: #184d9d;
    color: white;
}
.mail-body-content .table.container-fluid {
    overflow-x: hidden;
}
@media (max-width:992px){
	#SearchMobileIcon{display:block;}
	.modal-ui3-scroll-footer-field{
		text-align:center !important;
	}
}
@media (max-width:769px){
	#SearchContainer .card-block #searchArea {
		padding: 0px;
	}
	#SearchContainer #searchArea .card-block {
		padding-left: 0px;
		padding-top: 65px;
		padding-right: 0px;
	}
	.DemComposerTable {
		display: block;
	}
	.DemComposerTable_row {
		display: block;
		max-width: 100%;
		border-bottom: 1px solid silver;
	}
	.DemComposerTable_cell {
		display: inline-block;
		width: fit-content;
		max-width: 100%;
		border: 0px;
	}
	.DemComposerTable_cell select, .DemComposerTable_cell input {
		max-width: 100%;
	}
	.project-info-header {
		margin: 0px !important;
	}
	.ProjectInfo_GeneralCol, .ProjectInfo_TimeCol {
		width: 100%;
		/*
		width: calc(50% - 2px);
		display: inline-block;
		vertical-align: top;
		margin: 0px !important;
		*/
	}
	.modal-ui3 {
		width: 95% !important;
		max-width: 95%;
	}
	/*#CompanyPopUp {
		max-height: 95% !important;
	}*/
	#searchResult, #searchResult_ordered, #searchResult_ordered .col-xs-12 {
	    padding: 0px !important;
	}
	.mail-body-content .row:hover .messagedate{
		display:block !important;
	}
	.mail-body-content .row:hover .actions{
		display:none;
	}
	.email-actions-button-mobile {
		display:block;
	}
	.email-actions-mobile{
		display:block;
		margin-right: -165px;
	}
	.mail-body-content .table-responsive .container-fluid .row.show-mobile-actions .email-actions-mobile {
		margin-right: 0px;
	}
	.mail-body-content .table-responsive .container-fluid .row.show-mobile-actions .rowContent{
		margin-left:-165px;
	}
	.mail-body-content .table-responsive .container-fluid .row.contextMail.archived.show-mobile-actions .rowContent {
		margin-left: -110px;
	}
}
@media (max-width:576px){
	.project-info-row .col-xs-6 {
		width: 50%;
		display: inline-block;
	}
}
.ticket-page-wrapper table.dataTable td .mobile-info{display:none;}
@media (min-width:529px){
	.ticket-page-wrapper table.dataTable td .ticketCode {
		background: none;
		font-weight: inherit;
		font-size: inherit;
		padding: 0px;
		border-radius: 0px;
		color: inherit !important;
		text-decoration: underline;
		margin: 0px;
	}
}
@media (max-width:528px){
	.ticket-page-wrapper table.dataTable td {
		padding-left: 12px !important;
	}
	.ticket-page-wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before {
		display: none !important;
	}
	.ticket-page-wrapper table.dataTable tr th, .ticket-page-wrapper table.dataTable tr td {
		display: none;
	}
	.ticket-page-wrapper table.dataTable tr th:first-child, .ticket-page-wrapper table.dataTable tr td:first-child {
		display: block;
		width: 100% !important;
		padding: 10px 10px !important;
		border-bottom: 0px;
	}
	.ticket-page-wrapper table.dataTable>tbody>tr.child {
		display: none !important;
	}
	.ticket-page-wrapper table.dataTable td .mobile-info {
		display:inline-block !important;
		font-weight: bold;
	}
	.ticket-page-wrapper table.dataTable td div.mobile-info {
		display: block !important;
	}
	.ticket-page-wrapper table.dataTable td .mobile-info .link {
		font-weight: initial;
		color: silver;
	}
}
@media (max-width:500px){
	
	.modal-ui3.modal-ui3-fullscreen-mobile {
		max-width: 100% !important;
		width: 100% !important;
		top: 0px !important;
		border-radius: 0px !important;
		left: 0px !important;
		/*height: 100% !important;*/
		/*max-height: 100% !important;*/
		transform: none !important;
		position: fixed;
		z-index: 10000000 !important;
	}
	.modal-ui3.modal-ui3-fullscreen-mobile .modal-ui3-scroll-content {
		/*height: 100vh !important;
		max-height: 100vh !important;*/
	}
	.modal-ui3.modal-ui3-fullscreen-mobile .modal-ui3-scroll-head {
		/*height: 75px !important;
		max-height: 75px !important;*/
	}
	.modal-ui3.modal-ui3-fullscreen-mobile .modal-ui3-scroll-body {
		/*height: calc(100vh - 160px) !important;
		max-height: calc(100vh - 160px) !important;*/
	}
	.modal-ui3.modal-ui3-fullscreen-mobile .modal-ui3-scroll-footer {
		/*height: 85px !important;
		max-height: 85px !important;*/
	}
	.project-container #tabs .ui-tabs-panel .project-info-row.row.project-info-header {
		margin-top: 30px !important;
	}
	.project-container #tabs .ui-tabs-panel .project-info-row.row.project-info-header:first-child {
		margin-top: 0px !important;
	}
	#searchArea .search-text {
		font-size: 20px;
		padding: 0px;
	}
	#SearchContainer .right-icon-control .form-icon {
		top: 3px !important;
	}
	#SearchContainer #searchResult, .search-result-section {
		padding: 0px;
	}
	.TicketsAdvancedFilter {
		width: 100% !important;
	}
	.TicketsAdvancedFilter.TicketsAdvancedFilterSmall {
		width: calc(50% - 12px) !impotant;
	}
}
@media (max-width:400px){
	.ChatChannel .chat-inner-header .topic_image, .ChatChannel .chat-inner-header .topic_image img {
		width: 30px;
		height: 30px;
		margin-top: 0px;
	}
	.ChatChannel .chat-inner-header .topic_image i.fa-users {
		width: 30px;
		height: 30px;
		font-size: 17px;
        padding-top: 7px;
        padding-left: 6px;
	}
	.ChatChannelHeaderTitle {
		left: 45px !important;
		top: 15px !important;
		transform: none !important;
		display: block;
		width: calc(300px - 110px);
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	#listarea .ChatChannelHeaderTitle {
		left: 15px !important;
		width: calc(300px - 80px);
	}
}
@media (max-width:430px){
	#UsersMgrTable input{
		max-width: 200px;
	}
	#BD_Contract .modal-ui3-scroll-head{
		max-height: 22vh;
	}
	#BD_Contract .modal-ui3-scroll-body{
		max-height: 42vh;
	}
	#BD_Contract .modal-ui3-scroll-body.modal-ui3-scroll-confirm{
		max-height: 70vh;
	}
	#BD_Contract .modal-ui3-scroll-footer{
		max-height: 30vh;	
	}
	.dataTables_paginate ul.pagination {
		padding: 0px !important;
	}
	.dataTables_filter label {
		padding: 0px !important;
		width: 100%;
	}
	.dataTables_filter label input.form-control {
		width: 100% !important;
	}
	.dtSearchButton {
		width: 100%;
	}
	.modal-ui3 {
		transform: none;
		left: 10px;
		top: 65px;
		width: calc(100% - 20px);
	}
	.ticket-page-wrapper .tickets-button-print,
	.ticket-page-wrapper .tickets-button-configuration {
		display: none;
	}
	.ticket-page-wrapper .page-body .card .card-block {
		padding: 0px;
	}
	.ticket-page-wrapper .page-body .card .card-block .dataTables_paginate,
	.ticket-page-wrapper .page-body .card .card-block .dataTables_filter {
		padding: 0px 15px;
	}
	.ticket-page-wrapper .page-body .card .card-block .dataTables_length {
		float: none !important;
		width: 100%;
		padding: 0px 15px;
		text-align: center;
	}
}
@media (max-width:330px){
	.ProjectInfo_GeneralCol, .ProjectInfo_TimeCol {
		width: 100%;
		margin-bottom: 10px !important;
	}
}
/*@media (max-height:650px){
	.modal-ui3-scroll-body {
		max-height: 35vh !important;
	}
}*/
.tooltip {
    z-index: 10;
}

/* Modifica fatta per il ticket BDUI3.1974 */
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    left: calc(50% - 5px) !important;
}

.btn-slim, a.btn-slim:not([href]):not([tabindex]) {
    padding: 4px 20px;
    display: inline-block;
    color: white;
}
#targetsNewArea {
    padding: 20px 0px;
    border-bottom: 1px solid #ced4da;
}
.targetsTable {
    margin-top: 20px;
    padding: 0px;
    display: table;
    width: 100%;
}
.targetsRow {
    display: table-row;
}
.targetsCell {
    border-bottom: 1px solid silver;
    padding: 5px 8px;
    display: table-cell;
}
.targetsRow.targetsRowHead .targetsCell {
    font-weight: bold;
    /*background-color: whitesmoke;*/
}
.targetsCell.targetsDate {
    width: 140px;
}
#targetsNew {
    margin-bottom: 10px;
}
#targetsNewStat {
    margin-bottom: 10px;
}
.deleteTargetButton {
    color: silver !important;
}
.deleteTargetButton:hover {
    color: red !important;
}
ul.ui-tabs-nav {
    border-radius: 0px;
}

.dummyInputNumber {
    min-height: 30px;
    border-radius: 2px;
    display: block;
    line-height: 1.5;
    border: 1px solid #ced4da;
    position: relative;
	white-space: nowrap;
}
.dummyInputNumber .dummyInputNumberCurrency {
    width: 25px;
    text-align: center;
    padding: 5px 0px 2px;
    background-color: #e9edf0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    color: black;
    height: 30px;
    vertical-align: top;
    position: absolute;    
    left: 0px;
    top: 0px;
	cursor: default;
}
.dummyInputNumber.disabled .dummyInputNumberCurrency {
    background-color: #d8d8d8;
    height: 32px;
    padding: 7px 0px 1px;
    top: -1px;
}
.dummyInputNumber .form-control {
    border: 0px !important;
    text-align: right;
    height: 30px;
    vertical-align: top;
    outline: none !important;
    padding-left: 30px;
}


select.form-control:not([size]):not([multiple]) {
    height: 30px;
}
.addTenantAppUsers .swal2-popup.swal2-modal {
    width: 800px !important;
    max-width: 95% !important;
}
.tooltip.show {
    z-index: 100000000000;
}
#LinkTypeArea_3 span.select2.select2-container, #LinkTypeArea_2 span.select2.select2-container {
    margin-bottom: 5px;
}
#tabs input[type=text]{
	/*width:100%;*/
	/*margin-bottom: 10px;*/
}
#menuItemTitle{
	margin-top: 20px;
	margin-bottom: 20px;
}
.editListItemDet_row{
	position:relative;
    margin-bottom: 10px;
}
#editListItemDet input, #editListItemDet select {
    width: 75%;
	display: inline-block;
}
#editListItemDet .ui-tabs input.form-control, #editListItemDet .ui-tabs select.form-control {
    width: 100%;
}
#editListItemDet input[type="checkbox"]{
	width:fit-content;
	cursor:pointer;
}
.editListItemDet_label{
	display: inline-block;
	width: 25%;
	text-align:left;
}
.editListItemDet_row .select2-container {
    width: 75% !important;
    display: inline-block;
}
#menuItemTitle a{
	vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;																
}
ul.ui-tabs-nav{border:0px;border-radius: 0px;}





#selectLinkType {
	text-align: center;
}
#selectLinkType .editListItemDet_label {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}
#selectLinkTypeRadio {
    width: 100%;
    text-align: center;
	margin-bottom: 20px;
}
#selectLinkTypeRadio .LinkTypeButtonContainer {
	width: calc(33% - 30px) !important;
    display: inline-block;
    border: 1px solid silver;
    margin: 0px 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}
.LinkTypeButtonContainer input[type="radio"] {
    width: fit-content !important;
    margin-right: 5px;
    vertical-align: middle;
}
.LinkTypeButtonContainer .LinkTypeDesc {
    padding: 5px 5px;
    color: #585858;
    font-size: 13px;
}

#openMenuPageLink, #openMenuCatLink{
    position: absolute;
    right: 0px;
    top: 40px;
    color: black;
}

.grid-item:nth-of-type(odd) {
	background-color:whitesmoke;
}
.grid-item:nth-of-type(even) {
	background-color:white;
}
.grid-container {
	display: grid; /* This is a (hacky) way to make the .grid element size to fit its content */
	overflow: auto;
	height: 750px;
	width: 100%;
}
.grid {
	display: flex;
	flex-wrap: nowrap;
}
.grid-col {
	width: 300px;
	min-width: 300px;
}
.grid-item--header {
	position: sticky;
	position: -webkit-sticky;
	background: white;
	top: 0;
	height: fit-content !important;
	font-weight: bold;
}
.grid-col--fixed-left {
	position: sticky;
	left: 0;
	z-index: 10;
	background: white;
}
.grid-col--fixed-right {
	position: sticky;
	right: 0;
	z-index: 10;
	background: white;
}

.grid-item {
    padding: 5px;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    min-height: 65px !important;
    padding-bottom: 0px !important;
}
.system_lang_num {
	width: 40px;
	display: inline-block;
	vertical-align: top;
    margin-top: 5px;
}
.system_lang_fields {
	width: 100%;
	display: inline-block;
}
.system_lang_with_label {
	width: 400px;
}
.system_lang_with_label .system_lang_fields{
	width: calc(100% - 40px);
}
.system_lang_with_label .system_lang_fields .form-control{
	/*width:45%;
	margin-right:5%;*/
	display:inline-block;
}
.system_lang_note {
    width: 100%;
    display: block !important;
    padding: 0px 5px !important;
    font-size: 12px;
    min-height: 15px !important;
    margin-top: 3px;
    color: gray;
    background-color: transparent !important;
    border: 0px;
	outline: none !important;
    box-shadow: none !important;
}
.system_lang_with_label .grid-item {
	border-right: 2px solid silver;
}
.grid-item.grid-item--header {
    height: 30px !important;
    min-height: 30px !important;
	z-index: 1;
}
.SaveLangFileButton {
    float: right;
	display:none;
}
#toggleTemplateLang {
	float: right;
	text-transform: uppercase;
	text-decoration: none !important;
}
.timesheetTable .weekName {font-weight: bold;margin-top: 10px;}		
.timesheetTable .dayRow {
    border-top: 1px solid silver;
    min-height: 31px;
	padding: 6px 10px;
	padding-right: 0px;
}
.timesheetTable .dayRow.weekName {
    margin-top: 20px;
}
.timesheetTable .row.notWorkableDay {
    background-color: whitesmoke;
    color: gray;
}
.timesheetTable .iconLink {cursor: pointer;}
.timesheetTable .iconLink:hover {color: black;}									
.timesheetTable .dayRowDetails div.col-md-12{padding: 0px 10px 10px 25px;}
.timesheetTable .dayRowDetails div.col-md-12 div div{padding: 6px 8px}	
.timesheetTable .dayRowDetails div.col-md-12 div div.dayDet{background: whitesmoke;}
.timesheetTable .dayRowDetails div.col-md-12 div div.tsPause{
	background: #fff5f7;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    color: grey;																	
}
#Timesheet3ChartContainer .colMins {text-align: right; padding-right: 25px !important;}
#Timesheet3ChartDonut{
	width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
}
.ui-tabs-panel .ReportTimesheet3Filters {
    margin-top: 10px;
}
.ReportTimesheet3Filter input {
    padding: 6px;
}
.ReportTimesheet3Filters {
    margin-bottom: 30px;
}
.ReportTimesheet3Filter{
    display: inline-block;
	margin-right: 20px;
}
.ReportTimesheet3Filter_Label {
    margin-bottom: 5px;
    font-weight: bold;
}
.Timesheet3ChartContainer{
	overflow-x: auto !important;
}
.loadTimesheet3ChartButton{
	background-color: #2083b3 !important;
	padding: 7px 30px;
	border-radius: 5px !important;																																	
}
.FilterIntervalDates{display:none;}
.ExtraTimesheet {
    background-color: wheat;
}
.timesheetTable .row {
    margin: 0px;
}
.timesheetTable .row > div {
    padding: 2px 5px 2px 0px;
}
.timesheetTable .row > div:last-child {
    padding-right: 0px;
}
#Timesheet3ChartContainer .dayRow div {
    text-align: right;
}
.timesheetTableMobileLabel{
	display:none;
}
.newFolderButtonMobile{display:none;}
@media (max-width:768px){
	.project-container #tabs .ui-tabs-panel .wsm-page-wrapper {
		margin: 0px !important;
	}
	.ChatChannel.no-topics[data-elementtype="F"] .topic_image {
		margin-left: 23px;
	}
	.ChatChannelOpenInModal{display:none;}
	.projectNewStatus{
		margin: 10px;
	}
	.timesheetTable .row.dayRow.weekName:first-child {
		display: none;
	}
	.timesheetTable .dayRow {
		position: relative;
    	padding-left: 0px !important;
	}
	.timesheetTable .dayRow div {
		text-align: left !important;
		display: inline-block;
		width: fit-content;
		margin-right: 15px;
		white-space: nowrap;
	}
	.timesheetTable .dayRow div.obligation_attach, .timesheetTable .dayRow div.timesheet_attach, .timesheetTable .dayRow div.expenses_reports_row_attach {
		width: 20px !important;
		text-align: center !important;
	}
	.timesheetTable .dayRow div.dayHrs:last-child {
		position: absolute;
		right: 5px;
		margin: 0px;
	}
	.timesheetTable .dayRowDetails div.col-md-12 div.dayDet div:first-child,
	.timesheetTable .dayRowDetails div.col-md-12 div.tsPause div:first-child {
		width: fit-content;
		margin-right: 15px;
		display: inline-block;
	}
	.timesheetTable .dayRowDetails div.col-md-12 div.dayDet div.colMins,
	.timesheetTable .dayRowDetails div.col-md-12 div.tsPause div.colMins {
		display: inline-block !important;
		width: fit-content;
		color: gray;
	}
	.timesheetTableMobileLabel{display:inline-block;}
	.timesheetTable .row.dayRow.weekName:last-child div{
		width: 100%;
	}
	/*#chat-friend-list-header {
		display: none;
	}*/
	.newFolderButton{display:none !important;}
	.newFolderButtonMobile{display:block;}
	.pcoded[theme-layout="vertical"] .pcoded-header[pcoded-header-position="fixed"]{z-index: 100;}
}

.select2-container--default .select2-selection--multiple .select2-selection__choice, 
.select2-container--default .select2-selection--multiple .select2-selection__choice span{
    color: gray;
}
span.select2-selection.select2-selection--multiple {
    border: 1px solid #ced4da !important;
	padding: 0px !important;
	line-height: 17px;
    border-radius: 0px;
	min-height: 30px;
}
span.select2-dropdown {
    border: 1px solid silver !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2083b3;
}
.apexcharts-legend-series {
    margin: 0px 20px !important;
}
.apexcharts-legend {
    bottom: 0px !important;
}
#TimesheetChartDonut .apexcharts-legend-series {
    margin-bottom: 5px !important;
}
@media (max-width:500px){
	.ReportTimesheetFilter {
		width: calc(50% - 10px) !important;
		margin-bottom: 10px;
		margin-right: 0px !important;
		vertical-align: top;
	}
	.ReportTimesheetFilterMobile50 {
		width: calc(50% - 2px) !important;
		margin-right: 0px !important;
	}
	.ReportTimesheetFilter button {
		width: 100%;
	}
	.ReportTimesheetFilters {
		margin-top: 20px;
	}
}
#TimesheetChartDonut{
	width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
}
.ui-tabs-panel .ReportTimesheetFilters {
    margin-top: 10px;
}
.ReportTimesheetFilters {
    margin-bottom: 30px;
}
.ReportTimesheetFilter{
    display: inline-block;
	margin-right: 20px;
}
.ReportTimesheetFilter_Label {
    margin-bottom: 5px;
    font-weight: bold;
}
.TimesheetChartContainer{
	overflow-x: auto !important;
}
.loadTimesheetChartButton{
	background-color: #2083b3 !important;
	padding: 7px 30px;
	border-radius: 5px !important;																																	
}
.TimesheetChart_Total {
    display: inline-block;
    font-weight: bold;
}
.timesheetSection .dataTables_wrapper {
    margin-top: 20px;
}
.ui-tabs-panel .ReportTimesheetFilters {
    margin-top: 10px;
}
.ReportTimesheetFilters {
    margin-bottom: 30px;
}
.ReportTimesheetFilter{
    display: inline-block;
	margin-right: 20px;
}
.ReportTimesheetFilter_Label {
    margin-bottom: 5px;
    font-weight: bold;
}
#ticketListContainer .profileImg, .filterGroup .profileImg, table .profileImg, .card-block .profileImg, .chat-inner-header .profileImg, .tagPeopleBox .profileImg, .docRow .profileImg, #member-tabs-anagrafica .profileImg, #ticketUpdateform #TicketUsersTimers .profileImg {
	display: inline-block;
}
#ticketListContainer .profileImg img, .filterGroup .profileImg img, table .profileImg img, .card-block .profileImg img, .chat-inner-header .profileImg img, .tagPeopleBox .profileImg img, .docRow .profileImg img, #member-tabs-anagrafica .profileImg img, #ticketUpdateform #TicketUsersTimers .profileImg img {
	max-width: 23px;
	margin-right: 5px;
	border-radius: 50%;
	vertical-align: bottom;
}
.classicProfileImg{
	display: inline-block;
	position: relative;
}
.classicProfileImg img {
	max-width: 23px;
	border-radius: 50%;
	vertical-align: bottom;
}

.project-card-block .profileImg img{
	max-width: 23px;
}
table#ProjectHrTable .profileImg img{
	vertical-align: middle;
}

.handler-move-icon {
	margin-right: 10px;
	cursor: move;
	height: 15px;
	background-color: initial !important;
}
.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}
#MenuListContainer a{cursor:pointer;}																												
.list_item_label{
	padding-right: 10px;													
}														
#MenuListContainer li a.isActive, #MenuListContainer li a.deleteListItem{
	float:right;
	margin-left: 10px;
	color: grey;
	margin-top: 0px;
}
.list_item_label a.isActive, .list_item_label a.deleteListItem{
	margin-top: 5px;
}

#MenuListContainer li a.isActive:hover, #MenuListContainer li a.deleteListItem:hover{
	color: black;
}														
.confirmDel{
	color:pink !important;															
}		
.confirmDel:hover{
	color:red !important;															
}	
#MenuListContainer li.placeholder {
	position: relative;
	/** More li styles **/
}
#MenuListContainer li.placeholder:before {
	position: absolute;
	/** Define arrowhead **/
}							
#MenuListContainer{
	padding:0px;
}			
#MenuListContainer li{
	padding: 10px;
	margin-top: 10px;
	list-style-type: none;
}
#MenuListContainer .child_list li {
	padding: 5px;
}
li.is_dropped {
	background-color: #ffffb4;
}					
.list_item_label a {
	text-decoration: underline;
	vertical-align: super;
}
#itemDetailsContainer{
	display:none;
}
#saveAlert{
	display: inline-block;
	font-size: 13px;
	color: green;																											
}
#createMenuForm input{
	font-size:15px;
}
.list_item_label a{
	vertical-align: middle;																														
}
.listItem {
	background-color: whitesmoke;
}
.child_list .listItem {
	background-color: #dedede;
}
.listItem.listItemDisabled, .child_list .listItem.listItemDisabled{
	background-color: #b8b8b8;
}
@media(min-width:1024px) and (max-width:1110px){
	.searchBox .searchinput input{min-width:150px;width:150px;}
}
.slimScrollBar{
	background: rgb(0, 0, 0) !important;																				
}
.onWritingBox, .onWritingChannel{
    width: 100%;
    position: absolute;
	display: none;	
	bottom: 1px;
    left: 0;
    color: grey;
    font-size: 12px;
	font-weight: initial;
	font-style:italic;
	padding-left: 8px;
}
.messagesContainer{
	overflow-y: auto;	
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
}
.showPrevMessages {
    text-align: center;
    margin-bottom: 10px;
}
.chat-menu-content:before {
    border-right-color: #fefefe;
}
.new-message-placeholder{
	position: absolute;
    color: silver;
	z-index: -1;
	padding-left: 3px;
}
.new-message{
	outline: none !important;
	padding-right: 30px;
	padding-left: 3px;
	min-height: 21px;
	overflow-x: auto;
}
.new-message::-webkit-scrollbar {
    display: none;
}
#sidebar {    
	height: calc( 100% - 56px );
	top: 56px !important;
}
.sendMsgButton {    cursor: pointer;position: absolute;
    padding: 7px 10px;
    top: 0px !important;
    right: 3px !important;}
.chat-inner-header {
	/*padding-top: 18px !important;
	padding-bottom: 15px !important;*/
    margin-bottom: 0px !important;
	background: white;
	position: relative !important;
    width: 100%;
    z-index: 2;		
	height: 55px;
	padding: 0px !important;
}	
#sidebar .showChat_inner {
    top: 56px;
}
.back_chatBox i {
    margin-top: 0px;
	padding: 6px 10px 5px;
}		
.back_chatBox {
    margin-top: 5px;
}	
.showChat_inner .chat-messages {
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    width: 80%;
    word-break: break-word;
	/*margin-top: 5px;
	margin-bottom: 5px;*/
}
.sentByMe {float: right;}
p.chat-sender {
    font-size: smaller;
	padding-left: 10px;
    font-weight: bold;
    padding-top: 5px;
    margin-bottom: 0px;
}
.chat-menu-reply {
    background: #dcf8c6;
	border-radius: 7.5px;
	box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
	min-width: 200px; /* 14/04/2020 */
}
.chat-menu-content {
    background: #ffffff;
	border-radius: 7.5px;
	box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);	
	min-width: 200px; /* 14/04/2020 */
}
.chat-menu-reply:before {
    border-left-color: #dcf8c6;
}
.chat-menu-reply .chat-cont, .chat-menu-reply {
    color: #000;
}
.chat-time {
    padding-bottom: 0 !important;
    font-size: smaller;
    color: grey !important;
	margin-bottom: 5px;
}		
.showChat_inner {
    background-color: var(--light);    /*overflow-y: auto;padding-bottom: 120px;*/
}	
.chat-menu-content .chat-cont, .chat-menu-reply .chat-cont {
    margin-bottom: 0px;	
	padding: 5px 10px !important;
}
.chat-reply-box {
	width: 100%;
    z-index: 1;
	padding-left:12px !important;
	padding-right:12px !important;
}			
.card-block-whatsapp .chat-reply-box .right-icon-control {
    border: 1px solid #d2dbe3;
    padding: 6px;
    border-radius: 20px;
    width: 100%;
    display: inline-block;
	background-color: white;
    padding-left: 35px;
}
.showChat_inner, #sidebar, #sidebar .users-main{
	width:400px !important;
}
.chat-file i.fa-download {    font-size: 25px;float: right; margin-left: 10px;margin-top: 6px;color: #0000004f;}
.chat-file i.fa-download:hover {color: #000000;}
.chat-file {background-color: #0000001a; padding: 5px 8px; border-radius: 5px;margin-top: 5px;}
.chat-file a {color: initial;}
.chat-file-ban {color: #0000004f;}
.chat-image {
    height: 100px;
    background-position: center;
    background-size: cover;
    cursor: pointer;
	max-width: 200px;
	margin-bottom: 10px;
    border-radius: 3px;
}
.chat-image img {
    width: 200px;
    max-width: 100%;
    cursor: pointer;
}
.chat-image .chat-file i.fa-download {
    margin: 0px;
    font-size: 14px;
    margin-top: 5px;
}



.chat-filesize {font-size: smaller;}
.chatAlert {
    background-color: #efa91b;
    /*width: 100%;*/
	max-width: 100%;
    color: white;
    position: fixed;
    z-index: 2;
    padding: 6px 20px;
    font-size: small;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efa91b+0,f1b709+100 */
	background: #efa91b; /* Old browsers */
	background: -moz-linear-gradient(top,  #efa91b 0%, #f1b709 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #efa91b 0%,#f1b709 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #efa91b 0%,#f1b709 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efa91b', endColorstr='#f1b709',GradientType=0 ); /* IE6-9 */
}
.chatAlert a {font-size: small;}
.chatAlert i.fa {margin-right: 5px;}
@media (max-width:768px){
	.showChat_inner, #sidebar, #sidebar .users-main {
		width: 100% !important;
	}	
	.body.disableScrollMobile{
		/* Usato per quando viene mostrata la chat a tutto schermo su mobile*/
		overflow-y:hidden !important;
	}
	.user-box {
    	height: calc(100% - 100px);
	}
}
.documetsContainerCol .table-responsive {
    overflow-y: hidden;
}
.chat-reply-box .emoji-picker-icon{
    left: 10px;
    width: fit-content;
    right: inherit !important;
    top: 7px;
}
.chat-reply-box .right-icon-control .form-icon {
	padding-top: 6px;
}
.chat-reply-box .emoji-menu{
	right: inherit !important;
    z-index: 5002;
    left: 0;
    width: 100%;
    top: -120px;																							
}
.chat-reply-box .emoji-wysiwyg-editor{    
	height: inherit !important;
    min-height: 20px;
    padding: 2px;
    border: 0px;
    outline: none;
    padding-right: 30px;
}

/* Per la vecchia chat di supporto */
#support-chat-body .ProjectChatKeyboard .emoji-wysiwyg-editor {
    padding: 5px !important;
}																							
																									
/* width */
#sidebar ::-webkit-scrollbar {
	width: 5px;
}

/* Track */
#sidebar ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
#sidebar ::-webkit-scrollbar-thumb {
  background: #bdc3c7; 
}

/* Handle on hover */
#sidebar ::-webkit-scrollbar-thumb:hover {
  background: #868686; 
}
																					
/* width */
.sliscroll_container ::-webkit-scrollbar,
.modal-ui3-scroll-content ::-webkit-scrollbar{
	width: 5px;
}

/* Track */
.sliscroll_container ::-webkit-scrollbar-track,
.modal-ui3-scroll-content ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.sliscroll_container ::-webkit-scrollbar-thumb,
.modal-ui3-scroll-content ::-webkit-scrollbar-thumb {
  background: #bdc3c7; 
}

/* Handle on hover */
.sliscroll_container ::-webkit-scrollbar-thumb:hover,
.modal-ui3-scroll-content ::-webkit-scrollbar-thumb:hover {
  background: #868686; 
}

.TicketImageMessages .media.chat-messages,
.tabs-ticket-chat .media.chat-messages {
    display: inline-block;
    z-index: 10000;
    width: 100%;
}
.TicketImageMessages .media.chat-messages .media-body,
.tabs-ticket-chat .media.chat-messages .media-body {
    width: fit-content;
}
.TicketImageMessages .media.chat-messages.sentByMe .media-body,
.tabs-ticket-chat .media.chat-messages.sentByMe .media-body {
    float: right;
	margin-bottom: 5px;
}

.professional_calendar_daytime_block {
	margin-bottom: 10px;
}

#CmfCustomerConsentForm ul {
    padding-left: 20px !important;
    list-style-type: disc;
    margin-bottom: 20px;
}
/*
#CmfCustomerConsentForm input.form-control {
    display: inline-block;
    width: 200px;
    margin-left: 5px;
    margin-right: 5px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding: 0px;
    height: 20px !important;
    min-height: 20px !important;
}*/
@media screen and (max-width: 600px) {
	#customerConsentData input.form-control[name=FISCALCODE] {
		width: 100%;
	}
}
@media screen and (min-width: 600px) {
	#CmfCustomerConsentForm input.form-control[name=BIRTHDATE] {
		width: 150px;
	}
}
#CmfCustomerConsentForm input.form-control[name=CAP] {
    width: 100px;
}
#CmfCustomerConsentForm input.form-control[name=PRV] {
    width: 50px;
}
#CmfCustomerConsentForm input.form-control[name=FISCALCODE] {
    text-transform: uppercase;
}
#CmfCustomerConsentForm .required_not_completed {
    border-color: red;
	color: red;
}
.CmfProfessionalCalendarTable td .discount {
	padding: 5px;
	background-color: #f7a823;
	color: white;
	border-radius: 5px;
	text-align: center;
	width: 40px;
}
.CmfProfessionalCalendarTable td.onRequest,
.CmfProfessionalCalendarTable td.onRequest .discount {
	background-color: #f7a823 !important;
}
.CmfProfessionalCalendarTable td.notOnRequest,
.CmfProfessionalCalendarTable td.notOnRequest .discount {
	background-color: green !important;
}
.CmfProfessionalCalendarTable.legend td {
	background-color: white !important;
	border: 0px !important;
}
.CmfProfessionalCalendarTable td.dayClosed {
	background-color: #a30000 !important;
}
						#SquisitoAvailDate,
						#SquisitoWeekDiscountDate,
						#SquisitoPlaceShiftOnRequestDate,
						#CmfProfessionalCalendarDate {
							width: 110px;
							vertical-align: top;
							position: relative;
							margin-top: -18px;
						}
						#SquisitoAvailDate i.fa.fa-calendar,
						#SquisitoWeekDiscountDate i.fa.fa-calendar,
						#SquisitoPlaceShiftOnRequestDate i.fa.fa-calendar,
						#CmfProfessionalCalendarDate i.fa.fa-calendar {
							position: absolute;
							top: 10px;
							left: 10px;
						}
						#SquisitoAvailDate input.form-control,
						#SquisitoWeekDiscountDate input.form-control,
						#SquisitoPlaceShiftOnRequestDate input.form-control,
						#CmfProfessionalCalendarDate input.form-control {
							height: 35px;
							padding-left: 30px;
							cursor: pointer;
							z-index: 10;
							position: absolute;
							width: 100%;
							background-color: transparent;
							border-width: 1px;
							border-style: solid;
							border-color: rgb(245, 245, 245);
							border-image: initial;
						}

						.SquisitoPlaceWeekDiscountTable {
							margin-bottom: 30px !important;
						}
						.SquisitoPlaceWeekDiscountTable td .discount {
							padding: 5px;
							background-color: #f7a823;
							color: white;
							border-radius: 5px;
							text-align: center;
						}
						.SquisitoPlaceWeekDiscountTable td.is_edit .discount {
							background-color: #00c200;
						}
						.SquisitoPlaceWeekDiscountTable td.is_edit.is_disabled .discount {
							background-color: darkgray !important;
						}
						@media(max-width: 1200px){
							.SquisitoPlaceWeekDiscountTable {
								float: none !important;
							}
						}
						.SquisitoPlaceAvailabilityTable td, .SquisitoPlaceAvailabilityTable th,
						.SquisitoPlaceWeekDiscountTable td, .SquisitoPlaceWeekDiscountTable th,
						.SquisitoPlaceShiftOnRequestTable td, .SquisitoPlaceShiftOnRequestTable th,
						.CmfProfessionalCalendarTable td, .CmfProfessionalCalendarTable th {
							padding: 5px 10px;
							min-width: 35px;
							border-bottom: 1px solid #cecece;
							border-right: 1px solid #cecece !important;
							border-left: 1px solid #cecece !important;
							border-top: 1px solid #cecece !important;
							font-size: 15px;
						}
						.SquisitoPlaceWeekDiscountTable.legend td {
							border: 0px !important;
						}
						.SquisitoPlaceAvailabilityTable th.disabled, 
						.SquisitoPlaceAvailabilityTable th.dayPassed,
						.SquisitoPlaceAvailabilityTable td.disabled, 
						.SquisitoPlaceAvailabilityTable td.dayPassed,
						.SquisitoPlaceWeekDiscountTable th.disabled, 
						.SquisitoPlaceWeekDiscountTable th.dayPassed,
						.SquisitoPlaceWeekDiscountTable td.disabled, 
						.SquisitoPlaceWeekDiscountTable td.dayPassed,
						.SquisitoPlaceShiftOnRequestTable th.disabled, 
						.SquisitoPlaceShiftOnRequestTable th.dayPassed,
						.SquisitoPlaceShiftOnRequestTable td.disabled, 
						.SquisitoPlaceShiftOnRequestTable td.dayPassed,
						.CmfProfessionalCalendarTable th.disabled, 
						.CmfProfessionalCalendarTable th.dayPassed,
						.CmfProfessionalCalendarTable td.disabled, 
						.CmfProfessionalCalendarTable td.dayPassed {
							background-color: #e5e5e5;
							cursor: initial !important;
						}
						.SquisitoPlaceAvailabilityTable th.dayPassed, 
						.SquisitoPlaceAvailabilityTable td.dayPassed,
						.SquisitoPlaceWeekDiscountTable th.dayPassed, 
						.SquisitoPlaceWeekDiscountTable td.dayPassed,
						.SquisitoPlaceShiftOnRequestTable th.dayPassed, 
						.SquisitoPlaceShiftOnRequestTable td.dayPassed,
						.CmfProfessionalCalendarTable th.dayPassed, 
						.CmfProfessionalCalendarTable td.dayPassed {
							background-color: whitesmoke;
							color: gray;
						}
						.SquisitoPlaceAvailabilityTable th.overbooking, 
						.SquisitoPlaceAvailabilityTable th.overbooking,
						.SquisitoPlaceAvailabilityTable td.overbooking, 
						.SquisitoPlaceAvailabilityTable td.overbooking,
						.SquisitoPlaceWeekDiscountTable th.overbooking, 
						.SquisitoPlaceWeekDiscountTable th.overbooking,
						.SquisitoPlaceWeekDiscountTable td.overbooking, 
						.SquisitoPlaceWeekDiscountTable td.overbooking,
						.SquisitoPlaceShiftOnRequestTable th.overbooking, 
						.SquisitoPlaceShiftOnRequestTable th.overbooking,
						.SquisitoPlaceShiftOnRequestTable td.overbooking, 
						.SquisitoPlaceShiftOnRequestTable td.overbooking,
						.CmfProfessionalCalendarTable th.overbooking, 
						.CmfProfessionalCalendarTable th.overbooking,
						.CmfProfessionalCalendarTable td.overbooking, 
						.CmfProfessionalCalendarTable td.overbooking {
							background-color: pink;
						}




.scrollableTabs.squisitoMenu {
    border: 0px;
}
.scrollableTabs.projectMenu,
.scrollableTabs.squisitoMenu,
.scrollableTabs.topicFormMenu {
    overflow-x: auto;
	margin-bottom:0px;
}
.scrollableTabs.squisitoMenu ul {
    overflow-x: auto;
    width: max-content;
    background: #f3f3f3;
    overflow-y: hidden;
}
.scrollableTabs.squisitoMenu ul li {
    background-color: transparent !important;
    border: 0px;
}
.scrollableTabs.squisitoMenu .ui-tabs-panel {
    padding: 0px;
    padding-top: 10px;
}
.project-container .scrollableTabs .ui-tabs-nav {
	overflow-x: auto;
    width: max-content;
	background: white;
}
.project-container #tabs .ui-tabs-panel {
    padding-top: 18px;
}
.mainModal .floatingContent {
	height: calc(100% - 30px);
	overflow-y: auto;
	margin-top: 30px;
}
.mainModal .floatingContent .ui-tabs-panel{
    padding: 10px;
}
.mainModal #listarea {
    margin-top: 0px;
    height: auto !important;
    overflow-y: hidden !important;
    overflow-x: hidden;
}
.notification-fulllist img {border-radius: 50%; max-width: 50px;margin-right: 10px;}
.notification-fulllist li {padding: 8px;border-bottom:1px solid #cecece;}
.notification-fulllist .media-body {padding-top: 5px;}
.notification-fulllist li:hover {background-color: #f1f1f1;}


.imagescontainer .imgarea {
    margin: 5px;
    width: 180px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: whitesmoke;
    background-position: 50%;
}
.imagescontainer .imgbox {
    display: inline-block;
    border: 1px solid silver;
    border-radius: 3px;
    margin: 9px;
}
.imagescontainer .picsFilename {
    overflow-x: hidden;
    max-width: 170px;
    font-size: 11;
    color: grey;
    margin-left: 5;
    margin-right: 5;
}		
.imagescontainer .imgbox.secretImage {
    background-color: #9c9c9c;
}
.imagescontainer .imgbox.secretImage .picsFilename {
    color: white;
}
.fancybox-skin {
    margin-top: 65px;
}
.fancybox-title {
    white-space: nowrap;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0);
    width: fit-content;
}
.fancybox-inner {
    width: auto !important;
    max-height: 684px !important;
}
.TicketImageMessages {
    display: inline-block;
    width: 400px !important;
    float: right;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
	text-align:initial;
}
.CustomFancyBox .fancybox-image {
    display: inline-block !important;
    height: auto !important;
    width: auto !important;
	max-height: calc(100% - 100px) !important;
    max-width: calc(100% - 440px) !important;
}
.fancybox-nav {
    height: 20px !important;
    bottom: 10px !important;
    top: inherit !important;
	width: fit-content !important;
}
/* Commentato per il ticket BPP1381
a.fancybox-nav.fancybox-next {
    right: 400px !important;
}
*/
.fancybox-nav span {
	visibility: visible !important;
}
.fancybox-inner {
    height: 100% !important;
    text-align: center !important;
    max-height: 100% !important;
}
.fancybox-wrap {
    width: 90% !important;
    height: 80% !important;
    left: 5% !important;
    top: 5% !important;
	padding-top: 10px !important;
}
.fancybox-skin {
    margin: 0px !important;
    height: 100% !important;
}
.fancybox-outer {
    height: 100% !important;
}
.TicketImageMessages .showChat_inner{
    display: block;
    position: relative;
    top: 0px !important;											
}
.TicketImageMessages .new-message {
    margin: 0px;
	cursor: text;
}
.TicketImageMessages .chat-reply-box {
    bottom: 0;
	padding-bottom: 15px !important;
}
.company_showChat_inner .new-message {
    padding-right: 30px;
}
#fancybox-buttons, .fancybox-title{
    display: none !important;
}
.ImgNameLevel {									
    text-align: left;
    padding: 20px;
}												
.TicketImageMessages .media.chat-messages:first-child
.tabs-ticket-chat .media.chat-messages:first-child {
    margin-top: 10px;
}
.EditImgName{display:none;}
.EditImgName input[type="text"] {
    max-width: 400px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.ShowImgName .fa{display:none;color:silver;}
.ShowImgName .fa:hover{color:black;}
.ImgNameLevel:hover .ShowImgName .fa{display:inline-block;}
.chat-sender .sender-pic {
    border-radius: 50%;
    width: 20px;
    margin-right: 5px;
    margin-top: 2px;
}
.messagesContainer {
    overflow-x: hidden;
}


	.template_row_edit{display:none;}
	.template_table_title {
	    background-color: lightgrey;
		padding:5px;
		font-weight: bold;
	}
	.template_row {
		padding: 5px;
		border-bottom: 1px solid silver;
	}
	.template_row_subject {
		color: gray;
		font-size: 12px;
	}
	.template_row_edit input{
		width:300px;
		max-width:95%;
		margin-right:10px;
	}
	.option_label{margin-right:10px;}
	.template_row a i.fa {
		color: silver;
	}
	.template_row a i.fa:hover{
		color: silver;
	}
	.template_row a.confirmDel i.fa {
		color: pink;
	}
	.template_row a.confirmDel i.fa:hover{
		color: red;
	}
	.template_row .deleteOption_button, .template_row .editOption_button, .template_row .editOption_upload, .template_row .editOption_folders {display:none;}
	.template_row:hover .deleteOption_button, .template_row:hover .editOption_button, .template_row:hover .editOption_upload, .template_row:hover .editOption_folders {display:inline-block;}
	#area_linkslist span.select2-selection {
		padding: 0px;
	}
			.archive_folder_row {
				margin-bottom: 10px;
			}
			.archive_folder_row .action_icon {
				margin-left: 10px;
				display: none;
			}
			.archive_folder_row:hover .action_icon {
				display: inline-block;
			}
.mainModal .floatingContent #footer{
    position: absolute;
}
/*Correzioni sull'intestazione
#mainNavbarList ul.nav-left li {
    height: 56px;
}
#mainNavbarList ul.nav-left li a {
    padding: 0px !important;
    height: 15px;
    top: 25px;
    font-size: 18px;
}
#mainNavbarList ul.nav-left li a i {
    top: 0 !important;
}
*/
.nav-left-button a i {
    vertical-align: middle;
	font-size: 16px;
}
.pcoded-inner-navbar.main-menu.mCustomScrollbar._mCS_1.mCS-autoHide span.shortcut {
    display:none;
}
.pcoded-inner-navbar.main-menu.mCustomScrollbar._mCS_1.mCS-autoHide.mCS_no_scrollbar a:hover span.shortcut,
.pcoded-inner-navbar.main-menu.mCustomScrollbar._mCS_1.mCS-autoHide .pcoded-submenu a:hover span.shortcut {
    display:inline-block;
}
	/*.dailyArea ul {
		min-height: 200px;
	}*/
.DailyPageTitle {
    margin-bottom: 8px !important;
}
.dailyListDeadline{
	margin-bottom:20px;
}
h5.DailyPageTitle .daily-go-to-today {
    display: none;
}
h5.DailyPageTitle:nth-child(2) .daily-go-to-today {
    display: block;
}
	.dailyArea li {
		padding: 5px;
		border-bottom: 1px solid whitesmoke;	
		white-space: normal;
	}
	.dailyTicketsTasksToday li, .dailyTicketsTasks li {
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.dailyArea li i.icon-warning-alt.redalert {
		vertical-align: sub;
		margin-left: 0;	
	}
	.dailyArea ul li.daily_separator {
		background-color: white !important;
		border-bottom: 3px solid #515151 !important;
		font-weight: bold !important;
		margin-top: 40px !important;
	}
	.dailyArea ul li.daily_separator.daily_separator_editable:hover {
		cursor: pointer;
		background-color: whitesmoke !important;
	}
	.dailyArea ul li.daily_separator:first-child,
	.dailyArea .DailyPlanDayBody ul li.daily_separator {
		margin-top: 0px !important;
	}



	.dailyNav {float: right; color:lightgray; cursor: pointer;margin-top: 28px;}
	.dailyNav i.fa-chevron-left {margin-right: 5px;}
	.dailyNav i:hover {color:black}
	.dailyArea .dailytitle {
		font-weight: bold;
		border-bottom: 1px solid silver;
		margin-bottom: 10px;
		padding-bottom: 2px;
		margin-top: 30px;
	}	
	/*.dailyAgenda, .dailyTargets {
		min-height: 150px;
	}*/


	.dailyProject {
		font-size: 12px;
		color: grey;
		cursor: pointer;
		width: fit-content;
    	white-space: nowrap;
	}
	.dailyProject:hover {
		color: black;
	}
	.dailyArea .dailyTicket, .dailyArea .dailyTask {
		margin-bottom: 10px;
		padding: 5px 10px;
		border-bottom: 1px solid whitesmoke;
	}
	.dailyArea .dailyTicket:last-child, .dailyArea .dailyTask:last-child{
		margin-bottom:0px;
	}
	.dailyArea .dailySubTasks {
		padding: 0px 0px 0px 40px;
		margin-top: 5px;
	}
	.dailyArea .dailySubject {
		/*display: inline-block;*/
		cursor: pointer;
	}
	.dailyArea .dailyAgendaEvent, .dailyArea .dailyBirthDay {
		padding: 5px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	.dailyAgendaEvent, .dailyBirthDay {
		margin: 0px;
		background-color: #ffd600;
	}
	.dailyArea .dailyBirthDay {
		cursor: initial;
	}
	.dailyAgendaEvent .dailyProject {
		color: black;
		font-weight: bold;
	}
	.DailyPlanDayBody .elementCompleted {
		display: none;
	}
	.dailyArea .dailySubTasks .dailyTask{
		border-bottom: 0px;
		font-size: 12px;
		padding: 0;
		margin-bottom: 4px;
	}
	.dailyArea .dailyTicket:hover, .dailyTask:hover, .dailyArea li:hover {
		background-color: whitesmoke;
	}
	.dailyArea .dailyNotes textarea{height: 150px;margin-bottom:10px;}
	.dailyArea .dailyTicket i.icon-warning-alt.redalert, .dailyArea .dailyTask i.icon-warning-alt.redalert {
		vertical-align: sub;
	}
	.dailyArea .dailyTimer {
		margin-top: 3px;
	}
	.dailyArea .dailyTimer, .dailyArea .dailyComplete, .dailyArea .dailyCreateTicket {
		color: #BBB;
		float: right;
		font-size: 12px;
		font-weight: initial;
	}
	.dailyArea .dailyTimer i, .dailyArea .dailyComplete i, .dailyArea .dailyCreateTicket i {
		vertical-align: text-top;
	}
	.dailyArea .ticketCode, .ticketCode, .yellowCode {
		background: #ffd600;
		padding: 2px 5px;
		border-radius: 3px;
		cursor: pointer;
		font-size: 12px;
		margin-right: 5px;
		font-weight: 600;
		width: fit-content;
		display: inline-block;
		color: black;
	}
	.project-status-table .ticketCode {
		background-color: initial;
		padding: 0px;
	}
	.mail-body-content .yellowCode{
		margin-left: 5px;
		vertical-align: top;
	}
	.mail-body-content .send_error_icon {
		color: red;
	}
	.dailyArea .elementDisabled {color: #cacaca;background-color: whitesmoke !important;}
	.dailyArea .elementDisabled .ticketCode {background: #dadada;color: white;}
	.dailyArea .elementDisabled .redalert {color: #dadada;}
	.dailyArea .elementDisabled .dailySubject {text-decoration: line-through;}
	.dailyArea .elementDisabled .sharedIcon {background: #dadada;}
	.dailyArea .elementDisabled .dailyProject  {color: #cacaca;}
	.dailyArea .elementDisabled .dailyTimer, .dailyArea .elementDisabled .dailyComplete, .dailyArea .elementDisabled .dailyCreateTicket {display:none;}
	/*
	.dailyArea .dragImg {
		margin-right: 5px;
		margin-left: 0px !important;
	}
	*/
	.dailyArea .dragImg {
		transition: width 0.25s;
		width: 0px;
		height: 17px;
		display: inline-block;
		margin-left: 0px;
	}
	li:hover .dragImg {
		width: 10px;
	}
	.DailyPlanDayBody {
		width: 100%;
		min-height: 200px;
		background-color: whitesmoke;
	}
	.DailyPlanDayTitle {
		padding: 5px;
		border-bottom: 1px solid silver;
		font-weight: bold;
		text-transform: capitalize;
		cursor: pointer;
	}
	.DailyPlanDayTitle .hhmm {color: grey;float: right;font-weight: normal;}

	.DailyPlanDay {
		margin-bottom: 20px;
	}
	.DailyPlanDay:last-child {
		margin-bottom: 0px;
	}
	.DailyPlanDayEmpty {
		color: silver;
		text-align: center;
		padding: 80px 10px;
	}
	.dailyArea .dailyTicketsTasksSecondary ul {
		min-height: 0px;
	}
	.card-header-right .daily-link{
		margin-right: 15px;
		font-size: 12px;
	}
	.daily-link{
		color: gray !important;
		cursor:pointer;
		font-weight: normal;
	}
	.daily-link:hover{
		color: black !important;
	}
	.dailyArea .dailyComplete, .dailyArea .dailyCreateTicket {
		display: none;
	}
	.dailyArea li:hover .dailyComplete, .dailyArea li:hover .dailyCreateTicket {
		display: inline-block;
	}
	.DailyPlanDayBody .dailyAgendaEvent {
		margin: 0px;
	}
	input#dailyAreaFilter {
		width: calc(100% - 200px);
		color: grey;
		border: none;outline: none;}
.workingOn {
  	background-Color: #D8D8D8;
  	padding: 3px 6px;
  	margin-left: 8px;
  	border-radius: 5px;
  	color: white;
	font-size:smaller;
	white-space: nowrap;
	cursor:help;
	vertical-align:text-top;
}
.DeadlineBadge {
    background-color: #c02400;
    color: white;
    white-space: nowrap;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 12px;
}
.DeadlineBadge.fa-clock-o {
    width: 20px;
    height: 20px;
    padding: 3px;
    font-size: 14px;
    border-radius: 50%;
	font-weight: initial;
}
.dailyArea .elementDisabled .DeadlineBadge.fa-clock-o {
    color: #f5f5f5;
    background-color: #dadada;
}
.dailyPlanArea .DeadlineBadge {
    color: #c02400;
    background-color: inherit;
	padding-left: 0px;
    padding-right: 0px;
}
.dailyPlanArea .DeadlineBadge.expired {
    color: white;
    background-color: #c02400;
	padding-left: 5px;
    padding-right: 5px;
}
.dailyArea .ticketCode,
.dailyPlanArea .ticketCode {
    margin-bottom: 2px;
}
/*
.DeadlineBadge i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
*/
.dailyArea .workingOn {
    float: right;
}
#openpagesBlink {
    font-size: 10px;
    position: absolute;
    right: 5px;
    top: 15px;
    color: red;
    display: none;
}
.SuggestedTicket {
    padding: 5px 10px;
    background-color: lightyellow;
}
.questionMark {
	float: left;
    margin-right: 8px;
    margin-top: 8px;
    color: cornflowerblue;
}
a.share_icon {
    vertical-align: middle;
    cursor: pointer;
	float: right;
}
a.share_icon i {
    color: darkgray;
}
a.share_icon:hover i {
    color: black;
}
#CFM_FerriesCartOptions {
    width: 800px;
    max-width: 95%;
}
#MobyCfLightboxContent .row,
#CFM_FerriesCartOptionsContent .row {
    margin: 0px;
}
#MobyCfLightbox,
#CFM_FerriesCartOptionsContent {
    width: 1000px;
    max-width: 90%;
}
#CFM_FerriesCartOptionsContent {
    max-width: 100%;
}
#MobyCfLightbox a,
#CFM_FerriesCartOptionsContent a {cursor:pointer;}
#MobyCfLightbox select,
#CFM_FerriesCartOptionsContent select {
	max-width: 100%;
    width: 100%;
	height: 36px;
}
#MobyCfLightboxContent .ferriesForm label.form-group-label {
    margin-bottom: 0px;
}
#MobyCfLightbox .form-group-img {
    height: 35px;
	vertical-align: middle;
}
#MobyCfLightbox .notSelected img,
#CFM_FerriesCartOptionsContent .notSelected img {
    opacity: 0.25;
}
/*#MobyCfLightbox .dogCheckBoxIcon img,*/
#CFM_FerriesCartOptionsContent .dogCheckBoxIcon img {
    width: 45px !important;
    margin-left: -12px !important;
}
/*#MobyCfLightbox .carCheckBoxIcon img,*/
#CFM_FerriesCartOptionsContent .carCheckBoxIcon img {
    width: 32px !important;
}
/*#MobyCfLightbox .motorCheckBoxIcon img,*/
#CFM_FerriesCartOptionsContent .motorCheckBoxIcon img {
    width: 32px !important;
}
/*#MobyCfLightbox .cabinCheckBoxIcon img,*/
#CFM_FerriesCartOptionsContent .cabinCheckBoxIcon img {
    width: 32px !important;
}
#MobyCfLightbox .routePassengers img,
#CFM_FerriesCartOptions .routePassengers img{
    height: 22px;
    vertical-align: middle;
}

#MobyCfLightbox .selectRouteTableTitle,
#CFM_FerriesCartOptionsContent .selectRouteTableTitle{
    font-size: 25px;
    padding: 0 10px 5px;
    background-color: #f3f4f7;
   	border-bottom: 1px solid silver;
	line-height: 20px;
}
#MobyCfLightbox .selectRouteTable,
#CFM_FerriesCartOptionsContent .selectRouteTable {
    margin-bottom: 20px;
}
#MobyCfLightbox .RouteTable,
#CFM_FerriesCartOptionsContent .RouteTable {
    display: table;
    background-color: #f3f4f7;
	width:100%;
}
#MobyCfLightbox .RouteTableRow,
#CFM_FerriesCartOptionsContent .RouteTableRow {
    display: table-row;
}
#MobyCfLightbox .RouteTableRow:last-child,
#CFM_FerriesCartOptionsContent .RouteTableRow:last-child{
	border-bottom:0px;
}
#MobyCfLightbox .RouteTableCell:first-child,
#CFM_FerriesCartOptionsContent .RouteTableCell:first-child{
	border-left: 1px solid silver;
}
#MobyCfLightbox .RouteTableCell:last-child,
#CFM_FerriesCartOptionsContent .RouteTableCell:last-child{
	border-right: 1px solid silver;
}
#MobyCfLightbox .RouteTableCell,
#CFM_FerriesCartOptionsContent .RouteTableCell {
    display: table-cell;
    padding: 10px;
}
#MobyCfLightbox .RouteTableCell input[type="radio"],
#CFM_FerriesCartOptionsContent .RouteTableCell input[type="radio"] {
    margin-right: 5px;
}
#MobyCfLightbox .routePassengers,
#CFM_FerriesCartOptionsContent .routePassengers {
    color: #115699;
    font-size: 14pt;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}
#MobyCfLightbox .RouteSolution,
#CFM_FerriesCartOptionsContent .RouteSolution {
    border-bottom: 1px solid silver;
    padding: 8px 0;
}
#MobyCfLightbox .RouteSolution img,
#CFM_FerriesCartOptionsContent .RouteSolution img {
    width: 100px;
    max-width: 100%;
}
.debugHidden {
    display: none;
}
#MobyCfLightbox .nave, #MobyCfLightbox .tariffa,
#CFM_FerriesCartOptionsContent .nave, #CFM_FerriesCartOptionsContent .tariffa {
    font-size: small;
}
#MobyCfLightbox .RouteSolution button,
#CFM_FerriesCartOptionsContent .RouteSolution button {
    background-color: rgb(8, 139, 201);
    color: white;
}
#MobyCfLightboxContent .ferriesForm label.form-group-label,
#CFM_FerriesCartOptionsContent .ferriesForm label.form-group-label {
    display: block;
    width: 100%;
}
#MobyCfLightboxContent .searchTime,
#CFM_FerriesCartOptionsContent .searchTime { 
	color: grey;
	font-size: small;
}
#openPagesCounter {
	display: inline;
	right: 10px;
	top: 12px;
}
#openpages .notification-msg {
	padding-left: 0px;
}
.crm_button {
    cursor: pointer;
}
.search_multiple_crm_box .crm_search{
	border: none;
	color: grey;
	width: 100%;
	outline: none !important;
	max-width: 100%;
	margin: 0px;
}
.search_multiple_crm_box{
	position: relative;
	width: 100%;
}
.crm_list {
	top: inherit !important;
	left: 0px !important;
	bottom: 35px;
	position: absolute;
	display: none;
	background-color: white;
	width: 300px;
	z-index: 20;
	overflow-x: hidden;
	border: 1px solid silver;
	max-height: 220px;
}
.crm_list_row {
    padding: 5px;
    border-bottom: 1px solid silver;
	cursor: pointer;
}
.crm_list_row:hover {
    background-color: #e4e4e4;
}
.crm_list_row:last-child {
    border-bottom: 0px;
}
.selected_contact {
	background-color: rgb(255, 255, 255);
	vertical-align: middle;
	display: inline-block;
	cursor: move;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	border-color: silver;
	border-image: initial;
	border-radius: 2px;
	margin: 2px 4px 2px 0px;
	overflow: hidden;
	height: 25px;
}
#DocPreviewModal {
    width: 1000px;
    max-width: 90%;
}
#DocPreviewModal .CodeMirror{
	height: 500px;
}
#DocPreviewModal .CodeMirror pre.CodeMirror-line {
    min-height: 20px;
}
#DocPreviewModal .CodeMirror-scroll {
    margin: 0px;
}


.removeContactFromProjectButton{
    float: right;
    cursor: pointer;
    font-size: 16px;
    height: 15px;
}
.removeContactFromProjectButton i{
	color: silver;
}
.removeContactFromProjectButton:hover i{
	color: black;
}
#cms-navbar,
#squisito-navbar {
	padding: 5px 10px;
    background-color: #4b89ff;
    /*margin-bottom: 3px;*/
    color: white;
}
#cms-navbar a,
#squisito-navbar a {
	color: white;
}

																					
ul.stageSortable {list-style-type: none; margin: 0; padding: 0;min-height: 300px;}																				
.prospectBox .fa-external-link-square {
    color: #e4e4e4;
    position: relative;
    float: right;																		
}															
.prospectBox .fa-external-link-square:hover {
	color: #007bff;																	
}																	
.dealValue {
	float: right;
	padding: 2px 0;																						
}
.dealDescription {
    color: gray;
    font-size: smaller;																		
}
.prospectBox {
    padding: 5px;
    border: 1px solid whitesmoke;
    margin-bottom: 10px;
	cursor: move;
}	
.prospectBox:hover {																		
	-webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);														
}																		

.stageHead{font-weight: bold;
    background-color: whitesmoke;
    /*border-bottom: 1px solid silver;*/
margin-bottom: 5px;}	

.stageHeadBox div {
	padding: 5px;
    text-align: center;																			
}
.stageHeadBox:after {
	float: right;
    content: "\f054";
    font: normal normal normal 54px FontAwesome;
    color: white;
    top: -39px;
    right: -20px;
    position: relative;														
}	
.dealTicket {
    float: left;
    /* position: relative; */
    /* bottom: 0px; */
    background: #ffd600;
    padding: 2px 5px;
    /* border: 1px solid #ffd600; */
    border-radius: 3px;cursor: pointer;
}
.dealTicket a {font-size: small;}	
ul.stageSortable li .fa-exclamation-triangle {color: #e4e4e4; cursor: pointer;}
ul.stageSortable li .fa-exclamation-triangle:hover {color: red;}
.stageHead, .salesStageContainer {
    	display: flex;																				
}
.pipelineContainer {  overflow-x: scroll;}
.salesStageBox {
	border-right: 1px solid silver;	    padding-right: 5px;	
	padding-left: 5px;
}		
.stageHeadBox {
    text-align: center;
    background: whitesmoke;
    height: 34px;																		
}																					
#EffortEntryFormContainer .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice span {
    color: #212529;
}		
#EffortEntryFormContainer span.select2-selection.select2-selection--multiple {
    padding: 0px;
    border-radius: 0px;
    border: 1px solid #767676 !important;
    border-radius: 2px;
}
#EffortEntryFormContainer #UsersForEffortEntryButton {
    float: right;
    font-size: 18px;
    margin-top: 2px;
    color: darkgray;
	cursor: pointer;
}
#EffortEntryFormContainer #UsersForEffortEntryButton:hover {
    color: black;
}
#area_linkslist .linkrow {
    border-bottom: 1px solid lightgrey;
	position:relative;
}
#CompanyAppsBoxes {
    /*white-space: nowrap;
    overflow-x: auto;*/
	padding: 20px 0px;
}
.CompanyAppBox {
    /* display: inline-block; */
    /* margin: 10px; */
    text-align: center;
    padding: 10px 5px;
    /* border: 1px solid lightgrey; */
    border-radius: 3px;
    /* vertical-align: top; */
    cursor: pointer;
    background-color: white;
    width: 100%;
}
.CompanyAppBox:hover {
	background-color: lightgray;
}
.CompanyAppBox .CompanyAppBoxIcon i{
    font-size: 30px;
    margin-bottom: 10px;
    height: 30px;
}
.CompanyAppBox .CompanyAppBoxIcon img{
    filter: grayscale(1);
    margin-left: 5px;
    margin-bottom: 5px;
    height: 35px;
}
.ProjectsGroupsOrder ul {
    width: 100%;
}
.ProjectsGroupsOrder li {
    padding: 5px;
    cursor: default;
	width: fit-content;
}
.ProjectsGroupsOrder li .dragImg{
	width:0px;
    transition: width 0.25s, margin-right 0.25s;
	display: block;
	margin-left: 0px;
}
.ProjectsGroupsOrder li:hover .dragImg{
	width:10px;
	margin-right:5px;
}
.select2-container--default .select2-search--inline .select2-search__field {
	padding-left: 5px !important;
}
#bpcontactsCRM input[type="checkbox"] {
    margin-right: 5px;
}
/*
.SendInvoice_Recipients_row #contactslist{
	left: 0 !important;
    top: 30px !important;
}*/
.SendInvoice_Recipients_row .clearrecipient {
    padding: 2px;
    margin-top: 3px;
    padding-bottom: 0px;
}
.ModalCustomerMails .swal2-popup{
    position: initial !important;
}

.page-card .page-head .searchCol{
	white-space: nowrap;
}

.project-container .email-card .mail-box-head, .project-container .page-card .page-head,
.ticket-frame-container .email-card .mail-box-head, .ticket-frame-container .page-card .page-head {
    position: relative !important;
    width: 100% !important;
}
.project-container .email-card .mail-body, .project-container .page-card .page-body,
.ticket-frame-container .email-card .mail-body, .ticket-frame-container .page-card .page-body {
    padding: 0px !important;
}
.nav-right li.header-notification{max-height:56px;}
#searchArea .user-box {
    height: 100% !important;
    overflow-y: auto;
}

#AccountantCustomerObligationGroups {
    margin: 0px !important;
    padding-left: 18px;
    padding-right: 18px;
}
#AccountantCustomerObligationGroups .TeamInfoCol {
    padding: 0px !important;
}
.ObligationMain_Title {
    cursor: pointer;
}
.obligation_month { margin-bottom: 50px;}
.ObligationMain_DueDate {text-align: right; float: right; width: 100px;}
.ObligationMain_ToggleTable {
    float: right;
    margin-left: 10px;
}
.obligation_DueDate {
    float: right;
    width: 100px;
    margin-left: 10px;
}
.obligationHeader, .obligation {
    display: none;
}
.ObligationMain {padding: 10px 0px;margin-bottom: 10px;border-bottom: 1px solid silver;}
.obligation {padding: 4px 0 4px 20px;border-top: 1px solid whitesmoke;}				
.obligation:hover {background-color: whitesmoke;}
.obligationHeader {padding: 4px 0 4px 20px; font-size: smaller;font-weight: 600;}
.obligation_ownership {float: right;    width: 150px;padding: 0px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.obligation_actions {float: right;padding: 0px 10px;    text-align: right;}
.obligation_actions i {color: #e2e2e2;cursor: pointer;margin-right: 5px;}
.obligation_actions i:hover {color: black;}
.obligation_status {float: right;width: 100px;padding: 0px 10px;}
.basicLabel {
    background: #e2e2e2;
    padding: 2px 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    margin-right: 5px;
    font-weight: 600;
    width: fit-content;
    display: inline-block;
    color: #aaaaaa;		
	white-space: nowrap;
}
.obligation_attach, 
.timesheet_attach, 
.expenses_reports_row_attach,
.service_contracts_attach,
.payroll_attach {
	width: 20px;
    float: left;
    border: 1px solid #e2e2e2;
    text-align: center;
    font-size: small;
    margin-right: 5px;
    color: #aaaaab;
    border-radius: 3px;
	cursor:pointer;
}	 
.payroll_attach {
    float: right;
	margin: 0px;
}
.timesheet_attach {
	float: none;
	margin: 0px;
}
.obligation_attach.obligation_attach_bold,
.timesheet_attach.timesheet_attach_bold, 
.expenses_reports_row_attach.expenses_reports_row_attach_bold,
.service_contracts_attach.service_contracts_attach_bold,
.payroll_attach.payroll_attach_bold {
    color: black;
    font-weight: bold;
    border: 1px solid gray;
}
.obligation_title {
    display: inline-block;
    margin-right: 5px;
}
.obligation_ticket {
    display: inline-block;
    margin-left: 5px;
	vertical-align: text-bottom;
}
.obligation_ticket i {
	vertical-align: middle;
}
.obligation .obligation_title .edit_obligation_link i {
	color: gray;
    font-size: 12px;
}
.obligation .obligation_title .edit_obligation_link:hover i {
	color: black;
}
.ObligationMain_lastObligation {
    display: inline-block;
    margin-left: 20px;
    font-size: 12px;
    font-weight: initial;
    color: gray;
    margin-top: 5px;
}
.ObligationMain_lastObligation .basicLabel {
    margin-left: 10px;
	margin-right: 10px;
    cursor: initial;
}
.ObligationMain_lastObligation .basicLabel i {
    display: none !important;
}
.ObligationMain_lastObligation .obligation_mobile_label {
    display: none !important;
}
.obligations_main_counter {
    background-color: rgb(210, 210, 210);
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    width: 16px;
    height: 16px;
    padding-top: 1px;
    display: inline-block;
    margin-right: 5px;
}
.ObligationMain_lastObligation .obligations_main_counter {
    margin-right: 3px;
    margin-left: 2px;
    padding-top: 2px;
}
@media(max-width: 768px){
	.obligationHeader .obligation_DueDate, 
	.obligationHeader .obligation_actions, 
	.obligationHeader .obligation_status, 
	.obligationHeader .obligation_ownership {
		display: none;
	}
	.obligation .obligation_DueDate, 
	.obligation .obligation_actions, 
	.obligation .obligation_status, 
	.obligation .obligation_ownership {
		width: auto;
		display: inline-block;
		float: none;
		margin-left: 0px;
		margin-right: 10px;
		margin-top: 5px;
		vertical-align: top;
		padding: 0px;
	}
	.obligation .obligation_actions {
		margin-right: 0px;
		float: right;
		border: 1px solid #e2e2e2;
		text-align: center;
		font-size: small;
		border-radius: 3px;
		padding: 2px 5px;
		color: #aaaaab;
		margin-right: 5px;
	}
	.obligation .obligation_actions > div {
		display: none;
		margin: 0px;
	}
	.obligation .obligation_actions .obligation_mobile_label {
		margin: 0px;
	}
	.obligation .obligation_actions .obligation_attach {
		display: inline-block;
		border: 0px;
		width: auto;
		padding-right: 3px;
	}
	.obligationHeader, .obligation {
		padding: 5px 0px;
	}
	.obligation_title {
		display: block;
		margin-bottom: 4px;
	}
	.obligation .obligation_ownership {
		display: block;
		padding: 0px;
		font-size: 12px;
		color: gray;
	}
	.ObligationMain {
		margin-bottom: 25px;
	}
	.obligation {
		margin-bottom: 10px;
	}
	.obligation_mobile_label {
		float: left;
		margin-right: 4px;
	}
}	
.deleteEmployeeDocumentButton {
	color: silver !important;
	font-size: 18px;
}
.deleteEmployeeDocumentButton:hover {
	color: black !important;
}
.deleteObbDocumentButton {
	color: silver !important;
	font-size: 18px;
}
.deleteObbDocumentButton:hover {
	color: black !important;
}
.deleteLink {
	color: pink !important;
}
.deleteLink:hover {
	color: red !important;
}
.actionLink {
	color: gray !important;
}
.actionLink:hover {
	color: black !important;
}

.basicLabel.standBy, .basicLabel.completed2{cursor:initial;}
.basicLabel.completed {
    color: white;
    background-color: green;
}
.basicLabel.completed2 {
    border-left: 4px solid green;
    color: black;
    cursor: initial;
}
.basicLabel.tocomplete {
    background-color: var(--warning);
    color: black;
}
.basicLabel.tocomplete2 {
   	border-left: 4px solid var(--warning);
    color: black;
	cursor: initial
}	
.basicLabel.expired {
    background-color: var(--danger);
    color: white;
}
.basicLabel.expired2 {
   	border-left: 4px solid var(--danger);
    color: black;
	cursor: initial
}	
.basicLabel i {
    display: none;
	margin-right:3px;
}
.basicLabel:hover i {
    display: inline-block;
}
.project-container .TicketImageMessages .showChat_inner,
.uiTabs-ticket .tabs-ticket-chat .showChat_inner{
    width: 100% !important;
    z-index: auto;
    height: 600px;
    top: 0px;
    left: 0px;
    border: 0px;
	position: relative !important;
	background-color: white;
}
.uiTabs-ticket .tabs-ticket-chat .showChat_inner{
	height: auto;
}
.project-container .TicketImageMessages, 
.uiTabs-ticket .TicketImageMessages {
    width: 100% !important;
	position: relative !important;
	overflow-y: hidden;
}

.dropNotice {
	border: 5px solid #f1f1f1;
    border-style: dashed;
    margin: 0px 15px;
    padding: 30% 0;
    color: #cecece;
    text-align: center;
    height: calc(100% - 55px);
    display: none;
    overflow: hidden;	
}
.uiTabs-ticket .dropNotice {
    padding-top: 100px;
    padding-bottom: 30%;
}
.tabs-ticket-chat {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}
.project-container .TicketImageMessages .messagesContainer,
.uiTabs-ticket .tabs-ticket-chat .messagesContainer{
	overflow-y:auto;
	padding: 0px;
}
/*.uiTabs-ticket .tabs-ticket-chat .messagesContainer{
	padding-top: 20px;
}*/
.project-container .showPrevMessages,
.uiTabs-ticket .showPrevMessages{
    margin-top: 10px;
}

/* width */
.project-container .TicketImageMessages .messagesContainer::-webkit-scrollbar,
.uiTabs-ticket .tabs-ticket-chat .messagesContainer::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.project-container .TicketImageMessages .messagesContainer::-webkit-scrollbar-track,
.uiTabs-ticket .tabs-ticket-chat .messagesContainer::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.project-container .TicketImageMessages .messagesContainer::-webkit-scrollbar-thumb,
.uiTabs-ticket .tabs-ticket-chat .messagesContainer::-webkit-scrollbar-thumb {
  background: #bdc3c7; 
}

/* Handle on hover */
.project-container .TicketImageMessages .messagesContainer::-webkit-scrollbar-thumb:hover,
.uiTabs-ticket .tabs-ticket-chat .messagesContainer::-webkit-scrollbar-thumb:hover {
  background: #868686; 
}

.project-container .showChat_inner .chat-inner-header,
.uiTabs-ticket .showChat_inner .chat-inner-header {
    /*height: 50px;
    padding: 10px 20px !important;*/
	padding: 0px !important;
	border-color: #dfdfdf;
	height: auto;
}

.project-container .showChat_inner .new-message,
.uiTabs-ticket .showChat_inner .new-message {
    margin-bottom: 0px;
    white-space: nowrap;
    padding-right: 0px;
    width: calc(100% - 30px);
	outline: none !important;
    border: 0px;
    box-shadow: none !important;
}
.project-container .showChat_inner .chat-reply-box,
.uiTabs-ticket .showChat_inner .chat-reply-box {
	position: fixed;
    left: 235px;
    width: calc(100% - 235px);
	background-color: #f0f0f0;
}
.uiTabs-ticket .showChat_inner .chat-reply-box {
    left: 0;
    width: 100%;
    bottom: 0;
}
.project-container .showChat_inner .media.chat-messages:last-child,
.uiTabs-ticket .showChat_inner .media.chat-messages:last-child {
    margin-bottom: 10px;
}
.project-container .chat-reply-box .right-icon-control,
.uiTabs-ticket .chat-reply-box .right-icon-control {
	background-color: white;
	border: 0;
	width: calc(100% - 65px);
	float: inherit;
}

.ProjectChatScrollToBottom{
	position: absolute;
    right: 20px;
    bottom: 5px;
    z-index: 10;
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    color: #b3b3b3;
    background-color: #f5f5f5;
	cursor:pointer;
	display:none;
}
#listarea .ProjectChatScrollToBottom {
    padding: 10px;
}
.ProjectChatScrollToBottom:hover {
    background-color: #e2e2e2;
	color: #909090;
}
.ProjectChatKeyboard.editor {
    top: -10px;
}
.project-container #tab-chat, 
.project-container #tab-notes{
    margin-left: -20px;
    width: calc(100% + 40px);
	padding-top: 0px !important;
}

.removediscussinvite {
    margin-left: 5px;
    vertical-align: middle;
}
.removediscussinvite i{color:silver;}
.removediscussinvite:hover i{color:black;}
.ProjectChatKeyboard_editor{
	display:none;											
}
.ProjectChatKeyboard.editor {
    padding: 0px;
    border: 0px;
}
.ProjectChatKeyboard_editor textarea.new-message {
    visibility: visible !important;
}
.tabs-ticket-chat .ProjectChatKeyboard.editor {
    top: -17px;
}
/* Editor Scoped Fullscreen (Modalità tutto schermo delimitata al contenitore del ticket) */
.editor-scoped-fullscreen {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 1050 !important;
background: #fff !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
padding: 5px !important;
}

.has-editor-scoped-fullscreen {
position: relative !important;
}

.editor-scoped-fullscreen .ProjectChatKeyboard_editor,
.editor-scoped-fullscreen .chat-channel-keyboard,
.editor-scoped-fullscreen .chat-channel-keyboard_editor,
.editor-scoped-fullscreen .mce-tinymce {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
height: 100% !important;
width: 100% !important;
border: none !important;
}

.editor-scoped-fullscreen .mce-container-body {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
height: 100% !important;
}

.editor-scoped-fullscreen .mce-edit-area {
flex: 1 1 auto !important;
height: calc(100% - 40px) !important;
}

.editor-scoped-fullscreen .mce-edit-area iframe {
height: 100% !important;
min-height: 100% !important;
}

.editor-scoped-fullscreen .sendMsgButton {
position: absolute !important;
right: 15px !important;
bottom: 15px !important;
z-index: 1060 !important;
}
.tabs-ticket-chat .project_chat_upload i {
    margin-top: 10px;
}
.project-container .showChat_inner .chat-sender,
.tabs-ticket-chat .showChat_inner .chat-sender,
.company_showChat_inner .showChat_inner .chat-sender{
	width: 75px;
    display: inline-block;
    text-align: center;
	font-weight: bold;
	/*min-height: 75px;*/
	font-size: 12px;
}
.chat-sender-container-pic {
    width: fit-content;
    margin: 0 auto;
	position: relative;
}
.chat-sender-edit-pic {
    cursor: pointer;
}
.chat-sender-container-pic .profileImgEditIcon{
	left: 60%;
    top: 50%;
	display: none;
}
.chat-sender-edit-pic:hover .profileImgEditIcon{
	display: block;
}

.project_members{text-align:right;padding-top: 10px;}
.project-container .showChat_inner .chat-inner-header .chat-sender, .project_members .chat-sender,
.tabs-ticket-chat .showChat_inner .chat-inner-header .chat-sender{
    width: auto;
    margin-right: 20px;
    min-height: auto;
	position: relative;
}
.project_members .chat-sender {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0px 10px;
    margin-right: 0px;
    text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.project-container .showChat_inner .chat-inner-header .chat-sender .sender-pic, .project_members .chat-sender .sender-pic,
.tabs-ticket-chat .showChat_inner .chat-inner-header .chat-sender .sender-pic {
    width: 30px;
    margin: 0px;
    display: inline-block;
}
.project-container .showChat_inner .chat-inner-header .chat-sender .sender-name, .project_members .chat-sender .sender-name,
.tabs-ticket-chat .showChat_inner .chat-inner-header .chat-sender .sender-name {
   	font-weight: bold;
	margin-top: -5px;
}
.project-container .showChat_inner .chat-inner-header .chat-sender .live-status, .project_members .chat-sender .live-status,
.tabs-ticket-chat .showChat_inner .chat-inner-header .chat-sender .live-status {
    position: relative;
    top: -8px;
	margin: 0 auto;
    right: 10px;
}


.project-container .showChat_inner .sentByMe .chat-sender,
.tabs-ticket-chat .showChat_inner .sentByMe .chat-sender,
.company_showChat_inner .showChat_inner .sentByMe .chat-sender {
    float: right;
}
.project-container .showChat_inner .chat-sender .sender-pic,
.tabs-ticket-chat .showChat_inner .chat-sender .sender-pic,
.company_showChat_inner .showChat_inner .chat-sender .sender-pic {
    width: 40px;
    margin: 0 auto;
    margin-bottom: 5px;
}
.project-container .media.chat-messages .media-body,
.tabs-ticket-chat .media.chat-messages .media-body,
.company_showChat_inner .media.chat-messages .media-body {
    width: fit-content;
    background-color: #eaeaea;
    margin-left: 10px;
	display: inline-block;
    vertical-align: top;
	margin-bottom: 0px !important;
	max-width: calc(100% - 100px);
}
.project-container .media.chat-messages .media-body .chat-cont p,
.tabs-ticket-chat .media.chat-messages .media-body .chat-cont p,
.company_showChat_inner .media.chat-messages .media-body .chat-cont p {
    margin-bottom: 5px;
}
.project-container .media.chat-messages .media-body .chat-cont p:last-child,
.tabs-ticket-chat .media.chat-messages .media-body .chat-cont p:last-child,
.company_showChat_inner .media.chat-messages .media-body .chat-cont p:last-child {
    margin-bottom: 0px;
	    padding-left: 0px;
}
.project-container .media.chat-messages.sentByMe .media-body,
.tabs-ticket-chat .media.chat-messages.sentByMe .media-body,
.company_showChat_inner .media.chat-messages.sentByMe .media-body {
    /* background-color: #dcf8c6; */
    background-color: lightyellow;
	margin-left: 0px;
    margin-right: 0px;
    vertical-align: unset;
}
.project-container .media.chat-messages.sentByMe .media-body.chat-menu-reply:before,
.tabs-ticket-chat .media.chat-messages.sentByMe .media-body.chat-menu-reply:before,
.company_showChat_inner .media.chat-messages.sentByMe .media-body.chat-menu-reply:before {
	/* border-left-color: #dcf8c6; */
	border-left-color: lightyellow;
}
.msg-error-icon{
	position: absolute;
    left: -25px;
    bottom: 2px;
    color: darkred;
    font-size: 16px;
	display:none;
}

.media.chat-messages.msg-sent-in-error .media-body {
    background-color: #ffc6c6 !important;
}
.media.chat-messages.msg-sent-in-error .media-body:before {
    border-left-color: #ffc6c6 !important;
}
.media.chat-messages.msg-sent-in-error .msg-error-icon{
	display:block;	
}

.project-container .chat-menu-content:before,
.tabs-ticket-chat .chat-menu-content:before {
    border-right-color: #eaeaea;
    top: 18px;
    left: -16px;
}
.new-message[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555;
}
/*
.new-message[placeholder]:empty:focus:before {
    content: "";
}*/

.ProjectChatKeyboard .sendMsgButton{
	top: 3px !important;
}
.tabs-ticket-chat .ProjectChatKeyboard .sendMsgButton {
    margin-top: 5px;
}
.tabs-ticket-chat .ProjectChatKeyboard.editor .sendMsgButton {
    margin: 0px;
}
.project_chat_toggle{
	font-size: 18px;
    display: inline-block;
    margin-top: 10px;
    margin-left: -3px;
    cursor: pointer;
    margin-right: 10px;
    vertical-align: top;
}
.project_chat_upload i{
	margin: 12px 5px 10px 4px; 
	color: #8c8c8c; 
	font-size: 23px;
}
.project_chat_upload {
    cursor: pointer;
    display: inline-block;
	float:right;
}
.project-chat-msg-counter{
	display:none;
	/*font-weight: initial;
    margin-left: 5px;
    position: absolute;*/
    right: -2px;
    top: 2px;
   /* background-color: red;
    width: 14px;
    height: 14px;
    padding: 2px;
    padding-right: 0px !important;
    padding-left: 1px !important;
    background-color: #ffaa0e;
    text-align: center;*/
}
.gray-hover-black, .gray-hover-black i {
	color:darkgray;
}
.gray-hover-black:hover, .gray-hover-black:hover i {
	color:black;
}
.project-container .timesheetSection .table-responsive {
    overflow-y: hidden;
    height: auto;
}
									
#SendMailTemplatePreview .MsgPreviewContainer{
	max-height:600px;
	overflow-y:auto;
}
#SendMailTemplatePreview .MsgPreview{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
}
#SendTextFormModal #mobile-number {
    cursor: inherit;
}
.swal2-close:focus {
    outline: none;
}
.swal2-close:hover {
    color: black !important;
}
#menu_bd_icon{
	width: 16px;
    margin: 0px;
    margin-right: 3px;
    filter: grayscale(1);
}
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:hover #menu_bd_icon{
    filter: grayscale(0);
}
.project-container .TicketImageMessages .media.chat-messages:first-child,
.uiTabs-ticket .tabs-ticket-chat .messagesContainer.media.chat-messages:first-child{
    margin-top: 5px;
}
.messageStatusContainer{
    position: absolute;
    right: 4px;
    bottom: 3px;
}
#listarea .messageStatusContainer {
    bottom: 8px;
}
#sidebar .messageStatusContainer {
    height: 15px;
}
.chat-message-status-recived .messageStatusContainer {
    display: none !important;
}
.project-container .messageStatusContainer {
    bottom: 4px;
}
.messageStatusContainer span{
	display:none;
}
.messageStatusContainer span.sent{
    color: silver;
}
.messageStatusContainer span.delivered{
	color: gray;
}
.messageStatusContainer span.read{
	color: #2083b3;
}
.chat-message-status-sent .messageStatusContainer span.sent{display:block;}
.chat-message-status-delivered .messageStatusContainer span.delivered{display:block;}
.chat-message-status-read .messageStatusContainer span.read{display:block;}
.chat-message-status-delivered .messageStatusContainer span.sent{
	display:none !important;
}
.chat-message-status-read .messageStatusContainer span.sent,
.chat-message-status-read .messageStatusContainer span.delivered{
	display:none !important;
}

.chat-cont dl, .chat-cont ol, .chat-cont ul {
	padding-left: 30px;
    margin-bottom: 16px;
}

.chat-cont ul li {
    list-style-type: initial;
}

.whiteboardBody ol, .whiteboardBody ul {
    padding-left: 30px;
    margin-bottom: 16px;
}
.whiteboardBody ol {
    list-style: decimal;
}
.whiteboardBody ul {
    list-style: disc;
}
/*
.whiteboardBody dl li, .whiteboardBody ol li, .whiteboardBody ul li {
    list-style-type: none;
}*/
.ui-pnotify-container {
    position: relative;
}

/*.ui-pnotify-text *:first-child {
    margin-right: 5px;
}*/
.ui-pnotify-text i:first-child {
    margin-right: 5px;
}
.pnotify-datetime{
	font-size: 12px;
    position: absolute;
    right: 16px;
    bottom: 16px;
}

#ContactFormCRM{padding:10px;}
.customer_crm .customer_crm_info {
    border-right: 1px solid #dfdfdf;
	text-align: center;
	position:relative;
    width: 400px;
    padding: 20px;
    display: inline-block;
	vertical-align: top;
	height: 100%;
  	transition: width 0.5s;
}
.customer_crm .customer_crm_content {
    display: inline-block;
    width: calc(100% - 405px);
  	transition: width 0.5s;
}
	
.customer_crm.hideLeftPanel .customer_crm_info .customer_crm_info_content {
    display: none;
}
.customer_crm.hideLeftPanel .customer_crm_info {
	width: 16px;
    padding: 0px;
}
.customer_crm.hideLeftPanel .customer_crm_content {
    width: calc(100% - 20px);
}
	
	
.customer_crm_initials {
	border-radius: 50%;
    /* margin-bottom: 20px; */
    filter: grayscale(1);
    width: 100px;
    height: 100px;
    background-color: silver;
    color: white;
    font-size: 60px;
    margin: 0 auto;
    padding: 6px;
    white-space: nowrap;
}
.crm_table {
    display: table;
    width: 100%;
}
.crm_table_row {
    display: table-row;
}
.crm_table_row.crm_table_row_head {
    font-weight: bold;
}
.crm_table_cell {
    display: table-cell;
    padding: 5px 10px;
    border-bottom: 1px solid #dfdfdf;
	position:relative;
	color: #212529;
	vertical-align: top;
}
.crm_table_row .crm_table_cell:nth-child(2) {
	padding-right:40px;
}
.crm_table_row.crm_table_day_head {
    font-weight: bold;
    font-size: 16px;
	text-transform: capitalize;
}
.crm_table_row.crm_table_day_head.crm_table_new_day_head .crm_table_cell {
    padding-top: 25px;
}
.crm_report_table .crm_table_cell{
	border-top: 1px solid #dfdfdf;
	border-bottom:0px;
}
.crm_report_table .crm_table_row.crm_table_day_head .crm_table_cell {
	border-top: 0px;
}

#ContactFormCRM .form-control {
    display: inline-block;
	margin-bottom: 10px;
}
#ContactFormCRM .mce-tinymce.mce-container.mce-panel {
    margin: 0px 0px 10px 0px;
	border: 1px solid #dfdfdf !important;
}
.customer_crm_info .themeLine {
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid silver;
    margin-right: 10px;
    margin-top: 10px;
}
.crm_table_cell p {
    margin: 0px;
    display: inline-block;
}
.cancelCrmButton {
	position: absolute;
    right: 15px;
	top: 5px;
	
    display: none;
}
.crm_table_row:hover .cancelCrmButton {
	display:block;
}
.cancelCrmButton a {
    color: #b8b8b8;
    font-size: 16px;
}
.cancelCrmButton a {
    font-size: 16px;
}
.cancelCrmButton a i{
    color: #b8b8b8;
}
.cancelCrmButton a:hover i{
	color:black;	
}
.cancelCrmButton.confirmDel a i{
    color: pink;
}
.cancelCrmButton.confirmDel a:hover i{
	color:red;	
}
.customer_crm_search {
    border-bottom: 1px solid #dfdfdf;
}
.customer_crm_search input[type="text"] {
    width: 100%;
    border: 0px;
    outline: none;
}
.customer_crm_search button {
    width: 150px;
	display:none;
}
.crm_table_row {
    display: table-row;
}
.crm_table_row.unread {
    font-weight: bold;
}
#ContactFormCRM .form-control.LADT, .LADT{display:none;}
.crm_table_cell a {
   color: #212529;
}
.customer_crm_info_toggle {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #f0f0f0;
    right: 0;
    padding: 2px;
    cursor: pointer;
    color: silver;
    font-size: 10px;
    width: 15px;
    text-align: center;
}
.durationText{display:inline-block;}

.customer_crm_search_opt input[type=checkbox] {
    vertical-align: middle;
    cursor: pointer;
}
.customer_crm_search_opt > span {
    cursor: pointer;
    text-decoration: underline;
	padding-left: 5px;
}
.customer_crm_search_opt_group {
    margin-bottom: 20px;
}
.customer_crm_search_opt_title {
	border-bottom: 1px solid whitesmoke;
    margin-bottom: 5px;
}
.customer_filter_icon.activeFilters,
.customer_filter_icon.activeFilters i{
	color:red;
}
.customer_crm_search_opt {
    display: inline-block;
    margin-right: 15px;
}



.whatsapp_contacts, .whatsapp_chat{
	padding:0px;
}
.whatsapp_contacts {
	border-right: 1px solid #dfdfdf;
	overflow-y: auto;
}
.whatsapp_chat {
	/*background-color: #f8f9fb;*/
	background-color: #efeae2;
}
.whatsapp_chat_welcome {
	height: 500px;
	text-align:center;
	padding: 10px;
}
.whatsapp_chat_welcome img{
	max-width: 50%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
.whatsapp_chat_welcome h5{
	margin-bottom:10px;
}
.whatsapp_chat_welcome p{
	color: gray;
}
.whatsapp_chat .chat-inner-header {
	min-height: 66px;
    display: block;
    border-bottom: 1px solid #efefef;
    padding: 15px !important;
}
.whatsapp_chat .chat-messages {
    width: 100% !important;
    float: none !important;
    padding-top: 15px;
    padding-bottom: 10px;
}
.whatsapp_chat .chat-messages.chat-messages-selected,
.whatsapp_chat .checkboxes_active .chat-messages:hover {
	background-color: #00000021;
}
.whatsapp_chat .chat-messages .chat-message-body {
    width: 60% !important;
    display: block !important;
    flex: none !important;
	margin: 0px !important;
    text-align: left !important;
    position: relative !important;
    float: none !important;
	margin-left: 30px !important;
}
.whatsapp_chat .chat-messages .chat-message-body font {
    font-size: inherit;
}
.whatsapp_chat .chat-messages.sentByMe .chat-message-body {
    margin-left: calc(40% - 30px) !important;
}
.whatsapp_chat .messagesContainer {
	height: 100%;
	margin-bottom: 65px;
	background: url(/assets/img/whatsapp-background_2022.gif);
}
.whatsapp_chat .chat-reply-box {
	bottom: 0px;
	background-color: #f0f0f0;
	position: fixed;
	    z-index: 100000;
}
.close_whatsapp_chat_mobile{position: absolute;right: 15px;top: 10px;font-size: 18px;color: #4a6076;}

.chat_topic_container{
	height: 100%;
    border-top: 1px solid #dfdfdf;
}
.chat_topic_selection_container {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    /*border-right: 1px solid #dfdfdf; daniele */
    height: 100%;
	overflow-y: hidden;
}
.project-container .chat_topic_container .showChat_inner .chat-inner-header {
    border: 0px;
}

.chat_topic_selection_container::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.chat_topic_selection_container::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.chat_topic_selection_container::-webkit-scrollbar-thumb {
  background: #bdc3c7; 
}

/* Handle on hover */
.chat_topic_selection_container::-webkit-scrollbar-thumb:hover {
  background: #868686; 
}



.chat_topic_selection_header {
    position: relative;
}
.chat_topic_selection_header .toggleSearch,
.chat_topics_search .toggleSearch {
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0px;
    color: darkgrey !important;
    cursor: pointer;
    height: 55px;
    z-index: 10;
    width: 45px;
    padding: 15px;
    text-align: center;
    margin: 0px !important;
}
.chat_topic_selection_header .toggleSearch:hover,
.chat_topics_search .toggleSearch:hover {
    color: black !important;
}
.chat_topics_search {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    display: none;
    position: relative;
    height: 55px;
}
.chat_topics_search input[type=text] {
    border: 0px;
    outline: none !important;
    box-shadow: none !important;
    height: 54px;
    padding: 10px;
}
.chat_topics_selection_container {
    width: calc(100% - 250px);
    display: inline-block;
}
.chat_topic_selection.media {
	padding: 15px;
}

.chat_topic_selection.media.selected {
    background-color: whitesmoke;
    cursor: inherit;
}
.chat_topic_selection.media.selected .chat-header {
    font-weight: bold;
}
.chat_topic_container .chat_topic_selection.media:hover {
    background-color: whitesmoke;
}
.chat_topic_container .chat_topic_selection .media .media-body{
	margin-top: 5px;
}
.project-container .chat_topic_container .showChat_inner .chat-reply-box {
    width: calc(100% - 235px - 255px);
    left: calc(235px + 245px);
	border-left: 1px solid #dfdfdf;
}
#pcoded[vertical-nav-type='collapsed'] .project-container .chat_topic_container .showChat_inner .chat-reply-box{
    width: calc(100% - 235px - 255px + 190px);
    left: calc(235px + 245px - 190px);
}
.add_topic_link {
    margin-top: 10px;
    padding: 0px 10px;
	color: darkgray !important;
	text-align: center;
}
.add_topic_link a {
    cursor: pointer;
	color: darkgray !important;
}
.add_topic_link a i{
	/*vertical-align: middle;*/
    margin-right: 5px;
	color: darkgray !important;
}
.add_topic_link a:hover, .add_topic_link a:hover i{
	color:black !important;
}
.add_topic_form {
    display: none;
	padding: 10px;
}
.add_topic_form button {
    margin-top: 5px;
}
.add_topic_label {
    color: black;
}



.add_topic_form .dummyInputUrl {
    /* border: 1px solid #ced4da; */
    /* padding: 0px 5px; */
    font-size: 12px;
    /* background-color: white; */
    /* margin-bottom: 10px; */
    /* position: relative; */
    margin-bottom: 20px;
    height: 18px;
}
.add_topic_form .dummyInputUrl .webUrlLink {
    display: inline-block;
    height: 18px;
    vertical-align: top;
    line-height: 18px;
}
.add_topic_form .dummyInputUrl input {
    display: inline-block;
    border: 0px;
    background-color: transparent;
    outline: none !important;
    margin-bottom: 0px !important;
    padding: 0px;
    /* width: 250px; */
    /* padding-right: 40px;
}
.add_topic_form span.webUrlLink-Suffix {
	/*position: absolute;
    top: 1px;
    right: 5px;*/
}



.suggested_url_container {
    padding: 5px;
    border-top: 1px solid silver;
    background-color: #ffffa0;
	display:none;
}
.suggested_url_container .suggested_url_button {
    margin-top: 0px !important;
    border: 0px;
    border-radius: 0px;
    background-color: #ecec72;
    cursor: pointer;
    width: 100%;
    font-size: 14px;
    text-decoration: underline;
	text-align: center;
}

.all-notifications-msg .notification-page-link.notification-time {
    width: calc(50% - 2px);
    display: inline-block;
}
.all-notifications-msg .notification-page-link.notification-time:last-child {
    text-align: right;
}

.notification-fulllist .NotificationIcon {
    font-size: 20px;
    width: 50px;
    height: 50px;
    padding: 5px 0px;
    background-color: #e8e8e8;
    border-radius: 50%;
    margin-top: 6px;
    margin-right: 30px;
    text-align: center;
    color: darkgrey;
    /* border: 1px solid lightgray; */
}
.notification-fulllist .NotificationIcon i.fa {
    color: #7a7a7a;
    font-size: 28px;
    margin-top: 6px;
}
.notification-fulllist .NotificationIcon img.BusinessDriverNotificationImg {
    width: 40px;
	margin-left: 5px;
}
.notification-fulllist .NotificationIcon svg.FreudNotificationImg {
    width: 40px;
    margin-left: 5px;
}
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li .NotificationIcon .fa {
    font-size: 24px;
    margin: 0px 10px;
    background-color: #e8e8e8;
    border-radius: 50%;
    color: #7a7a7a;
    width: 40px;
    margin-left: 0px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.notification-fulllist .NotificationProjectImg {
 	width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-top: 6px;
    position: relative;
    background-size: cover !important;
    border-radius: 50%;
    background-position: center !important;
    /* background-size: 100% !important; */
    background-repeat: no-repeat !important;
}
.notification-fulllist .NotificationProjectImg img {
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
}
.notification-fulllist .NotificationProjectImg .NotificationIcon {
    margin: 0px;
    padding: 0px;
    height: 60%;
    width: 60%;
    position: absolute;
    bottom: -6px;
    right: -10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    padding: 2px 3px;
	background-color: white;
        color: #5f5f5f;
}
.notification-fulllist .NotificationProjectImg .NotificationIcon  i.fa.fa-ticket {
    margin-left: -3px;
    font-size: 18px;
    vertical-align: 5%;
}
#newTicketFromCanvas{
    font-size: 20px;
    cursor: pointer;
    margin-left: 10px;
    float: right;
    margin-top: 5px;
}
#newTicketFromCanvas_dayContainer{display:none;}
#ticketFromImage .newTicketFromCanvasRow{display:none;padding-bottom:20px;}
#ticketFromImage .newTicketFromCanvasRow>div:nth-child(2) {
    background-color: #e4e4e4;
    padding: 5px 15px 10px;
    border-radius: 4px;
}
#ticketFromImage .newTicketFromCanvasRow>div:nth-child(2)::before {
    content: '';
    position: absolute;
    top: -14px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #e8e8e8;
    clear: both;
    right: 10px;
}
#pastedFilename{
    width: 200px;
    background-color: transparent;
    color: white;
    border: 0px;
    border-bottom: 1px solid white;
    outline: none;
}
#ticketFromImage {
    z-index: 100002;
    width: 90%;
    max-width: 90%;
	padding: 0;
    overflow: hidden;	
    min-height: 80%;
    max-height: 90%;
}
#ticketFromImage .modal-ui3-scroll-head {
    border-bottom: 0px;
    padding: 10px;
    margin: 0px;
    width: 100%;
}																																		
#ticketFromImage .modal-ui3-scroll-footer {
    margin: 0px;
    padding: 10px;
    width: 100%;
    border: 0px;
    padding-top: 20px;
}																																		
#ticketFromImage .modal-ui3-scroll-content {padding: 0px;}		
#ticketFromImage .modal-ui3-scroll-body {
	margin: 0px;
	padding: 0;
	width: 100%;
	max-height: initial !important;
}																																			
#ticketFromImage .modal-ui3-scroll-footer-field:last-child {
    padding-top: 0px;
}																															
    #ticketFromImageContainer {
		max-width: 100%;
   		max-height: calc(100vh - 100px);
		/*background-color: #333;*/	
		min-height: 300px;		
		text-align:center;
		position:relative;
    }
	#ticketFromImage #app {background: #333;position:relative;}
	 #ticketFromImage #mycanvas {
		max-width: calc(100% - 40px);
		/*max-height: 400px;*/ /* aggiunto su BD per limitare altezza su schermo da 24"*/
		background-color: whitesmoke;
		 display: none;
		 margin-top:5px;
		 transform: translate(-50%, -50%);
		top: 50%;
		position: absolute;
		left: 50%;
		 
		 
	  }
	 #ticketFromImage  #buttons {float: right; padding: 7px;}
	 #ticketFromImage  #buttons button {display: none;}
	 #ticketFromImage  #toolbar {
		width: 100%;
		background: #666;
		color: white;
		padding: 5px 10px;
		min-height: 50px;
		position: relative;
	  }
	 #ticketFromImage  #resultImg {
	  	max-width: 300px;
		max-height: 200px;
		/*border: 1px solid grey;*/
		margin-top: 20px;
	  }
	 #ticketFromImage  .setDrawColor {
		display: inline-block;
		width: 20px;
		height: 20px;
		cursor: pointer;
    	border-radius: 50%;		  
	  }
		#ticketFromImage .browse[data-v-f2448eba] {
			color: #0074d9;
			cursor: pointer;
			margin-left: .25rem;
		}
		#ticketFromImage .sr-only {
			border: 0;
			clip: rect(0,0,0,0);
			height: 1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			white-space: nowrap;
			width: 1px;
		}	  
		#ticketFromImageContainer .introText[data-v-f2448eba] {
			display: table;
			height: 100%;
			overflow: hidden;
			width: 100%;
																																			
		}	  
		#ticketFromImageContainer .introText>p[data-v-f2448eba] {
			color: #999;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
		}	  
	  	/*#pencil {display: inline-block;background-color: lime; width: 20px;height: 20px;border-radius: 20px;margin: 7px;cursor: pointer;text-align: center;}*/
		#ticketFromImage #pencil {color: lime;}
		#ticketFromImage #palette {/*position: fixed;*/padding-left: 10px; display: none;}																																			
		#ticketFromImage .caption {
			margin-bottom: 0;
			width: calc(100% - 260px);
			display: inline-block;
			margin-right: 5px;
			outline: none;
			border: 0px;
			border-bottom: 1px solid silver;
		}
	#ticketFromImage .ProjectID {
		width: 200px;
		display: inline-block;
	}	
.ProjectChatKeyboard_input .emoji-picker-icon{display:none;}


#ContactFormCRM.report{
	padding: 20px;
    /* background-color: #f0f0f0; */
    /* border: 1px solid #cccccc; */
    /* padding-bottom: 40px; */
    /* margin-bottom: 20px; */
    width: 800px;
    max-width: 90%;
}
#ContactFormCRM.report .mce-tinymce.mce-container.mce-panel {
    border: 0px !important;
    border-bottom: 1px solid #dfdfdf !important;
}
#ContactFormCRM.report .select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
}



.company_showChat_inner .ProjectChatScrollToBottom {
    bottom: 70px;
    z-index: 100000;
    padding: 6px;
}
.menu-project {
    background-color: #333a41;
}
.menu-project a {
    padding-left: 30px !important;
}
#ChatImageModal_title {
    padding-right: 50px;
}
#ChatImageModal_size {
    color: gray;
    font-weight: inherit;
    font-size: 14px;
}
#ChatImageModal_downloadlink {
    position: absolute;
    right: 0;
    top: 5px;
    color: gray;
    font-size: 20px;
}
#ChatImageModal_downloadlink:hover{
	color:black;
}
#ChatImageModal_img {
    max-width: 100%;
    max-height: 450px;
}
#ChatImageModal {
    max-width: 95%;
    max-height: 95vh;
    width: fit-content;
}
#ImageDiscuss {
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    height: calc(100% + 2px);
    max-height: calc(100% + 2px);
    border-radius: 0px;
    background-color: transparent;
	padding: 0px;
	overflow-y:hidden;
	color: white;
	z-index: 1000000;
	margin-left: -1px;
    margin-top: -1px;
    background-color: #000000bd;
}
#ImageDiscuss > div.row{
	height: 100%;
    margin: 0px;
	overflow-y:hidden;
}
#ImageDiscussLayer,#ImageDiscussSidebar{
	height: 100%;
	overflow-y:hidden;
	/*display: inline-block;*/
	/*display: inline-table;*/
	white-space: normal;
	padding: 0px 20px;
}
/*#ImageDiscussLayer {
    width: calc(100% - 400px);
	position: relative;
}*/
#ImageDiscussSidebar {
    color: black;
    background-color: white;
    padding: 0px;
    width: 405px;
}
#ImageDiscussHead {
    margin: 20px 0px 20px 0px;
    font-size: 18px;
	height: 30px;
}
#ImageDiscussSidebar .messagesContainer{    height: calc(100% - 130px);}
#ImageDiscussContainer {
    height: calc(100% - 90px);
    overflow-y: auto;
	/*padding-bottom: 40px;*/
	text-align: center;
}
#ImageDiscussTitle {
    display: inline-block;
    margin: 0px 10px 0px 0px;
}
#ImageDiscussTitle_text i{
	display: none;
    cursor: pointer;
    margin-left: 20px;
    font-size: 15px;
}
#ImageDiscussTitle_text i#ImageDiscussImage_show, #ImageDiscussTitle_text i#ImageDiscussImage_download {
    display: inline-block;
}
#ImageDiscussClose{
	cursor:pointer;
	margin: 5px;
	float: right;
	font-size: 20px;
}
#ImageDiscussHead:hover #ImageDiscussTitle_text i{
	display:inline-block;
}
#ImageDiscussContainer img{
    max-width: 100%;
    max-height: calc(100% - 50px);
    margin: 0 auto;
    display: block;
}
#ImageDiscussSidebar .showChat_inner {
    width: 100% !important;
    position: relative;
    border: 0px;
    top: 0;
    height: 100%;
}
#ImageDiscussSidebar .TicketImageMessages {
    width: 100% !important;
}
#ImageDiscussSidebar .showChat_inner .chat-inner-header {
    text-align: center;
    display: block;
    font-weight: bold;
}
#ImageDiscussSidebar .showChat_inner .project_chat_toggle, #ImageDiscussSidebar .showChat_inner .project_chat_upload {
    display: none;
}
#ImageDiscussSidebar .showChat_inner .chat-reply-box .right-icon-control {
    border: 0px;
    background-color: white;
    width: 100%;
    float: none;
}
#ImageDiscussSidebar .showChat_inner .chat-reply-box .sendMsgButton {
    padding: 5px 10px;
}

#ImageDiscussSidebar .showChat_inner .new-message {
    margin-bottom: 0px;
    white-space: nowrap;
    padding-right: 0px;
    width: calc(100% - 30px);
	outline: none !important;
    border: 0px;
    box-shadow: none !important;
}
#ImageDiscussSidebar .showChat_inner .chat-reply-box {
	background-color: #f0f0f0;
}
#ImageDiscussSidebar .showChat_inner .media.chat-messages:last-child {
    margin-bottom: 10px;
}
#ImageDiscussSidebar .showChat_inner .chat-sender{
	width: 75px;
    display: inline-block;
    text-align: center;
	font-weight: bold;
	font-size: 12px;
    float: right;
	float: left;
}
#ImageDiscussSidebar .media.chat-messages.sentByMe .chat-sender{
	float:right;
}
#ImageDiscussSidebar .chat-menu-content:before {
    border-right-color: #eaeaea;
    top: 18px;
    left: -16px;
}
#ImageDiscussSidebar .media.chat-messages.sentByMe .media-body.chat-menu-reply:before {
    border-left-color: lightyellow;
}
#ImageDiscussSidebar .showChat_inner .chat-sender .sender-pic {
    width: 40px;
    margin: 0 auto;
    margin-bottom: 5px;
}
#ImageDiscussSidebar .TicketImageMessages .media.chat-messages {
    padding: 0px;
    margin-bottom: 10px;
}
#ImageDiscussSidebar .media.chat-messages .media-body {
    width: fit-content;
    background-color: #eaeaea;
    margin-left: 10px;
	display: inline-block;
    vertical-align: top;
	margin-bottom: 0px !important;
	max-width: calc(100% - 100px);
}
#ImageDiscussSidebar .media.chat-messages .media-body .chat-cont p {
    margin-bottom: 5px;
}
#ImageDiscussSidebar .media.chat-messages .media-body .chat-cont p:last-child {
    margin-bottom: 0px;
	padding-left: 0px;
}
#ImageDiscussSidebar .media.chat-messages.sentByMe .media-body {
    background-color: lightyellow;
	margin-left: 0px;
    margin-right: 0px;
    vertical-align: unset;
}
#ImageDiscussSidebar .media.chat-messages.sentByMe .media-body.chat-menu-reply:before {
	border-left-color: lightyellow;
}
#ImageDiscussTitle_edit{display: none;    white-space: nowrap;}
#ImageDiscussTitle_text i#ImageDiscussImage_size {
    display: inline-block !important;
    margin-left: 0px;
    font-style: normal;
    font-size: 14px;
    color: gainsboro;
    cursor: inherit;
}
#ImageDiscussTitle_edit input, #ImageDiscussTitle_edit button {
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
}
#ImageDiscussTitle_edit input{
	background-color: transparent;
    border: 0px;
    border-bottom: 1px solid !important;
    color: white;
    border-radius: 0px;
    outline: none !important;
    box-shadow: none !important;
    height: initial !important;
}
#ImageDiscussShowChat{
	display:none;
	position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 30px;
}
#ImageDiscussCloseChat{
	display:none;
	position: absolute;
    top: 16px;
    left: 15px;
    z-index: 100;
    color: black;
}
#listarea #ImageDiscussCloseChat{
    top: 50px;
}
#ImageDiscuss_prev, #ImageDiscuss_next {
	font-size: 20px;
    cursor: pointer;
    margin-top: 10px;
}
#ImageDiscuss_prev {
	float: left;
}
#ImageDiscuss_next {
	float: right;
}


#ImageDiscuss_Toolbar {
    position: relative;
}
#ImageDiscuss_Toolbar > div {
    width: fit-content;
    padding: 5px 10px;
    color: black;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 10px;
}
#ImageDiscuss_Toolbar > div a {
    color: white;
    font-size: 22px;
	cursor:pointer;
}
#ImageDiscuss_Toolbar #ImageDiscuss_prev,
#ImageDiscuss_Toolbar #ImageDiscuss_next {
    float: none;
    position: absolute;
    top: 0;
    margin: 0px;
}
#ImageDiscuss_Toolbar #ImageDiscuss_prev{
    left: 0;
}
#ImageDiscuss_Toolbar #ImageDiscuss_next{
    right: 0;
}
#ImageDiscuss #ImageDiscuss_fullscreen_off, 
#ImageDiscuss.fullscreen #ImageDiscuss_fullscreen_on{
	display:none;
	font-size: 18px;
}
#ImageDiscuss.fullscreen #ImageDiscuss_fullscreen_off,
#ImageDiscuss #ImageDiscuss_fullscreen_on{
	display:inline-block;
	font-size: 18px;
}
#ImageDiscuss.fullscreen #ImageDiscuss_fullscreen_off {
    font-size: 18px;
}
#ImageDiscuss.fullscreen #ImageDiscuss_fullscreen_off i {
    margin-right: 6px;
}

#ImageDiscuss.fullscreen {
    padding: 20px;
	background-color: #505050;
}
#ImageDiscuss.fullscreen #ImageDiscussHead, 
#ImageDiscuss.fullscreen #ImageDiscussSidebar, 
#ImageDiscuss.fullscreen #ImageDiscussCloseChat,
#ImageDiscuss.fullscreen #ImageDiscussShowChat{
	display:none !important;
}
#ImageDiscuss.fullscreen #ImageDiscussLayer {
    width: 100% !important;
}
#ImageDiscuss.fullscreen #ImageDiscussContainer{
    height: 100%;
}
#listarea #ImageDiscuss.fullscreen #ImageDiscussLayer {
    margin-top: 25px;
    max-height: calc(100% - 25px);
}

.chat-channel-drop-notice {
    display: none;
    border: 5px dashed #f1f1f1;
    border-style: dashed;
    color: #cecece;
    text-align: center;
    overflow: hidden;
	position: relative;
}
.chat-channel-drop-notice div {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, 25%);
}

/* WA39 - drag&drop e overlay di conferma invio file nella chat WhatsApp */
.whatsapp-chat-drop-notice {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    border: 5px dashed #00a884;
    background: rgba(255,255,255,0.92);
    color: #00a884;
    text-align: center;
    overflow: hidden;
}
.whatsapp-chat-drop-notice div {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -25%);
}
.whatsapp-upload-confirm {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    background: rgba(255,255,255,0.98);
    overflow-y: auto;
    padding: 15px;
    box-sizing: border-box;
    /* WA39 - contenuto centrato orizzontalmente e verticalmente rispetto allo
       spazio disponibile (anche su mobile): flex-direction:column + align-items
       centrano ogni riga, justify-content centra il blocco lungo l'asse verticale.
       Impostato a "flex" via JS quando l'overlay viene mostrato (display:none di
       default, .show() di jQuery userebbe "block" e vanificherebbe il centering). */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.whatsapp-upload-confirm-title {
    font-weight: bold;
    margin-bottom: 10px;
}
.whatsapp-upload-confirm-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
    width: 100%;
    max-width: 480px;
    box-sizing: border-box;
}
.whatsapp-upload-confirm-item {
    /* WA39 - +20% rispetto alla dimensione originale (110px) */
    width: 132px;
    text-align: center;
    font-size: 11px;
    color: #555;
    cursor: pointer;
}
.whatsapp-upload-confirm-item img {
    /* WA39 - +20% rispetto alla dimensione originale (100px) */
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dfdfdf;
    display: block;
    margin: 0 auto 4px;
}
.whatsapp-upload-confirm-icon {
    /* WA39 - +20% rispetto alla dimensione originale (100px/32px) */
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 6px;
    border: 1px solid #dfdfdf;
    background: #f7f7f7;
    display: block;
    margin: 0 auto 4px;
    font-size: 38px;
    color: #999;
}
.whatsapp-upload-confirm-item.selected img,
.whatsapp-upload-confirm-item.selected .whatsapp-upload-confirm-icon {
    border: 3px solid #00a884;
    box-shadow: 0 0 0 2px rgba(0,168,132,0.25);
}
.whatsapp-upload-confirm-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.whatsapp-upload-confirm-status {
    margin-top: 10px;
    color: #d9534f;
}
/* WA39 - anteprima grande dell'item selezionato, mostrata sopra la griglia miniature */
.whatsapp-upload-confirm-bigpreview {
    margin-bottom: 15px;
    max-width: 100%;
}
.whatsapp-upload-confirm-bigpreview img {
    max-width: min(90vw, 320px);
    max-height: 280px;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #dfdfdf;
    display: block;
    margin: 0 auto;
}
.whatsapp-upload-confirm-bigpreview-icon {
    font-size: 64px;
    color: #999;
}
.whatsapp-upload-confirm-bigpreview-name {
    margin-top: 6px;
    font-size: 13px;
    color: #555;
    word-break: break-all;
}
.chat-message .chat-cont div#gtx-trans {
    display: none !important;
}
.chat-message {
    padding: 10px;
	min-height: 60px;
    -webkit-transition: background-color 150ms linear;
    -moz-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}
.chat-message.no_user {
    text-align: center;
    min-height: 55px;
}
.chat-message .chat-sender {
    width: 60px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
	max-height: 60px;
	position: relative;
}
.chat-message .chat-message-body .ExtRecipients {
    background-color: #0000001a;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: smaller;
	font-weight: bold;
}
.chat-message .chat-sender .live-status {
    top: 30px;
    right: 10px;
}
.chat-message.chat-message-sent .chat-sender .live-status {
    display: none !important;
}
.chat-message .chat-sender .sender-pic {
    width: 40px;
    margin: 0 auto;
    margin-bottom: 5px;
	border-radius: 50%;
}
.chat-message .chat-message-body {
    width: fit-content;
    background-color: #eaeaea;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0px !important;
    max-width: calc(100% - 100px);
    border-radius: 7.5px;
    box-shadow: 0 1px 0.5px rgb(0 0 0 / 13%);
    min-width: 220px;
    padding: 5px 10px;
	text-align: left;
	position: relative;
	line-height: 150%;
}
.chat-message-body.chat-message-reply h1 {font-size: 22px;}
.chat-message-body.chat-message-reply h2 {font-size: 19px;}
.chat-message-body.chat-message-reply h3 {font-size: 16px;}
.chat-message .chat-message-body .missedCall {
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px;
    background-color: white;
    color: red;
}
.chat-message .chat-message-body .missedCall i.fa.fa-phone {
    margin-right: 10px;
    font-size: 25px;
    vertical-align: middle;
}
#ImageDiscuss .chat-message .chat-message-body{
    /*min-width: 200px;*/
	min-width: initial;
    max-width: calc(100% - 70px);
}
.chat-message.no_user .chat-message-body {
    color: gray;
    padding: 4px 10px;
    font-size: 12px;
    text-align: center;
    min-width: initial;
    margin: 0px;
}
.chat-message .chat-message-body .chat-time {
    margin-bottom: 0px;
	margin-top: 8px;
}
.chat-message .chat-message-body .chat-cont a {
	word-break: break-all;
}
.chat-message .chat-message-body .chat-cont .mail-sender a {
    text-decoration: none !important;
}
.chat-message.chat-message-sent {
    text-align: right;
}
.chat-message.chat-message-sent .chat-sender {
    float: right;
}
.chat-message.chat-message-sent .chat-message-body {
    margin-left: 0px;
    margin-right: 5px;
    background-color: lightyellow;
}
.shared_bd_element {
    padding: 5px;
    font-size: 85%;
    background-color: #0000001a;
    border-radius: 5px;
    position: relative;
    border-left: 3px solid #154b9f;
    margin-top: 5px;
	cursor: pointer;
}
.shared_bd_element br {
    display: none;
}
.shared_bd_element:hover {
	background-color: #00000033;
}
.chat-cont .code-container {
    max-width: 100%;
    overflow-x: auto;
    background-color: #dcffee;
    border: 1px solid #dddddd;
}
.chat-cont .code-container.code-container-inline {
    display: inline-block;
    vertical-align: bottom;
}
.chat-cont .code-container code {
    max-width: 100%;
    overflow-x: auto;
    padding: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.chat-cont .code-container.code-container-inline .code-row-num {
    display: none;
}
.chat-cont .code-container.code-container-inline .code-row-content {
    margin-left: 0px;
    overflow-y: hidden;
    width: 100%;
    border-left: 0px;
	padding-right: 0px;
}
.chat-cont .code-container.code-container-inline .code-action {
    display: inline-block;
    padding: 0px;
    padding-left: 5px;
    margin-left: 5px;
    font-size: 12px !important;
    border-left: 1px solid silver;
    border-bottom: 0px;
    padding-right: 5px;
    height: 21px;
    vertical-align: middle;
    padding-top: 5px;
}
.chat-cont .code-container.code-container-inline .code-action a {
    font-size: 12px;
}
.chat-cont code {
    background-color: #e7e6e657;
    color: #a30d52;
    padding: 0 3px;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* [AGNT074] <pre> ammesso in chat_allowed_tags(): senza white-space:pre-wrap una riga
   lunga (es. script SQL) sfonderebbe la larghezza della bolla invece di andare a capo. */
.chat-cont pre {
    background-color: #e7e6e657;
    color: #a30d52;
    padding: 6px 8px;
    border-radius: 4px;
    margin: 4px 0;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word;
}
.chat-cont .code-action {
    background-color: white;
    border-bottom: 1px solid #dddddd;
    padding: 3px 5px;
    text-align: right;
}
.chat-cont .code-action a {
    color: silver;
}
.chat-cont .code-action a:hover {
    color: black;
}
.chat-cont code .code-row {
    position: relative;
    background-color: white;
   /* border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;*/
	white-space: nowrap;
	    height: 21px;
}
/*.chat-cont code .code-row:first-child {
    border-top: 1px solid #dddddd;
}*/
/*.chat-cont code .code-row:last-child {
    border-bottom: 1px solid #dddddd;
}*/
.chat-cont code .code-row .code-row-num {
    display: inline-block;
    width: 30px;
    color: #999;
    padding: 0px 5px;
    text-align: right;
    position: absolute;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.chat-cont code .code-row .code-row-content {
    width: fit-content;
    display: inline-block;
    padding-left: 5px;
	padding-right: 5px;
    width: calc(100% - 30px);
    border-left: 1px solid #dddddd;
    margin-left: 30px;
    background-color: #dcffee;
    color: black;
	height: 21px;
}
@keyframes chatSendErrorFlash {
    0%,100% { background-color: #f0f0f0; }
    20%,60%  { background-color: #ffd6e0; }
    40%,80%  { background-color: #f0f0f0; }
}
.chat-channel-reply-box {
    padding: 18px 5px 15px 7px;
    border-top: 1px solid #ccc;
	background-color: #f0f0f0;
}
.chat-channel-reply-box.send-error-flash {
    animation: chatSendErrorFlash 1.5s ease;
}
.chat-send-error-banner {
    background: #fff0f3;
    border: 1px solid #f5a0b0;
    color: #c0334d;
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 5px 6px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat-send-error-banner .chat-send-error-close {
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    opacity: 0.7;
    margin-left: 8px;
}
.chat-send-error-banner .chat-send-error-close:hover { opacity: 1; }
.chat-channel-reply-box .chat-channel_upload {
	width: 30px;
    text-align: center;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
.chat-channel-reply-box .chat-channel_toggle {
    display: inline-block;
    margin: 0px;
    width: 30px;
    text-align: center;
    height: 30px;
	font-size: 18px;
    cursor: pointer;
    vertical-align: top;
}
.chat-channel-reply-box .chat-ticket_share {
	width: 30px;
    text-align: center;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
	padding-left: 3px;
}
.chat-channel-reply-box .chat-channel_upload, .chat-channel-reply-box .chat-channel_toggle {
    margin-top: 1px;
}
.chat-channel-reply-box .chat-channel_upload i,
.chat-channel-reply-box .chat-channel_toggle i,
.chat-channel-reply-box .chat-ticket_share i {
    margin: 7px 5px 10px 5px;
    color: #8c8c8c;
    font-size: 22px;
}
.chat-channel-reply-box .chat-channel_toggle i {
    font-size: 20px;
    margin: 5px 0px 10px 0px;
}
.chat-channel-reply-box .chat-ticket_share i {
    font-size: 20px;
    margin-top: 10px;
}
.chat-channel-reply-box.ephemeral {background-color: #28e4a4;}
.chat-channel-reply-box.ephemeral>div>i.fa {color: white;}

/* [BDUI3.1404] Messaggi effimeri */
.bd-eph-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #ffffff;
}
.bd-eph-bar .bd-eph-label {white-space: nowrap;}
.bd-eph-bar .bd-eph-mins {
    height: 22px;
    padding: 0 4px;
    font-size: 12px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 3px;
    color: #ffffff;
    background-color: #28e4a4; /* stesso verde del box di scrittura */
    cursor: pointer;
}
/* La tendina aperta e' disegnata dal sistema operativo: senza questa regola su
   Windows/Chrome sarebbe testo bianco su sfondo bianco e illeggibile. */
.bd-eph-bar .bd-eph-mins option {
    color: #14795a;
    background-color: #ffffff;
}
.bd-eph-bar .bd-eph-off {
    margin-left: auto;
    cursor: pointer;
    opacity: .8;
}
.bd-eph-bar .bd-eph-off:hover {opacity: 1;}
.chat-message .ephemeral_message_icon {
    float: right;
    margin: 2px 0 0 6px;
    font-size: 12px;
    color: #14795a;
    cursor: help;
}
/* Uscita del messaggio scaduto: dissolvenza + collasso, poi rimozione dal DOM */
.chat-message.ephemeral-expiring {
    overflow: hidden;
    opacity: 0;
    max-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition: opacity .25s ease-out, max-height .4s ease-out, margin .4s ease-out, padding .4s ease-out;
}
.ChatChannel .ChatChannelLoading {
    text-align: center;
    font-size: 18px;
    color: silver;
    padding: 50px 0px;
}
.uiTabs-ticket .ChatChannel .ChatChannelLoading {
    background-color: #f3f3f3;
}
.ChatChannel .ChatChannelLoading i {
    /*vertical-align: middle;*/
}
.ChatChannel .chat-channel-keyboard {
	width: calc(100% - 85px);
    position: relative;
    display: inline-block;
    margin-left: 10px;
}
.ChatChannel.no-att .chat-channel-keyboard,
.ChatChannel.no-editor .chat-channel-keyboard {
    width: calc(100% - 50px);
    margin: 0px;
    margin-left: 10px;
}
.ChatChannel.no-editor.no-att .chat-channel-keyboard {
	width: calc(100% - 20px);
	margin: 0px;
	margin-left: 10px;
}

.ChatChannel .chat-channel-reply-box.show_chat_ticket_sharing .chat-channel-keyboard {
    width: calc(100% - 110px);
}
.ChatChannel.no-att .chat-channel-reply-box.show_chat_ticket_sharing .chat-channel-keyboard,
.ChatChannel.no-editor .chat-channel-reply-box.show_chat_ticket_sharing .chat-channel-keyboard {
    width: calc(100% - 80px);
}
.ChatChannel.no-att.no-editor .chat-channel-reply-box.show_chat_ticket_sharing .chat-channel-keyboard {
    width: calc(100% - 50px);
}

.ChatTicketShareContainer {
	padding-bottom: 12px;
    margin-top: -5px;
    padding-left: 5px;
    padding-right: 5px;
    display: none;
}
.ChatTicketShareContainer .select2-selection {
    border: 1px solid silver;
}
.ChatTicketShareContainer .select2-selection .select2-selection__rendered {
    padding: 0px 10px !important;
}

.chat-channel-keyboard_editor, .chat-channel-keyboard_codemirror {
    display: none;
}
.chat-channel-keyboard_codemirror .CodeMirror {
	background-color: #DCFFEE;
}
.chat-channel-keyboard_codemirror .CodeMirror-code {font-size: 13px;}
.chat-channel-keyboard_codemirror .CodeMirror-lines {
	background-color: #DCFFEE;
	/*lightyellow;*/
}
.chat-channel-keyboard_codemirror .CodeMirror-gutters {
    padding-right: 15px;
}
.chat-channel-keyboard_codemirror .CodeMirror pre {
    /*padding: 0 4px 0 20px;*/
}
.chat-channel-keyboard_codemirror .CodeMirror-gutter-elt {
    top: -9;}
.chat-channel-keyboard_codemirror .CodeMirror-linenumber{
	top: 0 !important;cursor: pointer;}

.chat-channel-keyboard_codemirror .CodeMirror-vscrollbar {display: none !important;}
.chat-channel-keyboard_codemirror .CodeMirror-scroll{margin:0px !important;}
.chat-channel-keyboard_codemirror .CodeMirror-scroll::-webkit-scrollbar {
	width: 5px;
}
.chat-channel-keyboard_codemirror .CodeMirror-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.chat-channel-keyboard_codemirror .CodeMirror-scroll::-webkit-scrollbar-thumb {
  background: #bdc3c7; 
}
.chat-channel-keyboard_codemirror .CodeMirror-scroll::-webkit-scrollbar-thumb:hover {
  background: #868686; 
}

.chat-channel-keyboard .chat-channel-keyboard_input{position: relative;white-space:nowrap;}
.chat-channel-keyboard .chat-channel-keyboard_input .new-message {
    line-height: 35px;
    padding: 0px 10px;
    cursor: text;
    border-radius: 5px;
	white-space: normal;
}
.chat-channel-keyboard .sendMsgButton{display:none;}
.chat-channel-keyboard .sendMsgButton,
.chat-channel-keyboard .registerMsgButton {
    padding: 0px;
    top: 8px !important;
    right: 15px !important;
	cursor: pointer;
    position: absolute;
	/*z-index: 1000;*/
}
.scrollChatChannelToBottom {
    position: absolute;
    right: 20px;
    bottom: 5px;
    z-index: 10;
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    min-width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    color: #b3b3b3;
    background-color: #f5f5f5;
    cursor: pointer;
    display: none;
}
#listarea .scrollChatChannelToBottom {
    padding: 10px;
}
#listarea .chat-channel-keyboard .sendMsgButton, #listarea .chat-channel-keyboard .registerMsgButton{
	top: 12px !important;
}


.ChatChannel.no-audio .chat-channel-keyboard .registerMsgButton {
    display: none !important;
}
.ChatChannel.no-audio .chat-channel-keyboard .sendMsgButton {
    display: inline-block !important;
}

.ChatChannel{
	border-top: 1px solid #ccc;
}
.card-block > .ChatChannel {
    border-top: 0px;
}
/*.ChatChannel .chatAlert {
    position: relative;
    margin-bottom: 20px;
}*/
.ChatChannel, .ChatChannel .chat-channel-inner{
    max-height: 100%;
    overflow-y: hidden;
	background-color: #ffffff;
}
body > .ChatChannel {
    border: 0px;
}
/*.ChatChannel .chat_topic_selection_container{
	border-right: 1px solid #dfdfdf;
}*/
.ChatChannel .chat_topic_selection_container .chat_topics {
    height: calc(100% - 55px);
    overflow-y: auto;
	border-right: 1px solid #cccccc;
}
.ChatChannel .chat-channel-inner .chat-channel-messages {
	overflow-x: hidden;
    background-color: #f8f9fa;
	/*transition: height 0.10s;*/
	transition: height 0.15s ease-out 0s;
}
.ChatChannel .chat-channel-inner .chat-channel-messages,
.ChatChannel .chat_topic_selection_container .chat_topics {
    overflow-y: auto;
}					
.ChatChannel .chat-channel-inner .chat-channel-messages::-webkit-scrollbar,
.ChatChannel .chat_topic_selection_container .chat_topics::-webkit-scrollbar {
	width: 5px;
}
.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_selections::-webkit-scrollbar {
	height: 5px;
}
.ChatChannel .chat-channel-inner .chat-channel-messages::-webkit-scrollbar-track,
.ChatChannel .chat_topic_selection_container .chat_topics::-webkit-scrollbar-track,
.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_selections::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.ChatChannel .chat-channel-inner .chat-channel-messages::-webkit-scrollbar-thumb,
.ChatChannel .chat_topic_selection_container .chat_topics::-webkit-scrollbar-thumb,
.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_selections::-webkit-scrollbar-thumb {
  background: #bdc3c7; 
}
.ChatChannel .chat-channel-inner .chat-channel-messages::-webkit-scrollbar-thumb:hover,
.ChatChannel .chat_topic_selection_container .chat_topics::-webkit-scrollbar-thumb:hover,
.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_selections::-webkit-scrollbar-thumb:hover {
  background: #868686; 
}
.ChatChannel .showPrevMessages {
    text-align: center;
    margin: 10px 0px;
}
.ChatChannel .emoji-wysiwyg-editor{
    background-color: white;
    padding: 12px 10px 9px;
    cursor: text;
    padding-left: 33px;
    border-radius: 5px;
    outline: none;
    /*line-height: 18px;*/
    overflow-y: hidden;
    /* white-space: nowrap; */
    overflow-x: auto;
    height: auto !important;
	white-space: normal;
}
.ChatChannel .emoji-wysiwyg-editor div {
    display: inline-block;
}
.ChatChannel .emoji-wysiwyg-editor:empty:before {
    content: attr(placeholder);
    color: #9aa2ab;
}
.ChatChannel .emoji-wysiwyg-editor:empty:before {
    content: attr(placeholder);
    color: #9aa2ab;
}
.ChatChannel .emoji-picker-icon {
    right: inherit;
    left: 10px;
    top: 9px;
	z-index: auto;
}
.ChatChannel .emoji-menu {
    bottom: 35px;
    left: 0;
}
.ChatChannel .chat-channel-keyboard_editor > .mce-panel {
    top: -2px;
}
#listarea .ChatChannel .chat-channel-keyboard_editor > .mce-panel {
	top: -10px;
}
#listarea .chat-channel-keyboard.editor .sendMsgButton,
#listarea .chat-channel-keyboard.editor .registerMsgButton{
	top: 0px !important;
    right: 5px !important;
}
#listarea .ChatChannel .chat-channel-keyboard.editor .registerForm {
    top: -5px;
    right: 0px;
}
.ChatChannel .chat_topic_selection {
    padding: 15px;
	position: relative;
	cursor: pointer;
}
.ChatChannel .chat_topic_selection.chat_topic_invited {
    background-color: #ffe9c1;
}
.ChatChannel .chat_topic_selection .chat-header {
    cursor: pointer;
    width: fit-content;
    max-width: calc(100% - 20px);
}
.ChatChannel .chat_topic_selection.selected .chat-header {
    cursor: inherit;
}

/* Usato per il posizionamento dell'icona di ricerca all'interno del ticket */
.ChatChannel.no-header {
    position: relative;
}
.ChatChannel.no-header .ChatChannelHeaderIcon.floatingInChat {
    position: absolute;
    right: 0;
    top: 0;
	z-index: 100;
}
.ChatChannel.no-header .messages_search_bar {
    top: 10px;
    right: 40px;
}

.messages_search_bar {
    position: absolute;
    right: 15px;
    top: 70px;
    width: 450px;
	max-width: calc(100% - 30px);
    background-color: #eaeaea;
    border: 1px solid silver;
    z-index: 100;
    border-radius: 5px;
}
.messages_search_bar .pagination_info {
    position: absolute;
    right: 80px;
    top: 8px;
    color: gray;
    font-size: 12px;
}
.messages_search_bar > div > input.form-control {
    outline: none !important;
    box-shadow: none !important;
    border: 0px !important;
    background-color: transparent;
    display: inline-block;
    width: calc(100% - 80px);
	padding-right: 50px;
}
.messages_search_bar > div > i {
    float: right;
    height: 30px;
    padding: 6px;
    padding-top: 7px;
    padding-bottom: 0px;
    cursor: pointer;
    color: darkgrey;
}
.messages_search_bar > div > i:hover {
    color: black;
}
.highlight_message_for_search {
    height: 42px;
    display: none;
    background-color: lightyellow;
    padding: 2px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	cursor: pointer;
}
.highlight_message_for_search:hover {
    background-color: #ffffcc;
}
.search_filter_result {
    background-color: lightyellow;
    padding: 2px 5px;
    border: 1px solid #ffe1ab;
    margin-top: 5px;
    font-size: 12px;
    border-radius: 2px;
}
.ChatChannel .chat_topic_selection.hide_for_search {
	display: none !important;	
}
/* [BDUI3.2766] barra canali a pagine: pulsante "Mostra altri" in fondo alla scheda */
.ChatChannel .chat_topics .chat_topics_more {
    text-align: center;
    padding: 10px 5px;
    cursor: pointer;
    color: #337ab7;
    font-size: 13px;
    border-top: 1px solid #efefef;
    user-select: none;
}
.ChatChannel .chat_topics .chat_topics_more:hover {
    background-color: #f8f9fa;
}
.ChatChannel .chat_topics .chat_topics_more.loading {
    opacity: 0.5;
    cursor: default;
}
.ChatChannel .chat_topic_selection.selected {
    background-color: #f8f9fa;
    cursor: inherit;
}
.ChatChannel .chat_topic_selection:hover {
    background-color: #f8f9fa;
}
.ChatChannel .chat_topic_selection.chat_topic_invited:hover {
    background-color: #ffdda0;
}
.ChatChannel .chat_topic_selection .topic-info,
.ChatChannel .chat_topic_selection .topic-in-modal,
.ChatChannel .chat_topic_selection .topic-call-icon {
    float: right;
    color: #c1c1c1;
    padding: 0px 5px;
	cursor: pointer;
	display:none;
}
.ChatChannel .chat_topic_selection .topic-info {
    margin-left: 3px;
}
.ChatChannel .chat_topic_selection:hover .topic-info,
.ChatChannel .chat_topic_selection:hover .topic-in-modal,
.ChatChannel .chat_topic_selection:hover .topic-call-icon.online_user {
	display: block;
}
.ChatChannel .chat_topic_selection .topic-info:hover,
.ChatChannel .chat_topic_selection .topic-in-modal:hover,
.ChatChannel .chat_topic_selection .topic-call-icon:hover {
    color: black;
}
.ChatChannel .chat_topic_selection .chat-header:hover,
.ChatChannel .chat_topic_selection.selected .chat-header {
    font-weight: bold;
}
.ChatChannel .chat_topic_container{
	height: auto;
	border: 0px;
	white-space: nowrap;
	position: relative;
}
.ChatChannel .chat_topic_selection_container{
	white-space: normal;
}
.ChatChannel .chat_topics_selection_container {
    margin-left: -3px;
    width: calc(100% - 300px);
	white-space: normal;
}
.chat-channel-keyboard .chat-channel-keyboard_input .new-message, .ChatChannel .emoji-wysiwyg-editor {
    border-radius: 20px;
	padding-right: 40px;
}
.chat-channel-reply-box .chat-channel_upload:hover i, .chat-channel-reply-box .chat-channel_toggle:hover i, .chat-channel-reply-box .chat-ticket_share:hover i{
	color:black;
}
.ChatChannel.no-editor .chat-channel-reply-box .chat-channel_toggle {
    display: none;
}
.ChatChannel.no-att .chat-channel-reply-box .chat-channel_upload{
    display: none;
}
.ChatChannel .chat-channel-keyboard .registerForm {
	display:none;
    top: 8px;
    right: 15px;
    position: absolute;
	z-index: 1000;
}
.ChatChannel .chat-channel-keyboard .registerForm .fa-times {
    color: red;
	font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
	transition: transform 0.2s ease-in-out;
}
.ChatChannel .chat-channel-keyboard .registerForm .fa-times:hover {
	transform: scale(1.15);
}
.ChatChannel .chat-channel-keyboard .registerForm .fa-paper-plane {
    color: #28a745;
    margin-left: 10px;
	font-size: 18.6667px;
    cursor: pointer;
	vertical-align: middle;
	transition: transform 0.2s ease-in-out;
}
.ChatChannel .chat-channel-keyboard .registerForm .fa-paper-plane:hover {
	transform: scale(1.15);
}
.ChatChannel .chat-channel-keyboard .registerForm span{
	vertical-align: top;
}
.ChatChannel .chat-channel-keyboard .registerForm .fa-circle {
    font-size: 12px;
    margin-right: 5px;
	color: rgb(210, 210, 210);
}
.ChatChannel .chat-channel-keyboard.registering .registerForm {
	display: flex;
	align-items: center;
}
/* [CHAT144] Livello del microfono durante la registrazione di un vocale: la barra verde si muove
   mentre si parla; se dopo oltre un secondo non arriva segnale la traccia lampeggia in rosso. */
.ChatChannel .chat-channel-keyboard .registerForm .registerLevel {
	width: 34px;
	height: 6px;
	margin: 0 8px 0 4px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.12);
	overflow: hidden;
	flex: 0 0 auto;
	align-self: center;
}
.ChatChannel .chat-channel-keyboard .registerForm .registerLevel i {
	display: block;
	width: 0;
	height: 100%;
	background: #28a745;
	transition: width 0.08s linear;
}
.ChatChannel .chat-channel-keyboard .registerForm .registerLevel.no-signal {
	animation: bdMicNoSignal 1s ease-in-out infinite;
}
@keyframes bdMicNoSignal {
	0%, 100% { background: #f5c6cb; }
	50%      { background: #dc3545; }
}
.ChatChannel .chat-channel-keyboard.registering .chat-channel-keyboard_input .new-message, 
.ChatChannel .chat-channel-keyboard.registering .emoji-wysiwyg-editor {
    padding-right: 165px;
}
.ChatChannel .chat-channel-keyboard.registering .sendMsgButton, 
.ChatChannel .chat-channel-keyboard.registering .registerMsgButton {
    display: none;
}
.ChatChannel .add_topic_label{
	margin-bottom: 15px !important;
}
.ChatChannel .add_topic_form input[type=text] {
    margin-bottom: 10px;
}
.ChatChannel .add_topic_form button {
    width: fit-content;
    float: right;
}
.ChatChannel .add_topic_link {
    height: 55px;
    margin: 0px;
    padding-top: 18px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #ccc;
}
.ChatChannel .add_topic_link .btn.btn-success {
    padding: 4px 13px;
    margin-top: -5px;
    font-weight: initial;
    font-size: 14px;
}
.ChatChannel .add_topic_link .btn.btn-success, 
.ChatChannel .add_topic_link .btn.btn-success i,
.ChatChannel .chat-channel-inner a.btn.btn-success, 
.ChatChannel .chat-channel-inner a.btn.btn-success i{
    color: white !important;
}
.ChatChannel .chat-channel-inner a.btn.btn-success {
    color: white;
}
.ChatChannel .scrollChatChannelToBottom .info {
    display: none;
    font-size: 15px;
    vertical-align: text-bottom;
	color: gray;
}	
.ChatChannel .chat-inner-header{
	font-weight:bold;
}
.chat-audio audio {
    display:none;
}
.chat-audio-player {
    background-color: #0000001a;
    padding: 8px 5px 5px 8px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.swal2-styled.swal2-confirm,
.swal2-styled.swal2-confirm:active,
.menageAgendaEventModal .swal2-confirm:focus {
	background: #2ecc71 !important;
	background-color: #2ecc71 !important;
	border-color: #2ecc71 !important;
	background-image: none !important;
	font-weight: bold !important;
	color: #fff !important;
	cursor: pointer !important;
	border-radius: 2px !important;
}
.swal2-styled.swal2-confirm:hover {
	background-color: #54d98c !important;
	border-color: #54d98c !important;
}

.chat-audio-player .fa-play,
.chat-audio-player .fa-pause,
.chat-audio-player .fa-download,
.chat-audio-player .audio_loading {
    cursor: pointer;
    color: gray;
    font-size: 22px;
    width: 25px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 2px;
}
.chat-audio-player .fa-pause {
	display: none; 
	font-size: 18px;
	margin-top: 2px;
}
.chat-audio-player .fa-play:hover,
.chat-audio-player .fa-pause:hover,
.chat-audio-player .fa-download:hover {
    color: black;
}
.chat-audio-time-container {
    width: calc(100% - 30px);
    display: inline-block;
	font-size: smaller;
}
/*Nella modale aggiungo un margine di 5px perchè non è allineato a quello che si vede nel frame principale */
#listarea .chat-audio-time-container {
    margin-top: 5px;
}
.chat-audio-time {
    float: right;
    margin-right: 2px;
}
.chat-audio-time-container input[type="range"] {
    width: 100%;
}
.chat-audio-transcript {
    font-size: 12px;
    color: #555;
    padding: 4px 8px;
    margin-top: 2px;
    background: #f5f5f5;
    border-radius: 4px;
    line-height: 1.4;
    white-space: pre-line;
}
.chat-audio-transcript i {
    margin-right: 4px;
    color: #999;
}
.chat-audio-transcript-btn {
    cursor: pointer;
    font-size: 11px;
    color: #888;
    padding: 2px 6px;
    margin-top: 2px;
}
.chat-audio-transcript-btn:hover {
    color: #333;
}

/* [CHAT123] Anteprima dei link condivisi in chat (e nelle conversazioni WhatsApp) */
.chat-link-preview {
    display: flex;
    align-items: stretch;
    margin-top: 6px;
    border: 1px solid #e3e6ea;
    border-left: 3px solid #1a73e8;
    border-radius: 6px;
    background: #fbfcfd;
    overflow: hidden;
    text-decoration: none !important;
    color: inherit !important;
    max-width: 420px;
}
.chat-link-preview:hover {
    background: #f2f5f9;
    border-color: #cfd6de;
    border-left-color: #1a73e8;
}
.chat-link-preview .clp-img {
    flex: 0 0 84px;
    width: 84px;
    min-height: 84px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #eceff3;
}
.chat-link-preview .clp-icon {
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef3fb;
    color: #1a73e8;
    font-size: 20px;
}
.chat-link-preview .clp-body {
    padding: 8px 10px;
    min-width: 0;   /* senza questo il testo lungo sfonda il flex invece di andare a capo */
}
.chat-link-preview .clp-site {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #8a94a0;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chat-link-preview .clp-title {
    font-size: 13px;
    font-weight: 600;
    color: #1f2a37;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.chat-link-preview .clp-desc {
    font-size: 12px;
    color: #6b7684;
    line-height: 1.35;
    margin-top: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* Elementi interni (ticket, progetti, task): stessa card, accento diverso */
.chat-link-preview.clp-ticket  { border-left-color: #f0a202; }
.chat-link-preview.clp-project { border-left-color: #17a673; }
.chat-link-preview.clp-task    { border-left-color: #6f42c1; }
.chat-link-preview.clp-ticket .clp-icon  { background: #fdf4e3; color: #c07f02; }
.chat-link-preview.clp-project .clp-icon { background: #e8f7f1; color: #12855c; }
.chat-link-preview.clp-task .clp-icon    { background: #f1ecfa; color: #6f42c1; }
/* Il segnaposto non occupa spazio finche' non arriva la card */
.chat-link-preview-slot { display: none; }

/* [CHAT82] Reactions */
.chat-reactions {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
    padding: 2px 0;
}
.chat-reaction {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 7px;
    border-radius: 12px;
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s, border-color 0.15s;
}
.chat-reaction:hover {
    background: #e4e4e4;
}
.chat-reaction.mine {
    background: #e3f2fd;
    border-color: #90caf9;
}
.chat-reaction.mine:hover {
    background: #bbdefb;
}
.chat-message-sent .chat-reaction {
    background: rgba(255,255,255,0.3);
    border-color: rgba(255,255,255,0.4);
}
.chat-message-sent .chat-reaction:hover {
    background: rgba(255,255,255,0.5);
}
.chat-message-sent .chat-reaction.mine {
    background: rgba(255,255,255,0.55);
    border-color: rgba(255,255,255,0.7);
}
.chat-reaction-bar {
    display: none;
    position: absolute;
    top: 0;
    right: -44px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    padding: 3px;
    z-index: 100;
    white-space: nowrap;
    flex-direction: column;
    gap: 1px;
}
.chat-reaction-bar.visible {
    display: flex;
    align-items: center;
}
.chat-reaction-bar span {
    cursor: pointer;
    padding: 3px 5px;
    border-radius: 50%;
    font-size: 18px;
    transition: transform 0.12s, background 0.12s;
    line-height: 1;
}
.chat-reaction-bar span:hover {
    transform: scale(1.3);
    background: #f0f0f0;
}

/* [CHAT80] Messaggi pianificati */
.chat-scheduled-msg {
    opacity: 0.6;
    border-left: 3px solid #f0ad4e;
}
.chat-scheduled-msg .chat-cont {
    font-style: italic;
}
.chat-scheduled-msg .chat-time {
    color: #e8960b;
}
.chat-scheduled-icon {
    cursor: pointer;
    margin-right: 4px;
    color: #f0ad4e;
}
.chat-scheduled-icon:hover {
    color: #d9534f;
}
/* [CHAT80] Popup pianificazione invio */
.chat-schedule-popup {
    position: absolute;
    bottom: 55px;
    right: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.18);
    padding: 14px 16px;
    z-index: 9999;
    min-width: 260px;
}
.chat-schedule-popup h4 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
}
.chat-schedule-popup input[type="datetime-local"] {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 10px;
}
.chat-schedule-popup .schedule-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}
.chat-schedule-popup .btn-schedule {
    background: #337ab7;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}
.chat-schedule-popup .btn-schedule:hover {
    background: #286090;
}
.chat-schedule-popup .btn-schedule-cancel {
    background: #eee;
    color: #333;
    border: none;
    padding: 6px 14px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}
.chat-schedule-popup .btn-schedule-cancel:hover {
    background: #ddd;
}

/* INIZIO STILE RANGE INPUT */	
input[type=range] {
  width: 100%;
  margin: 4.75px 0;
  background-color: transparent;
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0.2);
  border: 0;
  border-radius: 25px;
  width: 100%;
  height: 4.5px;
  cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
  margin-top: -4.75px;
  width: 14px;
  height: 14px;
  background: #808080;
  border: 0.6px solid rgba(0, 0, 0, 0);
  border-radius: 7px;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #808080;
}
input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0.2);
  border: 0;
  border-radius: 25px;
  width: 100%;
  height: 4.5px;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: #808080;
  border: 0.6px solid rgba(0, 0, 0, 0);
  border-radius: 7px;
  cursor: pointer;
}
input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 5.75px 0;
  color: transparent;
  width: 100%;
  height: 4.5px;
  cursor: pointer;
}
input[type=range]::-ms-fill-lower {
  background: #000000;
  border: 0;
  border-radius: 50px;
}
input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.2);
  border: 0;
  border-radius: 50px;
}
input[type=range]::-ms-thumb {
  width: 14px;
  height: 14px;
  background: #808080;
  border: 0.6px solid rgba(0, 0, 0, 0);
  border-radius: 7px;
  cursor: pointer;
  margin-top: 0px;
  /*Needed to keep the Edge thumb centred*/
}
input[type=range]:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.2);
}
input[type=range]:focus::-ms-fill-upper {
  background: #808080;
}
/*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
how to remove the virtical space around the range input in IE*/
@supports (-ms-ime-align:auto) {
  /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
  input[type=range] {
    margin: 0;
    /*Edge starts the margin from the thumb, not the track as other browsers do*/
  }
}


#chat_channel_topic_modal h5 {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    color: #4a6076;
    font-size: 20px;
    text-transform: none !important;
}

/*#chat_channel_topic_modal {
    min-height: 550px;
	width: 750px;
    max-width: 95%;
    height: 550px !important;
    overflow-y: hidden;
}
#chat_channel_topic_modal .modal-ui3-scroll-body {
    height: calc(550px - 160px);
    overflow-y: auto;
}*/
#DiscussInvite_recipients_container #contactslist_CRM,
#ChatChannelInvite_recipients_container #contactslist_CRM{
	bottom: inherit;
	max-height: 200px;
	left: 0px !important;
	top: 30px !important;
}
#newDiscussInvite_CRM,
#newChatChannelInvite_CRM {
	width: 100% !important;
}
#DiscussInvite_recipients_container .clearrecipient,
#ChatChannelInvite_recipients_container .clearrecipient {
	padding: 2px 5px 0px 5px !important;
	height: 25px !important;
}
#DiscussInvite_recipients_container .recipient,
#ChatChannelInvite_recipients_container .recipient {
	margin-top: 10px !important;
}

.card-block.only-chat-on-project {
    padding-top: 0px;
}
.card-block.only-chat-on-project .ChatChannel {
    border: 0px;
}
#ImageDiscuss_loading{
    padding: 50px;
    text-align: center;
    display: none;
}



	.company_showChat_inner .TicketImageMessages {
		height: calc(100% - 110px);
		padding: 0px;
		width: 100% !important;
   		 position: relative !important;
	}
	.company_showChat_inner .TicketImageMessages .showChat_inner {
		width: 100% !important;
		 height: 100%;
	}
	.company_showChat_inner .TicketImageMessages .chat-reply-box {
		padding: 15px 12px !important;
	}
	.company_showChat_inner .chat-reply-box .right-icon-control {
		padding: 0px;
		border: 0px;
		float: left;
		width: calc(100% - 35px);
	}
	.company_showChat_inner .ProjectChatKeyboard .sendMsgButton {
		padding: 2px;
	}
	.company_showChat_inner .project_chat_toggle {
		display: none;
	}
	.company_showChat_inner .showChat_inner .media.chat-inner-header {
		display: none;
	}
	.company_showChat_inner .project_chat_upload i {
		margin: 6px;
		font-size: 20px;f
	}
	.company_showChat_inner .chat-menu-content:before {
		border-right-color: #eaeaea;
	}
	.company_showChat_inner .showChat_inner .chat-messages {
		padding: 0px;
	}
	.company_showChat_inner .TicketImageMessages .showChat_inner .messagesContainer {
		height: calc(100% - 61px);
	}

#main-friend-list .ChatChannel {
    display: none;
    top: 0;
    position: absolute;
    z-index: 100;
    height: calc(100% - 56px);
	width: 100%;
}

.ChatChannelHeaderIcon {
    float: right;
    font-size: 20px;
    color: darkgray;
    padding: 15px;
    width: 45px;
    text-align: right;
    height: 55px;
	cursor: pointer;
}
.ChatChannelHeaderIcon.ChatCallHistoryButton {
    padding-top: 14px;
    padding-left: 15px;
}
.ChatChannelHeaderIcon.ChatChannelInfo {
    text-align: center;
}
.ChatChannelHeaderIcon.ChatCallUser {
    cursor: initial;
}
.ChatChannelHeaderIcon.ChatCallUser i {
    color: whitesmoke;
	text-shadow: 0px 0px 2px #484848;
}
.ChatChannelHeaderIcon.ChatChannelInfo, .ChatChannelHeaderIcon.ChatChannelOpenInModal, .ChatChannelHeaderIcon.ChatCallUser.online_user {
    cursor: pointer;
}
.ChatChannelHeaderIcon.ChatCallUser.online_user i {
    color: darkgray;
	text-shadow: none;
}
.ChatChannelHeaderIcon:hover i,
.ChatChannelHeaderIcon.ChatCallUser.online_user:hover i {
    color: black;
}
table.dataTable .ChatChannelInfo {
    position: relative;
    top: inherit;
    right: inherit;
    font-size: 18px;
	padding: 0px 10px;
    width: fit-content;
    float: right;
    margin-right: 15px;
}

.ChatChannelInfoModalUsers {
    margin: 0px !important;
}
.ChatChannelInfoModalUsers .col-xs-12 {
    padding: 0px !important;
}
.ChatChannelInfoModalUsers .col-xs-12 .removeChatChannelUser{
    font-size: 12px;
    color: gray;
}
.ChatChannelInfoModalUsers .ProfileImg, #team_modal .ProfileImg {
    display: inline-block;
    width: 50px;
	margin-bottom: 20px;
	position: relative;
}
.ChatChannelInfoModalUsers .ProfileImg img, #team_modal .ProfileImg img {
    max-width: 50px;
    border-radius: 50%;
}
.ChatChannelInfoModalUsers .ProfileImg .live-status-user, #team_modal .ProfileImg .live-status-user{
	right: 2px;
    top: auto;
    bottom: 4px;
}
.ChatChannelInfoModalUsers .ProfileInfo, #team_modal .ProfileInfo {
    display: inline-block;
    max-width: calc(100% - 50px);
    padding: 0px 10px;
    vertical-align: middle;
	line-height: 18px;
}
#team_modal .ProfileInfo{
	 max-width: calc(100% - 75px);
}
.ChatChannelInfoModalUsers .ProfileInfo .ProfileEmail, #team_modal .ProfileInfo .ProfileEmail {
	font-size: 12px;
    color: gray;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden;
}



.add_topic_form,
#newVideoCallRoomForm,
.ChatChannelInfoModal{
	overflow-x:hidden;
}
.add_topic_form .modal-ui3-scroll-body,
#newVideoCallRoomForm .modal-ui3-scroll-body,
.ChatChannelInfoModal .modal-ui3-scroll-body {
    height: 350px;
    overflow-y: auto;
	overflow-x:hidden;
    margin-left: -10px;
    margin-right: -10px;
	width: calc(100% + 20px);
    margin-top: 0px;
}
.addUserToChatChannel {
    color: gray !important;
    cursor: pointer;
}
.addUserToChatChannel:hover {
	color:black !important;	
}
.ChatChannel.ChatChannelSidebar {
    border-top: 0px;
}
.ChatChannel.ChatChannelSidebar .ChatChannelInfo {
    display: none !important;
}
.ChatChannel.ChatChannelSidebar .chat-inner-header .live-status-user {
    top: 24px;
}
.ChatChannel.ChatChannelSidebar .onWritingChannel {
    bottom: -1px;
}
.ChatChannelInviteInfo {
    margin-top: 15px;
    line-height: 20px;
    margin-bottom: 30px;
}
.ChatChannelInviteInfo ul {
    list-style-type: disc;
    padding-left: 25px;
    margin-top: 5px;
}
#pcoded[vertical-nav-type=collapsed] #menu-list-new-project a {
    padding-left: 15px !important;
}





.replyToMessage.fa {
    position: absolute;
    right: 8px;
    bottom: 10px;
    font-size: 12px;
    color: silver;
    display: none;
	cursor: pointer;
}
#listarea .replyToMessage.fa {
    bottom: 7px;
}
#sidebar .replyToMessage.fa {
    bottom: 8px;
}
.chat-message.chat-message-sent .replyToMessage {
    right: 30px;
}
.replyToMessage:hover {
    color: gray;
}
.chat-message-body:hover .replyToMessage{
    display: block;
}
.replyToMessageBox {
    display: none;
    padding: 8px;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 10px;
    border: 1px solid #d2dbe3;
    border-radius: 7.5px;
    max-width: calc(100% - 15px);
    line-height: 15px;
	position: relative;
	background-color: white;
	padding-right: 32px;
}
.closeReplyToMessage {
    cursor: pointer;
    float: right;
    font-size: 18px;
    color: darkgray;
    position: absolute;
    right: 10px;
    top: 14px;
}
.closeReplyToMessage:hover {
    color: gray;
}


.tagPeopleBox {
    display: none;
    padding: 8px;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 10px;
    border: 1px solid #d2dbe3;
    border-radius: 7.5px;
    max-width: calc(100% - 15px);
    line-height: 15px;
	position: relative;
	background-color: white;
}

.chat-message-body .user_tag, .chat-message-body bd_tag,
.chat-channel-keyboard_input .user_tag, .chat-channel-keyboard_input bd_tag {
    color: #2083b3;
    text-decoration: underline;
}
.tagPeopleRow {
    position: relative;
    padding: 5px;
    min-height: 34px;
	cursor: pointer;
	background: inherit;
}
.tagPeopleRow:hover, .tagPeopleRow.selected {
    background-color: whitesmoke;
}
.tagPeopleRow:last-child {
    border: 0px;
}
.tagPeopleRow .profileImg {
    vertical-align: middle;
    position: relative;
}
.tagPeopleRow .profileImg .live-status {
    right: 5px;
    top: 16px;
    width: 8px;
    height: 8px;
}
.tagPeopleRow span.name {
    vertical-align: middle;
}

/* [CHAT81] Menzione ticket con # */
.tagTicketsBox {
    display: none;
    padding: 8px;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 10px;
    border: 1px solid #d2dbe3;
    border-radius: 7.5px;
    max-width: calc(100% - 15px);
    line-height: 15px;
    position: relative;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
}
.tagTicketRow {
    position: relative;
    padding: 5px 8px;
    min-height: 28px;
    cursor: pointer;
    background: inherit;
}
.tagTicketRow:hover, .tagTicketRow.selected {
    background-color: whitesmoke;
}
.tagTicketRow .ticket-code {
    font-weight: bold;
    color: #2083b3;
    margin-right: 6px;
    font-size: 12px;
}
.tagTicketRow .ticket-subject {
    color: #333;
    font-size: 12px;
}
.tagTicketRow .ticket-project {
    color: #999;
    font-size: 11px;
    margin-left: 6px;
}
.tagTicketsBox .tagTicketLoading {
    text-align: center;
    color: #999;
    font-size: 12px;
    padding: 5px;
}
.chat-message-body bd_ticket,
.chat-channel-keyboard_input bd_ticket {
	background: #ffd600;
    padding: 2px 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    margin-right: 5px;
    font-weight: 600;
    width: fit-content;
    display: inline-block;
    color: black;
}

.replyToMessageDateTime{
    font-size: 85%;
    margin-top: 4px;
    font-style: italic;
}
.chat-reply-html {
	padding: 5px;
    font-size: 85%;
    background-color: #0000001a;
    margin-bottom: 5px;
    border-radius: 5px;
    position: relative;
    border-left: 3px solid #154b9f;
	cursor: pointer;
}
.chat-reply-html:hover {
    background-color: #00000033;
}
.search-result-row .share_icon {
    cursor: pointer;
    margin-left: 5px;
    color: silver;
	display:none;
}
.search-result-row:hover .share_icon {
	display:inline-block;
}
.search-result-row .share_icon:hover {
    color: black;
}
.search-result-row .doc_desc a.link {
    font-size: inherit;
}

.setPlannedDayPicker{
    width: 150px;
    background: transparent !important;
    border: 0px;
    outline: none !important;
    box-shadow: none !important;
}

.toggleTopicsSidebar {
    font-size: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: darkgrey !important;
    cursor: pointer;
    height: 55px;
    z-index: 10;
    width: 45px;
    padding: 15px;
    text-align: center;
	margin: 0px !important;
}
.toggleTopicsSidebar:hover {
    color: black !important;
}
.qrLogin {
    font-size: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: darkgrey !important;
    cursor: pointer;
    height: 55px;
    z-index: 10;
    width: 45px;
    padding: 15px;
    text-align: center;
	margin: 0px !important;
}
.qrLogin:hover {
    color: black !important;
}

.swal2-container.project .swal2-popup.swal2-modal {
    width: 600px;
    max-width: 95%;
}
.edit_topic_name_button {
    color: silver !important;
    vertical-align: top;
	display:none;
}
.edit_topic_name_button:hover {
    color: black !important;
}
.modal-ui3-scroll-head:hover .edit_topic_name_button {display:inline-block;}
.edit_topic_name_form {
    margin: 10px 0px;
    display: none;
}
.edit_topic_name_form .edit_topic_name {
    width: calc(100% - 150px);
    display: inline-block;
    margin-right: 10px;
}
.edit_topic_name_form button {
    width: 140px;
    height: 32px;
}

.click_to_copy div {
    color: darkgray !important;
}
.click_to_copy {
    width: fit-content;
    margin-right: 15px;
    color: darkgray !important;
	cursor: pointer;
}
td .click_to_copy{
    float: right;
}
.click_to_copy:hover {
    color: black !important;
}
.click_to_copy i{
    font-size: 16px;
	margin-top: 5px;
}
.modal-ui3-scroll-head-desc .click_to_copy div {
    margin-bottom: 6px;
}
.swal2-container .click_to_copy div {
    margin-top: 3px;
    margin-bottom: 0px;
}
.swal2-container .click_to_copy {
    float: none;
    margin: 0px;
}
.ChatChannelInfoModal a.click_to_copy {
    margin-right: 0px;
}
.element_url_container{display:none;}
.element_url_text {
    font-size: 12px;
    color: gray;
}
.element_url_text i.fa-pencil{
    cursor: pointer;
}
.element_url_text i.fa-pencil:hover {
    color: black;
}
.element_url_text i.fa.fa-pencil {
    margin-left: 5px;
	display:none;
}
.element_url_text:hover i.fa.fa-pencil {
	display:inline-block;
}
.element_url_edit {
    display: none;
}
.element_url_edit_dummy_input {
    font-size: 12px;
    color: gray;
    max-width: calc(100% - 100px);
    display: inline-block;
    font-size: 12px;
    color: gray;
    border: 1px solid #ced4da;
    padding: 0px 4px;
    margin-bottom: 10px;
	height: 30px;
}
.element_url_edit input[type=text] {
    display: inline-block;
    max-width: calc(100% - 100px);
    margin: 0px !important;
    border: 0px;
    padding: 0px;
    color: gray;
    font-size: 12px;
    outline: none !important;
    box-shadow: none !important;
    /* height: 16px !important; */
    min-height: 28px;
    margin-top: 1px;
}
.element_url_edit .btn {
    max-width: 90px;
    float: right;
}

#mainNavbarList li.user-profile.header-notification {
    white-space: nowrap;
}
#mainNavbarList li.user-profile.header-notification ul {
    white-space: normal;
}
#ImageDiscussSidebar .ChatChannel{
    height: 100%;
}
.notification-msg.chat-cont .chat-audio,
.notification-msg.chat-cont .chat-file  {
    width: 250px;
    max-width: 100%;
}

.ChatChannel .chat_topic_selection .media-left {
    display: inline-block;
    padding: 5px 0px;
	vertical-align: top;
    width: 55px;
	position: relative;
}
.ChatChannel .chat_topic_selection .media-right {
    display: inline-block;
    width: calc(100% - 60px);
    vertical-align: text-top;
}
.ChatChannel .chat_topic_selection .media-left .live-status {
    right: 10px;
    top: 40px;
}
.MessageFromEmailIcon {
	height: 60px;
    width: 60px;
    font-size: 35px;
    text-align: center;
    background-color: #c8c8c8;
    color: white;
    border-radius: 50%;
    padding-top: 12px;
}

.header-notification #msgCounterTotal {
    top: 12px;
    right: 10px;
}
#new_project_modal {
    overflow-x: hidden;
}
#new_project_modal #ProjectNewFormContainer {
    margin-top: 10px;
}
#new_project_modal input[name=progetto] {
    font-size: 22px;
    font-weight: 500;
}
.newTopicChatChannelModal .element_url_container {
    margin-top: 10px;
}
.ChatChannel.display_topics_sidebar_mobile .toggleTopicsSidebar{
	display:none;
}

.ChatChannel .chat_topic_selection .topic-last-msg {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 65px;
    position: relative;
}
.ChatChannel .chat_topic_selection .topic-last-msg .topic-last-msg-datetime{
	/*float:right;*/
    position: absolute;
    right: 0;
    top: 0;
}


.chat-message .chat-message-body .mail-body, 
.media-body .mail-body{
	margin: 5px 0px 10px 0px;
   /* font-style: italic;
    color: gray;*/
}
.chat-message .mail-actions, .media-body .mail-actions {
    float: right;
    padding: 5px;
	display:none;
}
.chat-message .mail-actions a, .media-body .mail-actions a {
    margin-left: 10px;
    color: #9e9e8b !important;
    font-size: 16px;
}
.chat-message .mail-actions a:hover, .media-body .mail-actions a:hover {
    color: black !important;
}
.chat-message .mail-actions a i.fa.fa-download, .media-body .mail-actions a i.fa.fa-download {
    margin-top: 1px;
}
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-msg {
    word-break: break-word;
}

.chat-message-body .mail-sender {
    font-weight: bold;
}
.chat-channel-reply-box .mail-actions {
    display: none;
}


.chat-inner-header .profileImg {
    position: relative;
}
.chat-inner-header .profileImg .live-status {
    right: 2px;
    top: 15px;
}
.chat-reply-html a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.notification-msg.chat-cont .chat-audio a, 
.notification-msg.chat-cont .chat-file a {
    padding: 0px !important;
    margin: 0px !important;
}
#LoginOnChatMobileModal_img {
	height: 165px;
}
#LoginOnChatMobileModal_img img{
	max-width:100%;
}
#LoginOnChatMobileModal_img.invalid_qr img{
    opacity: 0.1;
}
.chat-channel-keyboard .SendViaMail {
    width: fit-content;
    cursor: pointer;
	display: inline-block;
}
.chat-channel-keyboard .SendViaMail input[type="checkbox"] {
    vertical-align: middle;
    margin-top: -3px;
	cursor: pointer;
}
.chat-channel-keyboard .SendViaMail span {
    padding-left: 4px;
}
.chat-channel-keyboard .SendViaMail_Container {
    display: none;
	width: fit-content;
}
.chat-channel-keyboard .SendViaMail_Container.shown {
    display: inline-block;
}
.chat-channel-keyboard .SendViaMail_Container .recipient {
    margin: 5px 5px 3px 0px;
}
.chat-channel-keyboard .SendViaMail_Container .input_container {
    width: 250px;
    max-width: 100%;
	display: inline-block;
	position: relative;
}
.chat-channel-keyboard .SendViaMail_Container .input_container input[type=text] {
    width: 100%;
    border: 0px;
    background-color: transparent;
    border-bottom: 1px solid silver;
    outline: none !important;
    box-shadow: none !important;
}
.chat-channel-keyboard .SendViaMail_Container #contactslist_CRM td a:hover {
    text-decoration: underline;
}
#LoginOnChatMobileModal_img_container{position:relative;}
#LoginOnChatMobileModal_img_reload {
	display:none;
    position: absolute;
    font-size: 45px;
    top: calc(50% - 10px);
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
	z-index: 10;
}

.notification-fulllist .notification-msg.chat-cont .mail-sender {
    display: inline-block;
}
#show-messages .chat-cont a, #show-notification .notification-msg a {
    padding: 0px;
	margin:0px;
}
#show-messages .noResultsMsg, #show-notification .noResultsMsg {
    padding: 5px 20px;
	text-align: left;
	display:none;
}

#show-messages li.message {
    display: none;
}
#show-messages li.message:nth-child(-n+6){
    display:block;
}


.ui-pnotify-text > .fa-comments-o {
    margin-right: 3px;
}
/* [WA87] Icona apertura conversazione in modale dalla lista contatti WhatsApp */
.userlist-box .topic-in-modal {
    float: right;
    color: #c1c1c1;
    padding: 0px 5px;
    margin-right: 10px;
    cursor: pointer;
    display: none;
}
.userlist-box:hover .topic-in-modal {
    display: block;
}
.userlist-box .topic-in-modal:hover {
    color: black;
}
.userlist-box .chat-number, .chat-inner-header .chat-number {
    font-size: 85%;
    color: gray;
}
#CalendarModal .calendar_day, #AgendaWelcome .calendar_day, #SquisitoOpeningsTimesModal .calendar_day, #CmfProfessionalWelcome .calendar_day, #ProfessionalCalendarForm .calendar_day, #insertDip .calendar_day {
    margin: 0px;
    margin-bottom: 5px;
}
#AgendaWelcome .calendar_day {
    display: inline-block;
    margin-right: 15px;
}
#CalendarModal .calendar_day > div, #AgendaWelcome .calendar_day > div, #SquisitoOpeningsTimesModal .calendar_day > div, #CmfProfessionalWelcome .calendar_day > div, #ProfessionalCalendarForm .calendar_day > div, #insertDip .calendar_day > div {
    padding: 0px;
	padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}
#CalendarModal .calendar_day span.time_alert,
#AgendaWelcome .calendar_day span.time_alert,
#SquisitoOpeningsTimesModal .calendar_day span.time_alert,
#CmfProfessionalWelcome .calendar_day span.time_alert,
#ProfessionalCalendarForm .calendar_day span.time_alert,
#insertDip .calendar_day span.time_alert {
    float: right;
    font-size: 10px;
    margin-top: 1px;
    color: #ffaa0e;
	border-color: #ffaa0e;
}
#CalendarModal .calendar_day input.time_alert,
#AgendaWelcome .calendar_day input.time_alert,
#SquisitoOpeningsTimesModal .calendar_day input.time_alert,
#CmfProfessionalWelcome .calendar_day input.time_alert,
#ProfessionalCalendarForm .calendar_day input.time_alert,
#insertDip .calendar_day input.time_alert {
    color: #ffaa0e;
	border-color: #ffaa0e;
}
#CalendarModal .calendar_day .calendar_day_time, #AgendaWelcome .calendar_day .calendar_day_time, #SquisitoOpeningsTimesModal .calendar_day .calendar_day_time, #CmfProfessionalWelcome .calendar_day .calendar_day_time, #ProfessionalCalendarForm .calendar_day .calendar_day_time, #insertDip .calendar_day .calendar_day_time {
    margin-bottom: 10px;
}
#CalendarModal .calendar_day .calendar_day_time .remove_calendar_day_time_link,
#AgendaWelcome .calendar_day .calendar_day_time .remove_calendar_day_time_link,
#SquisitoOpeningsTimesModal .calendar_day .calendar_day_time .remove_calendar_day_time_link,
#CmfProfessionalWelcome .calendar_day .calendar_day_time .remove_calendar_day_time_link,
#ProfessionalCalendarForm .calendar_day .calendar_day_time .remove_calendar_day_time_link,
#insertDip .calendar_day .calendar_day_time .remove_calendar_day_time_link {
    font-size: 18px;
}
#CalendarModal .calendar_day .calendar_day_time .remove_calendar_day_time_link i,
#AgendaWelcome .calendar_day .calendar_day_time .remove_calendar_day_time_link i,
#SquisitoOpeningsTimesModal .calendar_day .calendar_day_time .remove_calendar_day_time_link i,
#CmfProfessionalWelcome .calendar_day .calendar_day_time .remove_calendar_day_time_link i,
#ProfessionalCalendarForm .calendar_day .calendar_day_time .remove_calendar_day_time_link i,
#insertDip .calendar_day .calendar_day_time .remove_calendar_day_time_link i {
	color: silver;
}
#CalendarModal .calendar_day .calendar_day_time .remove_calendar_day_time_link:hover i,
#AgendaWelcome .calendar_day .calendar_day_time .remove_calendar_day_time_link:hover i,
#SquisitoOpeningsTimesModal .calendar_day .calendar_day_time .remove_calendar_day_time_link:hover i,
#CmfProfessionalWelcome .calendar_day .calendar_day_time .remove_calendar_day_time_link:hover i,
#ProfessionalCalendarForm .calendar_day .calendar_day_time .remove_calendar_day_time_link:hover i,
#insertDip .calendar_day .calendar_day_time .remove_calendar_day_time_link:hover i {
	color: gray;
}
#CmfProfessionalWelcome .calendar_day .calendar_day_time input[type="checkbox"],
#ProfessionalCalendarForm .calendar_day .calendar_day_time input[type="checkbox"],
#insertDip .calendar_day .calendar_day_time input[type="checkbox"] {
    margin-top: 8px;
}


#CmfProfessionalWelcome .modal-ui3-scroll-head > div,
#CmfCustomerWelcome .modal-ui3-scroll-head > div {
    line-height: 20px;
    font-weight: bold;
}
#CmfCustomerWelcome .modal-ui3-scroll-head > div {
    font-weight: initial;
}
															.ProfessionalScopeArea > div {
																margin-bottom: 3px;
																margin-top: 2px;
															}
															/*.ProfessionalScopeArea_on > div:nth-child(1) {
																font-size: 22px;
																margin: 0px;
															}
															.ProfessionalScopeArea_on > div:nth-child(2) {
																font-size: 20px;
															}
															.ProfessionalScopeArea_on > div:nth-child(3) {
																font-size: 18px;
															}
															.ProfessionalScopeArea_on > div:nth-child(4) {
																font-size: 16px;
															}*/
															.ProfessionalScopeArea_off {
																color: #b5b5b5;
															}
.ProfessionalScopeArea .handle {
    display: inline-block;
    padding: 0px 5px;
    vertical-align: middle;
	cursor: move;
}
.ProfessionalScopeArea img.drag {
    width: 10px !important;
    vertical-align: middle;
}

.calendar_day.row .link.minigray, .calendar_day.row .remove_calendar_day_time_link {
	display: none;
}
.calendar_day.row:hover .link.minigray, .calendar_day.row:hover .remove_calendar_day_time_link {
	display: block;
}
.ProfileInfoCheckboxContainer {
    display: inline-block;
    width: 20px;
    vertical-align: text-top;
    font-size: 18px;
}
.TeamInfo,
.UserInfo {
    line-height: initial;
}
.TeamInfoCheckboxContainer,
.UserInfoCheckboxContainer {
    display: inline-block;
    margin-right: 12px;
	cursor:pointer;
}
#folder_modal .TeamInfoCol,
#folder_modal .UserInfoCol {
    margin-bottom: 25px;
}
#folder_modal .TeamInfo,
#folder_modal .UserInfo {
    margin-bottom: 5px;
}
.modal-ui3 .TeamUsers {
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 1px;
}
.ProfileInfoCheckboxContainer i,
.TeamInfoCheckboxContainer i,
.UserInfoCheckboxContainer i{
	color: silver;
    cursor: pointer;
}
.TeamInfoCheckboxContainer i,
.UserInfoCheckboxContainer i {
    font-size: 16px;
    vertical-align: middle;
	width: 15px;
}
.ProfileInfoCheckboxContainer i:hover,
.ProfileInfoCheckboxContainer i.fa-check-square-o,
.TeamInfoCheckboxContainer:hover i,
.TeamInfoCheckboxContainer i.fa-check-square-o,
.UserInfoCheckboxContainer:hover i,
.UserInfoCheckboxContainer i.fa-check-square-o{
	color: black;
}
.team-pic {
    font-size: 40px;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: silver;
    color: white;
    border-radius: 50%;
    padding: 8px;
}

/* Colorazione codice in chat (replica codemirror)*/
.chat-cont .code-container .code-row-content .cm-header {color: blue;}
.chat-cont .code-container .code-row-content .cm-quote {color: #090;}
.chat-cont .code-container .code-row-content .cm-keyword {color: #708;}
.chat-cont .code-container .code-row-content .cm-atom {color: #219;}
.chat-cont .code-container .code-row-content .cm-number {color: #164;}
.chat-cont .code-container .code-row-content .cm-def {color: #00f;}
.chat-cont .code-container .code-row-content .cm-variable,
.chat-cont .code-container .code-row-content .cm-punctuation,
.chat-cont .code-container .code-row-content .cm-property,
.chat-cont .code-container .code-row-content .cm-operator {}
.chat-cont .code-container .code-row-content .cm-variable-2 {color: #05a;}
.chat-cont .code-container .code-row-content .cm-variable-3 {color: #085;}
.chat-cont .code-container .code-row-content .cm-comment {color: #a50;}
.chat-cont .code-container .code-row-content .cm-string {color: #a11;}
.chat-cont .code-container .code-row-content .cm-string-2 {color: #f50;}
.chat-cont .code-container .code-row-content .cm-meta {color: #555;}
.chat-cont .code-container .code-row-content .cm-qualifier {color: #555;}
.chat-cont .code-container .code-row-content .cm-builtin {color: #30a;}
.chat-cont .code-container .code-row-content .cm-bracket {color: #997;}
.chat-cont .code-container .code-row-content .cm-tag {color: #170;}
.chat-cont .code-container .code-row-content .cm-attribute {color: #00c;}
.chat-cont .code-container .code-row-content .cm-hr {color: #999;}
.chat-cont .code-container .code-row-content .cm-link {color: #00c;}
.chat-cont .code-container .code-row-content .cm-error {color: #f00;}


/* INIZIO STILE CHAT SEGRETA */
.ui-tabs .ui-tabs-nav li.TabHeadList_ChatChannelSecret{
	background: #9c9c9c;
	border-color: #9c9c9c;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active.TabHeadList_ChatChannelSecret{
	background: gray;
	border-color: gray;
}
.ui-tabs .ui-tabs-nav li.TabHeadList_ChatChannelSecret a{color:white;}
.ChatChannel.ChatChannelSecret .chat-channel-inner .chat-channel-messages {
    background-color: gray;
}
.ChatChannel.ChatChannelSecret .chat-message .chat-sender {
    color: white;
}
/* FINE STILE CHAT SEGRETA */

.mail_event_action {
    font-size: 18px !important;
    cursor: pointer;
}


.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_tab {
    display: none;
}
.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_tab[data-type='main'] {
    display: block;
}
.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_selections {
    border-bottom: 1px solid #cccccc;
    white-space: nowrap;
    overflow-x: auto;
}

.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_tab_selection {
   /* max-width: 45%;*/
    display: inline-block;
    padding: 10px 15px;
    margin-right: -4px;
    /* margin-top: 5px; 
    border: 1px solid #cccccc;*/
    border-bottom: 0px;
    border-top: 0px;
    /* border-top-left-radius: 3px; */
    /* border-top-right-radius: 3px; */
    cursor: pointer;
}
.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_tab_selection:hover,
.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_tab_selection.selected {
	background-color: #f8f9fa;
}
.ChatChannel .chat_topic_selection_container .chat_topics .chat_topics_tab_selection.selected {
    cursor: initial;
	font-weight: bold;
}

.ChatChannel .chat-message .chat-message-body .deleted_message_text {
    color: gray;
}
.ChatChannel .chat-message .delete_message_button {
    position: absolute;
    right: 55px;
    bottom: 10px;
    color: silver;
    cursor: pointer;
	display:none;
}
.ChatChannel .chat-message .delete_message_button.delete_message_button_confirm {
    color: pink;
}
#listarea .ChatChannel .chat-message .delete_message_button{
	bottom: 8px;
}
.ChatChannel .chat-message .chat-message-body:hover .delete_message_button{
	display: inline-block;
}
.ChatChannel .chat-message .delete_message_button:hover{
    color: grey;
}
.ChatChannel .chat-message .delete_message_button.delete_message_button_confirm:hover {
    color: red;
}
/* [CHAT131] Icona modifica messaggio: stessa posizione/stile del cestino, subito a sinistra */
.ChatChannel .chat-message .edit_message_button {
    position: absolute;
    right: 80px;
    bottom: 10px;
    color: silver;
    cursor: pointer;
	display:none;
}
#listarea .ChatChannel .chat-message .edit_message_button{
	bottom: 8px;
}
.ChatChannel .chat-message .chat-message-body:hover .edit_message_button{
	display: inline-block;
}
.ChatChannel .chat-message .edit_message_button:hover{
    color: grey;
}
/* [CHAT131] Matita scaduta: opacità ridotta + cursore bloccato */
.ChatChannel .chat-message .edit_message_button.expired{
    opacity: 0.5;
    cursor: not-allowed;
}
.ChatChannel .chat-message.editing_message .delete_message_button,
.ChatChannel .chat-message.editing_message .edit_message_button,
.ChatChannel .chat-message.editing_message .replyToMessage {
    display: none !important;
}
.ChatChannel .chat-message.deleted_message .replyToMessage,
.ChatChannel .chat-message.deleted_message .delete_message_button,
.ChatChannel .chat-message.deleted_message .edit_message_button,
.ChatChannel .chat-message.deleted_message .messageStatusContainer {
    display: none !important;
}
.link.delete_link, .link.delete_link .fa {
    color: pink !important;
}
.link.delete_link:hover, .link.delete_link:hover .fa{
    color: red !important;
}

#ImageDiscussSidebar .ChatChannelOpenInModal {
    display: none !important;
}

#AccountantCustomerModal .owl-carousel .owl-item {
    padding-right: 10px;
}
#InvoiceCustomerModal .row,
.kitchen_receipt_contact_container .row,
#AccountantCustomerModal .modal-ui3-scroll-body .row {
    margin: 0px !important;
	width: 100%;
}
#InvoiceCustomerModal .col-xs-12,
.kitchen_receipt_contact_container .col-xs-12,
#AccountantCustomerModal .modal-ui3-scroll-body .col-xs-12 {
    padding: 10px;
}

#NewCrmContactModal #invoice-customer-modal-tabs {
    margin-top: 20px;
	border: none;
}
#repository_modal_tabs {
    margin-top: 30px;
	border: none;
}
#InvoiceCustomerModal input, 
#InvoiceCustomerModal select, 
#InvoiceCustomerModal .select2-selection,
.kitchen_receipt_contact_container input, 
.kitchen_receipt_contact_container select, 
.kitchen_receipt_contact_container .select2-selection,
#AccountantCustomerModal input, 
#AccountantCustomerModal select, 
#AccountantCustomerModal .select2-selection {
    outline: none;
    border: 1px solid #e5e5e5;
}
#InvoiceCustomerModal .select2-selection,
.kitchen_receipt_contact_container .select2-selection,
#AccountantCustomerModal .select2-selection {
    outline: none;
    border: 1px solid #e5e5e5;
}
#InvoiceCustomerModal #invoice-customer-modal-tabs,
.kitchen_receipt_contact_container #invoice-customer-modal-tabs,
#AccountantCustomerModal #invoice-customer-modal-tabs, #repository_modal_tabs {
    overflow-x: auto;
	margin-bottom:20px;
    border: 0px;
}
#InvoiceCustomerModal #invoice-customer-modal-tabs .ui-tabs-nav,
.kitchen_receipt_contact_container #invoice-customer-modal-tabs .ui-tabs-nav,
#NewCrmContactModal #invoice-customer-modal-tabs .ui-tabs-nav,
#AccountantCustomerModal #invoice-customer-modal-tabs .ui-tabs-nav,
#repository_modal_tabs .ui-tabs-nav,
#NotaSpeseModal .ui-tabs-nav {
    background: none;
	padding: 0px;
    border-bottom: 1px solid #e2e5e9;
}

#InvoiceCustomerModal #invoice-customer-modal-tabs .ui-tabs-panel,
.kitchen_receipt_contact_container #invoice-customer-modal-tabs .ui-tabs-panel,
#NewCrmContactModal #invoice-customer-modal-tabs .ui-tabs-panel,
#AccountantCustomerModal #invoice-customer-modal-tabs .ui-tabs-panel,
#repository_modal_tabs .ui-tabs-panel,
#NotaSpeseModal .ui-tabs-panel {
    padding: 0px;
}

#InvoiceCustomerModal #invoice-customer-modal-tabs .ui-tabs-nav li,
.kitchen_receipt_contact_container #invoice-customer-modal-tabs .ui-tabs-nav li,
#NewCrmContactModal #invoice-customer-modal-tabs .ui-tabs-nav li,
#AccountantCustomerModal #invoice-customer-modal-tabs .ui-tabs-nav li,
#repository_modal_tabs .ui-tabs-nav li,
#NotaSpeseModal .ui-tabs-nav li {
    border: 0px;
    background: none;
}

#InvoiceCustomerModal #invoice-customer-modal-tabs .ui-state-active, 
#InvoiceCustomerModal #invoice-customer-modal-tabs .ui-widget-content .ui-state-active, 
#InvoiceCustomerModal #invoice-customer-modal-tabs .ui-widget-header .ui-state-active,
.kitchen_receipt_contact_container #invoice-customer-modal-tabs .ui-state-active, 
.kitchen_receipt_contact_container #invoice-customer-modal-tabs .ui-widget-content .ui-state-active, 
.kitchen_receipt_contact_container #invoice-customer-modal-tabs .ui-widget-header .ui-state-active,
#NewCrmContactModal #invoice-customer-modal-tabs .ui-state-active, 
#NewCrmContactModal #invoice-customer-modal-tabs .ui-widget-content .ui-state-active, 
#NewCrmContactModal #invoice-customer-modal-tabs .ui-widget-header .ui-state-active,
#AccountantCustomerModal #invoice-customer-modal-tabs .ui-state-active, 
#AccountantCustomerModal #invoice-customer-modal-tabs .ui-widget-content .ui-state-active, 
#AccountantCustomerModal #invoice-customer-modal-tabs .ui-widget-header .ui-state-active, 
#repository_modal_tabs .ui-state-active, 
#repository_modal_tabs .ui-widget-content .ui-state-active, 
#repository_modal_tabs .ui-widget-header .ui-state-active,
#NotaSpeseModal .ui-widget-header .ui-state-active {
    font-weight: 700;
    border-bottom: 3px solid #efa91b;
    border-bottom-width: 3px !important;
}
#InvoiceCustomerModal #invoice-customer-modal-tabs li:hover,
.kitchen_receipt_contact_container #invoice-customer-modal-tabs li:hover,
#NewCrmContactModal #invoice-customer-modal-tabs li:hover,
#AccountantCustomerModal #invoice-customer-modal-tabs li:hover,
#repository_modal_tabs li:hover,
#NotaSpeseModal li:hover {
    border-bottom: 3px solid silver;
}
.kitchen_receipt_contact_container .col-xs-12 {
    padding-left: 0px;
}
.select2-selection.select2-selection--single {
    border-color: silver;
}
#NewCrmContactModal #invoice-customer-modal-tab-create,
#NewCrmContactModal #invoice-customer-modal-tab-choose{
    margin-bottom: 20px;
	padding: 0px;
}
#NewCrmContactModal #invoice-customer-modal-tab-create .row,
#NewCrmContactModal #invoice-customer-modal-tab-choose .row {
    margin: 0px;
}
#NewCrmContactModal #invoice-customer-modal-tab-create .row > div,
#NewCrmContactModal #invoice-customer-modal-tab-choose .row > div {
    margin-top: 10px;
}
#NewCrmContactModal #invoice-customer-modal-tab-create span.select2-selection.select2-selection--single,
#NewCrmContactModal #invoice-customer-modal-tab-choose span.select2-selection.select2-selection--single {
    border: 1px solid #ced4da;
}

#NewCrmContactModal .iti.iti--allow-dropdown {
    width: 100%;
}

.suggestion.create-customer-light-modal-suggestion {
    background-color: #ffffa0;
    cursor: pointer;
    padding: 2px 5px;
}
.suggestion.create-customer-light-modal-suggestion:hover {
    background-color: #ecec72;
}

#listarea::-webkit-scrollbar/*,
#listarea div::-webkit-scrollbar*/ {
	width: 5px;
}
#listarea::-webkit-scrollbar-track/*,
#listarea div::-webkit-scrollbar-track*/ {
  background: #f1f1f1; 
}
#listarea::-webkit-scrollbar-thumb/*,
#listarea div::-webkit-scrollbar-thumb*/ {
  background: #bdc3c7; 
}
#listarea::-webkit-scrollbar-thumb:hover/*,
#listarea div::-webkit-scrollbar-thumb:hover*/ {
  background: #868686; 
}

.InvoiceXmlError {
    margin-top: 20px;
    text-align: center;
    background-color: pink;
    padding: 10px;
    border: 2px solid #ff9898;
    border-radius: 2px;
}
.editorNotAvailable{
	height: 40px;
	padding: 5px;
	color: gray;
}
#show-messages .media-left, #show-notification .media-left {
    padding: 0px;
    position: relative;
}
#show-messages .media-left .live-status, #show-notification .media-left .live-status {
    top: 30px;
    right: 10px;
}

.ui-pnotify-closer, .ui-pnotify-sticker {
    margin-left: 0.8em !important;
    color: #88883e;
    font-weight: 100;
}
.ui-pnotify-closer:hover, .ui-pnotify-sticker:hover {
	color: #58580d;
}
.brighttheme-info .ui-pnotify-closer, .brighttheme-info .ui-pnotify-sticker {
    color: #012831;
}
.brighttheme-info .ui-pnotify-closer:hover, .brighttheme-info .ui-pnotify-sticker:hover {
    color: #000506;
}

.ui-pnotify-closer .fa-times{
	font-size:14px;
}
.ui-pnotify-sticker .fa-chevron-up{
	font-size:13px;
	margin-top:0px;
}
.ui-pnotify-sticker .fa-chevron-right{
	font-size:11px;
	margin-top:5px;
}
.ui-pnotify-sticker .fa-arrow-up {
    font-size: 12px;
}
.ui-pnotify-sticker .fa-arrow-right {
    font-size: 12px;
    margin-top: 0px;
}
.crm_AutoAdded {
    background-color: #ffaa0e;
    width: fit-content;
    padding: 0px 8px;
    color: white;
    border-radius: 5px;
    margin-top: 5px;
    white-space: nowrap;
	font-size: smaller;display: inline;
}
.crm_CurrentUser {
    background-color: #00ab00;
    width: fit-content;
    padding: 0px 8px;
    color: white;
    border-radius: 5px;
    margin-top: 5px;
    white-space: nowrap;
	font-size: smaller;
}
.newTopicChatChannelModal {
    width: 750px;
    max-width: 95%;
}
.newTopicChatChannelModal .form-control {
    font-size: 22px;
}
.newTopicChatChannelModal .TeamInfoCol,
#chat_channel_topic_modal .TeamInfoCol,
.newTopicChatChannelModal .UserInfoCol,
#chat_channel_topic_modal .UserInfoCol {
    padding: 0px;
}
.newTopicChatChannelModal .TeamInfoCol .TeamInfo,
#chat_channel_topic_modal .TeamInfoCol .TeamInfo,
.newTopicChatChannelModal .UserInfoCol .UserInfo,
#chat_channel_topic_modal .UserInfoCol .UserInfo {
    padding: 8px;
}
.newTopicChatChannelModal .TeamInfoCol .TeamInfo_highlight,
#chat_channel_topic_modal .TeamInfoCol .TeamInfo_highlight,
.newTopicChatChannelModal .UserInfoCol .UserInfo_highlight,
#chat_channel_topic_modal .UserInfoCol .UserInfo_highlight {
    background-color: #feffda;
}
.UserInfoCheckboxContainer .classicProfileImg {
    vertical-align: middle;
}
.UserInfoCheckboxContainer .classicProfileImg img {
    max-width: 30px;
}
.UserInfoCheckboxContainer .UserName {
    padding-left: 5px;
	vertical-align: super;
}
.swal2-content {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: "Mada", sans-serif !important;
	z-index: 2 !important;
}
.swal2-title {
    font-weight: 600 !important;
    color: #4a6076 !important;
    font-size: 24px !important;
}
.swal2-actions {
    position: relative !important;
    height: 30px !important;
}
.swal2-actions button.swal2-cancel.swal2-styled {
    position: absolute !important;
    left: 0 !important;
}
.swal2-actions button.swal2-confirm.swal2-styled {
    position: absolute !important;
    right: 0 !important;
}


#MailDayPicker,
#DailyPlanDate {
	width: 110px;
	vertical-align: top;
	position: relative;
	margin-bottom: 10px;
    margin-right: 20px;
}
#MailDayPicker i.fa.fa-calendar,
#DailyPlanDate i.fa.fa-calendar {
    position: absolute;
    top: 10px;
    left: 10px;
}
#MailDayPicker input.form-control,
#DailyPlanDate input.form-control {
    height: 35px;
	border: 1px solid whitesmoke;
	padding-left: 30px;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    width: 100%;
    background-color: transparent;
}



#listarea #pagecontent.mailcomposer #contacts_listmail {
    display: none;
}
#listarea #pagecontent.mailcomposer.show_contacts_list #myform {
    display: inline-block;
    width: calc(100% - 300px);
    vertical-align: top;
}
#listarea #pagecontent.mailcomposer.show_contacts_list #contacts_listmail {
    display: inline-block;
    float: right;
    width: 300px;
    vertical-align: top;
	max-height: 100%;
    overflow-y: hidden;
	overflow-x: hidden;
}
#listarea #pagecontent.mailcomposer.show_contacts_list #contacts_listmail > div.list {
    overflow-y: auto;
    max-height: calc(100% - 40px);
    border-left: 1px solid #cecece;
}
#listarea #pagecontent.mailcomposer.show_contacts_list #contacts_listmail > div.list > div {
    width: 100%;
    padding: 5px;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
}
#listarea #pagecontent.mailcomposer.show_contacts_list #contacts_listmail > div.list > div.noResultsMsg {
    border: 0px;
    padding: 50px 10px;
}
#listarea #pagecontent.mailcomposer.show_contacts_list #contacts_listmail > input[type=text] {
	height: 40px;
	border-left: 1px solid silver;
	background-color: #d8d8d8;
	padding: 10px !important;
}



#listarea.customer_listarea {
    padding-top: 45px;
}
#listarea.customer_listarea .submitButtonArea{
	top: 30px;
}
@media(max-width:768px){
	#listarea.customer_listarea .submitButtonArea{
		top: 25px;
	}
}
#listarea.customer_listarea .officeDetailsTemplate {
    display: none;
}
#listarea.customer_listarea .pageheader {
    padding-bottom: 10px;
    border-bottom: 1px solid silver;
    background-color: #E3E3E3;
    height: initial;
}
#listarea.customer_listarea .themeLine {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid silver;
    /*border-radius: 5px;*/
    margin-right: 10px;
    margin-bottom: 10px;
}
#listarea.customer_listarea .themeLine .fa{margin-right:5px;}
#listarea.customer_listarea .otherContacts, #listarea.customer_listarea .personeContainer{
    margin-top: 20px;
    border: 1px solid silver;
    border-radius: 5px;
    padding: 0px 10px;
    margin-bottom: 20px;
}
#listarea.customer_listarea .formIcon{
	cursor: pointer;
    font-size: 16px;
    color: silver;
	float: right;
    margin-left: 12px;
    margin-top: 8px;
}
#listarea.customer_listarea .formIcon:hover{
    color: black;
	
}
#listarea.customer_listarea .channelVal input {
    width:100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box	}

#listarea.customer_listarea .channelVal{
    width: 99%;
    overflow: hidden;
}
#listarea.customer_listarea .channelVal span {
    display: block;
    overflow: hidden;
	display: inline-block;
    width: calc(100% - 80px);
}
#listarea.customer_listarea .channelVal > span {
    min-width: 150px;
}
#listarea.customer_listarea .channelVal a {
    float: right
}
#listarea.customer_listarea #linkNewCh td {cursor: pointer; color: silver !important;}
#listarea.customer_listarea #linkNewCh td:hover {color: black !important;}
#listarea.customer_listarea .select2-container {
	width:100% !important;
}
#listarea.customer_listarea .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
#listarea.customer_listarea #NameSuggested{
	cursor:pointer;
	display:none;
	background-color: rgba(255, 241, 74, 0.99);
    padding: 5px 5px;
    width: 95%;
    display: inline-block;
    margin-top: 3px;
    border: 1px solid silver;
}
#listarea.customer_listarea .contactFilter {
	display: inline-block;
    background-color: whitesmoke;
    border: 1px solid silver;
    border-radius: 3px;
    padding: 3px 10px;
    margin-right: 5px;
	margin-bottom: 5px;
}
#listarea.customer_listarea .contactFilterInactive {
	background-color: #f7f7f7;
    border: 1px solid #dadada;
    color: #afafaf;
}
#listarea.customer_listarea .contactFilter input { 
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 3px;
    cursor: pointer;
}
#listarea.customer_listarea .address span {
    display: block;
    overflow: hidden;
    padding-right:10px;
}
#listarea.customer_listarea .address span input {
    width: 100%;
}
#listarea.customer_listarea {background-color: white;}
#listarea.customer_listarea .lastupdate {
    color: gray;
    font-size: smaller;
}


#listarea.customer_listarea #channelsTable{padding:0px 20px;width: 100%;}
#listarea.customer_listarea #channelsTable .tableBorder{
	margin:0px;
}
#listarea.customer_listarea .customerAreaHeader{
	/*background: rgb(226, 226, 226);*/
    width: calc(100% + 20px);
    font-weight: bold;
	margin-left: -10px !important;
    padding: 10px;
}
#listarea.customer_listarea .customerAreaHeader .col-12{
	padding:0px !important;
}

#listarea.customer_listarea .customerAreaHeader select{
	background-color: transparent;
    padding: 0px 5px;								
}
#listarea.customer_listarea .officeBodyFields {
	padding: 0px 10px;
    border: 1px solid silver;
    padding-top: 0px;
    margin-top: 10px;
    /*border-radius: 5px;*/
}
#listarea.customer_listarea .submitButtonArea{
	text-align: right;
    position: fixed;
    width: 100%;
    z-index: 10;			
	padding:10px;
}
#listarea.customer_listarea #saveContactButton{
    font-size: 30px;
    color: grey;
    cursor: pointer;
    margin: 6px;
    font-size: 25px;
    margin-left: 20px;
    cursor: pointer;
}
#listarea.customer_listarea #saveContactButton.disabled{
	color: lightgrey;
}
#listarea.customer_listarea #saveContactButton:hover{color:black;}
#listarea.customer_listarea .addChannelButton{
	font-weight:bold;
	cursor: pointer;
}

#listarea.customer_listarea #otherActions a{
	color:black !important;
}
#listarea.customer_listarea #otherActions a:hover{
	color:#007bff !important;
}
#listarea.customer_listarea #otherActions a.confirmDel {
    color: pink !important;
}
#listarea.customer_listarea #otherActions a.confirmDel:hover {
    color: red !important;
}
#listarea.customer_listarea .updatedFormField{
	border: 1px solid #ff8686 !important;
}
#listarea.customer_listarea #send-sms {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#paymentsChannelsModal .paymentChannelRow .paymentChannelDelete {
    float: right;
    display: none;
	margin-top: 3px;
}
#paymentsChannelsModal .paymentChannelRow:hover .paymentChannelDelete {
    display: block;
}
#paymentsChannelsModal .paymentChannelRow .paymentChannelDelete i {
    color: darkgray;
}
#paymentsChannelsModal .paymentChannelRow .paymentChannelDelete:hover i {
    color: black;
}

.userAgentMac .toggleChangePass, 
.swal2-container.swal2-center.mail_configuration .toggleChangePass {
	right:50px;
}
.project-container #tabs .ui-tabs-panel#tab-notes {
    padding-top: 0px;
}
.project-container #tabs .ui-tabs-panel#tab-notes .card-header .card-header-right a i {
    padding: 10px;
}
.project-container #tabs .ui-tabs-panel#tab-notes .whiteboardContainer .writingsListSearch > div {
    border-right: 0px;
}
.project-container #tabs .ui-tabs-panel#tab-notes .whiteboardContainer .writingsListSearch input.form-control {
    padding-right: 115px;
}

.notification-fulllist .live-status-user {
    top: inherit !important;
    bottom: 3px;
    right: 33px;
}


.printLink, .pdfLink , .editTechSheetLink{
	position: fixed;
    top: 50;
    right: 50;
    background: rgb(255, 255, 255);
    width: 40px;
    text-align: center;
    height: 40px;
    padding-top: 5px;
    border-radius: 50%;
    border: 1px solid;
    cursor: pointer;
}
.printLink i{
	font-size: 27px;
}
.pdfLink i{
	font-size: 25px;
}
.printLink i, .pdfLink i {
    color: black;
}
.printLink:hover, .pdfLink:hover, .editTechSheetLink:hover{
	background-color: black;
}
.printLink:hover i, .pdfLink:hover i, .editTechSheetLink:hover i{
	color: white;
}
@media print {.printLink, .pdfLink, .editTechSheetLink {display: none;}}





.whiteboardContainer {
    width: 100%;
    white-space: nowrap;
}
.whiteboardContainer > div {
    white-space: normal;
}
.whiteboardContainer .writingsList{
	overflow-y: auto;
}
.whiteboardContainer .whiteboardArea .saveButtonIcon {
	width: 16px;
    font-size: 17px;
    margin-top: 1px;
}
.whiteboardContainer .whiteboardArea .mce-btn-group .mce-first {
    margin-left: 2px;
}
.whiteboardContainer .whiteboardArea .mce-btn-group .mce-btn {
    border-bottom: 2px solid transparent;
}
/*.whiteboardContainer .whiteboardArea .saveButtonIcon.fa-floppy-o{
    color: #333;
}
.whiteboardContainer .whiteboardArea .saveButtonIcon.fa-refresh {
    color: orange;
}
.whiteboardContainer .whiteboardArea .saveButtonIcon.fa-check {
    color: green;
}*/
/*.whiteboardContainer .writingsListSearch {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 55px;
}*/
.whiteboardContainer .writingsListSearch > div {
    padding: 0px;
    border-bottom: 1px solid rgba(0,0,0,.125);
	border-right: 1px solid #dfdfdf;
    margin-left: -1px;
}
.whiteboardContainer .writingsListSearch input.form-control {
    border: 0px;
    outline: none !important;
    box-shadow: none !important;
    padding: 16px 10px;
	width: calc(100% - 50px);
    display: inline-block;
}
.whiteboardContainer .writingsListSearch .writingsListOrder {
	vertical-align: top;
    display: inline-block;
    width: 47px;
    text-align: center;
    height: 53px;
    padding: 16px 5px;
    cursor: pointer;
}
.whiteboardContainer .writingsListSearch .writingsListOrder i {
    color: gray;
	vertical-align: middle;
}
.whiteboardContainer .writingsListSearch .writingsListOrder:hover i {
    color: black;
}
.whiteboardContainer .writingsListSearch .writingsListOrder .order_type {
    font-size: 12px;
}
	
.whiteboardContainer .whiteboardList, .whiteboardContainer .whiteboardArea{
	display: inline-block;
	transition: width 0.5s;
	vertical-align: top;
}
.whiteboardContainer.displayWhiteboard .whiteboardList {
    width: 35%;
}
.whiteboardContainer.displayWhiteboard .whiteboardList .actions_icons, 
.whiteboardContainer.displayWhiteboard .whiteboardList .share_icon {
	display:none !important;
}
.whiteboardContainer.displayWhiteboard .whiteboardArea {
    width: calc(65% + 2px);
    margin-left: -5px;
}
.whiteboardContainer .whiteboardList .headerRow {
    display: none;
}
.whiteboardContainer.displayWhiteboard .whiteboardArea {
    border-left: 1px solid rgba(0,0,0,.125);
    vertical-align: top;
}
.whiteboardContainer .whiteboardHead {
    /*border-bottom: 1px solid rgba(0,0,0,.125);*/
    white-space: nowrap;
	background-color: #f0f0f0;
}
.whiteboardContainer .whiteboardHeadContent {
    padding: 15px 10px;
	border-bottom: 1px solid #cccccc;
}
.whiteboardContainer .whiteboardArea .whiteboardHeadContent > div {
    vertical-align: middle;
}
.whiteboardContainer .whiteboardHead .whiteboardSubject{
    padding: 16px 10px;
	border: 0px;
    outline: none !important;
    box-shadow: none !important;
	width: calc(100% - 335px);
	display: inline;
    background-color: transparent;
	font-weight: bold;
}
.whiteboardContainer .whiteboardArea .whiteboardTitle {
    width: calc(100% - 335px);
    display: inline-block;
	text-overflow: ellipsis;
    overflow: hidden;
	font-weight: bold;
}
.whiteboardContainer .whiteboardArea .actions_icons {
    display: block;
    margin: 0px;
    float: right;
    width: 335px;
    text-align: right;
	padding: 15px 20px 15px 0px;
}
.whiteboardContainer .whiteboardArea .actions_icons i {
    margin-right: 0px;
    margin-left: 18px;
    font-size: 16px;
}
.whiteboardContainer .whiteboardArea .actions_icons i.remove_from_daily {
    color: pink;
}
.whiteboardContainer .whiteboardArea .actions_icons i.remove_from_daily:hover {
    color: red;
}
.whiteboardContainer .textbody-read {
    padding: 12px;
	overflow-y: auto;
}
.whiteboardContainer .whiteboardList .writing-row {
    border-top: 0px;
    padding: 6px 10px;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
	cursor: pointer;
	margin: 0px;
}
.whiteboardContainer .whiteboardList .writing-row .writing-subject,
.whiteboardContainer .whiteboardList .writing-row .writing-body, 
.whiteboardContainer .whiteboardList .writing-row .writing-revn {
    width: fit-content;
    display: inline-block;
    margin-right: 10px;
}
.whiteboardContainer .whiteboardList .writing-row .writing-datetime {
    text-align: right;
}
.whiteboardContainer .whiteboardList .writing-row .writing-subject:hover {
	font-weight: bold;	
}
.whiteboardContainer .whiteboardList .writing-row:hover,
.whiteboardContainer .whiteboardList .writing-row.selected {
    background-color: #f0f0f0;
}
.whiteboardContainer .whiteboardList .writing-row .share_icon{display:none;}
.whiteboardContainer .whiteboardList .writing-row:hover .writing-subject,
.whiteboardContainer .whiteboardList .writing-row.selected .writing-subject {
	font-weight: bold;	
}
.whiteboardContainer .whiteboardList .writing-row.selected{
	cursor: initial;
}
.whiteboardContainer .whiteboardList .writing-row .col-12.col-md-8 {
    padding: 0px;
}
.whiteboardContainer.displayWhiteboard .whiteboardList .writing-row > div {
    display: block !important;
    max-width: initial !important;
    -webkit-box-flex: initial !important;
    -webkit-flex: initial !important;
    -ms-flex: initial !important;
    flex: initial !important;
	padding: 0px;
}
.whiteboardContainer .whiteboardList .actions_icons {
    display: none !important;
}
.whiteboardContainer.displayWhiteboard .whiteboardList .writing-row .smallgray {
    font-size: 12px;
}
.whiteboardContainer.displayWhiteboard .whiteboardList .writing-datetime, .whiteboardContainer.displayWhiteboard .whiteboardList .writing-author {
    width: 50%;
    margin: 0px;
}
.whiteboardContainer.displayWhiteboard .whiteboardList .writing-datetime.col-md-4 {
    width: 100%;
}
@media(max-width:768px){
	.whiteboardContainer .writingsListSearch > div {
		margin: 0px;
	}
}
/*@media print {
	.page-wrapper.page-wrapper-whiteboard .writingsListSearch {
		display: none;
	}
	.page-wrapper.page-wrapper-whiteboard .whiteboardContainer .whiteboardList .writing-row {
		display: none;
	}
	.page-wrapper.page-wrapper-whiteboard .whiteboardContainer .whiteboardList .writing-row.selected {
		display: block;
	}
	.page-wrapper.page-wrapper-whiteboard .card-header {
		display: none;
	}
	.page-wrapper.page-wrapper-whiteboard .whiteboardContainer.displayWhiteboard .whiteboardList .writing-row .writing-body {
		display: none;
	}
	.page-wrapper.page-wrapper-whiteboard .whiteboardContainer.displayWhiteboard .whiteboardList .writing-datetime {
		position: absolute;
		right: 10px;
		top: 10px;
	}
	.page-wrapper.page-wrapper-whiteboard .whiteboardList.table-responsive {
		width: 100% !important;
		display: block;
		height: 34px;
	}
	.page-wrapper.page-wrapper-whiteboard .whiteboardArea {
		width: 100% !important;
		height: auto !important;
	}
	.page-wrapper.page-wrapper-whiteboard ..whiteboardHead {
		display: none;
	}
}*/
.dailyWritingContainer {
    padding: 0px;
}
.dailyWritingContainer .whiteboardContainer .writingsList {
    overflow-x: hidden;
}
.dailyWritingContainer .whiteboardContainer .whiteboardList .writing-row {
    border: 0px !important;
}
.dailyWritingContainer .whiteboardContainer .whiteboardList .writing-row > div {
    padding: 0px;
}
.dailyWritingContainer .whiteboardContainer .whiteboardList .writing-row .writing-subject, 
.dailyWritingContainer .whiteboardContainer .whiteboardList .writing-row .writing-body, 
.dailyWritingContainer .whiteboardContainer .whiteboardList .writing-row .writing-revn {
    margin-right: 0px !important;
    width: 100% !important;
    display: block !important;
}
.dailyWritingContainer .whiteboardContainer.displayWhiteboard .whiteboardList {
    display: none;
}
.dailyWritingContainer .whiteboardContainer.displayWhiteboard .whiteboardArea {
    width: 100%;
    margin-left: 0px;
}
.dailyWritingContainer .whiteboardContainer .whiteboardArea .actions_icons {
    width: 35px;
    padding-right: 0px;
    text-align: center;
}
.dailyWritingContainer .whiteboardContainer .whiteboardArea .actions_icons i {
    display: none;
}
.dailyWritingContainer .whiteboardContainer .whiteboardArea .actions_icons i.toggleWhiteboardIcon {
    display: inline-block;
    margin-left: 0px;
    margin: 0px 5px;
}
.dailyWritingContainer .whiteboardContainer .whiteboardArea .whiteboardTitle,
.dailyWritingContainer .whiteboardContainer .whiteboardHead .whiteboardSubject {
    width: calc(100% - 35px);
}

div#avcall {
	display:none;
    position: fixed;
    bottom: 15px;
	/*bottom: 415px;*/
    z-index: 10000000000;
    background: #000000b3;
    width: 350px;
    height: 50px;
    border-radius: 25px;
    /* cursor: pointer; */
    /* -webkit-box-shadow: 0px 0px 15px 0px #00000060; */
    /* box-shadow: 0px 0px 15px 0px #00000060; */
    right: 20px;
	cursor: move;
}
@media screen and (max-width: 650px) {
	#content__apps_tasks_daily_plan .card-header-right {
		float: none;
		position: relative;
		text-align: right;
		width: 100%;
		padding: 0px;
		margin-top: 10px;
	}
	#content__apps_tasks_daily_plan .card-header-right .card-header-level {
		padding-left: 0px;
		float: left;
	}
}	
@media screen and (max-width: 600px) {
	div#avcall {right: unset;width: 90%;left: 50%;transform: translateX(-50%);}
}																																			    
    
div#avcall div#callButton_create, div#avcall #callButton_accept, div#avcall #callButton_ended {
    width: 50px;
    height: 50px;
    background-color: #0000006e;
	border-radius: 50%;
	text-align: center;
	padding-top: 10px;
	display: inline-block;
	cursor: pointer;
}
div#avcall #callButton_ended {
	cursor: initial;
	float: right;
}											
div#avcall #callButton_decline {
	float:right;
	display:none;
    width: 50px;
    height: 50px;
    background-color: #0000006e;
	border-radius: 50%;
	text-align: center;
	padding-top: 10px;
	display: inline-block;
	cursor: pointer;
}	
div#avcall div#callButton_create {
    display: none;
	float: right;
	transform               : rotate(135deg);
	-moz-transform          : rotate(135deg);
	-webkit-transform       : rotate(135deg);
	transform-origin        : center;
	-moz-transform-origin   : center;
	-webkit-transform-origin: center;

	transition              : transform 1.0s ease all;
	-moz-transition         : -moz-transform 1.0s ease all;
	-webkit-transition      : -webkit-transform 1.0s ease all;
}												
/*div#avcall div#callButton_create:hover {
	transform               : rotate(135deg);
	-moz-transform          : rotate(135deg);
	-webkit-transform       : rotate(135deg);
	transform-origin        : center;
	-moz-transform-origin   : center;
	-webkit-transform-origin: center;

	transition              : transform 1.0s ease all;
	-moz-transition         : -moz-transform 1.0s ease all;
	-webkit-transition      : -webkit-transform 1.0s ease all;
}
div#callButton_create:hover i.fa.fa-phone { 
	color: red; 
	transition              : transform 1.0s ease all;
	-moz-transition         : -moz-transform 1.0s ease all;
	-webkit-transition      : -webkit-transform 1.0s ease all;
}	*/
div#avcall div#callButton_create i.fa.fa-phone, div#avcall div#callButton_accept i.fa.fa-phone  {
	color: #00c100; /* green */
    font-size: 30px;
    text-align: center;
    margin: 0 auto;
}
div#avcall div#callButton_decline i.fa.fa-phone, div#avcall div#callButton_ended i.fa.fa-phone   {
	color: red;
    font-size: 30px;
    text-align: center;
    margin: 0 auto;
}	
div#avcall div#callButton_create i.fa.fa-phone { 
	color: red; 
	transition              : transform 1.0s ease all;
	-moz-transition         : -moz-transform 1.0s ease all;
	-webkit-transition      : -webkit-transform 1.0s ease all;
}		
div#avcall div#callButton_ended i.fa.fa-phone   {
	transform               : rotate(135deg);
	-moz-transform          : rotate(135deg);
	-webkit-transform       : rotate(135deg);
	transform-origin        : center;
	-moz-transform-origin   : center;
	-webkit-transform-origin: center;																			
}																			
div#avcall div#callStatusMsg {
	  display: inline-block;
	  color: white;
	  /*font-size: 14px;*/
	  position: absolute;
	  padding: 3px 3px;
}
div#avcall div#callTimer {
	display: none;
    color: white;
    float: right;
	padding: 15px;
}
div#avcall div#videocall_container, 
div#avcall div#localvideo_container {
	display: none;
    position: absolute;
    bottom: 60px;
    width: 100%;
	height: 200px;
}		
div#avcall div#videocall_container video,
div#avcall div#localvideo_container video {
    width: 100%;
	height: 200px;
}	
div#avcall #videocall_container .screen_share_fullscreen,
div#avcall #localvideo_container .screen_share_fullscreen {
	position: absolute;
    bottom: 15px;
    right: 10px;
    background-color: #000000b3;
    padding: 2px 7px;
    border-radius: 50%;
    cursor: pointer;
    color: white;
    width: 28px;
    height: 28px;
    padding-top: 5px;
    text-align: center;
}
div#avcall .start_screen_share_button, div#avcall .stop_screen_share_button {
	float: right;
    cursor: pointer;
    margin: 16px 5px 14px 5px;
    color: white;
}

#openpages .openpages_pagename {
	display: inline-block;
    margin-right: 5px;
    max-width: calc(100% - 70px);
}
#openpages .openpages_current,
#status_dropdown_menu .status_current {
	display: inline-block;
    font-size: 10px;
    padding: 1px 4px;
    border: 1px solid #6cacca;
    vertical-align: bottom;
    background-color: #dae9ff;
    color: #0073aa;
    font-weight: 600;
    border-radius: 4px;
    margin-top: 5px;
}
#status_dropdown_menu .status_current {
	display: none;
}
#status_dropdown_menu .status_selected .status_current {
	display: inline-block;
}

#printableContent {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000000000000000;
    width: 100%;
    height: 100%;
    background-color: white;
	display:none;
}
#printableContent > div {
    height: 100%;
    margin: 0 auto;
    padding: 10px;
    overflow-y: auto;
}
#contents > div > .currentPageIcon {display:none;}

#AccountantCustomerSearch {
    margin-bottom: 15px;
}
.obligation_customer_row, .obligation_row {
	padding: 7px 10px;
    border-bottom: 1px solid silver;
}
.obligation_customer_row_actions {
    display: none;
    float: right;
}
.obligation_customer_row_actions i {
    font-size: 12px;
}
.obligation_customer_row:hover .obligation_customer_row_actions {
    display: block;
}
.obligations_start .ObligationMain {
	border: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.obligation_customer_row:nth-child(2n+2), .obligation_row:nth-child(2n+2) {
	background-color: whitesmoke;
}
.EmployeeAttachmentsTable .docRow,
.ObligationAttachmentsTable .docRow,
.TimesheetAttachmentsTable .docRow,
.ServiceContractAttachmentsTable .docRow {
	-webkit-touch-callout: initial !important;
	-webkit-user-select: initial !important;
	-khtml-user-select: initial !important;
	-moz-user-select: initial !important;
	-ms-user-select: initial !important;
	user-select: initial !important;
}
.EmployeeAttachmentsTable .docRow>div,
.ObligationAttachmentsTable .docRow>div,
.TimesheetAttachmentsTable .docRow>div,
.ServiceContractAttachmentsTable .docRow>div {
	padding: 5px !important;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.EmployeeAttachmentsTable .docRow .iconDoc, .ObligationAttachmentsTable .docRow .iconDoc, .TimesheetAttachmentsTable .docRow .iconDoc, .ServiceContractAttachmentsTable .docRow .iconDoc {
    margin-left: 0px;
}
.EmployeeAttachmentsTable .docRow>div {
    padding: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
}

#TimesheetAttachmentsModal {
    z-index: 10000000 !important;
}

.ObligationAttachmentsTable.table-responsive,
.TimesheetAttachmentsTable.table-responsive,
.ServiceContractAttachmentsTable.table-responsive {
	margin: 30px 0px;
}
.EmployeeAttachmentsTable.docRow>div .iconDoc,
.ObligationAttachmentsTable.docRow>div .iconDoc,
.TimesheetAttachmentsTable.docRow>div .iconDoc,
.ServiceContractAttachmentsTable.docRow>div .iconDoc {
	margin-left: 0px;
}

.TicketsAdvancedFilter {
    width: calc(50% - 12px);
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.TicketsAdvancedFilter div {
    margin-bottom: 5px;
}
.TicketsAdvancedFilter.TicketsAdvancedFilterSmall {
    width: 20%;
}
.TicketsAdvancedFilterGroup {
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #dfdfdf;
    background-color: whitesmoke;
}
.TicketsAdvancedFilterGroupTitle {
    font-weight: bold;
    margin-bottom: 5px;
}
.TicketsTableField span span {
    vertical-align: middle;
    padding-left: 5px;
}
.TicketsTableField input[type="checkbox"] {
    vertical-align: middle;
}

.project-container #timesheet_alert_notification,
.ticket-frame-container #timesheet_alert_notification {
    background-color: #fff4c9;
    width: 100%;
    color: black;
    padding: 5px 10px;
	position: relative;
    padding-right: 105px;
    display: none;
}
.project-container #timesheet_alert_notification #timesheet_alert_close,
.ticket-frame-container #timesheet_alert_notification #timesheet_alert_close {
    position: absolute;
    right: 10px;
    top: 6px;
}


.apexcharts-title-text {
    font-weight: 600;
    font-size: 18px;
    fill: #4a6076;
    font-family: "Mada", sans-serif !important;
}


.WsmTableContent .TableContentRow {
	margin: 0px;	
    border-bottom: 1px solid #dfdfdf;
}
.WsmTableContent .TableContentRow:last-child {
    border-bottom: 0px;
}
.WsmTableContent .TableContentRow > div {
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.WsmTableContent .TableContentRow.TableContentRowHead > div {
    font-weight: bold;
}
.WsmTableContent .TableContentRow .editRepositorylink {
    cursor: pointer;
    color: silver !important;
	display: none;
}
.WsmTableContent .TableContentRow:hover .editRepositorylink {
	display: inline-block;
}
.WsmTableContent .TableContentRow .editRepositorylink:hover {
    cursor: pointer;
    color: black !important;
}
.WsmTableContent .TableContentRow .WsmTableContentCol_Datetime {
	text-align:right;
}
#wsm_repository_modal .select2-container {
    height: auto !important;
    min-height: 30px !important;
}
#wsm_repository_modal .select2-container li.select2-search.select2-search--inline, 
#wsm_repository_modal .select2-container li.select2-search.select2-search--inline input.select2-search__field {
    width: 100% !important;
    max-width: 100% !important;
}
.project-container #tabs .ui-tabs-panel .wsm-page-wrapper {
    margin: 0px -20px;
}

.targetBadge {
	  margin-right: 10px;
	  max-width: 150px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  display: inline-block;
	  padding: 2px 5px;
	  border-radius: 3px;
	font-size: 12px;
	cursor: pointer;
	vertical-align: middle;
}
.targetBadge .fa {
    vertical-align: middle;
}
.dailyArea .elementDisabled .DeadlineBadge.expired {
    background-color: #dadada;
    color: white;
}
#ChatCallHistoryModal {
    overflow: hidden;
}
#ChatCallHistoryModal .call_history_row .profileImg {
    display: inline-block;
    position: relative;
	margin-right: 5px;
    height: 25px;
    width: 25px;
}
#ChatCallHistoryModal .call_history_row .profileImg img {
    max-width: 100%;
    border-radius: 50%;
}
#ChatCallHistoryModal .call_history_row {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ced4da;
}
#ChatCallHistoryModal .call_history_row:last-child {
    border-bottom: 0px;
}
#ChatCallHistoryModal .call_history_action_type_icon {
    margin-right: 10px;
    vertical-align: middle;
    color: silver;
}

#ChatCallHistoryModal .call_history_action_type_icon.call_in {
	color:black;
}
#ChatCallHistoryModal .call_history_action_type_icon.call_out {
	color:black;
}
#ChatCallHistoryModal .call_history_action_type_icon.call_in.call_error,
#ChatCallHistoryModal .call_history_action_type_icon.call_out.call_error {
	color:red;
}
#ChatCallHistoryModal .modal-ui3-scroll-head {margin-bottom: 0px;}
#ChatCallHistoryModal .modal-ui3-scroll-body {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    height: 300px;
    overflow-y: auto;
}
#ChatCallHistoryModal .modal-ui3-scroll-footer {margin-top: 0px;}

.ChatChannelHeaderTitle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#bpcontactsCRM .crmListNotValidContact,
#bpcontactsCRM .crmListNotValidFiscalCode,
#members_table .memberListNotValidContact,
#members_table .memberListNotValidFiscalCode {
	color: red;
}
.MembershipUseAccountAs_Alert {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid silver;
    background-color: #dfdfdf;
}
.MembershipUseAccountAs_Alert .classicProfileImg {
    vertical-align: bottom;
}


#selectAgendaContainer .filterGroup {
    margin-top: 0px !important;
}
#selectAgendaContainer .filterGroup.filterGroupPersonalCalendars {
    margin-right: 170px;
}

#AccountingWelcome.modal-ui3-with-carousel .modal-ui3-scroll-body,
#EventsWelcome.modal-ui3-with-carousel .modal-ui3-scroll-body,
#AccountantCustomerModal.modal-ui3-with-carousel .modal-ui3-scroll-body,
#CmfProfessionalWelcome.modal-ui3-with-carousel .modal-ui3-scroll-body,
#CmfCustomerWelcome.modal-ui3-with-carousel .modal-ui3-scroll-body {
	padding:0px;
}
#AccountingWelcome .modal-ui3-carousel-slide-title,
#EventsWelcome .modal-ui3-carousel-slide-title,
#AccountantCustomerModal .modal-ui3-carousel-slide-title,
#CmfProfessionalWelcome .modal-ui3-carousel-slide-title,
#CmfCustomerWelcome .modal-ui3-carousel-slide-title {
	padding: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ced4da;
    font-weight: 600;
    color: #4a6076;
    font-size: 20px;
}
#AccountingWelcome .modal-ui3-carousel-slide-desc,
#EventsWelcome .modal-ui3-carousel-slide-desc,
#AccountantCustomerModal .modal-ui3-carousel-slide-desc,
#CmfProfessionalWelcome .modal-ui3-carousel-slide-desc,
#CmfCustomerWelcome .modal-ui3-carousel-slide-desc {
    color: gray;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}
#AccountingWelcome .modal-ui3-carousel-slide-body,
#EventsWelcome .modal-ui3-carousel-slide-body,
#CmfProfessionalWelcome .modal-ui3-carousel-slide-body,
#CmfCustomerWelcome .modal-ui3-carousel-slide-body {
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
#AccountingWelcome .owl-dots,
#EventsWelcome .owl-dots,
#AccountantCustomerModal .owl-dots {
    margin-top: 0px;
}
#CmfProfessionalWelcome .owl-dots,
#CmfCustomerWelcome .owl-dots {
    /*margin-top: -10px;
    margin-bottom: 10px;*/
}
#AccountingWelcome .owl-nav,
#EventsWelcome .owl-nav,
#AccountantCustomerModal .owl-nav,
#CmfProfessionalWelcome .owl-nav,
#CmfCustomerWelcome .owl-nav {
	display: none;
}
#AccountingWelcome .owl-dots,
#EventsWelcome .owl-dots,
#AccountantCustomerModal .owl-dots {
    display: none;
}

#AccountingWelcome .select2-container--default .select2-selection--single,
#EventsWelcome .select2-container--default .select2-selection--single,
#AccountantCustomerModal .select2-container--default .select2-selection--single,
#CmfProfessionalWelcome .select2-container--default .select2-selection--single,
#CmfCustomerWelcome .select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
}
#crmGroupsModal .modal-ui3-scroll-body,
#purposeModal .modal-ui3-scroll-body {
    max-height: 500px;
    overflow-y: auto;
}


.dataTable .EmailAttachments {
    margin-top: 5px;
}

/* INIZIO - BottomBar pagine aperte */
#openedPagesBottomBar {
    display: none;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 35px;
    z-index: 10000;
    background-color: #202020;
	color: white;
}
#openedPagesBottomBar_content {
    width: calc(100% - 80px);
    height: 100%;
	white-space: nowrap;
    display: inline-block;
}
#openedPagesBottomBar_arrows {
    height: 100%;
    width: 77px;
    z-index: 10001;
    background-color: #343434;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #7c7c7c;
}
#openedPagesBottomBar_arrow_left, #openedPagesBottomBar_arrow_right {
    display: inline-block;
    width: 36px;
    text-align: center;
    color: #5e5e5e;
    padding: 8px;
    cursor: pointer;
}
#openedPagesBottomBar_arrow_left:hover, #openedPagesBottomBar_arrow_right:hover {
	color: white;
}
#openedPagesBottomBar_content .openedPage,
#openedPagesBottomBar_content .userChat{
    height: 100%;
    white-space: nowrap;
    display: inline-block;
    margin: 0px 10px;
    background-color: #343434;
    padding: 7px 15px;
    padding-right: 5px;
	margin-right: 0px;
	vertical-align: top;
}
#openedPagesBottomBar_content .openedPage:hover,
#openedPagesBottomBar_content .userChat:hover {
    background-color: #444444;
}
#openedPagesBottomBar_content .openedPage a,
#openedPagesBottomBar_content .userChat a {
    cursor: pointer;
}
#openedPagesBottomBar_content .openedPage .openedPageIcon,
#openedPagesBottomBar_content .openedPage .openedPageName,
#openedPagesBottomBar_content .userChat .userChatName,
#openedPagesBottomBar_content .openedPage .openedPageClose {
    display: inline-block;
}
#openedPagesBottomBar_content .userChat .userChatName {
    vertical-align: text-bottom;
}
#openedPagesBottomBar_content .openedPage .openedPageName,
#openedPagesBottomBar_content .userChat .userChatName {
    margin-left: 5px;
    margin-right: 10px;
}
#openedPagesBottomBar_content .openedPage .openedPageClose,
#openedPagesBottomBar_content .userChat .openedPageClose {
    color: #8f8f8f;
    cursor: pointer;
    width: 20px;
    text-align: center;
	display: inline-block;
}
#openedPagesBottomBar_content .openedPage .openedPageClose:hover,
#openedPagesBottomBar_content .userChat .openedPageClose:hover {
    color: white;
}
#openedPagesBottomBar_content .userChat .live-status {
    border: 0px;
    top: 15px;
}
/* FINE - BottomBar pagine aperte */

/* INIZIO - SideBar pagine aperte */
/*#openedPagesSideBar {
    display: none;
    position: fixed;
    top: 120px;
    width: 40px;
    height: calc(100% - 120px);
    z-index: 10000;
    background-color: #202020;
    color: white;
    right: 0;
}*/
#openedPagesSideBar {
    display: none;
    position: fixed;
    top: 56px;
    width: 42px;
    height: calc(100% - 56px);
    z-index: 1000;
    /* background-color: #202020; */
	background-color: #ffffff;
    color: #343434;
    right: 0;
    border-left: 1px solid silver;
}
#openedPagesSideBar_content {
    width: 100%;
    height: calc(100%/* - 80px*/);
    display: block;
	overflow-y: auto;
}
#openedPagesSideBar_arrows {
	display: none;
    height: 80px;
    width: 100%;
    z-index: 10001;
    /*background-color: #343434;*/
	background-color: #f0f0f0;
    border-top: 1px solid silver;
}
#openedPagesSideBar_arrow_up, #openedPagesSideBar_arrow_down {
    display: inline-block;
    width: 40px;
    text-align: center;
    color: #7e7e7e;
    padding: 10px;
    cursor: pointer;
}
#openedPagesSideBar_arrow_up:hover, #openedPagesSideBar_arrow_down:hover {
  color: black;
}
#openedPagesSideBar_content .openedPage,
#openedPagesSideBar_content .userChat {
    width: 100%;
    white-space: nowrap;
    display: inline-block;
    /*background-color: #343434;*/
    padding: 10px 0px;
    text-align: center;
	position: relative;
}
/*#openedPagesSideBar_content .openedPage:hover,
#openedPagesSideBar_content .userChat:hover {
    background-color: #444444;
}*/
#openedPagesSideBar_content .openedPage:hover, #openedPagesSideBar_content .userChat:hover {
    background-color: whitesmoke;
}
#openedPagesSideBar_content .openedPage a,
#openedPagesSideBar_content .userChat a {
    cursor: pointer;
}
#openedPagesSideBar_content .openedPage .openedPageIcon span,
#openedPagesSideBar_content .userChat .openedPageIcon span {
    font-weight: bold;
}
#openedPagesSideBar_content .openedPage .openedPageClose,
#openedPagesSideBar_content .userChat .openedPageClose {
    /*color: #8f8f8f;*/
    cursor: pointer;
    text-align: center;
    display: none;
	margin-top: 2px;
}
/*#openedPagesSideBar_content .openedPage:hover .openedPageClose, #openedPagesSideBar_content .userChat:hover .openedPageClose {
    display: block;
}*/
/*#openedPagesSideBar_content .openedPage .openedPageClose:hover,
#openedPagesSideBar_content .userChat .openedPageClose:hover {
    color: white;
}*/
#openedPagesSideBar_content .userChat .live-status {
    right: -3px;
    top: 17px;
    width: 8px;
    height: 8px;
    border: 0px;
}
/* FINE - SideBar pagine aperte */

.SendBookingPaymentReminder_Recipients_row .recipient {
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    margin-right: 10px;
    height: 30px;
    padding: 3px 5px;
}
.SendBookingPaymentReminder_Recipients_row .recipient .clearrecipient {
    padding: 3px;
}
						div#subscription_intro {
							text-align: center;
							margin-bottom: 20px;
							font-size: 16px;
						}
						.card-header-level.subscription-type-switch .switch{
							margin-left: 5px;
							margin-right: 5px;
							vertical-align: sub;
						}
						.card-header-level.subscription-type-switch .switch .slider{
							background-color: #2196F3;
						}
						#subscriptions_container {
							width: 1180px;
							max-width: 100%;
							margin: 0 auto;
						}
						.price-col {
							margin-bottom: 30px;
							display: none;
							color: #172B4D;
							margin: 0 auto;
							width: 350px;
							vertical-align: top;
							margin-left: 20px;
							margin-right: 20px;
							margin-bottom: 20px;
							max-width:calc(100% - 40px);
						}
						.price-col[data-interval="m"] {
							display: inline-block;
						}
						.component--price-block-localized {
							background-color: #FFF;
							border-color: #F4F5F7;
							box-shadow: 1px 1px 6px rgb(0 0 0 / 15%);
							border-radius: 4px;
							height: 100%;
							padding: 0 0 54px 0;
							text-align: center;
						}
						.component--price-block-localized {
							padding: 20px 15px 50px;
						}
						.component--price-block-localized .component--price-block-localized__heading {
							border-bottom: 2px solid #F4F5F7;
						}
						.component--price-block-localized .component--price-block-localized__price {
							font-size: 42px;
							margin-top: 5px;
						}
						.component--price-block-localized__primaryText {
							color: #172B4D;
							font-size: 1.25rem;
							line-height: 1.2;
						}					
						.component--price-block-localized__secondaryText {
							color: #172B4D;
							font-size: .875rem;
							line-height: 1.71428571;
						}
						.component--price-block-localized__button, .component--price-block-localized__dropdown {
							margin-top: 32px;
						}
						.feature-list {
							text-align: left;
							margin-top: 10px;
						}					
						.component--price-block__post-cta-text {
							line-height: 1.71428571;
							width: 50%;
    						display: inline-block;
						}						
						.feature-list i {
							margin-right: 15px;
							color: #4fa746;
						}						
						.swal2-content .price-col {
							width: 100%;
							margin-bottom: 0px;
							display: block;
						}				
						.swal2-content .price-col .component--price-block-localized {
							box-shadow: none;
							padding: 0px;
						}
						.component--price-block-localized .component--price-block-localized__price sup {
							top: -14px;
							font-size: 19px;
						}
						.component--price-block-localized__desc {
							/* font-size: .875rem; */
							margin-top: 20px;
							color: #172B4D;
							font-size: .875rem;
							line-height: 1.71428571;
						}
						span.localized_pricing_price_freq {
							font-size: 20px;
						}
						.component--price-block-localized__button .btn-primary {
							cursor: initial !important;
							background-color: #b8b8b8 !important;
							box-shadow: none !important;
						}
						#subscription_plan_users{
							width: 100px;
							margin: 0 auto;
						}
						#required_company_name{
							color:red;
							font-size: 12px;
							display:none;
						}
						#subscription_plan_users_num_edit {
							height: 40px;
						}
						#subscription_plan_users_num {
							font-size: 40px;
							vertical-align: middle;
						}
						#subscription_plan_users_minus,
						#subscription_plan_users_num,
						#subscription_plan_users_plus{
							width:fit-content;
							display:inline-block;
						}
						#subscription_plan_users_minus i, #subscription_plan_users_plus i {
							margin: 5px;
							padding: 5px;
							cursor: pointer;
						}
						#subscription_plan_users_minus i.disabled, #subscription_plan_users_plus i.disabled {
							color: silver;
							cursor: inherit;
						}
						.select_plan_box{
							margin: 20px 0px; 
							white-space: nowrap;
						}
						.select_plan_box_area{
							width: 50%;display: inline-block;white-space: normal;padding: 10px;vertical-align: top;
						}
						.select_plan_box .select_plan_box_area:first-child{
							border-right: 1px solid #e2e2e2;
						}
						@media(max-width:500px){
							.select_plan_box {
								white-space: normal;
							}
							.select_plan_box_area {
								width: 100%;
							}
							.select_plan_box .select_plan_box_area:first-child {
								border-right: 0px;
								border-bottom: 1px solid #e2e2e2;
								margin-bottom: 15px;
								padding-bottom: 15px;
							}
						}
.daily_plan_link{margin-top: 30px;}

.BusinessDriverNotificationImg {
    margin: 0px;
    width: 30px;
}
.FreudNotificationImg {
    margin-right: 10px;
    width: 40px;
}
.SquisitoNotificationImg {
	width: 20px !important;
	filter: invert(1);
	margin-left: 10px;
	margin-right: 20px !important;
}
.ui-pnotify-container img.BusinessDriverNotificationImg,
.ui-pnotify-container svg.FreudNotificationImg{
    margin: 0px;
    width: 20px;
    vertical-align: text-bottom;
    margin-right: 5px;
    margin-left: 0px;
}
.ui-pnotify-container img.SquisitoNotificationImg {
    width: 14px !important;
    margin-right: 5px !important;
    margin-left: 0px !important;
}

.OrderSection .itemPrice .itemPriceList {
    font-size: 15px;
    margin-left: 5px;
    text-decoration: line-through;
}
.OrderSection .itemPrice .itemOffer {
    line-height: initial;
    font-size: 12px;
}
.OrderSection .itemPrice .itemOffer .itemOfferName {
    font-size: 14px;
}

@media only screen and (max-width: 1024px){
	/*.chat_topic_selection_container {
    	width: 195px;
	}
	.project-container .showChat_inner .chat-reply-box {
		width: calc(100% - 235px - 205px);
		left: calc(235px + 195px);
	}*/
}

@media (max-height:740px){
	#crmGroupsModal .modal-ui3-scroll-body,
	#purposeModal .modal-ui3-scroll-body {
		max-height: 400px;
	}
}
@media (max-height:625px){
	#crmGroupsModal .modal-ui3-scroll-body,
	#purposeModal .modal-ui3-scroll-body {
		max-height: 300px;
	}
}
@media (min-width:769px){
	#ImageDiscuss_Toolbar {
		 position: absolute;
		 width: calc(100% - 40px);
		 bottom: 0px;
		 height: 40px;
	}
	#ImageDiscuss_Toolbar > div{
		margin-top: 0px;
		padding: 0px;
	}
	#content__apps_projects_projects .card-header .card-header-right {
		position: relative;
		padding: 0px;
		float: right;
	}
}


@media (max-width:767px){
	.whatsapp_chat{
		display:none;
	}
	.card-block-whatsapp{
		height: calc(100vh - 111px);
	}
	.whatsapp_row{
		height: 100%;
	}
	.chat-message .chat-cont,
	.chat-message .chat-cont p {
		word-break: break-word;
	}
}




@media (max-width:768px){
	.dailyAgenda .noResultsMsg {
		text-align: left;
		padding: 0px;
	}
	.replyToMessageBox{margin-top:0px;}
	.project-container .chat_topic_container .showChat_inner .chat-reply-box {
		width: 100%;
		left: 0;
		border-left: 0px;
	}
	.ChatChannel .chat_topic_selection_container {
		display: none;
		position: absolute;
		z-index: 100;
		background-color: white;
		width: 100%;
	}
	.ChatChannel.display_topics_sidebar_mobile .chat_topic_selection_container{
		display:block !important;
	}
	/*.ChatChannel .chat-inner-header .ChatChannelInfo {
		display: none;
	}*/
	.chat_topics_selection_container,
	.ChatChannel .chat_topics_selection_container{
		width: 100%;
		margin-left: 0px;
	}
	#ImageDiscuss {
		width: calc(100% + 1px) !important;
		max-width: calc(100% + 1px) !important;
		height: calc(100% + 1px) !important;
		max-height: calc(100% + 1px) !important;
		left: 0 !important;
		top: 0px !important;
		transform: none;
	}
	#listarea #ImageDiscuss .ChatChannel {
		margin-top: 30px;
	}
	#listarea #ImageDiscuss.IsMobile #ImageDiscussCloseChat {
		top: 53px;
	}
	#ImageDiscussLayer {
		width: 100%;
		position: relative;
	}
	#ImageDiscussHead {
		height: auto;
		position: relative;
	}
	#ImageDiscussTitle {
		width: 100%;
		margin: 0px;
		padding-right: 30px;
	}
	#ImageDiscussClose {
		position: absolute;
		right: 0;
	}
	#ImageDiscussTitle_text i {
		display: inline-block;
		margin-left: 0px !important;
		margin-right: 20px !important;
	}
	#ImageDiscussTitle_text span {
		display: block;
	}
	#ImageDiscussContainer {
		padding-bottom: 50px;
	}
	#ImageDiscussShowChat{
		display:block;
	}
	#ImageDiscussSidebar {
		display: none;
		height: 100%;
		top: 0px;
		width: 100%;
		position: absolute;
	}
	#ImageDiscussSidebar .TicketImageMessages {
		height: 100%;
	}
	.crm_table, .crm_table_row, .crm_table_cell {
		display: block;
		width: 100%;
		border: 0px;
	}
	.crm_table_row.crm_table_row_head{display:none;}
	.crm_table_row {
		border-bottom: 1px solid #dfdfdf;
		position: relative;
	}
	.crm_table_cell span.email-attch {
		float: initial;
		position: absolute;
		right: 10px;
		bottom: 5px;
	}
	.customer_crm_info_toggle{display:none;}
	.customer_crm .customer_crm_info {
		width: 100% !important;
		height: auto;
		border-bottom: 1px solid #dfdfdf;
	}
	.customer_crm .customer_crm_content {
		width: 100%;
	}
	.customer_crm.hideLeftPanel .customer_crm_info {
		padding: 10px;
	}
	.customer_crm.hideLeftPanel .customer_crm_info .customer_crm_info_content {
		display: block;
	}
	.chat-channel-reply-box {
		padding: 10px;
	}
	
	.ChatChannel .chat-channel-keyboard {
		width: calc(100% - 35px);
		margin: 0px;
		margin-left: 0px;
	}
	.ChatChannel.no-att .chat-channel-keyboard,
	.ChatChannel.no-editor .chat-channel-keyboard {
		width: 100%;
		margin: 0px;
		margin-left: 0px;
	}
	.ChatChannel.no-editor.no-att .chat-channel-keyboard {
		width: 100%;
		margin: 0px;
		margin-left: 0px;
	}
	
	.ChatChannel .chat-channel-reply-box.show_chat_ticket_sharing .chat-channel-keyboard {
		width: calc(100% - 80px);
	}
	.ChatChannel.no-att .chat-channel-reply-box.show_chat_ticket_sharing .chat-channel-keyboard,
	.ChatChannel.no-editor .chat-channel-reply-box.show_chat_ticket_sharing .chat-channel-keyboard {
		width: calc(100% - 50px);
	}
	.ChatChannel.no-att.no-editor .chat-channel-reply-box.show_chat_ticket_sharing .chat-channel-keyboard {
		width: calc(100% - 20px);
	}
	
.ChatTicketShareContainer {
    padding-bottom: 8px;
    margin-top: 0px;
	}
	
	.chat-channel-reply-box .chat-channel_upload i {
		font-size: 25px;
		margin: 10px 0px 10px -3px;
	}
	.chat-channel-reply-box .chat-ticket_share {
		padding: 0px;
	}
	.chat-channel-reply-box .chat-ticket_share i {
		font-size: 22px;
		margin-top: 11px;
		margin-left: 3px;
	}
	.ChatChannel .emoji-picker-icon {
		font-size: 22px;
		left: 8px;
		top: 8px;
	}
	.chat-channel-keyboard .registerMsgButton {
		font-size: 17px;
		top: 7px !important;
	}
	.chat-channel-keyboard .sendMsgButton {
		font-size: 17px;
		top: 7px !important;
		right: 14px !important;
	}
	.ChatChannel .chat-channel-keyboard .registerForm .fa-times {
		font-size: 20px;
		padding: 10px;
		margin: -10px 0;
		cursor: pointer;
	}
	.ChatChannel .chat-channel-keyboard .registerForm .fa-times:active {
		transform: scale(1.2);
		transition: transform 0.1s;
	}
	.ChatChannel .chat-channel-keyboard .registerForm .fa-paper-plane {
		vertical-align: middle;
		font-size: 22px;
		color: #28a745;
		padding: 10px;
		margin: -10px -5px -10px 0;
		cursor: pointer;
	}
	.ChatChannel .chat-channel-keyboard .registerForm .fa-paper-plane:active {
		transform: scale(1.2);
		transition: transform 0.1s;
	}
}


@media only screen and (max-width: 1024px) {		
	.project-container .showChat_inner .chat-reply-box {
		left: 45px;
		width: calc(100% - 45px);
	}
}

@media only screen and (max-width: 767px) {		
	.project-container .showChat_inner .chat-reply-box {
		left: 0px;
		width: calc(100% - 0px);
	}
	.project-container #tab-chat,
	.project-container #tab-notes{
		margin-left: 0px;
		width: 100%;
	}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {																	
	.stageHeadBox, .salesStageBox {	
		min-width: 200px;
		display: grid;																						
	}
	.stageHeadBox:after {
		right: -106px;
	}
	.ChatChannel .chat_topic_selection {
		padding: 10px;
		font-size: 16px;
	}
	.ChatChannel .chat_topic_selection .media-left {
		width: 60px;
	}
	.ChatChannel .chat_topic_selection .media-right {
		width: calc(100% - 65px);
	}
	.ChatChannel .chat_topic_selection .media-left .live-status {
		top: 42px;
	}
	.ChatChannel .chat_topic_selection .topic_image img {
		width: 50px;
		height: 50px;
	}
	.ChatChannel .chat_topic_selection .media-left img.media-object.img-circle {
		width: 50px;
		height: 50px;
		margin-bottom: 0px;
	}
} 																						
																						
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {																	
	.stageHeadBox, .salesStageBox {	
		min-width: 200px;
		display: grid;																						
	}
	.stageHeadBox:after {
		right: -106px;
	}	
	.project-container .showChat_inner .chat-sender {
		width: 50px;
		font-size: 11px;
		min-height: 65px;
	}
	.project-container .showChat_inner .chat-sender .sender-pic {
    	width: 30px;
	}
	.project-container .media.chat-messages .media-body {
		margin-bottom: 0px !important;
	}
}


@media(max-width:992px){
	#mainNavbarList li.user-profile.header-notification {
		margin-left: 10px;
	}
	.mail-body-header .btn-group, #mailListButtons {
		z-index: 1000010 !important; /* BDUI3.2707 - sopra la campanella notifiche (z 1000001) */
		background-color: var(--bd-navbar-bg, #2C3E50); /* BDUI3.2707 - colore barra DINAMICO per tenant (impostato via JS leggendo la navbar reale); fallback #2C3E50 */
	}
	.TicketImageMessages, .TicketImageMessages .showChat_inner{
		width: 250px !important;
	}
	.TicketImageMessages .media.chat-messages {
		padding: 5px;
	}
	.TicketImageMessages .media.chat-messages.sentByMe .media-body {
		margin-right: 5px;
	}
	.fancybox-image {
		max-width: calc(100% - 290px) !important;
	}
	a.fancybox-nav.fancybox-next {
		right: 250px !important;
	}
	.ShowImgName .fa{display:inline-block !important;}
	#SearchMobileIcon, #displayChatboxMobile {
		z-index: 1000000;
	}
}
@media only screen and (min-width: 769px) {
	.dataTables_filter input[type=search] {
		width: 250px;
	}		
}
@media(max-width:992px) and (min-width:769px){
	#SearchMobileIcon{
		display:inline-block;
		left: inherit !important;
		right: 65px !important;
		top: 16px !important;
	}
	#displayChatboxMobile{
		display:inline-block;
		left: inherit !important;
		right: 135px !important;
	}
}
@media(max-width:768px){
	.project-container .chat-reply-box .right-icon-control{
		width: calc(100% - 40px);
		float: right;
	}
	.project_chat_upload {
		float: none;margin-left: 5px;
	}
	.dayRowDetails div.col-md-12 div div {
		padding: 0px !important;
	}
	.dayRowDetails div.col-md-12 div div.dayDet,
	.timesheetTable .dayRowDetails div.col-md-12 div div.tsPause{
		padding: 5px 10px !important;
		margin-bottom: 15px;
		border: 0px;
	}
	.timesheetTable .dayRowDetails div.col-md-12 {
		padding: 0px;
	}
	.ProjectContacts .project-people-row, .ProjectContacts .project-people-cell {
		display: block;
		width: 100%;
		border: 0px;
	}
	.ProjectContacts .project-people-row {
		border-bottom: 1px solid lightgrey;
		position: relative;
	}
	.removeContactFromProjectButton {
		position: absolute;
		right: 5px;
		top: 5px;
	}
	.TicketImageMessages, .TicketImageMessages .showChat_inner{
		width: 100% !important;
		height: 400px;
	}
	.TicketImageMessages{
		float: none !important;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.fancybox-image {
		max-width: 100% !important;
		max-height: calc(100% - 480px) !important;
		margin: 0px !important;
	}
	a.fancybox-nav.fancybox-next {
		right: 0 !important;
	}
	.fancybox-nav {
		bottom: 415px !important;
	}
	#fancybox-thumbs{display:none;}
	/* BDUI3.2755 (v3) - Le 3 icone mobile (chat/ricerca/campanella) qui sotto sono TUTTE ancorate
	   a "right", sullo stesso asse di #mobileSubMenu/.mobile-options (il menu "..." del tema,
	   vedi style.css "right:30px" dentro @media max-width:992px). Due versioni precedenti le
	   avevano ancorate a "left" (con offset assoluti da sinistra): a schermi stretti (~380px) un
	   ancoraggio "left" si avvicina progressivamente al bordo destro e finisce per scontrarsi con
	   ".mobile-options", che invece resta sempre agli stessi 30px dal bordo destro. Ancorandole
	   tutte a "right" restano a distanza costante sia tra loro sia da ".mobile-options" a
	   qualunque larghezza. Se si spostano questi offset, mantenerli tutti sullo stesso asse "right". */
	#displayChatboxMobile{
		display:inline-block;
		top: 14px !important;
		left: auto !important;
		right: 225px !important;
		font-size: 20px !important;
		top: 13px !important;
	}
	.displayChatbox .notificationBadge {
		top: -2px !important;
		right: 0px !important;
		padding: 3px !important;
		min-width: 16px !important;
	}
	#SearchMobileIcon{
		display:inline-block;
		left: auto !important;
		right: 155px !important;
		font-size: 16px !important;
		top: 20px !important;
	}
	#displayNotifMobile{
		right: 100px !important;
	}
	.pcoded-inner-navbar.main-menu.mCustomScrollbar._mCS_1.mCS-autoHide span.shortcut{display:none !important;}
	.project-container .showChat_inner .chat-inner-header{display:none;}
	.project_members {
		text-align: left;
		padding: 0px 5px;
		overflow-x: auto;
		white-space: nowrap;
	}
	.project_members .chat-sender {
		margin-bottom: 0px;
	}
}

@media(max-width:500px){
	#selectAgendaContainer .card-header-right {
		float: none;
		position: relative;
		text-align: right;
		width: 100%;
		display: block;
	}
	#selectAgendaContainer .filterGroup.filterGroupPersonalCalendars {
		margin: 0px;	
	}
	.card-header .card-header-right.mobile-icons {
		display: none;
		position: relative;
		float: right;
		width: 100%;
		text-align: center;
	}
	.card-header .card-header-right.mobile-icons-button {
		display: block;
	}
	.edit_topic_name_form .edit_topic_name {
		width: 100%;
		margin-bottom: 5px;
	}
}
@media(max-width:440px){
	.daily_create_task {
	    padding-left: 10px;
		padding-right: 10px;
	}
	.imagescontainer .imgbox {
		width: calc(100% - 20px);
		margin: 0px;
		margin-bottom: 15px;
		margin-left: 10px;
	}
	.imagescontainer .imgbox .imgarea{
		margin: 10px auto;
	}
	.imagescontainer .picsFilename {
		text-align: center;
		max-width: 90%;
		margin: 0 auto;
	}
	.dailyArea {border-right: none !important;}
	.dailyArea h5 {margin-top: 20px;}
	.dailyArea h5, .dailyArea h6 {margin-left: 10px;}
	.dailyArea .total_hhmm, .dailyArea .total_hhmm_expired {margin-right: 5px;}
	.daily_plan_link{padding: 10px; margin-top: 5px;}
	#content__apps_tasks_daily_plan .card-block {padding: 0px;}
	.dailyPlanFilter {padding: 0 15px;}
	#dailyCounter {display: none;}
	input#dailyAreaFilter {padding-left: 10px; width: 100%;}
	.dailyTicketsTasksToday, .dailyTicketsTasksSecondary {padding-right: 0px;padding-left: 0px;padding-bottom: 30px;}
	.project-container .showChat_inner .new-message {font-size: 16px;}
	.TicketImageMessages .chat-reply-box {padding: 5px !important;}
	#status_dropdown_menu {
		right: -115px;
	}
}
@media(max-width:400px){
	.card .card-header .card-header-right i {
		padding-left: 4px !important;
		padding-right: 4px !important;
		margin-left: 8px;
		margin-right: 8px;
	}
}
@media(max-width:360px){
	#SearchMobileIcon{display:none;}
}
@media print {
	#mailtopbar, #mobile-floating-topbar, #loadProxyImagesDiv, #mobile-floating-template {display:none;}
	#mobile-floating {    border: 0px;}
	.no-print{display:none !important;}
	.elementDisabled{display:none;}
	.dailyTicketsTasksEvents {
		width: 30% !important;
		max-width: 30% !important;
		flex: none;
	}
	.dailyArea li i.icon-warning-alt.redalert, .dailyArea .sharedIcon {
   	 	vertical-align: baseline;
	}
	.dailyArea .ticketCode {
    	padding: 0px 5px;
	}
	.dailyTicketsTasksToday{
		width: 70% !important;
		max-width: 70% !important;
		flex: none;
		border-right: 0px !important;
	}
	.dailyTicketsTasksSecondary{
		width: 100% !important;
		max-width: 100% !important;
		flex: none;
		margin-left: 30% !important;
		border-left: 1px solid silver;
	}
	.dataTables_length{display:none;}
}


@media(min-width:770px){
	.email-card .mail-box-head, .page-card .page-head{
		background-color: white;
		border-bottom: 1px solid rgba(0,0,0,.125);
		position: fixed;
		width: calc(100% - 45px);
		z-index: 1;					
	}
	.email-card .mail-box-head h3, .page-card .page-head h3{
		font-weight: 600;
		color: #4a6076;
		font-size: 20px;
	}
	.mail-box-head .btn-group button, .mail-box-head .btn-group button:active, .page-card .page-head .btn-group button, .page-card .page-head .btn-group button:active {
		background-color: #f6f7f7 !important;
		color: black;
		padding: 7px 12px 6px 17px;
	}
}
@media(min-width:1025px){	
	.email-card .mail-box-head, .page-card .page-head {width: calc(100% - 235px);}
	#contents.contents_with_sidebar .email-card .mail-box-head, #contents.contents_with_sidebar .page-card .page-head {
		width: calc(100% - 276px);
	}
}
@media (max-height:730px){
	#DocPreviewModal .CodeMirror {
		height: calc(100vh - 230px);
	}
}
@media (max-width:993px) and (max-width:1003px){
	.header-navbar .navbar-wrapper .navbar-container .nav-left li {
		padding-right: 0px;
		width: 40px;
	}
	#timerMain.timerActive {
		margin-left: 5px;
		margin-right: 5px;
	}
}

#loadProxyImagesDiv {
    padding: 5px 10px;
    background-color: lightcoral;
    color: white;
}
#loadProxyImagesDiv i {	margin-right: 5px;}
/* SHARING MODAL */
#ShareElementModal {
	width: 670px;
    max-width: 670px;
}
#ShareElementModal #hideUI3modal {
    margin-top: 25px;
}
#SharingInfoButton {
    float: right;
    font-size: 18px;
    margin-top: 2px;
    cursor: pointer;
}				
#SharingInfoButton i {
    color: #d2d2d2;
}
#SharingInfoButton:hover i {
    color: black;
}
#SharingInfo{display:none;margin-top: 10px;}
#SharedElementLinkContainer {
    border: 1px solid #ced4da;
    padding: 0px 5px;
    width: 100%;
    display: inline-block;
    position: relative;
    padding-right: 100px;
}																				
#SharedElementLink {
	width: 100%;
    overflow-x: auto;
}							
#SharedElementLinkButtons {
	width: 105px;
    float: right;
    position: absolute;
    right: 10px;
    top: 1px;
}
#SharedElementLinkButtons a {
    margin-left: 20px;
	cursor:pointer;
}
#Sharebuttons {
    padding: 20px 0 0px;
}
.SharebuttonContainer{
	display: inline-block;
    margin-right: 40px;
    width: 70px;
    text-align: center;
	font-size: small;
    line-height: 120%;
    height: 100px;
    vertical-align: top;
    margin-bottom: 15px;
	white-space: normal;
}
.SharebuttonContainer:last-child {
    margin-right: 0px;
}
.Sharebutton {
    height: 50px;
    font-size: 30px;
    text-align: center;
    padding: 9px 7px 7px 6px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid whitesmoke;
    color: #d2d2d2;
    width: 50px;
    margin: 10px auto;
}
.Sharebutton:hover{
    background-color: silver;
    color: white;
}
.Sharebutton.facebook:hover{
	background-color: #4267b2;	
	border-color: #4267b2;	
    color: white;																													
}																																				
.Sharebutton.twitter:hover{
	background-color: #1da1f2;	
	border-color: #1da1f2;	
    color: white;																															
}																
.Sharebutton.whatsapp:hover{
	background-color: #00e676;	
	border-color: #00e676;	
    color: white;																														
}															
.Sharebutton.telegram:hover{
	background-color: #5682a3;	
	border-color: #5682a3;	
    color: white;																														
}	
.SharingInfoTitle {
    font-size: 18px;
}
.SharingInfoRow {
    margin-bottom: 10px;
	font-size: 12px;
	border-bottom: 1px solid silver;
}
.SharingInfoSection .SharingInfoRow:last-child {
	border-bottom: 0px;
}
.SharingInfoSection {
    max-height: 250px;
    overflow-y: auto;
}
#SharingElementInfo {
    padding-bottom: 15px;
	line-height: initial;
}
.docRow, .documentslist, .folderrow{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.applicationRow .select2-container--default .select2-selection--single {
    border-color: #ced4da;
}

.MailBoxInfo {
    padding: 5px 15px;
    margin-top: -7px;
    background-color: #ffffd3;
    width: calc(100% + 30px);
    margin-left: -15px;
    font-size: small;
}
@media (max-width:991px){
	.MailBoxInfo {
		margin-top: 27px;
	}
}
@media (max-width:769px){
	.MailBoxInfo {
		margin-top: -10px;
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media only screen and (max-width: 480px) {
	#SharedElementLinkContainer {
		padding-right: 5px;
		text-align: left;
	}
	#SharedElementLinkButtons {
		position: relative;
		width: 100%;
		text-align: left;
		right: 0;
	}
	#SharedElementLinkButtons a {
		margin-left: 0px;
		margin-right: 20px;
	}
	#Sharebuttons {
		width: 100%;
		overflow-x: auto;
		white-space: nowrap;
	}

	.project-container #timesheet_alert_notification,
	.ticket-frame-container #timesheet_alert_notification {
		padding: 5px 10px !important;
	}
	.project-container #timesheet_alert_notification #timesheet_alert_close,
	.ticket-frame-container #timesheet_alert_notification #timesheet_alert_close {
		position: relative !important;
		right: initial !important;
		top: initial !important;
		white-space: nowrap;
		vertical-align: text-top;
		margin-left: 15px;
	}
}

/* END SHARING MODAL */
/* AGENDA - EVENTS */
	#EventModalContent .Modal_Row input[type=text] {
		width: 100%;
	}
	#EventModalContent .recipient{
		padding: 0px;
		margin: 5px;
		margin-bottom: 0px;
	}
	#EventModalContent #Event_Invited .recipient {
		margin: 0px 10px 10px 0px;
		padding: 0px 5px;
		height: 30px !important;
	}
	#EventModalContent #contactslist {
		top: 0 !important;
		left: 0 !important;
		width: 100%;
		margin-bottom: 10px;
	}
	#EventModalContent #contactslist td {
		padding: 5px 5px;
	}
	.DateTimeArea {
		width: 100px;
		max-width: 100%;
		display: inline-block;
		margin-bottom: 15px;
	}
	.DateTimeArea.SameDay{display:none;}
	.Event_Invited .recipient{
		padding: 5px;
		height: initial !important;
		cursor: inherit;
	}
	.Event_Invited .recipient .recipientName{
		margin: 0px;
	}
	/*#EventModalContent .clearrecipient {
		padding: 2px 5px;
	}*/
	#EventModalContent #contactTabs li.ui-tabs-tab {
		padding: 0px 5px;
		margin-right: 10px;
		background-color: transparent;
	}
	#EventModalContent .EventDeleteButton{color:pink;}
	#EventModalContent .EventDeleteButton:hover{color:red;}
/* AGENDA END */
.error {
    display: inline-block;
    margin-left: 10px;
    background: #ea0101;
    padding: 2px 10px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
}

.bdmgr_table thead tr{
    background-color: #1564ae;
	color:white;
}
.MenuFolderDocsCounter {
    background-color: #23282d;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 7px;
    margin-left: 3px;
    vertical-align: top;
}

/*
.modal-ui3.internal_scroll .modal-ui3-scroll-head {
    position: absolute;
    top: 0px;
    margin-top: 0px;
}
*/



#CreateMember_Title {
	font-size: 20px;
}
#CreateMemberModal .create_member_field_error {
	border-color: red;
}
#CreateMemberModal .owl-carousel .owl-item .modal-ui3-carousel-slide-body {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
#CreateMemberModal .owl-dots {
	display: none;
}
#CreateMemberModalCarousel input[name=Name], #CreateMemberModalCarousel input[name=MiddleName] {
    display: inline-block;
    width: 49.6%;
}
#CreateMemberModalCarousel [name=mm], #CreateMemberModalCarousel [name=dd], #CreateMemberModalCarousel [name=yy] {
    display: inline-block;
    width: 32.8%;
	vertical-align: middle;
}
#CreateMemberModalCarousel .tableBorder:last-child {
    border-bottom: 0px;
}	
#CreateMemberModalCarousel input[name=address] {
    display: inline-block;
    width: calc(100% - 100px);
}
#CreateMemberModalCarousel input[name=zip],
#CreateMemberModalCarousel input[name=address_number] {
    display: inline-block;
    width: 97px;
}


#RenewMember_Title {
	font-size: 20px;
}
#RenewMemberModal .create_member_field_error {
	border-color: red;
}
#RenewMemberModal .owl-carousel .owl-item .modal-ui3-carousel-slide-body {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
#RenewMemberModal .owl-dots {
	display: none;
}
#RenewMemberModalCarousel input[name=Name], #RenewMemberModalCarousel input[name=MiddleName] {
    display: inline-block;
    width: 49.6%;
}
#RenewMemberModalCarousel [name=mm], #RenewMemberModalCarousel [name=dd], #RenewMemberModalCarousel [name=yy] {
    display: inline-block;
    width: 32.8%;
	vertical-align: middle;
}
#RenewMemberModalCarousel .tableBorder:last-child {
    border-bottom: 0px;
}	
#RenewMemberModalCarousel input[name=address] {
    display: inline-block;
    width: calc(100% - 100px);
}
#RenewMemberModalCarousel input[name=zip],
#RenewMemberModalCarousel input[name=address_number] {
    display: inline-block;
    width: 97px;
}

	#uploadMessagesOnMailFolderModal .modal-ui3-scroll-body {
		height: 500px;
		overflow-x: auto;
		overflow-y: auto;
	}
	#uploadMessagesOnMailFolderModal .EML_Area {
		margin-top: 20px;
		border-top: 1px solid silver;
		padding-top: 10px;
	}
	#uploadMessagesOnMailFolderModal .LineArea {
		padding: 10px;
		background-color: #e9e9e9;
		margin-top: 10px;
	}
	#uploadMessagesOnMailFolderModal .EML_Area_Title {
		font-size: 15px;
		font-weight: bold;
	}
	#uploadMessagesOnMailFolderModal .EML_Area_SubTitle {
		font-size: 18px;
		margin-bottom: 5px;
	}

.squisitoBookingWeekDayDiscount .week_day_discount {
    background-color: #f7a823;
    color: white;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 10px;
}
.squisitoBookingWeekDayDiscount .week_day_discount .name {
    font-size: 18px;
    font-weight: bold;
}
.squisitoBookingWeekDayDiscount .week_day_discount .description {
    font-size: 12px;
}

.live-status,
.live-status.status_offline,
.live-status.status_invisible  {
    background-color: silver !important;
}
.live-status.status_online {
    background-color: #2ecc71 !important;
}
.live-status.status_standby {
    background-color: orange !important;
}
.live-status.status_busy {
    background-color: #e74c3c !important;
}

.status_menu_li {
	cursor: pointer;
}
.status_menu_li.status_offline .fa-circle,
.status_menu_li.status_invisible .fa-circle  {
    color: silver !important;
}
.status_menu_li.status_online .fa-circle {
    color: #2ecc71 !important;
}
.status_menu_li.status_standby .fa-circle {
    color: orange !important;
}
.status_menu_li.status_busy .fa-circle {
    color: #e74c3c !important;
}

.ServiceContractsTable tr th:nth-child(2), .ServiceContractsTable tr th:nth-child(3), .ServiceContractsTable tr th:nth-child(4), .ServiceContractsTable tr th:nth-child(5), .ServiceContractsTable tr th:nth-child(6), 
.ServiceContractsTable tr td:nth-child(2), .ServiceContractsTable tr td:nth-child(3), .ServiceContractsTable tr td:nth-child(4), .ServiceContractsTable tr td:nth-child(5), .ServiceContractsTable tr td:nth-child(6) {
    text-align: right;
}
#ServiceContractModal {
    width: 900px;
    max-width: 100%;
}
#ServiceContractModal .row .renews_table_col {
    padding: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dddddd;
}
#ServiceContractModal .row:last-child .renews_table_col {
    border-bottom: 0px;
    padding-bottom: 0px;
}
#ServiceContractModal .row .renews_table_col .delete_link {
	display: none;
}
#ServiceContractModal .row:hover .renews_table_col .delete_link {
	display: block;
}
#ServiceContractModal .row .renews_table_col .form-control {
    display: inline-block;
    padding: 0px;
    border: 0px;
    background-color: transparent;
	outline: none !important;
    box-shadow: none !important;
}
#ServiceContractModal .row .renews_table_col .form-control.date {
	width: 100px;
	margin-right: 5px;
}
#ServiceContractModal .row .renews_table_col .form-control.amount {
	width: 70px;
	margin-right: 5px;
}
#ServiceContractModal .row .renews_table_col .fa {
    display: inline-block;
    visibility: hidden;
    color: silver;
    cursor: pointer;
}
#ServiceContractModal .row:hover .renews_table_col .fa.fa-pencil {
	visibility: visible;
}
#ServiceContractModal .row:hover .renews_table_col.enable_edit .fa.fa-pencil {
	visibility: hidden;
}
#ServiceContractModal .row:hover .renews_table_col.enable_edit .fa.fa-floppy-o {
	visibility: visible;
}
#ServiceContractModal .row .renews_table_col .fa:hover {
    color: black;
}
#ServiceContractModal .row .renews_table_col .fa.fa-expand,
#ServiceContractModal .row .renews_table_col .fa.fa-compress {
    visibility: visible;
    color: #999;
}
#ServiceContractModal .row .renews_table_col .form-control.note {
    resize: none;
}
#ServiceContractModal .row.renewal_main_row .renews_table_col {
    border-bottom: 0px;
}
#ServiceContractModal .row.renewal_note_row .renews_table_col {
    padding-top: 4px;
    padding-bottom: 12px;
}
@media only screen and (max-width: 576px) {
	.swal2-actions {
		display: block;
		height: auto !important;
		text-align: center !important;
	}

	.swal2-actions button.swal2-cancel.swal2-styled {
		position: relative !important;
		margin-bottom: 10px !important;
		width: 100%;
	}
	.swal2-actions button.swal2-confirm.swal2-styled {
		position: relative !important;
		float: none !important;
		left: inherit !important;
		right: inherit !important;
		margin: 0 auto;
	}
	
	.ObligationAttachmentsTable .headerRow {
		display: none;
	}
	.ObligationAttachmentsTable .docRow > div:nth-child(2), .ObligationAttachmentsTable .docRow > div:nth-child(3), .ObligationAttachmentsTable .docRow > div:nth-child(4), .ObligationAttachmentsTable .docRow > div:nth-child(5) {
		display: inline-block;
		width: initial;
	}
	
}