/* hide options from left navigation*/

.textApp {
	border-radius: 20px;
    background-color: #18bc9c;
    color: white;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    /*border: 1px solid #404E67;*/
    cursor: pointer;
    margin-top: 12px;
	display:none;
}

#mainMenu .searchTop {display:none}

.joint-link:hover > .link-tools{
	opacity:1;
}

[unit="ChatBot"] pre.preTag {
	white-space: pre-wrap;
}

#optionsBar ul  li a[unit="Desktop"]:before {
content: '\e98c';
font-size: 20px;
margin-left: 0px;

font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
font-size: 16px;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .3em;
text-align: center;
/* opacity: .8; */
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
}
#infobox-help-div ol, #infobox-help-div ul {/* list-style: none outside none; */ list-style:circle !important;margin:0px;padding:0px;}


.opApp:hover {
	color: var(--highlight-color) !important;
}

.favApp:hover {
	color: var(--highlight-color) !important;
}

#infobox-help-div > .western, #infobox-help-div > p {
 	padding-left:10px;padding-right:10px
}

/*
#infobox-task-content .ibox-t a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/

.icon-menu-teaching {
background-position: center;
background-image:url(packages/teaching.png); /*collaborative_desktop.png);*/
background-repeat:no-repeat;
height:80px; /*40px; */
/*margin-left: 5px; /*10px;*/
}
.icon-menu-vehicles {
background-position: center;
background-image:url(packages/vehicles.png); /*collaborative_desktop.png);*/
background-repeat:no-repeat;
height:80px; /*40px; */
/*margin-left: 5px; /*10px;*/
}
.icon-menu-vacations {
background-position: center;
background-image:url(packages/vacations.png); /*collaborative_desktop.png);*/
background-repeat:no-repeat;
height:80px; /*40px; */
width:150px;
/*margin-left: 5px; /*10px;*/
}
.icon-menu-decisions {
background-position: center;
background-image:url(packages/decisions.png); /*collaborative_desktop.png);*/
background-repeat:no-repeat;
height:80px; /*40px; */
/*margin-left: 5px; /*10px;*/
}

.icon-menu-desktop {
background-position: center;
background-image:url(packages/desktop.png); /*collaborative_desktop.png);*/
background-size: 50px 50px;
background-repeat:no-repeat;
height:60px; /*55px; /*40px; */
/*width:150px;*/
/*margin-left: 5px; /*10px;*/
/*margin-top: 10px;*/
}
/*.icon-menu-desktop:hover {
background-image:url(collaborative_desktop_hovered.png);
}*/
//.icon-menu-bpm:before { content: '\ebae'; color:#fff; font-size:40px;}
.icon-menu-bpm {
background-position: center;
background-image:url(packages/bpm.png); /*business_processes.png);*/
background-size: 50px 50px;
background-repeat:no-repeat;
height:60px; /*40px; */
/*margin-left: 5px; /*10px;*/
/*margin-top: 10px;*/
}
/*.icon-menu-bpm:hover {
background-image:url(business_processes_hovered.png);
}*/
//.icon-menu-crm:before { content: '\e8f1'; color:#fff; font-size:40px;}
.icon-menu-crm {
background-position: center;
background-image:url(packages/crm.png); /*customer_relations.png);*/
background-size: 50px 50px;
background-repeat:no-repeat;
height:60px; /*40px; */
/*margin-left: 5px; /*10px;*/
/*margin-top: 10px;*/
}
/*.icon-menu-crm:hover {
background-image:url(customer_relations_hovered.png);
}*/
.icon-menu-kteocrm {
background-position: center;
height:60px; /*40px; */
background-image:url(/app/Default/packages/kteoCrm/resources/kteo.png);
background-size: 50px 50px;
background-repeat:no-repeat;}
/*.icon-menu-kteocrm:hover {
background-image:url(/app/Default/packages/kteoCrm/resources/kteo_hovered.png);
}*/

.icon-menu-kteocrmReports {
background-position: center;
height:55px; /*40px; */
background-image:url(/app/Default/packages/kteoReports/resources/kteoRep.png);
background-size: 50px 50px;
background-repeat:no-repeat;}

.icon-menu-pm {
background-position: center;
background-image:url(packages/pm.png); /*project_management.png);*/
background-size: 50px 50px;
background-repeat:no-repeat;
height:60px; /*40px; */
/*margin-left: 5px; /*10px;*/
/*margin-top: 10px;*/
}
/*.icon-menu-pm:hover {
background-image:url(project_management_hovered.png);
}*/

.icon-admin {
background-position: center;
background-image:url(packages/admin.png); /*accounting_system.png);*/
background-size: 50px 50px;
background-repeat:no-repeat;
height:60px; /*40px; */
/*margin-left: 5px; /*10px;*/
/*margin-top: 10px;*/
}

.icon-menu-erp {
background-position: center;
background-image:url(packages/erp.png); /*accounting_system.png);*/
background-size: 50px 50px;
background-repeat:no-repeat;
height:60px; /*40px; */
/*margin-left: 5px; /*10px;*/
/*margin-top: 10px;*/
}
/*.icon-menu-erp:hover {
background-image:url(accounting_system_hovered.png);
}*/
.topMenus{display:none;}
.icon-menu-bi {
background-position: center;
background-image:url(packages/bi.png); /*business_intelligence.png);*/
background-size: 50px 50px;
background-repeat:no-repeat;
height:60px; /*40px; */
/*margin-left: 5px; /*10px;*/
}
/*.icon-menu-bi:hover {
background-image:url(business_intelligence_hovered.png);
}*/

.tabc.static .icon-doc-text-inv-1:before {font-size:20px;}
.packageTitle {display: none;}
.packageItem {height: 64px; width: 64px;}
.blueBridge {height: 74px}

/*******************************
 ** PinnedMenuShortcuts START **
 *******************************/

.pinnedMenuShortcutsHandler {
	background-color: white;
	color: #2FAFEF;
	width: 19px;
	height: 18px;
	line-height: 20px;
	text-align: center;
	float: right;
	font-size: 15px;
	border-radius: 50%;
}

.pinnedMenuShortcutsHandler:hover {

}

div.rightMenuItem {
	transition: all 0.5s ease;
	background-color: #eee;
	text-align: center;
	margin: 1px 0;
	padding: 0px 0px 6px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.rightMenuItem:hover {
	background-color: #CCFFFF;
}

div.rightMenuItem.rightMenuDivider {
	padding: 0;
	margin-bottom: 10px;
}

.rightMenuLetterSpan {
	color: #29b8ef;
	position: relative;
	top: 8px;
}

.rightMenuLetterSpan:first-child {
	font-size: 30px;
	position: relative;
	top: 0px;
}

.vAsLef li[id$='-1'] {
	display:none;
}

/********************************
 ** PinnedMenuShortcuts FINISH **
 ********************************/


/* RAG STATUS ICONS */
.icon-rag-green:before, .icon-rag-amber:before, .icon-rag-red:before, .icon-rag-blue:before {
    font: normal normal normal 14px/1 FontAwesome;
	content: '\f111';
}

.icon-rag-green {color: #2ECC71;}
.icon-rag-amber {color: #F1C40F;}
.icon-rag-red {color: #FF5555;}
.icon-rag-blue {color: #00adef;}


#home-welcome {
	padding: 10px;
	text-align: center;
	background: #eee;
	font-size: 30px;
}

#home-bar {
	/*padding-left: 20px;
	padding-right: 20px;*/
	text-align: center;
	background: #eee;
	width: 100%;
	padding-bottom: 10px;
}

#home-bar-actions {
	font-size: 16px;
	/*padding-left: 20px;
	padding-right: 20px;*/
	text-align: center;
	font-weight: 600;
}

#home-bar-actions  #profile, #email, #invite{
	padding-right: 40px;
}

#home-label1 {
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 24px;
	background: #eee;
	font-weight: 600;
}

#home-label2{
	padding: 0px 10px 20px 10px;
	text-align: center;
	font-size: 14px;
	background: #eee;
	font-weight:600;
}

#homepage-container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-wrap: wrap;
	margin: 0 5%;
}

#comidor-logo {
	display: none;
}

#getatour , #showme{
	color: var(--link-color);
	margin-left: 20px;
	cursor: pointer;
}

.homepackage {
    position: relative;
    overflow: hidden;
    background-color: rgba(0,0,0,0.10);
    width: 33.33%;
    flex: none;
    height: 180px;
    border: 5px solid #eeeeee;
    box-sizing: border-box;
	cursor: pointer;
}

.homepackage:hover {
    background-color: rgba(255,255,255,0.10);
}

.homepackage h1 {
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	/*background: var(--highlight-color);*/
	width: 80%;
	margin-left: 10%;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-right: 5px;
	margin-top: 60px;
	margin-bottom: 10px;
	text-shadow: 2px 2px 2px #000;
}

.homepackage img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	opacity: 0.30;
	display: block;
}

.homepackage .htitle {
	/*font-size: 24px;
	float: left;*/
}

.homepackage .item {
	/*padding: 0px 0px 10px 0px;*/
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-left: 10%;
}

.homepackage .other {
	padding: 0px 0px 8px 0px;
	margin-left: 10%;
	display: none;
}

.homepackage .item-other {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-right: 10px;
	display: inline;
}

.homepackage .title {
	color: #333;
	font-size: 24px;
}

.homepackage .learnmore {
	font-size: 16px;
	color: var(--link-color);
	font-weight: 600;
	text-align: center
}

.homepackage .icon {
	/*color: #fff;*/
	padding-right: 10px;
	font-size: 30px;
}

.homepackage .unit {
	font-size: 16px;
	font-weight: 600;
	color: var(--link-color);
}

.homepackage .unit-other {
	font-size: 16px;
	font-weight: normal;
	color: var(--link-color);
}

.homepackage .unit-more {
	font-size: 14px;
	font-weight: 600;
	color: var(--link-color);
}

.homepackage .info {
	padding-left: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #777;
	display: none;
}

.homepackage .link {
	padding-left: 20px;
	font-size: 14px;
	font-weight: normal;
	color: var(--link-color);
	display: none;
}
.icon-module-recent:before { content: '\e9cd'; font-size: 16px; padding-right: 5px;}
.icon-module-desktop:before { content: '\e8cc'; font-size: 16px; padding-right: 5px;} /* '?' */
.icon-module-gov:before { content: '\e9a2'; font-size: 16px; padding-right: 5px;} /* '?' */
.icon-menu-profile:before { content: '\ea8f'; font-size: 16px; padding-right: 5px;} /* '?' */
.icon-menu-communication:before { content: '\ea88'; font-size: 16px; padding-right: 5px;}
.icon-menu-collaboration:before, .icon-menu-recruitment:before { content: '\e80f'; font-size: 16px; padding-right: 5px;}
.icon-menu-records:before { content: '\e9b4'; font-size: 16px; padding-right: 5px;} /*ebae*/
.icon-menu-content:before { content: '\e866'; font-size: 16px; padding-right: 5px;}
.icon-menu-processes:before { content: '\e875'; font-size: 16px; padding-right: 5px;}
.icon-menu-projects:before { content: '\ebf4'; font-size: 16px; padding-right: 5px;}
.icon-menu-bapplications:before { content: '\eb3a'; font-size: 16px; padding-right: 5px;}
.icon-menu-it:before { content: '\ebc4'; font-size: 16px; padding-right: 5px;}
.icon-menu-automation:before { content: '\eac2'; font-size: 16px; padding-right: 5px;}
.icon-menu-analytics:before { content: '\eafc'; font-size: 16px; padding-right: 5px;}
.icon-menu-approvals:before { content: '\e97d'; font-size: 16px; padding-right: 5px;}
.icon-menu-management:before { content: '\ea26'; font-size: 16px; padding-right: 5px;} /* '?' */
.icon-menu-administration:before { content: '\e8cc'; font-size: 16px; padding-right: 5px;} /* '?' */
.icon-home-profile:before { content: '\ea8f'; font-size: 24px; padding-right: 5px;} /* '?' */
.icon-home-communication:before { content: '\ea88'; font-size: 24px; padding-right: 5px;}
.icon-home-collaboration:before { content: '\e80f'; font-size: 24px; padding-right: 5px;}
.icon-home-records:before { content: '\e9b4'; font-size: 24px; padding-right: 5px;} /*ebae*/
.icon-home-content:before { content: '\e866'; font-size: 24px; padding-right: 5px;}
.icon-home-processes:before{ content: '\ebf4'; font-size: 24px; padding-right: 5px;}
.icon-credit-card:before{ content: '\e907'; font-size: 16px; padding-right: 5px;}
.icon-home-automation:before { content: '\eac2'; font-size: 24px; padding-right: 5px;}
.icon-home-analytics:before { content: '\eafc'; font-size: 24px; padding-right: 5px;}
.icon-home-management:before { content: '\ea26'; font-size: 24px; padding-right: 5px;} /* '?' */
.icon-home-administration:before { content: '\ea26'; font-size: 24px; padding-right: 5px;} /* '?' */
.icon-home-chat:before { content: '\e859'; font-size: 14px;} /* '?' */
.icon-home-qadd:before { content: '\e983'; font-size: 14px;} /* '?' */
.icon-home-recent:before { content: '\e8c2'; font-size: 14px;} /* '?' */
.icon-home-upload:before { content: '\e848'; font-size: 14px;} /* '?' */
.icon-home-note:before { content: '\eb7b';  font-size: 14px;} /*  */
.icon-users-2:before { content: content: '\ea92'; font-size: 16px; padding-right: 5px; }

#default_JP_CONTACTS_image,
#default_SYS_PERSONNEL_image {
	background-image: url('/app/Default/system/resources/default-contact-image.png');
}
#default_JP_ACCOUNTS_image {
	background-image: url('/app/Default/system/resources/default-account-image.png');
}
#default_JP_PRODUCTS_image {
	background-image: url('/app/Default/system/resources/default-product-image.png');
}

#aboutDialogWrapper {    font-size: 13px;    text-align: left;    line-height: 2em;    color: #333; padding-bottom: 10px;}
#aboutDialogWrapper .clientPlan a {    margin-left: 5px;}
.clientAction {	text-align: center; }

@media (max-width: 1200px) {
/* 	#guideButton {
		display: none;
	}

	#supportButton {
		display: none;
	} */

	#mailUnitShortcut {
		top: initial;
		bottom: 0px;
		right: 20px;
	}

	#tasksUnitShortcut {
		top: initial;
		bottom: 0px;
		right: 70px;
	}

	#chatUnitShortcut {
		top: initial;
		bottom: 0px;
		right: 120px;
	}

	#documentsUnitShortcut {
		top: initial;
		bottom: 0px;
		right: 170px;
	}

	#contactsUnitShortcut {
		top: initial;
		bottom: 0px;
		right: 220px;
	}
}
 /** Homepage July 2015 - FINISH **/


#sf-email-attachments {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#sf-email-attachments > span {
    background: #eeeeee;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 3px 2px 3px 8px;
    display: flex;
    align-items: center;
    margin: 0 3px 3px 0;
}

/** sideBarUnitsNewShortcuts - FINISH **/

#customImg img[src]{/*width:38pxheight: 40px;*/}

@-webkit-keyframes MENU_BLIBK {
  0%   { opacity: 1; }
  60%   { opacity: 1; }
  80%  { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes MENU_BLIBK {
  0%   { opacity: 1; }
  60%   { opacity: 1; }
  80%  { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes MENU_BLIBK {
  0%   { opacity: 1; }
  60%   { opacity: 1; }
  80%  { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes MENU_BLIBK {
  0%   { opacity: 1; }
  60%   { opacity: 1; }
  80%  { opacity: 0; }
  100% { opacity: 1; }
}

/*.mainAreaWrapper .rightColumnWrapper {
	overflow-x:scroll;
}*/

/* SELECT2 COMIDOR STYLING */
body .select2 span[class*="icon-"]:before {font-size: 13px;color: #555;}
body .select2-dropdown span[class*="icon-"]:before {font-size: 13px;color: #555;}
body .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #e4f0f8; color: #555;}
body .select2-container--default .select2-results__option--highlighted[aria-selected] span[class*="icon-"]:before {color:#555;}
body .select2-hidden-accessible {width: 1px !important;}
body .select2-container--default .select2-selection {
	border: 1px solid #dadefe;
	font-size: 14px;
    height: 32px;
    font-weight: normal;
    margin-bottom: 2px;
}
body .select2-container--default .select2-selection:focus {
    outline: none;
}

/*changing the height from 100% ruins the Assigned To elements*/
body .select2-container .select2-selection--multiple {
    min-height: 0;
    height:auto;
    border: 1px solid #CCD6E6;}
body .select2-container--default.select2-container--focus .select2-selection {
	font-weight: normal;
	height: 100%;
}
.select2-container--default {
	/*height:100%;*/
}
body .select2-container--default.select2-container--disabled .select2-selection--single {background-color: #ECEFF1; color: #3F587E;}
body .select2-container--default .select2-selection--multiple .select2-selection__choice {white-space:normal;word-wrap:break-word;}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #3F587E;
	/* line-height:26px; */
}
body .select2-container .select2-selection--single {/*height: 30px; /*background: none !important;*/}
body span.select2-container.select2-container--default.select2-container--open {
    /*font-family: Proximanova, Segoe ui, Tahoma, Arial, sans-serif;*/
    font-size: 12px;
}

.jp-sheet span.select2-dropdown.select2-dropdown--below {
	/* added scroll to list because after 150px if it is inside an excel it will hide */
	/* height: 150px; */
    overflow: scroll;
}


.EmailTask_leftDistance div.formcontainer div.infoblock .formRow:nth-last-child(2) .select2-container.select2-container--default.select2-container--open {
	 padding-bottom: 80px;
	top:30px!important;
}

.EmailTask_leftDistance div.formcontainer div.infoblock .formRow:last-child .select2-container.select2-container--default.select2-container--open {
	 padding-bottom: 100px;
	top:30px!important;
}

.EmailTask_leftDistance .select2-selection__rendered{
	height:fit-content;
}

body span.select2-dropdown.select2-dropdown--below {
	margin-top: 4px;
	border-top: 1px solid var(--border-color); /*2px solid #c0cacf;*/
	min-width: 100px;
}

body span.select2-dropdown.select2-dropdown--above {
	/* margin-bottom: 4px; */
	/* border-bottom: 2px solid #E0E5EA; */
}

body span.select2-dropdown {
    border: 1px solid var(--border-color); /*2px solid #c0cacf;*/

}
body li.select2-results__option {
    color: #555;
	font-size: 13px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 2px 2px 2px 0px;
	padding: 0px 2px 1px 2px;
	/*height: 20px;*/
	/*font-weight: 600;*/
}


.select2-small + span.select2 .select2-selection {
	font-size: 11px;
	height: 2em;
	line-height: 2em;
}
.select2-small + span.select2 .select2-selection--single .select2-selection__rendered {
	line-height: 2em;
}
.select2-small + span.select2 .select2-selection .select2-selection__arrow {
	display: inline-flex;
	height: 100%;
}
.select2-small + span.select2 .select2-selection .select2-selection__arrow b {
	flex: 1 auto;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.select2-small + span.select2 .select2-selection .select2-selection__arrow b {
	display: flex;
	align-items: center;
}
.select2-small + span.select2 .select2-selection .select2-selection__arrow b:before {
	height: auto !important;
    line-height: normal !important;
}


/* Comidor Context Menu Styling */
body .context-menu-list {
	font-size: 13px;
}
body .context-menu-list .context-menu-item:not(.context-menu-separator) {
	padding: .4em 2em;
}
body .context-menu-list .context-menu-item.context-menu-hover {
	background-color: #107def;
}




[unit='SYS_Users'] .actionTabsContainer{min-height:500px;}[unit='SYS_Users'] .actionTabsContainer{min-height:500px;}
/*
div#top-bar-shortcuts {
    display: inline-block;
    margin-right: 0;
    padding: 20px 5px 15px;
    text-align: center;
    width: auto;
}
*/





.top-bar-shortcut {
    padding: 0;
    position: fixed;
	/*padding: 20px 4px;
    background-color: #ddd;
	border-color: #d5d5d5;
	border-style: solid;
	border-width: 1px;*/
	/*
    color: white;
    font-size: 15px;
    cursor: pointer;*/
	/*
    background-color: #00adef;
    border: 1px solid #00adef;
    border-radius: 0px 0px 5px 5px;
    transform-origin: 0 50%;
    transform: rotate(-90deg) translate(-50%, 50%);
	*/
    /*height: 40px;
	width: 100px;*/
}

.icon-right-action-new:before { content: '\e822';  font-size:24px;} /* '?' */
.icon-right-new-record:before { content: '\ea11';  font-size:24px;} /* '?' */
.icon-right-action-link:before { content: '\e82f';  font-size:24px;} /*  */
.icon-right-action-note:before { content: '\eb67'; font-size:24px; } /* '?' */
.icon-right-action-upload:before { content: '\e99a'; font-size:24px;; } /* '?' */
.icon-right-action-chat:before { content: '\e859'; font-size:24px; } /* '?' */
.icon-right-action-message:before { content: '\eb02'; font-size:24px; } /* '?' */
.icon-right-action-task:before { content: '\e879'; font-size:24px; } /* '?' */
.icon-right-action-contact:before { content: '\e9ab'; font-size:24px; } /* '?' */
.icon-right-action-account:before { content: '\e934'; font-size:24px; } /* '?' */
.icon-right-action-process:before { content: '\e910'; font-size:24px; } /* '?' */
.icon-right-action-tags:before { content: '\eb57'; font-size:24px; } /* '?' */
.icon-right-action-notify:before { content: '\ea12'; font-size:24px; } /* '?' */
.icon-right-action-rights:before { content: '\e834'; font-size:24px;}
.icon-right-action-details:before { content: '\e8f3'; font-size:24px;}


div#top-bar-shortcut-new {
	top: 120px; /*120px;*/
	/*left: 96%;*/
    right: 10px;
}

div#top-bar-shortcut-chat {
	top: 120px;
	/*left: 96%;*/
	border-width: 1px 1px 0px 1px;
	border-radius: 3px 3px 0px 0px;
    right: 10px;
}

div#top-bar-shortcut-message {
	top: 160px;
	/*left: 96%;*/
	border-width: 0px 1px 0px 1px;
    right: 10px;
}

div#top-bar-shortcut-task {
	top: 200px;
	/*left: 96%;*/
	border-width: 0px 1px 0px 1px;
    right: 10px;
}

div#top-bar-shortcut-upload {
	top: 240px;
	/*left: 96%;*/
	border-width: 0px 1px 0px 1px;
    right: 10px;
}

div#top-bar-shortcut-note {
	top: 280px;
	/*left: 96%;*/
	border-width: 0px 1px 0px 1px;
    right: 10px;
}

div#top-bar-shortcut-contact {
	top: 320px;
	/*left: 96%;*/
	border-width: 0px 1px 0px 1px;
    right: 10px;
}

div#top-bar-shortcut-account {
	top: 360px;
	/*left: 96%;*/
	border-width: 0px 1px 0px 1px;
    right: 10px;
}

div#top-bar-shortcut-process {
	top: 400px;
	/*left: 96%;*/
	border-width: 0px 1px 1px 1px;
	border-radius: 0px 0px 3px 3px;
    right: 10px;
}

div#top-bar-shortcut-link {
	top: 480px;
	/*left: 96%;*/
	border-width: 1px 1px 0px 1px;
	border-radius: 3px 3px 0 0;
    right: 10px;
}

div#top-bar-shortcut-tag {
	top: 520px;
	/*left: 96%;*/
	border-width: 0px 1px 0px 1px;
    right: 10px;
}

div#top-bar-shortcut-notify {
	top: 560px;
	/*left: 96%;*/
	border-width: 0px 1px 0px 1px;
    right: 10px;
}

div#top-bar-shortcut-rights {
	top: 600px;
	/*left: 96%;*/
	border-width: 0px 1px 0px 1px;
    right: 10px;
}

div#top-bar-shortcut-details {
	top: 640px;
	/*left: 96%;*/
	border-width: 0px 1px 1px 1px;
	border-radius: 0px 0px 3px 3px;
    right: 10px;
}

.top-bar-shortcut .infobox-content-main {text-align: left;}

.top-bar-shortcut .infobox-content-main > div {
	padding: 5px 25px;
}

.top-bar-shortcut .infobox-content {
    max-width: none;
    min-width: 240px;
}

.shortcut-content {
    position: absolute;
    box-sizing: border-box;
    border: 1px solid #008ECF;
    /*min-width: 550px;*/
    padding: 0;
    border-radius: 5px;
    /*margin-top: 10px;*/
	top: 0px;
    right: 41px; /*-75px;*/
    background: white;
    max-width: 800px;
	/*box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.5);*/
	/*
    transform-origin: 120% 50%;
    transform: rotate(90deg) translate(-50%, 50%);
	*/
}

.fc-event-vert .fc-event-inner {z-index:0}
.fc-event {overflow:hidden;}
#infobox-wrapper {display:inline-block;position:relative;/*padding-top:6px;*/}

.is-owner-account {
    font-weight: bold;
}

/* foldable feature */
.formContainer[collapse] .infoBlock[foldable="ready"][block] > *:not(.infoBlockHeader) {transition: all ease 1s; max-height:fit-content; }
.formContainer[collapse] .infoBlock[foldable][block] > .infoBlockHeader { /*display: flex; align-items: center; */}
.formContainer[collapse] .infoBlock[foldable][block] .icon-play {text-decoration: none !important;}
.formContainer[collapse] .infoBlock[foldable][block] .icon-play:before {content: '\eadf';
font-family: feather!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.formContainer[collapse] .infoBlock[foldable="ready"][block] .icon-play:before {transition: all ease 1s;}
.formContainer[collapse] .infoBlock[foldable][block] [action] {cursor: pointer;}
.formContainer[collapse] .infoBlock[foldable][block] [action]:hover {text-decoration: underline;}
.formContainer[collapse] .infoBlock[foldable][block] .icon-play:before { content: '\e8ae';
font-family: feather!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.infoBlockHeader.icon-play:before {
    content: '';

}

/* no-wrap feature */
.formRowValue.noWrapValue {
	white-space: nowrap;
	/* overflow: hidden; */
	text-overflow: ellipsis;
}

/* read-more feature */
input[role='read-more-state'] {display: none;}
span[role='read-more-target'] {opacity: 0;max-height: 0;font-size: 0;transition: .25s ease;}
input[role='read-more-state']:checked ~ pre span[role='read-more-target'] { opacity: 1;font-size: inherit;max-height: 999em;}
input[role='read-more-state']:not(:checked) ~ [role='trigger-less'] { display:none; }
input[role='read-more-state']:checked ~ [role='trigger-more'] { display:none; }
.read-more-trigger {cursor: pointer; padding: 0; font-size: .75em; display: block; text-align: right;}

.infoBlockCounter {
	margin: 0 10px 0 2px;
	font-size: 14px;
	border: 1px solid var(--border-color);
	padding: 0 4px;
	border-radius: 3px;
	display: inline-block;
	/*ertical-align: middle;*/
}

.infoBlockSummary {
    text-align: right;
    flex: 1 auto;
    color: #555;
    font-size: 13px;
}

span.formRowPic {
    display: inline-flex;
    width: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    height: 25px;
    vertical-align: middle;
}

.formRowInfo {color: #00b5b8;}

.formTabContainer[tab="0"] [role="header"][tab="0"],
.formTabContainer[tab="1"] [role="header"][tab="1"],
.formTabContainer[tab="2"] [role="header"][tab="2"],
.formTabContainer[tab="3"] [role="header"][tab="3"],
.formTabContainer[tab="4"] [role="header"][tab="4"],
.formTabContainer[tab="5"] [role="header"][tab="5"],
.formTabContainer[tab="6"] [role="header"][tab="6"],
.formTabContainer[tab="7"] [role="header"][tab="7"],
.formTabContainer[tab="8"] [role="header"][tab="8"],
.formTabContainer[tab="9"] [role="header"][tab="9"],
.formTabContainer[tab="10"] [role="header"][tab="10"] {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    color: #0070E0;
    border-bottom: 3px solid #0070E0;
    padding: 5px 10px 10px 10px;
    font-size: 15px;

}

[role='tabs'][tab="0"] [role="content"]:not([tab="0"]),
[role='tabs'][tab="1"] [role="content"]:not([tab="1"]),
[role='tabs'][tab="2"] [role="content"]:not([tab="2"]),
[role='tabs'][tab="3"] [role="content"]:not([tab="3"]),
[role='tabs'][tab="4"] [role="content"]:not([tab="4"]),
[role='tabs'][tab="5"] [role="content"]:not([tab="5"]),
[role='tabs'][tab="6"] [role="content"]:not([tab="6"]),
[role='tabs'][tab="7"] [role="content"]:not([tab="7"]),
[role='tabs'][tab="8"] [role="content"]:not([tab="8"]),
[role='tabs'][tab="9"] [role="content"]:not([tab="9"]),
[role='tabs'][tab="10"] [role="content"]:not([tab="10"]) {
	display: none;
}

.formTabHeaders {display: flex;}
.formTabHeaders > div {
	padding: 5px 10px 10px 10px;
	font-size: 16px;
	/* font-weight: 600; */
    border-bottom: 3px solid transparent;
    color: #7E8299;
	cursor: pointer;
}
.formTabHeaders > div:hover {
	/* color: var(--highlight-color); */
	/*border-bottom: 3px solid;*/
}

/* GLOBAL SEARCH */
#comidor-gs-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}
#comidor-gs-wrapper > div { flex: 1 auto; overflow: hidden; }
#comidor-gs-wrapper-tabs {flex: none !important; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; background: #00ADEF;}
#comidor-gs-wrapper-tabs .comidor-gs-tab {
    padding: 5px 20px;
    color: white;
	border-right: 1px solid white;
	cursor: pointer;
}
#comidor-gs-wrapper[active-tab="internal"] .comidor-gs-tab[tab="internal"] {background-color: #f36e15;}
#comidor-gs-wrapper[active-tab="website"] .comidor-gs-tab[tab="website"] {background-color: #f36e15;}
#comidor-gs-container {
	display: flex;
	flex-direction: column;
}
#comidor-gs-container .comidor-gs-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 auto;
}
#comidor-gs-wrapper[active-tab="internal"] .comidor-gs-content[tab="website"] {display: none;}
#comidor-gs-wrapper[active-tab="website"] .comidor-gs-content[tab="internal"] {display: none;}
#comidor-gs-website-header {
    padding: 10px 5px;
    flex: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#comidor-gs-website-content {
    display: flex;
    flex-direction: column;
    flex: 1 auto;
	padding: 0 5px;
}
#searchWebsiteFrame {
    flex: 1 auto;
    height: 100%;
}
#comidor-gs-container .comidor-gs-content[tab="internal"] > div {
    height: auto !important;
    flex: 1 auto;
    display: flex;
    flex-direction: column;
	overflow: auto !important;
}
#comidor-gs-container .comidor-gs-content[tab="internal"] > div.buttonsArea {
    flex: none;
    flex-direction: row;
    justify-content: flex-end;
}
#comidor-gs-container .comidor-gs-content[tab="internal"] > div > div {
    flex: 1 auto;
}
/* #comidor-gs-container .comidor-gs-content > div > div {
    display: flex;
    flex-direction: column;
}

#comidor-gs-container .comidor-gs-content > div > div > div {
    flex: none;
}

#comidor-gs-container .comidor-gs-content > div > div > div#searchResults {
    flex: 1 auto;
} */

#chathead {
	display: none;
}

/* FILEUPLOAD BUTTON */
.file-upload-button {position: relative;}
.file-upload-button > input[type='file'] {
	left: 0;
	margin: 0 !important;
	opacity: 0;
	overflow: hidden !important;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100% !important;
	cursor: pointer !important;
}
.file-upload-button > input::-webkit-file-upload-button {cursor: pointer !important;}

/* FILEPICKER */
#filepicker .fe-tags {display: none;}
#filepicker .fe-sort > label {display: none;}
.file-upload-button > input::-webkit-file-upload-button {cursor: pointer !important;}


.account-link .newrecordwidgetlink {font-weight: bold; font-weight: bold;}

/* ugly fix gia na min peftei i eikona panw sto tip oti o contact einai user */
div.smalltip + div.formContainer {position:relative;}

/* COMIDOR FORMS (MOVED HERE FROM horizontalForms.css) */

.layoutAugust2015 .leftBlockContainer {
	float: none;
	width: initial;
	margin-right: 0px;
}

.layoutAugust2015 .edit-form {
	padding: 0px;
}

.layoutAugust2015 .profilePicture {
	right: 2%;
	top: 30px;
	padding: 4px;
	/* background: #f5f5f5;
	border: 1px solid lightblue; */
	border-radius: 2px;
}

.layoutAugust2015 .profileImage {
	max-width: 120px!important;
}

.layoutAugust2015 .displayTable {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.layoutAugust2015 .displayTableCell {
	display: table-cell!important;
	padding-right: 20px;
	vertical-align: top;
	width: 48%;
	min-width: 330px;
}

.layoutAugust2015 .fieldLabel {
	color: #777;
	font-size: 12px;
}

.layoutAugust2015 .movedToTheTopLeftCorner {
	width: 120px;
	top: 39px;
    left: 40%;
}

.layoutAugust2015 .imageContainer.speciallyPositioned {
	width: 120px;
}

.layoutAugust2015 .smaller {
	text-align: center;
	/* width: 120px; */
}

.layoutAugust2015 .smaller .imageContainer {
	padding: 0;
    right: 0px;
}

.layoutAugust2015 .smaller .speciallyPositioned {
	width: 50px;
    margin: 0 auto;
}


.layoutAugust2015 .fieldLabel.normalWidth {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
}

.layoutAugust2015 .fieldLabel.extendedWidth {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
}

.layoutAugust2015 .userImg-block {
	display: inline-block;
	vertical-align: middle;
}

.formImageActions > a {
    color: inherit;
    padding: 3px;
}

/* flexible form layout */
.form-group {display: flex;}
.formContainerViewBlock .form-group, .formContainer .form-group {max-width:1440px;width: 100%;}
#s_Panel7[unit="NewMessenger"] .CustomTabs .actionTabsContainer {max-width: 1440px;}
.highlight-work-form .form-group {overflow: auto}
.highlight-work-form .tabs-wrapper .form-group {overflow: initial}
.form-group[columns="1"] .highlight-work-form .formRowLabel,.form-group[columns="1"] .formRowLabel {width:20%}
.form-group > div {flex: none;}
.form-group > div.separator, .form-group > div.columnSeparator {width: 1%;}
.form-group > div.fill {flex: 1 auto;}

/* .form-group > div:first-child {flex: 1 auto;} */
.form-group.single-column > div + div {display: none;}
.form-group.form-group-split > div + div {
    margin-left: 2%;
    width: 49%;
}
.form-group.form-group-left > div + div {
    margin-left: 2%;
    width: 29%;
}
.form-group.form-group-right {
    flex-direction: row-reverse;
}
.form-group.form-group-right > div + div{
    margin-right: 2%;
    width: 29%;
}

.formRowLabel > sub {margin-left: 4px; font-size: 11px;}

/* Moved to htmltable css
@media only screen and (max-width: 1279px) {
	.form-group {flex-direction: column;}
	.form-group > div {width: 100% !important;}
	.form-group > div.separator {display: none;}
}
*/

.Navtabs.Contacts,
.Navtabs.Leads,
.Navtabs.Accounts,
.Navtabs.Vendors,
.Navtabs.Competitors,
.Navtabs.Partners,
.Navtabs.Customers,
.Navtabs.Personnel,
.Navtabs.SYS_Users {
	margin-top: 220px;
}

.layoutAugust2015 .imageContainer,
.layoutAugust2015 #imageContainer {
	padding: 0px;
}
.layoutAugust2015 .admin-block {
	border-bottom: 0px;
}
.layoutAugust2015 .columnGroup {
	padding: 15px 0 30px;
}

.CustomTabs .layoutAugust2015 .columnGroup {
	padding: 0 0 30px;
}

/*do not show twice the table title in approvals menu */
.easyreport-content .mainTableHeader.tabBarWrapper {
    display: none!important
}

@media only screen and (min-width: 1270px) {
	.layoutAugust2015 .columnGroup {
		display: table;
		width: 100%;
		table-layout: fixed;
	}

	.layoutAugust2015 .column1.no-photo {
		width: 49%;
	}

	.layoutAugust2015 .column1 {
		display: table-cell;
		width: 49%;
		vertical-align: top;
		/*background: #fff;*/
	}

	.column1, .column2 {
		background-color: white;
	}

	.columnSeperator {
		display: table-cell;
		width: 1%; /* 10px 4%; /*50px;*/
		vertical-align: top;
		/*background: #fff; /*eee;*/
	}

/*
	.layoutAugust2015 .columnSeparator {
		display: table-cell;
		width: 2%;
		vertical-align: top;
		background: lightblue;
	}
*/

	.layoutAugust2015 .column2 {
		display: table-cell;
		vertical-align: top;
		/*background: #fff;*/
		/*border-left: 2px solid #00adef;*/
		/*padding-left: 2%;*/
		width:49%;
	}
}
@media only screen and (max-width: 1570px) {
	.layoutAugust2015 .profilePicture {
		right: 2%;
	}
}
@media only screen and (max-width: 1366px) {
	.layoutAugust2015 .column1.no-photo {
		width: 50%;
	}

	.layoutAugust2015 .profilePicture {
		right: 2%;
	}

	#s_Panel7[unit="Tasks"] .AccTableFormathead th[colname="JP_TASKS.STATE"],#s_Panel7[unit="Tasks"] .AccTableFormathead th[colname="JP_TASKS.PRIORITY"] {
		width:35px!important
	}
}
@media only screen and (max-width: 1280px) {
	.layoutAugust2015 .column1.no-photo {
		width: 45%;
	}

	.layoutAugust2015 .profilePicture {
		right: 2%;
		left:inherit;
	}
}
@media only screen and (max-width: 1270px) {
	.layoutAugust2015 .column1.no-photo {
		width: 100%;
	}
}
@media only screen and (max-width: 1024px) {
	.layoutAugust2015 .profilePicture {
		right: 2%;
	}
}

@media only screen and (max-width: 575.98px) {
    #SmallForms_QUICK_Window {
        transform: scale(1)!important;
        top: 0px;
    }

    .textApp, .translationApp{
        width: 30px;
        height: 30px;
        line-height: 20px;
    }

    .translationApp {
        margin-left: 5px;
        font-size: 12px;
        display: none;
    }

}

/***********************************/
/* print wrapper */
html.print, html.print body {margin: 0 auto;}
/* html.print.a4, html.print.a4 body {width: 180mm; height: 245mm;} */
html.print.a4.landscape, html.print.a4.landscape body {width: 245mm; height: 180mm;}
html.print body, html.print table {font-size:9pt; color: #000; margin:0;background: white !important;}
html.print #btns-container{position: absolute; right: 10px; top: 10px;}
html.print #btns-container > * {margin: 0 10px;    background-color: green;}
@media print {html.print #btns-container {display:none;}}
html.print #inner-print-area {height: 100%;width: 100%;background: white;display: flex;flex-direction: column;}
html.print #inner-print-area > div {flex: none;margin: 0;}
@media screen {html.print #inner-print-area {padding: 12mm 5mm 5mm !important;box-sizing: border-box;}}


/* platonassignee */

input.platonassignee-ready {display: none !important;}
span.platonassignee [role="treeitem"][aria-disabled="true"] {
    display: none;
}

/* infobox */
body .infobox-content-main .ibox-r .ibox-t a {
    white-space: normal;
}

span.password-toggler {
	display: inline-block;
	padding: 5px 0px;
	cursor: pointer;
}

input[type="password"] + span.password-toggler {
	opacity: 0.5;
}

/* sidebars */
.side-bar {
	position: fixed;
	z-index: 98; /*10;*/
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.side-bar.left-bar {
    left: 0;
    justify-content: space-between;
    bottom: 250px;
    width: 500px;
    transform: rotate(-90deg) translate(-100%, 50%);
    transform-origin: 0 50%;
    flex-direction: row;
}
.side-bar.right-bar {
    right: -199px;
    bottom:30%;
    justify-content: space-between;
    /* bottom: 250px; */
    width: 500px;
    transform: rotate(-90deg) translate(-100%, 50%);
    transform-origin: 0 50%;
    flex-direction: row;
}
.side-bar.left-bar > button {
    background-color: #eee;
    color: #777;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 12px 10px 12px;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 0px 0px 5px 5px;
}

.side-bar.right-bar > a {
	font-size: 26px;
	font-weight: 600;
	padding: 5px;
	margin: 5px 0px;
}
.side-bar.right-bar > a:before {
	font-size: 1em;
}



.easyreport-container {padding: 0 30px;}
.easyreport-header > * {margin: 0 5px 5px;}
.easyreport-header { padding: 10px 5px 5px 5px;margin-top:0px;flex-wrap: wrap;background:var(--panel-background);border:1px solid var(--panel-border);border-radius:3px;}
.easyreport-content {min-height: 350px;display: inline-block;white-space: nowrap;overflow-x: auto;width: 100%;margin-bottom: 20px;}
.easyreport-content-table {table-layout: fixed; max-width: 100%; border-collapse: collapse;margin: 0 auto; width: 1200px; font-size: 16px !important;}
.easyreport-section .easyreport-content-table {margin: 0; min-width: 0;    width: 0;}
.easyreport-content-table td, .easyreport-content-table th {border: 1px solid;padding: 2px 5px;font-size: 14px;font-weight: 500;color: #555;text-align: center;box-sizing: border-box;word-wrap:break-word;}
.easyreport-content-table > tfoot > tr > *:first-child {text-align: right;}
.easyreport-content-table td.num, .easyreport-content-table th.num {text-align: right;}
table.easyreport-content-table th {color: #222; font-weight: 500; width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.easyreport-content-body .row.stage-row { margin-left: 0px; }
.easyreport-content-body .row { display: revert; }
.easyreport-user {min-width: 120px;width: 110px;word-break: break-word; text-align:left;}
.easyreport-value {color: #222 !important; font-weight: 600 !important; }
.easyreport-section-title {    font-size: 16px;    color: #222;    font-weight: 500;	    margin-bottom: 4px;}
.easyreport-section {    display: flex;    flex-direction: column;    justify-content: flex-start;    overflow-x: visible;	margin-bottom: 10px;}
.easyreport-section.easyreport-split-section {
    flex-direction: row;
	flex-wrap: wrap;
}
.easyreport-section.easyreport-split-section > div {flex: none;}
.easyreport-title {    font-size: 22px;    color: #170d81;    font-weight: 600;}

.simple-panel{display:flex;align-items:center;justify-content:center;/*background:var(--panel-background);*/border-radius:4px;}
.simple-panel[sp-wrap]{flex-wrap: wrap;}
.simple-panel[sp-orientation='vertical']{flex-direction:column;}
.simple-panel[sp-orientation='horizontal']{flex-direction:row;}
.simple-panel[sp-orientation='horizontal'][sp-align='left']{justify-content:flex-start;}
.simple-panel[sp-orientation='horizontal'][sp-align='right']{justify-content:flex-end;}
.simple-panel[sp-orientation='horizontal'][sp-align='around']{justify-content:space-around;}
.simple-panel[sp-orientation='horizontal'][sp-align='between']{justify-content:space-between;}
.simple-panel[sp-orientation='vertical'][sp-align='left']{align-items:flex-start;}
.simple-panel[sp-orientation='vertical'][sp-align='right']{align-items:flex-end;}
.simple-panel[sp-orientation='vertical'][sp-justify='space-around']{justify-content:space-around;}
.simple-panel[sp-orientation='vertical'][sp-justify='space-between']{justify-content:space-between;}


/* jPLATON FULL CALENDAR STYLING (COPIED FROM MYCOMPONENTS.CSS) */
/* v3 !!! */

body .fc-header-title h2 {	color: #4D4D4D;}
body .fc-header .fc-button {	margin:0px;}
body .fc-widget-header,body .fc-widget-content {	border-color: var(--border-color);}
body .fc-state-highlight {	background: lightyellow;}
body .fc-button-today {	color:#333 !important;}
body .fc-state-default {
	background-color: rgba(0, 0, 0, 0.1);
	background-image:none!important;
	border-color: rgba(0, 0, 0, 0);
	box-shadow: none!important;
	text-shadow: none!important;
	    outline: none;
}
body .tmsh-tab .fc-state-disabled {
	color: #333;
	background-color: rgba(0, 0, 0, 0.15);
}
body .tmsh-tab .fc-state-down, body .tmsh-tab .fc-state-active {
	/*background-color: rgba(0, 0, 0, 0.4);*/
	background: #18bc9c;
	color:#fff;
}
body .fc-event {
	border: 1px solid #ccc !important; /* default BORDER color */
	background-color: #e7e7e7; /* default BACKGROUND color */
	color: #333;               /* default TEXT color */
}
body .fc-event:hover {color: #333;}
body .fc-ltr .fc-event-hori.fc-event-start,
body .fc-rtl .fc-event-hori.fc-event-end {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
body .fc-ltr .fc-event-hori.fc-event-end,
body .fc-rtl .fc-event-hori.fc-event-start {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
body .fc-event-vert .fc-event-time {	margin-left: 20px;}

#split-week-days-booking {display: flex;}


#split-week-days-booking {display: flex;}


/* took it from style.tasks.css */

.icon-task-work:before { content: '\eb87'; }
.icon-task-appointment:before { content: '\e882'; }
.icon-task-meeting:before { content: '\e8f1'; }
.icon-task-event:before { content: '\e878'; }
.icon-task-phone:before { content: '\eb82'; }
.icon-task-reminder:before { content: '\eab7'; }
.icon-task-travel:before { content: '\ea21'; }
.icon-task-privatetask:before { content: '\e834'; }

.task-confirmation {
	display: inline-block;
	vertical-align: middle;
}

label.task-confirmation {	color: #f36e15; }

.task-relations {padding:10px 0;border:1px solid #CCC;}
.task-relations-title {color:#0073B2;}

.formRow .status-container .indication .tp-tooltip .dash-row{
	display:table-row;
	text-align:left;
	font-size:14px;
	height:30px;
	line-height:30px;
	background:white;
}
.formRow .status-container .indication .tp-tooltip .dash-cell{border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; display: table-cell; text-align: center; vertical-align: middle;}

.formRow .status-container .tp-tooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid lightblue;
    border-collapse: collapse;
    display: table;
    height: 140px;
    left: -180px;
    margin-left: 9px;
    position: absolute;
    top: -8px;
    width: 150px;
    z-index: 5;
}

.formRow .status-container .tp-tooltip .dash-cell {border:none !important; cursor:pointer;}
.formRow .status-container .tp-tooltip .dash-row .value{font-size:12px}
.formRow .status-container .tp-tooltip .dash-row:hover{background-color:#f0f0f0;}
.formRow .status-container .tp-tooltip-triangle {
    border-color: transparent transparent transparent lightblue;
    border-style: solid none solid solid;
    border-width: 10px;
    height: 0;
    left: -20px;
    margin-top: 11px;
    position: absolute;
    top: -12px;
    width: 0;
    z-index: 6;
}
.formRow .status-container .tp-tooltip-triangle:after {
	position: absolute;
    border-color: transparent transparent transparent #FFFFFF;
    border-style: solid none solid solid;
    border-width: 8px 0px 8px 8px;
    content: "";
    height: 0;
    margin-left: -11px;
    margin-top: -8px;
    width: 0;
}
.formRow .status-container .tp-hidden{display:none !important;}
.formRow .status-container .indication{cursor:pointer;}
.formRow .status-container .circle {
	display:inline-block;
	border-radius: 50%;
}
.formRow .status-container .tp-tooltip .circle {
    height: 8px;
    width: 8px;
    border-style: solid;
    border-width: 4px;
}

.formRow .status-container {
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 0px 5px;
}
.formRow .status-container[unit="PersonnelVacations"] {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.formRow .status-container .indication {display:inline-block;position:relative;} /*margin is used to be sure that there is place for tooltip*/
.formRow .status-container .indication .circle{height:8px; width:8px; text-align:center; margin: -6px 10px; border: 4px solid; background: transparent;}
.formRow .status-container .indication .task-upcoming{border-color:#9b59b6;}
.formRow .status-container .indication .task-overdue{border-color:#f1c40f;}
.formRow .status-container.status-container .indication .task-running{border-color:#3498db;}
.formRow .status-container .indication .task-completed{border-color:#2ecc71;}
.formRow .status-container .indication .task-canceled{border-color:#c0392b;}

.formRow .status-container .tp-tooltip .dash-cell.indication {
    margin: 18px 0px;
}

.infoBlockHeaderActions {
	/*margin-left: 10px;*/
	float: right;
}
.blockHeaderShowAll,  .blockHeaderShowLess, .blockHeaderEdit, .blockHeaderOk, .blockHeaderCancel {
	cursor: pointer;
	padding: 0px 2px;
}

.icon-block-show-all:before { content: '\eacb'; font-size: 12px; color: var(--main-color);}
.icon-block-show-less:before { content: '\eacc'; font-size: 12px; color: var(--main-color);}
.icon-block-edit:before { content: '\e9a1'; font-size: 12px; color: var(--main-color);}
.icon-block-save-ok:before { content: '\e81a'; font-size: 12px; color: var(--main-color);}
.icon-block-save-cancel:before { content: '\ea9d'; font-size: 12px; color: var(--main-color);}

/*
.infoBlockHeader .icon-arrows-ccw:before { font-size: 16px; color: #fff; padding: 0px 2px;}
.infoBlockHeader .icon-upload-2:before { font-size: 16px; color: #fff; padding: 0px 2px;}
.infoBlockHeader .icon-link-1:before { font-size: 16px; color: #fff; padding: 0px 2px;}
.infoBlockHeader .icon-globe-3:before { font-size: 16px; color: #fff; padding: 0px 2px;}
*/
.productivity-block {
	width: 250px;
	color:#333;
	background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E0E5EA;
}
.productivity-block #punit_score {
	display: none;
	font-size:20px;
	color:#333;
	font-weight:700;
    text-align: center;
    margin: 10px auto;
}
.productivity-block h3 {
	border-bottom:1px solid #4CB978;
	color:#4CB978;
	font-size: 20px;
    margin: 3px;
    text-align: center;
}

@media only screen and (max-width: 1366px) {
	.productivity-block {
		position: initial;
	}
}

/* css spinner for #punit_score */

.spinner {
  margin: 10px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #76A3C9;
  height: 100%;
  width: 6px;
  display: inline-block;

  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.spreadsheet-header-big {
	font-size: 16px;
}

.ipb-summary-header-centered {
	text-align: center;
}

div#link_Window div[tab='website'] {
	//display:none;
}


.formRowValue .jp-sheet ul{
	margin-left:20px;
}

.formRowValue ul, .trview ul{
	list-style:disc;
	/*margin-left:10px*/
}

.formRowValue .jp-sheet .htCenter ol li, .trview ol li{
	list-style:decimal;
	margin-left:20px;
}

.formRowValue ol li, .trview ol li{
	list-style:decimal;
	/*margin-left:10px*/
}



.formRowValue .jp-sheet .htCenter ol li, .trview ol li{
	list-style:decimal;
	margin-left:20px;
}

/*Fix css for sections in forms*/

.highlight-work-form .formRow{
	max-height: 100% !important;
	/* removed because it ruined some lgim forms justify-content: center; */
}

.highlight-work-form .formRowLabel{
	width:35%;
}


#mainPanel{
	width: fit-content!important;
}

/* div[wf-form-id="566400132739000"] .formContainer .formRowLabel{
	width:201px !important;
}

div[wf-form-id="571063768482000"] .formContainer .formRowLabel{
	width:201px !important;
}

div[wf-form-id="571054543457000"] .formContainer .formRowLabel{
	width:201px !important;
}

div[wf-form-id="571054791512000"] .formContainer .formRowLabel{
	width:201px !important;
}

div[wf-form-id="571054889054000"] .formContainer .formRowLabel{
	width:201px !important;
}

div[wf-form-id="571141919574000"] .formContainer .formRowLabel{
	width:201px !important;
}

div[wf-form-id="570720926186000"] .formContainer .formRowLabel{
	width:201px !important;
}

div[wf-form-id="571305810074000"] .formContainer .formRowLabel{
	width:185px !important;
}

div[wf-form-id="571305976950000"] .formContainer .formRowLabel{
	width:185px !important;
}

div[wf-form-id="571303303521000"] .formContainer .formRowLabel{
	width:185px !important;
}

div[wf-form-id="571237201836000"] .formContainer .formRowLabel{
	width:185px !important;
}

div[wf-form-id="571389704293000"] .formContainer .formRowLabel{
	width:185px !important;
}

div[wf-form-id="571388825633000"] .formContainer .formRowLabel{
	width:185px !important;
}

div[wf-form-id="570992297648000"] .formContainer .formRowLabel{
	width:185px !important;
}

div[wf-form-id="571307162068000"] .formContainer .formRowLabel{
	width:185px !important;
}

div[wf-form-id="571304109119000"] .formContainer .formRowLabel{
	width:185px !important;
}

div[wf-form-id="571307597092000"] .formContainer .formRowLabel{
	width:185px !important;
}
 */

#completedTaskForm_Window .formContainer{
	position: relative;
	/* alex kaza added that on 26/04/21 cause we wanted to have space under the form in case there is an excel with value list at last row */
	padding-bottom: 50px;
}

/* change from auto to inheric because select2 lists inside excel component do not display correctly Alex Kaza 26/04/2021 */
#completedTaskForm_Window .formRow {
	overflow: inherit;
}

#completedTaskForm_Window .wtHolder{
	height: 100% !important;
	width: 100% !important;
}

#completedTaskForm_Window .handsontable div{
	overflow: unset !important;
}

#s_Panel7[unit="BI_Tasks"] .icon-calendar-1.ui-datepicker-trigger {
   pointer-events: auto!important;
}

@media print {
	.CustomTabs {
		display:block;
	}

	.form-group {
		display:block;
	}
}


.dropdown {
	position: relative;
	display: inline-block;
  }

  .dropdown-content {
	display: none;
	position: absolute;
	width: 100%;
	border-radius: 8px;
	background-color: white;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
  }

  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }

  .dropdown-content a:hover, .currTrialUser {background-color: #b8cfe5}

  .dropdown:hover .dropdown-content {
	display: block;
  }
  .dropbtn {
	background-color: #E46800;
	color: white;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 8px;
	width: 100%;
	height: 31px;
    font-size: 18px;
    font-family: Proximanova, Segoe ui, Tahoma, Arial, sans-serif, Helvetica;
    padding-bottom:3px;

  }
  #changeUserDropdown {
	  width: 55%;
	  max-width: 230px;
  }


input[type='file'] {
	width:auto !important;
	overflow-x: hidden;
}

.formImageActions input[type='file'] {
	width: 25px !important;
}


.docAnalyzerTable {
    table-layout: fixed;
    border-collapse: collapse;
    width:99%
}

.docAnalyzerTable td {
    border: 1px solid #000;
    padding:1px;
    word-break: break-word;
    font-sise:11px!important;
}

#OpportunitiesNotificationWindow_table_content td {
	padding-bottom: 5px;
}

.jp-sheet__table.handsontable .htDimmed {
	background: #eee!important;
}

.pWindow input[type=file] {
	overflow:hidden;
}/*form designer styles */
#form-designer-preview{height:auto!important}
.fdp-block:last-child { display: flex!important;}


.formRecordBar.rightActionBar .formRow, .formRecordBar.rightActionBar .formRowValue  {
    /* margin-bottom:0; */
    padding-bottom: 0
}

.formRecordBar.rightActionBar .formRowValue  {
    padding: 0;
	padding-left:40px;
}

#s_Panel7[unit="WorkflowDesigns"] .formRecordBar.rightActionBar .formRowValue  {
    padding: 0;
	padding-left:0px;
}

#completeButtons.formRow {
    padding-top:0;
    padding-bottom: 0;
}

.hiddenFromBoot {
	display: none;
}

.absFilterRow, .absTypeRow {
    display: flex;
    max-width: 500px;
}

.absTypeRow label {
	 white-space: nowrap;
	 line-height: 53px;
}

.fromToDateSpan label {
	line-height: 40px;
}

#unit[value="Pages"] ~ .pageWrapper .context-menu-list.context-menu-root {
	top: 40px !important;
    left: unset !important;
    right: 40px;
}

#unit[value="HomeDashboard"] ~ .pageWrapper  .context-menu-list.context-menu-root {
    top: 55px !important;
    left: 95px !important;
}

body.menu-expanded #unit[value="HomeDashboard"] ~ .pageWrapper  .context-menu-list.context-menu-root {
    left: 280px !important;
}

.wiki-page-actions a {
	padding-right: 5px;
}

#QuickLeaveDialog_table_content {
	height: 530px;
	overflow-y: visible;
}

#QuickLeaveDialog, #QuickEmployeeRequestDialog {
	z-index: 1001 !important;
}

#QuickLeaveDialog_top {
	margin-bottom: 0px;
}

#QuickLeaveDialog_table_content .windowStyle_message {
	padding: 0px;
}

#QuickLeaveDialog_table_content .formRowValue {
	padding: 0.2rem 1rem 0.1rem 1rem;
}
#QuickLeaveDialog_table_content .infoBlockHeader {
	padding: 0.5rem;
	margin-bottom: 0px;
}

#QuickLeaveDialog .windowStyle_buttons {
	bottom: 30px;
    position: absolute;
    right: 0;
}

/* .relationsRow, .formRow {
	margin-bottom: 0px;
} */

#s_report1, #p_report1 {
	float: left;
}

#s_Panel8, #p_Panel8 {
	float: right;
	width: 77%;
}

#s_Panel8 .content, #p_Panel8 .content {
	margin-left: 0px;
}
#s_Panel8 .hasDatePicker, #p_Panel8 .hasDatePicker {
	border: 1px solid #dadefe;
}

#s_Panel8 .icon-calendar-1, #p_Panel8 .icon-calendar-1 {
    position: relative;
    left: 170px;
    bottom: 27px;
}

#unit[value="BI_Budgeting"]~ .pageWrapper #s_Panel8 .icon-calendar-1, #unit[value="BI_Budgeting"]~ .pageWrapper #p_Panel8 .icon-calendar-1 {
	position: relative !important;
}

#unit[value="BI_Cashflow"]~ .pageWrapper #s_Panel8 .icon-calendar-1, #unit[value="BI_Cashflow"]~ .pageWrapper #p_Panel8 .icon-calendar-1 {
	position: relative !important;
}

#unit[value^="EmailAutomationConfiguration"] ~ .pageWrapper .form-nav-tabs.nav {
	width: 1300px;
}

.criteriaTable .icon-calendar-1 {
	position: unset !important;
}

#s_Panel8 .hasPtTimeSelect, #p_Panel8 .hasPtTimeSelect {
	border: 1px solid #dadefe;
	margin-top: 12px;
}
#s_Panel8 .icon-input-time, #p_Panel8 .icon-input-time {
    position: relative;
    left: 180px;
    bottom: 34px;
}

.exportRadios {
	margin: auto;
}

.exportRadios input {
	margin-right: 5px;
}
#filepicker {
    overflow-y: auto;
    overflow-x: hidden;
}
.profilePicture {
    padding: 4px;
    background: #f5f5f5;
    border: 1px solid lightblue;
    border-radius: 2px;
	z-index: 1;
}
#inform_Window {
	height: 550px;
    width: 900px;
}

#inform_Window .buttonsArea {
	background-color: white;
}

.calendarl-schedule-form .formRow {
	margin-bottom: 10px;
}

#newViewDialog .buttonsArea {
	margin-top: 10px;
}

#newViewDialog .buttonsArea .green-button {
	background-color: #16D39A !important;
    color: #FFFFFF;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-right: 10px;
}

#newViewDialog .buttonsArea .greyButton {
	background-color: #FF7588 !important;
    color: #FFFFFF;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn .mr-1 {
	margin-right: 0.3rem !important;
}

.smallGreyBorder {
    padding:9px;
    margin-bottom:1px;
    border-radius:2px;
    border: 1px solid #CCD6E6;
}

[id$='formContainer_s_CalendarSchedulingForm'] .formRecordBar.formTitleBar{
    display:none;
}

.widget-value-up {
	color:green!important;
}

.widget-value-down {
	color:red!important;
}

div#completedTaskForm_Window {
    z-index: 9999!important;
}


#completedTaskForm_Window.maximized #completedTaskForm_Window_table_content{
	width: auto !important;
}

#s_Panel7[unit="Profile"] #s_UserRolesTable_contentsDiv.table-responsive, #s_Panel7[unit="Profile"] #s_PersonnelSkillsTable_contentsDiv.table-responsive, #s_Panel7[unit="Profile"] #s_SubstitutesTable_contentsDiv.table-responsive,#s_Panel7[unit="Profile"] #s_PersonnelSkillsTable_contentsDiv.table-responsive,#s_Panel7[unit="Profile"] .table-responsive[id^=s_AbsencesSet_contentsDiv] {
	width:98%;
}

#s_PersonnelSkillsTable_firstDiv .heading-elements.tableActionsWrapper {
	right: 50px;
}

.groupItem {
	width:33%!important;
    margin-bottom: 10px;
    /* place-content: center; */
}

.groupItem .formRowLabel {
	width:42%!important;
	max-width:42%!important;
	margin-bottom: 5px;
}

.groupItem .formRowValue {
	width:58%!important;
	max-width:58%!important;
}

#my_report #filters_container label {
    padding-top:10px;
}

.attachments-block .attachment-title {
    display: flex;
    align-items: center;
    padding-right: 5px;
}

.attachments-block {
	padding: 25px;
}

.attachment-actions input {
	margin: 5px 0px;
	width: 100%;
}

#sms_scheduled_send_time {
    display: inline-block;
    margin-left: 10px;
}

.mailbox-form-attachments .attachments-block .row {
    margin-left:5px
}

.backToUnitButton {
	cursor: pointer;
}

.checkboxWidth {
	width: 80px;
}


body.menu-expanded #s_Panel7_rec[unit="WorkflowDesigns"] {
    width:91%!important;
}

#related-files-container .tableSearchRow {
    display: none!important}

.formRowValue.hidden {
	display: none;
}

input[value="Save and notify"] {
	display: none;
}

.formRow.hidden {
	display: none;
}

#overlapping-task-confirm {
    width: 300px;
}

#SmallForms_QUICK_Window .detailsFooter.buttonsArea {
	background-color: white !important;
}

#SmallForms_QUICK_Window {
    transform: scale(0.95);
    /* top: -10px; */
}

#SmallForms_QUICK_Window .formRowLabel {
    width: 30%;
}

#windowTaskForm {
	z-index: 1100 !important;
}

#importDialog .buttonsArea {
	padding: 0px 10px !important;
}

/*.importFields .listArrow {
	top: -5px;
}*/

form[unitname="SmallForms"] .infoBlockHeader, .pWindow .windowStyle_title {
    background: #00b5b8;
    color: #fff;
}

@media (max-width:576px) {
    #SmallForms_QUICK_Window, #SmallForms_QUICK_Window_table_content, #SmallForms_QUICK_Window_bottom {
        width:100%!important;
        right:2px!important;
    }

    #SmallForms_QUICK_Window #SmallForms_QUICK_Window_table_content .detailsFooter.buttonsArea {
        padding:0 8px 8px 8px;
        /* position: absolute;
        bottom: 10px;
        left: 5%; */
    }

    #SmallForms_QUICK_Window #SmallForms_QUICK_Window_table_content > form {
        max-height: calc(100vh - 140px);
    }

    #QuickLeaveDialog, #QuickEmployeeRequestDialog {
        width:100%!important;
        margin: 0 auto;
        height: auto;
        left: -47px!important;

    }

    #QuickLeaveDialog_table_content,#QuickEmployeeRequestDialog_top, #QuickEmployeeRequestDialog_table_content {
        width:100%!important;
    }

    #QuickLeaveDialog .windowStyle_buttons, #QuickEmployeeRequestDialog .windowStyle_buttons {
        bottom: -25px;
    }

    form[unitname="SmallForms"] .infoBlockHeader, .pWindow .windowStyle_title {
        width: 100%!important
    }

}

form[unitname="SmallForms"] .infoBlockHeader.innerInfoBlockHeader {
    background: transparent;
    color: #2E405C;
    padding: 0.5rem 1rem;
    margin-bottom: 10px;
    border-bottom: 1px solid #2E405C;
}

form[unitname="SmallForms"] .formRowValue, form[unitname="ProcessTemplateRunner"] .formRowValue {
    padding: 0px 1rem;
}

#QuickLeaveDialog, #QuickEmployeeRequestDialog {
    margin: auto 50px;
	height: 600px;
}

#QuickEmployeeRequestDialog .infoBlockHeader {
	padding: 0.5rem;
}

#QuickEmployeeRequestDialog_table_content {
	height: 530px;
	overflow-y: visible;
}

#QuickEmployeeRequestDialog_top {
	margin-bottom: 0px;
}

#QuickEmployeeRequestDialog_table_content .formRowLabel {
	max-width:200px;
}

#QuickEmployeeRequestDialog textarea {
	width: 325px !important;
}

#QuickLeaveDialog .infoBlock {
	margin-bottom: 0px;
}

#QuickLeaveDialog .infoBlock .formRow{
	margin-bottom: 0px;
    padding-top:5px;
    padding-bottom: 5px;
}

form[unitname="QuickLeave"] .infoBlockHeader, form[unitname="QuickApplication"] .infoBlockHeader{
    border-bottom: 1px solid #2E405C;
    background: #fff;
    color: #2E405C;
    padding-top:0px;
}

#entitlement-setup {
	overflow:auto;
}

#entitlement-setup .easyreport-row th {
	width:250px;
}

#s_FilesTable_mainTable_wrapper {
    min-width: 550px;
}

#s_Panel7[unit="Apps"] #s_Panel7_rec .bug-list-search { display: block;}
#s_Panel7[unit="Apps"] #s_Panel7_rec .tableRefresh.d-block{display: inline-block!important;}

.widgetsSection div[id^="w"] {
    max-width: 400px !important;
	position: relative;
}

[id*='WFEscalationsTable'] .contentsArea.Back2 div[id$='insertNewDialog'] {
	padding-top: 0px;
}

#completedTaskForm_Window_table_content .select2-container.select2-container--default.select2-container--open, #completedTaskForm_Window_table_content .select2-dropdown.select2-dropdown--below {
	width: 100%;
}



#overlay_modal {
	z-index: 1001 !important;
}

.tabc.static #s_FilesTablescrollingTabs_0, .tabc.static #s_ProcessTasksTablescrollingTabs_0{
    display: none;
}
@media only screen and (min-width : 1024px) {

    #s_RelatedFilesSet .insideDiv.SidebarShow .content-table-wrapper  .content-detached.content-right {
        margin-left: 0;
    }

    #s_RelatedFilesSet .insideDiv.SidebarShow .content-table-wrapper .content-detached.content-right .content-body {
        margin-left: 0;
    }

}

.widget-header-wrapper {
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.refresh-button-wrapper {
	/* position: absolute;
	top: 5px; */
	z-index: 1;
	/* width: 100%; */
	justify-content: flex-end;
	font-size: 12px;
    gap:15px;
}
  .main-menu-content
        {
        z-index:10000 !important;
        }

.widget-header-wrapper > .refresh-button-wrapper
{
	z-index:999;
}
.widget-header-wrapper  input.cLeft.pInput{
	font-size:14px!important;
}

.refresh-show {
	display:flex;
}

.refresh-hide {
	display:none;
}

.refresh-form-select:focus {
	outline: gray;
}

.absence-body {
	display: flex;
	justify-content: space-around;
	font-style: italic;
}

.absence-body div {
	margin-right: 5px;
}

.handsontable .htRight {
	text-align: left;
}

.basicFontFamily {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.table-responsive .AccTableFormatbody .formTitleBar {
	display: none;
}

.subtable-title {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
    color: #1b2942;
    padding-left:5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#subTasksTable th {
	color: #000;
	text-overflow: ellipsis;
}
#subTasksTable td {white-space: normal;word-wrap: break-word;}

/* .formContainer .highlight-work-form {
    max-width: 1440px;
} */

#s_Panel7[unit="BI_Budgeting"] .mainComp, #p_Panel7[unit="BI_Budgeting"] .mainComp {
	display: flex;
	flex-direction: column;
}

.report-content .BorderGrey .tabMenuItem.selectedLi {
	border-bottom: none;
}

#jobapprove .windowStyle_buttons {
	text-align: center;
}

[colname="IMG_FIELD"]{
	text-align: center;
}

[colname="IMG_FIELD"] span img{
	border-radius: 20%;
}

.icon-PHONE:before{
	content: "\e8aa";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-TEXT:before{
	content: "\e8df";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-MEMO:before{
	content: "\e81f";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-NUMBER:before{
	content: "\e8fd";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-URL:before{
	content: "\e884";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-PHONE:before{
	content: "\e8aa";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-RECORD:before{
	content: "\e916";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-QUERY:before{
	content: "\e916";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-DATE:before{
	content: "\e83a";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-TIME:before{
	content: "\e8f2";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-CHECK:before{
	content: "\e840";
	font-family:"feather" !important;
}

.icon-ACTIVE:before{
	content: "\e83f";
	font-family:"feather" !important;
}

.icon-STATE-RUNNING:before {
	content: "\f254";
    color: #404E67;
    vertical-align: middle;
    font-family: FontAwesome;
}

.icon-STATE-CREATED:before{
	content: "\e8af";
	font-family:"feather" !important;
}

.icon-STATE-SCHEDULED:before{
	content: "\e83a";
	font-family:"feather" !important;
}

.icon-STATE-COMPLETED:before {
	content: "\f00c";
    color: #00C900;
    vertical-align: middle;
    font-family: FontAwesome;
}

.icon-INACTIVE:before{
	content: "\e8f6";
	font-size: 20px;
	font-family:"feather" !important;
}

.app-stepper .icon-CHECK:before{
	font-size: 20px;
}

.icon-BINARY:before{
	content: "\e8e1";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-DATETIME:before{
	content: "\e84d";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-CURRENCY:before{
	content: "\e917";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-EMAIL:before{
	content: "\e88a";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-JSON:before{
	content: "\e878";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-EXCEL:before{
	content: "\e881";
	font-size: 20px;
	font-family:"feather" !important;
}

.icon-PLATONASSIGNEE:before{
	content: "\e8ea";
	font-size: 20px;
	font-family:"feather" !important;
}

#userFormArea [row="ACCESS_CODE"] .select2-container--default.select2-container--focus .select2-selection {
	max-height: 35px;
}

.tabHighlighted {
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
}

td[colname="CAARC.USR_ADEQUACY_RATING"] .inner-td {
    padding: 3px;
    font-weight: 500;
    border-radius: 10rem;
    display: inline-block;
	width: 25px;
	height: 25px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    color: #fff;
}

td[colname="CAARC.USR_ADEQUACY_RATING"] {
	text-align: center;
}

td[colname="CAARC.USR_ADEQUACY_RATING"][code="1"] .inner-td {
	background: #0D8762;
	padding: 2px 5px;
}

td[colname="CAARC.USR_ADEQUACY_RATING"][code="2"] .inner-td {
	background: #16d39a;
	padding: 2px 5px;
}

td[colname="CAARC.USR_ADEQUACY_RATING"][code="3"] .inner-td {
	background: #ffa87d;
	padding: 2px 5px;
}

td[colname="CAARC.USR_ADEQUACY_RATING"][code="4"] .inner-td {
	background: #FF7588;
	padding: 2px 5px;
}

td[colname="CAARC.USR_ADEQUACY_RATING"][code="5"] .inner-td {
	background: #d42101;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR__ADEQUACY_RATING"] .inner-td {
    padding: 3px;
    font-weight: 500;
    border-radius: 10rem;
    display: inline-block;
	width: 25px;
	height: 25px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    color: #fff;
}

td[colname="AUTOM_RISK_CONTROLS.USR__ADEQUACY_RATING"] {
	text-align: center;
}

td[colname="AUTOM_RISK_CONTROLS.USR__ADEQUACY_RATING"][code="1"] .inner-td {
	background: #0D8762;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR__ADEQUACY_RATING"][code="2"] .inner-td {
	background: #16d39a;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR__ADEQUACY_RATING"][code="3"] .inner-td {
	background: #ffa87d;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR__ADEQUACY_RATING"][code="4"] .inner-td {
	background: #FF7588;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR__ADEQUACY_RATING"][code="5"] .inner-td {
	background: #d42101;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR_EFFECTIVENESS_RATING"] .inner-td {
    padding: 3px;
    font-weight: 500;
    border-radius: 10rem;
    display: inline-block;
	width: 25px;
	height: 25px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    color: #fff;
}

td[colname="AUTOM_RISK_CONTROLS.USR_EFFECTIVENESS_RATING"] {
	text-align: center;
}

td[colname="AUTOM_RISK_CONTROLS.USR_EFFECTIVENESS_RATING"][code="1"] .inner-td {
	background: #0D8762;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR_EFFECTIVENESS_RATING"][code="2"] .inner-td {
	background: #16d39a;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR_EFFECTIVENESS_RATING"][code="3"] .inner-td {
	background: #ffa87d;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR_EFFECTIVENESS_RATING"][code="4"] .inner-td {
	background: #FF7588;
	padding: 2px 5px;
}

td[colname="AUTOM_RISK_CONTROLS.USR_EFFECTIVENESS_RATING"][code="5"] .inner-td {
	background: #d42101;
	padding: 2px 5px;
}

.modal button:focus {
	outline: none!important;
}

.fc-scroller.fc-time-grid-container {
    height: 100%!important;
}

.row.fieldsRow .form-group-right, .row.fieldsRow .form-group-left {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#s_Panel7[unit="BI_Accounts"] .hasDatePicker, #s_Panel7[unit="BI_Expenses"] .hasDatePicker, #s_Panel7[unit="BI_Income"] .hasDatePicker, #s_Panel7[unit="BI_Projects"] .hasDatePicker, #s_Panel7[unit="BI_Tasks"] .hasDatePicker, #s_Panel7[unit="BI_Opportunities"] .hasDatePicker {
    width:120px!important;
}

#s_Panel7[unit="BI_Projects"] .select2-container a[select2-link],#s_Panel7[unit="BI_Tasks"] .select2-container a[select2-link],#s_Panel7[unit="BI_Opportunities"] .select2-container a[select2-link], #s_Panel7[unit="BI_Accounts"] .select2-container a[select2-link], #s_Panel7[unit="BI_Expenses"] .select2-container a[select2-link], #s_Panel7[unit="BI_Income"] .select2-container a[select2-link], #s_Panel7[unit="BI_Cashflow"] .select2-container a[select2-link], #s_Panel7[unit="BI_Budgeting"] .select2-container a[select2-link] {
    display: none;
}


.report_graph .graphContentDiv .highcharts-container {
    margin: 0 auto;
}

.table .criteriaTable td, .table .criteriaTable th {
    padding: 0.75rem;
}

#modalWin.pWindow:not([id^=confirm]) {
    z-index: 100001 !important;

}

#s_Panel7[unit="SYS_Users"] #s_Table13__categorization .linput_wrapper .select2-dropdown.select2-dropdown--below .select2-results ul.select2-results__options li[id$="JP_USERS.USER_ACTIVE"]  {
    display: none;
}
#ttStartButton {
	background-image: url('/app/Default/data/images/time_tracking_play_white.png')!important;
	background-repeat:no-repeat;
	background-position:center;
	width:40px;


}
#ttEndButton {
	background-image: url('/app/Default/data/images/time_tracking_pause_white.png')!important;
	background-repeat:no-repeat;
	background-position:center;
	width:40px;


}

#workloadSplitBooking,#WorkloadDaysSplitBooking {
	z-index: 100000!important;
}

.excelRow .toggleButton.removeRowBtn.col-sm-1, .excelRow .toggleButton.removeMergeRowBtn.col-sm-1 {
    text-align: right;
    margin-top: 35px;
}

#s_Panel7[unit="Contacts"] .file-upload-button .trashImg, #s_Panel7[unit="Accounts"] .file-upload-button .trashImg, #s_Panel7[unit="Profile"] .file-upload-button .trashImg, #s_Panel7[unit="Personnel"] .file-upload-button .trashImg {
    display: none;

}
.quickaddmodal.modal .modal-dialog{
    margin: 0.5rem auto;
}
fieldset .jpgrid input
{
	margin-top:0px!important;
	margin-bottom:0px!important;
}

div.jpgrid-wrapper{

	overflow:visible!important;
}

.has-danger,.highlighted-fld-wrapper .select2-container {
    border:2px solid #ff0000!important;
}

.widget-table-title {
     text-align: left;
     font-size:16px;
     font-weight:700;
     color:black;
     font-family: sans-serif;
     padding: 15px 5px;
     overflow: hidden;
     text-overflow: ellipsis;
     flex: 1 auto;
     align-self: center;
     text-wrap: nowrap;
 }

.highlight-work-form.app-content[state="3"] .gridFormRow .jsgrid-control-field, .highlight-work-form.app-content[state="4"] .gridFormRow .jsgrid-control-field, .highlight-work-form.app-content[state="5"] .gridFormRow .jsgrid-control-field, .actionTabsContainer .tab-pane.formContainerBlock[state="4"] .gridFormRow .jsgrid-control-field, .actionTabsContainer .tab-pane.formContainerBlock[state="3"] .gridFormRow .jsgrid-control-field {
    display: none;
}

.highlight-work-form.app-content[state="3"] .jsgrid-selected-row .jsgrid-cell, .highlight-work-form.app-content[state="4"] .jsgrid-selected-row .jsgrid-cell,.highlight-work-form.app-content[state="5"] .jsgrid-selected-row .jsgrid-cell, .actionTabsContainer .tab-pane.formContainerBlock[state="3"] .jsgrid-selected-row .jsgrid-cell, .actionTabsContainer .tab-pane.formContainerBlock[state="4"] .jsgrid-selected-row .jsgrid-cell {
    pointer-events: none;
}

.highlight-work-form.app-content[state="3"] .jsgrid-row .jsgrid-cell, .highlight-work-form.app-content[state="4"] .jsgrid-row .jsgrid-cell,.highlight-work-form.app-content[state="5"] .jsgrid-row .jsgrid-cell, .actionTabsContainer .tab-pane.formContainerBlock[state="3"] .jsgrid-row .jsgrid-cell, .actionTabsContainer .tab-pane.formContainerBlock[state="4"] .jsgrid-row .jsgrid-cell {
    pointer-events: none;
}

.gpt-icon,.gpt-mail-icon,.file-actions span.gpt-icon {
    display: none;
}

.quickaddmodal  form[unitname="ProcessTemplateRunner"] .infoBlock {
    height:100%;
}

@media (min-width: 992px) {
    .row.fieldsRow .col-lg-1.col-8 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .row.fieldsRow .col-lg-1.col-7 {
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

    .row.fieldsRow .form-group-right:first-child {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .row.fieldsRow .form-group-right:nth-child(2) {
        flex: 0 0 66.6666%;
        max-width: 66.6666%;
    }

    .row.fieldsRow .form-group-left:nth-child(2) {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .row.fieldsRow .form-group-left:first-child {
        flex: 0 0 66.6666%;
        max-width: 66.6666%;
    }
}
