html {
	height: 97%;
}

/* body{ font: 0.75em Verdana,"Trebuchet MS", sans-serif; height: 100%;} */

a {
	outline: 0;
}

.menu-selected {
	font-weight: bold;
}

.dialogs {
	display: none;
}

/* Login screen */

.messages {
	color: var(--colorRed);
	font-weight: bold;
	margin: 0px auto;
}

.center {
	text-align: center;
}

#title {
	float: right;
	font: 1.8em bold small-caps verdana, helvetica;
	margin: 0px 15px 0px 20px;
	line-height: 30px;
	cursor: help;
}

#user_login {
	margin: 0px auto;
	padding-top: 20px;
}

#user_login label {
	display: block;
	margin-bottom: 5px;
}

#version {
	position: absolute;
	font-size: small;
	top: 16px;
	right: 16px;
}

#login_appname {
	position: absolute;
	margin: 8px 0 0 16px;
}

#logo {
	float: left;
	margin: -1px;
}

#app_header {
	float: right;
	font-size: 1.3em;
	font-weight: bold;
	margin: 8px 20px 0 0;
	cursor: default;
	/*text-shadow:1px 1px 3px #666;*/
}

/* Main tabs */

.main_tabs.tab_active {
	background-color: var(--tabsActive);
}

.main_tab_content {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	overflow: hidden;
	height: 95%;
	border: 1px solid green;
}

.menublock .menublock {
	border-top: 1px solid var(--lines);
}

.menublock>.menublock {
	border-top: none;
}

/* otevrene submenu */

#ui-id-1{
	height: 50px;
}

.menublock h3 a {
	background-position: 8px center;
	background-repeat: no-repeat;
}

/* zavrene submenu */

/* .menublock h3.ui-accordion-header-collapsed {
	background: var(--mainBg);
}

.menublock h3.ui-accordion-header-collapsed a {
	color: var(--mainColor);
} */

.menublock h3.ui-accordion-header-collapsed:hover {
	cursor: pointer;
}

.menublock h3 a#my_contracts {
	background-image: var(--my_contractsBg);
	height: 50px;
}

.menublock h3.ui-accordion-header-collapsed a#my_contracts {
	background-image: var(--my_contractsBgInv);
}

.menublock h3.ui-accordion-header-collapsed a#my_contracts:hover {
	background-image: var(--my_contractsBgHover);
}

.menublock h3 a#sign_off {
	background-image: var(--sign_offBg);
}

.menublock h3.ui-accordion-header-collapsed a#sign_off {
	background-image: var(--sign_offBgInv);
}

.menublock h3.ui-accordion-header-collapsed a#sign_off:hover {
	background-image: var(--sign_offBgHover);
}

.menublock h3 a#signing {
	background-image: var(--signingBg);
}

.menublock h3.ui-accordion-header-collapsed a#signing {
	background-image: var(--signingBgInv);
}

.menublock h3.ui-accordion-header-collapsed a#signing:hover {
	background-image: var(--signingBgHover);
}

.menublock h3 a#released {
	background-image: var(--releasedBg);
}

.menublock h3.ui-accordion-header-collapsed a#released {
	background-image: var(--releasedBgInv);
}

.menublock h3.ui-accordion-header-collapsed a#released:hover {
	background-image: var(--releasedBgHover);
}

.menublock h3 a#other {
	background-image: var(--otherBg);
}

.menublock h3.ui-accordion-header-collapsed a#other {
	background-image: var(--otherBgInv);
}

.menublock h3.ui-accordion-header-collapsed a#other:hover {
	background-image: var(--otherBgHover);
}

.menublock h3 a#reports {
	background-image: var(--reportsBg);
}

.menublock h3.ui-accordion-header-collapsed a#reports {
	background-image: var(--reportsBgInv);
}

.menublock h3.ui-accordion-header-collapsed a#reports:hover {
	background-image: var(--reportsBgHover);
}

.menublock h3 a#personal_settings {
	background-image: var(--personal_settingsBg);
}

.menublock h3.ui-accordion-header-collapsed a#personal_settings {
	background-image: var(--personal_settingsBgInv);
}

.menublock h3.ui-accordion-header-collapsed a#personal_settings:hover {
	background-image: var(--personal_settingsBgHover);
}

.menuitem {
	position: relative;
	display: block;
	padding: 0.8em 2em 0.8em 0.8em;
	font-size: 0.85em;
	white-space: normal;
	font-weight: 500;
	color: var(--menuItemColor);
	background-color: var(--menuitem);
	border: var(--menuItemBorder);
	border-right: 0;
}

.menuitem:hover {
	background: var(--menuItemHover);
	color: var(--menuItemColorHover);
	cursor: pointer;
}


.menuitem.bold {
	background: var(--menuItemHighlighted);
	color: var(--menuItemHighlightedColor);
	border: var(--menuItemBoldBorder);
	border-right: 4px solid var(--menuItemBold);	
	font-weight: 500;
}

a.submenuitem {
	display: block;
	/*padding: 10px 0px 0px 10px;*/
	white-space: normal;
	padding: 0.8em 3em;
	font-size: 0.85em;
	white-space: normal;
	font-weight: 500;
	color: var(--menuItemColor);
}

a.submenuitem:not(.bold):hover {
	background: var(--menuItemHover);
	cursor: pointer;
	color: var(--submenuItemHoverColor)
}

.submenu {
	margin-top: 0;
}

.submenu a {
	/*position: relative;*/
	display: block;
	padding: 0.8em 2em;
	font-size: 0.85em;
	white-space: normal;
	font-weight: 500;
	color: var(--menuItemColor);
}

.submenuitem.bold {
	background: var(--submenuitemOver);
	color: var(--submenuitemColor);
}

/*
.buttonbar {
	width: 99%;
	height: 30px;
	font-size: 0.8em;
	padding-left: 10px;
}
*/

.buttonbar {
	display: none;
	/* padding: 0.8em 1em; */
	/*background: var(--colorGrayDark);*/
	/* border-top: 1px solid var(--lines); */
	float: right;
	text-align: right;
}

.buttonbar button {
	background: transparent;
	/*border: none;  display: inline-block; color: var(--mainColor); font-weight: 500; font-size: 0.85em; padding: 0.8em;	*/
}

.buttonbar button.onlytextbtn.search_contract_btn, 
.buttonbar button.onlytextbtn.optaris_btn,
.buttonbar button.onlytextbtn.create_amendment_btn  {
	background: var(--mainBg);
	margin: 6px;
	padding: 1em;
}

.search_contract_btn, .optaris_btn, .create_amendment_btn {
	color: var(--buttonsetColor) !important;
	background: var(--buttonsetBg) !important;
	border: solid 1px var(--buttonsetBorder) !important;
    margin: 6px;
    padding: 1em;
	height: 45px !important;	
}

.search_contract_btn:hover, .optaris_btn:hover, .create_amendment_btn:hover {
	color: var(--buttonsetColorHover) !important;
	background: var(--buttonsetBgHover) !important;
	border: solid 1px var(--buttonsetBorderHover) !important;
}

.float_right_btn {
	float: right;
	margin: 0 5px;
}

.create_contract_btn .ui-icon, .create_contract_btn .ui-button-icon-space, .refresh_btn .ui-icon, .refresh_btn .ui-button-icon-space, .search_contract_btn .ui-icon, .search_contract_btn .ui-button-icon-space, .optaris_btn .ui-icon, .optaris_btn .ui-button-icon-space {
	display: none !important;
}

#tabs {
	float: left;
	/* height: 95%;
	min-width: 1000px; */
	background-color: var(--mainBg);
}

#tabs>div {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 44px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: var(--mainBgBody);
}

#hide_context_menus {
	width: 0;
	height: 0;
}

#app_name, #help, .search_contract_btn, .optaris_btn {
	padding: 0.5em 1em;
	cursor: default;
	display: inline-block;
	vertical-align: middle;
	min-height: 45px;
}

#app_name #dbswitch_button, #help #help_button {
	background: var(--topButtons);
	color: var(--indexBar);
	border-radius: 3px;
	padding: 0.85em 1em;
	font-size: 100%;
}

/*#help #help_button { width: 1.5em !important; overflow: hidden; }*/

header #help #help_button .ui-button-icon-space, #help #help_button .ui-button-text { display: none; }

header #help #help_button {
	width: 3em;
	height: 3em;
	background-image: var(--helpIcon);
	background-position: center;
	background-size: 32px 32px;
	background-repeat: no-repeat;
}

header #help #help_button .ui-button-text {
	display: none;
	position: absolute;
	bottom: -34px;
	left: 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 75%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--helpButtonToolTips);
	color: var(--toolTipColor);
}

header #help #help_button .ui-button-text::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 6px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--helpButtonToolTips) transparent;
}

header #help #help_button:hover .ui-button-text {
	display: block;
}

#logout {
	float: left;
	margin: 1px;
}


#app_header {
	float: right;
	cursor: default;
	font-size: 1.3em;
	font-weight: bold;
	margin: 4px 20px 0 0;
	text-shadow: 1px 1px 3px var(--colorGranityGray);
}

#app_select {
	float: right;
	cursor: default;
	font-size: 6px;
	line-height: 7px;
	margin: 4px 30px 0 0;
	text-shadow: 1px 1px 3px var(--colorGranityGray);
}

#centris_apps {
	position: absolute;
	width: 200px;
	height: 200px;
	padding: 20px;
}

/* DB select */

.user_db {
	float: left;
	margin: 10px;
	border-radius: 6px;
	padding: 10px;
	height: 135px;
	box-shadow: 2px 2px 5px var(--colorDarkGray);
	min-width: 135px;
	position: relative;
	background-color: var(--colorWhite);
}

.user_db img {
	max-width: 135px;
	display: block;
	position: absolute;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Create dialogs */

legend {
	padding: 0 0.8em;
	/*background:none;*/
}

.create_dialog {
	width: auto;
	height: 95%;
	margin: 10px;
}

.create_dialog .half {
	width: 95px;
}

.create_dialog .third {
	width: 60px;
}

.create_dialog .twothirds {
	width: 130px;
}

.create_dialog label {
	width: 400px;
	text-align: right;
	display: inline-block;
	padding: 4px 0px;
	/*font-size: 0.75em;*/
	font-size: 1em;
	vertical-align: top;
}

.create_dialog #search_contract label {
	width: 370px;
}

#add_edit_contract_relation {
	text-align: left;
}

input {
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
	border: var(--textFieldBorder);
	border-radius: 3px;
	padding: 7.5px;
	/* prijde mi ze ten 7.5px je pekny hack, haproval oto o 1px vyskove posunute proti selectu a ted se to srovnalo */
	margin-bottom: 5px;
	font-size: 90%;
}

.create_dialog input {
	margin-left: 10px;
}

.create_dialog input:not([type=checkbox]):not([type=radio]):not(.half,.third,.twothirds,.columns_search_input) {
	width: 200px;
}

.create_dialog #search_contract input {
	width: 170px;
}

.create_dialog #search_contract label.search_date input {
	width: 77px;
}

.create_dialog #search_contract select {
	width: 170px;
}

#filter_reset {
	margin-left: -16px;
	padding: 2px 4px;
}

.file-upload-box {
	/*padding-left: 200px;*/
	text-align: center;
}

.file-upload-box-center {
	text-align: center;
}

.file-upload-box-mandate {
	float: left;
	margin: 0 0 0 10px;
	width: 450px;
}

.file-upload-box-mandate .qq-uploader {
	min-height: unset;
	padding: 0;
	border: none;
	border-radius: 0;
}

.file-upload-box-mandate .qq-upload-button-selector {
	padding: 5px 10px;
	margin: 4px 0 1px 0;
	border-radius: 4px;
}

.file-upload-box-mandate .qq-upload-list-selector li {
	margin: 0 0 0 10px;
	padding: 4px 4px 4px 12px;
	border-radius: 0;
	font-size: 0.8em;
}

.file-upload-box-mandate .qq-upload-file-selector {
	width: 360px;
}

.qq-upload-file-selector {
	font-size: small;
}

/* .qq-upload-button {
	width: auto !important;
	background: var(--buttonBg) !important;
	border-radius: 3px var(--buttonBorder) !important ;
	border: 1px solid var(--buttonBorder) !important;
	color: var(--buttonColor)!important;
}

.qq-upload-button:hover {
	background: var(--buttonBgHover) !important;
	color: var(--buttonColorHover)!important;
	border-radius: 3px !important ;
	border: 1px solid var(--buttonBorderHover) !important;
} */

.qq-upload-button-selector {
	width: auto;
	background: var(--buttonBg);
	border-radius: 3px var(--buttonBorder);
	border: 1px solid var(--buttonBorder);
	color: var(--buttonColor);
	cursor: pointer;
	font-size: 0.8rem;
}

.qq-upload-button-selector:hover {
	background: var(--buttonBgHover);
	color: var(--buttonColorHover);
	border-radius: 3px;
	border: 1px solid var(--buttonBorderHover);
}


#doc_create_from_template {
	/*color: var(--colorReverse);
	background: var(--colorBlue) !important;*/
	border-radius: 3px !important;
	font-size: 0.9em;
	font-weight: 500;
}

select {
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
	border: var(--textFieldBorder);
	padding: 0.5em;
	border-radius: 3px;
	font-family: 'Montserrat';
}

select option {
	font-family: 'Segoe UI';
}

.ui-multiselect {
	background-color: var(--textFieldBg);
	border: var(--textFieldBorder);
	color: var(--textFieldColor);
	padding: 0.65em 0.5em;
	border-radius: 3px;
}

.ui-multiselect-menu {
	padding: 0.5em;
	background: var(--colorGrayLighter);
	border: 1px solid var(--lines);
}

.ui-multiselect-checkboxes {
	background-color: var(--textFieldBg);
	border:  var(--textFieldBorder);
	padding: 0.65em 0.5em;
	border-radius: 3px;
	min-width: 200px;
	color: var(--textFieldColor);	
}

.ui-multiselect-checkboxes li {
	background-color: var(--dataTableMultiselectLi);
	color: var(--mainColor);
	padding: 1px 5px;
}

.ui-multiselect-checkboxes li:hover {
	background-color: var(--colorGrayLight);
}

.ui-multiselect-checkboxes li input[type="checkbox"] {
	margin-right: 0.5em;
}

.create_dialog select {
	width: 200px;
	margin: 1.67px 0 5px 10px;
}

.create_dialog .required {
	border-color: var(--colorRed) !important;
}

.create_dialog .so_required {
	border-color: var(--colorCreamy) !important;
}

.create_dialog .invisible {
	visibility: hidden;
	position: absolute;
	left: 0px;
}

.create_dialog .invisibleitem {
	visibility: hidden;
	display: block;
	height: 0;
	padding: 0;
}

.create_dialog .dialog_btns {
	width: 50%;
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 25px;
}

.create_dialog fieldset {
	/*padding-bottom: 10px;
	margin-bottom: 10px;*/
	background: var(--dialogBg);
}

.create_dialog #search_contract fieldset {
	margin-bottom: 5px;
}

.create_dialog button {
	width: 120px;
	margin: 5px;
}

.create_dialog .fieldcolumn {
	width: 410px;
	float: left;
}

.create_dialog .column {
	float: left;
}

.create_dialog .c_fmwk {
	width: 204px;
	display: inline-block;
	text-align: left;
	margin-left: 10px;
}

.create_dialog .c_fmwk input {
	width: 0.8em;
	margin: 0px;
}

.create_dialog .chkbox {
	width: 0.8em;
	margin: 6px;
}

.create_dialog .chkboxlbl {
	width: 180px;
	margin-right: 10px;
	background-color: transparent;
}

.create_dialog .legal_field_flags {
	width: 50%;
	float: left;
	margin: 1em 0;
}

.create_dialog .legal_field_flags .chkboxlbl {
	width: 210px;
}

.create_dialog .chkboxdiv {
	width: 400px;
	display: inline-block;
	margin: 2px 0 4px 0;
}

.create_dialog .p_name {
	width: 800px;
}

.create_dialog .p_name input {
	width: 600px;
}

.create_dialog .ui-multiselect {
	margin: 0 0 0 10px;
}

.create_dialog_auth label {
	width: 400px;
	text-align: left;
	display: inline-block;
	padding: 0px;
	margin-top: 1px;
}

#creation_date_title {
	position: absolute;
	right: 50px;
	font-weight: normal;
}

.create_dialog .sapmc {
	border-radius: 3px;
	height: 1.5em;
	margin: -1.1em 0px 0px -1.5em;
	width: 1.5em;
	padding: 0px;
	box-shadow: none;
	border: 1px solid var(--lines);
}


.create_dialog.sap_search label {
	width: 400px;
}

.create_dialog.sap_search input {
	width: 120px;
}

.create_dialog.sap_search #sap_search_tabs ul.ui-tabs-nav {
	margin: 1em;
}

#sap_search_fields {
	float: left;
	width: 430px;
	padding: 7px 0;
	max-height: calc(100vh - 220px);
}

#sap_search_fields_inner {
	max-height: calc(100vh - 300px);
	overflow: hidden auto;
}

#sap_search_results {
	float: right;
	width: 700px;
	height: 100%;
	min-height: 400px;
	padding: 7px;
}

#sap_search_results .dataTables_scrollHead {
	background-color: var(--colorDarkGray);
}

.create_dialog #send_document_email_form span.fieldlabel {
	width: 96%;
	margin: 10px 0 0 10px;
}

.create_dialog #send_document_email_form input {
	width: 96%;
	margin: 5px 0 15px 10px;
}

.create_dialog #send_document_email_form div#mail_text {
	width: 96%;
	margin: 10px;
	min-height: 15em;
	max-height: 15em;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: buttonface;
	border-left: 2px solid var(--colorGrayBasic);
	border-top: 2px solid var(--colorGrayBasic);
}

.create_dialog #send_document_email_form div#mce_toolbar {
	width: 495px;
	margin: -12px 0 0 0;
	float: right;
}

.create_dialog #send_document_email_form button {
	margin: unset;
	width: unset;
}

.create_dialog .reason {
	background-color: var(--textFieldBg);
	border: var(--textFieldBorder);
	color: var(--textFieldColor);
	width: 520px;
	height: 150px;
	margin: 10px 0 0 0
}

.create_dialog label.left {
	width: 100px;
	font-size: smaller;
	padding: 5px 1px;
	margin: 3px 0 3px 10px;
	text-align: center;
}

.create_dialog label.right {
	width: 100px;
	font-size: smaller;
	padding: 5px 1px;
	margin: 3px 0 3px 0px;
	text-align: center;
}

.create_dialog button.ui-button {
	background: var(--buttonBg);
	color: var(--buttonColor);
	border-radius: 3px;
	border: 1px solid var(--buttonBorder);
}

.create_dialog button.ui-button:hover {
	background: var(--buttonBgHover);
	color: var(--buttonColorHover);
	border: 1px solid var(--buttonBorderHover);
}

.create_dialog label.ui-button {
	background: var(--buttonBg);
	color: var(--buttonColor);
	border-radius: 3px;
}

.create_dialog label.ui-button:hover {
	background: var(--buttonBgHover);
	color: var(--buttonColorHover)
}

.create_dialog label.ui-button.ui-checkboxradio-checked {
	background: var(--colorGreen);
}

#delete_layout_btn {
	background-color: transparent;
	border: none;
}

/* forum */
#tab_contract_detail button.ui-button { 	
	background-color: var(--buttonBg);
	color: var(--buttonColor);
	border: 1px solid var(--buttonBorder); }
#tab_contract_detail button.ui-button:hover { 
	background: var(--buttonBgHover);
	color: var(--buttonColorHover);
	border: 1px solid var(--buttonBorderHover);
 } 

.cg-icon.cg-icon-left {
	position: relative;
	left: -125px;
	top: 8px;
	z-index: 10;
}

.cg-icon.cg-icon-right {
	position: relative;
	left: -34px;
	top: 7px;
	z-index: 10;
}

#search_contract input#c_with_items {
	width: 10px;
	margin: 0px 35px 0px 10px;
}

#search_contract label#c_with_items_label {
	float: right;
}

div#send_email_dialog label, div#send_email_dialog select {
	width: auto;
	margin: 0 0 0 20px;
}

div#send_email_dialog input {
	width: 90%;
	margin: 0 0 0 20px;
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
	border: var(--textFieldBorder);
}

div#send_email_dialog textarea#mail_body {
	height: 150px;
	width: 90%;
	margin: 0 0 0 20px;
	float: left;
	resize: vertical;
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
	border: var(--textFieldBorder);
}

#c_note {
	width: 200px;
	height: 60px;
	margin: 0 0 0 10px;
	vertical-align: top;
	resize: none;
	overflow-x: hidden;
	overflow-y: auto;
}

#docs_left li, #docs_right li {
	background: var(--documentLiBg);
	border: 1px solid var(--colorGrayLight);
	border-radius: 3px;
	padding: 0.5em 1em;
	margin-bottom: 0.5em;
	display: block;
}

#docs_left li:hover, #docs_right li:hover {
	background: var(--colorBlueLight);
}

#alert_area, #alert_area2 {
	margin-top: 10px;
	padding: 0.5em 0 1em 0;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	clear: both;
}

#alert_area.ui-state-error img {
	content: url('../images/attention.svg');
	background-position: center;
	background-repeat: no-repeat;
	width: 2em;
	display: inline-block;
	margin: 0 0.5em -0.5em auto;
}

#alert_area.ui-state-highlight img {
	content: url('../images/highlight.svg');
	background-position: center;
	background-repeat: no-repeat;
	width: 2em;
	display: inline-block;
	margin: 0 0.5em -0.5em auto;
}

#info_area {
	position: absolute;
	top: calc(66vh);
	left: calc(50vw - 300px);
	width: 600px;
	padding: 2em;
	box-shadow: gray 4px 4px 8px;
}

#notice_area {
	margin-top: 10px;
	padding: 10px;
	text-align: left;
	font-size: 1.0.8em
}

#c_keyword {
	width: 185px;
}

#checked_keywords {
	padding: 0;
	vertical-align: top;
	margin-top: -4px;
}

#checked_keywords_textarea {
	height: 2.5em;
	width: 196px;
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
	resize: none;
	overflow-x: hidden;
	overflow-y: auto;
}

#search_contract #checked_keywords_textarea {
	height: 4em;
	width: 170px;
	overflow-y: auto;
}

/* tab Search */
#tab_search_data {
	/*position: absolute;
	top: 8em;
	left: 0;*/
	width: calc(75vw - 40px);
	height: 100%;
	padding: 1em;
	float: left;
	background: var(--searchDetailBg);
}

#tab_search_detail {
	margin-top: 1px;
	width: calc(25vw - 50px);
	float: right;
	height: calc(100vh - 57px);
	padding: 1em;
	background: var(--searchDetailDataBg);
	border-right: 1px solid var(--lines);
}

#tab_search_detail fieldset {
	border: none;
	padding: 0;
	/*margin: -0.8em;*/
}

#tab_search_detail legend {
	padding: 0.8em;
	font-size: 0.9em;
	font-weight: 700;
	color: var(--searchDetailLegend);
}

#tab_search_detail label {
	width: 99%;
	/*text-align: right;*/
	/*float: left;*/
	display: block;
	padding: 0.6em 0.8em;
	margin: 0;
	font-size: 0.8em;
	font-weight: 700;
	white-space: nowrap;
	border: none;
	background: none;
	display: block;
	color: var(--searchDetailColor);
}

#tab_search_detail span {
	/*width: 70%;
	text-align: left;*/
	margin-left: 15px;
	font-weight: 500;
	white-space: normal;
	vertical-align: top;
	display: inline-block;
	border: none;
	background: none;
	color: var(--searchDetailColor);
}

#tab_search_detail fieldset label:nth-child(2n) {
	background: var(--searchDetailBgNdChild);
	color: var(--searchDetailColorNdChild)
}

#tab_search_detail label:last-child {
	margin-bottom: 0.5em;
}

/*#checked_keywords_search {float: right; margin: -8px 35px 10px 0; padding: 0; vertical-align: top;}*/

#checked_keywords_search {
	margin: -7px 0;
	padding: 0;
	vertical-align: top;
}

#c_with_items {
	width: 10px;
	margin: 0px 190px 0px 10px;
}

#please_wait {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	/* background: url('../images/loading-circles.gif') center center no-repeat; */
	/* background: url('../images/goose-loading.gif') center center no-repeat; */
	background: center/10% no-repeat;
}

#please_wait #wait_canvas {
	position: relative;
	width: 200px;
	height: 200px;
	top: calc(50vh - 100px);
}

/*#please_wait span {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	overflow: hidden;
}

#please_wait span img {
	width: 900px;
	height: 600px;
	margin: -200px 0 0 -350px;
}*/

/* tab Partners */

#tab_partners_data {
	width: 70%;
	height: 100%;
	float: left;
	margin-left: 5px;
}

#tab_partners_detail {
	width: 29%;
	float: right;
	height: 90%;
	padding: 0px;
	margin: -9px 3px 0 0;
}

#tab_partners_detail label {
	width: 99%;
	text-align: right;
	float: left;
	padding: 6px 0px;
	white-space: nowrap;
	border: none;
	background: none;
}

#tab_partners_detail span {
	width: 70%;
	text-align: left;
	margin-left: 15px;
	font-weight: normal;
	white-space: normal;
	vertical-align: top;
	display: inline-block;
	border: none;
	background: none;
}

#tbl_info, #sap_tbl_info {
	float: left;
	padding: 4px 10px;
	min-height: 18px;
	font-size: 0.8em;
}

#partners_paginate a.fg-button {
	padding: 0 6px;
}

/* tab Personal Space */

#tab_personal_buttons {
	background-color: var(--mainBg);
}

#tab_personal_buttons .ui-button-icon-only .ui-icon, #tab_contract_buttons .ui-button-icon-only .ui-icon {
	margin-top: -5px;
}

#tab_personal_buttons .ui-checkboxradio {
	padding-top: 10px;
	margin-top: 12px;
	display: inline-block;
	vertical-align: middle;
}

.addMenu, .addOnButtons {
	display: block;
	float: left;
}

.addMenu {
	border-left: 1px solid var(--lines);
}

.addMenu li {
	list-style-type: none;
	display: block;
	float: left;
}

.addMenu li a {
	display: inline-block;
	vertical-align: middle;
	border-right: 1px solid var(--lines);
	padding: 1em;
	width: 55px;
	height: 55px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: var(--mainTabsBg);
}

.addMenu li.over a, .addMenu li a:hover {
	background-color: var(--tabsActive);
}

.addMenu li a span {
	display: none;
	position: absolute;
	bottom: -30px;
	left: 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 75%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--tabsToolTipBg);
	color: var(--toolTipColor);
}

.addMenu li a span::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 6px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--tabsToolTipBg) transparent;
}
/* .addMenu li a span em {
	display: none;
	position: absolute;
	top: -6px;
	left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--colorGrayLight) transparent;
} */

.addMenu li a:hover span {
	display: block;
}

.addMenu li.mt1 a {
	background-image: var(--mainMenu01);
}

.addMenu li.mt1 a.tab_active, .addMenu li.mt1 a:hover {
	background-image: var(--mainMenu01over);
}

.addMenu li.mt2 a {
	background-image: var(--mainMenu02);
}

.addMenu li.mt2 a.tab_active, .addMenu li.mt2 a:hover {
	background-image: var(--mainMenu02over);
}

.addMenu li.mt3 a {
	background-image: var(--mainMenu03);
}

.addMenu li.mt3 a.tab_active, .addMenu li.mt3 a:hover {
	background-image: var(--mainMenu03over);
}

.addMenu li.mt4 a {
	background-image: var(--mainMenu04);
}

.addMenu li.mt4 a.tab_active, .addMenu li.mt4 a:hover {
	background-image: var(--mainMenu04over);
}

label.ui-checkboxradio-label.label_akabtn_bulkprocessing {
	background-color: transparent;
	background-image: var(--mainMenu07);
	display: block;
	float: left;
	border: 1px solid var(--lines);
	padding: 1em;
	width: 55px !important;
	height: 55px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
}

label.label_akabtn_bulkprocessing:hover {
	background-image: var(--mainMenu07over) !important;
	background-color: var(--btnBulkProcessingHover) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

label.label_akabtn_bulkprocessing span {
	display: none;
	position: absolute;
	bottom: -30px;
	left: 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 80%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--btnBulkProcessingTollTipBg);
	color: var(--btnBulkProcessingBg);
}

label.label_akabtn_bulkprocessing span em {
	position: absolute;
	top: -6px;
	left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--btnBulkProcessingTollTipBg) transparent;
}

label.label_akabtn_bulkprocessing:hover span {
	display: block;
}

.buttonbar label.ui-checkboxradio-checked {
	background-color: var(--btnBulkProcessingTollTipBg) !important;
	background-image: var(--mainMenu07over) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.buttonbar button.select_none_btn {
	background-image: var(--mainMenu08);
	display: block;
	float: left;
	border-right: 1px solid var(--lines);
	padding: 1em;
	width: 55px;
	height: 55px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
}

.buttonbar button.select_none_btn:hover {
	background-image: var(--mainMenu08over);
	background-color: var(--btnBulkProcessingTollTipBg);
}

.buttonbar button.select_none_btn span {
	display: none;
	position: absolute;
	bottom: -30px;
	left: 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 80%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--btnBulkProcessingTollTipBg);
	color: var(--btnBulkProcessingBg);
}

.buttonbar button.select_none_btn span em {
	position: absolute;
	top: -6px;
	left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--btnBulkProcessingTollTipBg) transparent;
}

.buttonbar button.select_none_btn:hover span {
	display: block;
}

.buttonbar button.select_all_btn {
	background-image: var(--mainMenu09);
	display: block;
	float: left;
	border-right: 1px solid var(--lines);
	padding: 1em;
	width: 55px;
	height: 55px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
}

.buttonbar button.select_all_btn:hover {
	background-image: var(--mainMenu09over);
	background-color: var(--btnBulkProcessingTollTipBg);
}

.buttonbar button.select_all_btn span {
	display: none;
	position: absolute;
	bottom: -30px;
	left: 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 80%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--btnBulkProcessingTollTipBg);
	color: var(--btnBulkProcessingBg);
}
.buttonbar button.create_contract_btn {
	background-color: var(--refreshButtonBg);
	background-image: var(--mainMenu06);
	display: block;
	float: left;
	border-right: 1px solid var(--lines);
	padding: 1em;
	width: 59px;
	height: 55px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
}
.buttonbar button.create_contract_btn:hover {
	background-image: var(--mainMenu06over);
	background-color: var(--refreshButtonHover);
}
.buttonbar button.create_contract_btn span.title {
	display: none;
	position: absolute;
	bottom: -30px;
	left: 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 80%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--refreshButtonToolTipBg);
	color: var(--toolTipColor);
}
.buttonbar button.create_contract_btn span.title em {
	position: absolute;
	top: -6px;
	left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--refreshButtonToolTipBg) transparent;
}

.buttonbar button.create_contract_btn:hover span.title {
	display: block;
}

.buttonbar button.refresh_btn {
	background-color: var(--refreshButtonBg);
	background-image: var(--mainMenu05);
	display: block;
	float: left;
	border-right: 1px solid var(--lines);
	padding: 1em;
	width: 60px;
	height: 55px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
}

.buttonbar button.refresh_btn:hover {
	background-image: var(--mainMenu05over);
	background-color: var(--refreshButtonHover);
}

.buttonbar button.refresh_btn span.title {
	display: none;
	position: absolute;
	bottom: -30px;
	left: 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 80%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--refreshButtonToolTipBg);
	color: var(--toolTipColor);
}

.buttonbar button.refresh_btn span.title em {
	position: absolute;
	top: -6px;
	left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--refreshButtonToolTipBg) transparent;
}

.buttonbar button.refresh_btn:hover span.title {
	display: block;
}

.buttonbar button.select_all_btn span em {
	position: absolute;
	top: -6px;
	left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--btnBulkProcessingTollTipBg) transparent;
}

.buttonbar button.select_all_btn:hover span {
	display: block;
}

.buttonbar button.onlytextbtn .ui-icon {
	display: none !important;
}

.buttonbar button#personal_layout, .buttonbar button#personal_layoutsave, .buttonbar button#contract_layout {
	margin-top: 10px;
}

.buttonbar button.ui-state-disabled {
	cursor: not-allowed;
	display: none;
}

.buttonbar button.ui-button:not(.ui-button-disabled) .ui-icon {
	background-image: url('images/ui-icons_006AFF_256x240.png');
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
	background: var(--dialogBg);
	border: 1px solid var(--lines);
	z-index: 1000;
}

.ui-dialog-titlebar {
	background: var(--uiDialogHeader);
	color: var(--uiDialogHeaderColor);
	cursor: move;
	font-size: 500;
	padding: 1.2em 1.8em;
	margin: -1px;
	text-align: left;
	position: relative;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close {
	border: 1px solid var(--transparent);
	background-color: var(--buttonBg2);
	border-radius: 3px;
	position: absolute;
	top: 13px;
	right: 13px;
	width: 20px;
	height: 26px;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
	background-color: var(--buttonBgHover2);
}

textarea {
	padding: 0.8em;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 0.82em;
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
	border: var(--textFieldBorder); 
	border-radius: 3px;
}

.ui-dialog-buttonpane {
	clear: both;
	background: var(--uiDialogFooterColor);
	color: var(--colorGrayDark);
	font-size: 500;
	padding: 1.2em 1.8em;
	/*margin: 1.5em -1px -1px -1px;*/
	text-align: right;
	position: relative;
}

.ui-dialog-buttonpane button {
	border: 1px solid var(--buttonBorder);
	color: var(--buttonColor);
	padding: 0.8em 1.5em;
	font-size: 0.85em;
	margin-left: 0.5em;
	background: var(--buttonBg);
	border-radius: 3px;
}

.ui-dialog-buttonpane button:hover {
	background-color: var(--buttonBgHover);
	color: var(--buttonColorHover);
	border: 1px solid var(--buttonBorderHover);
}

.ui-dialog ul.ui-tabs-nav li {
	cursor: pointer;
}

/* kalendar */

.ui-datepicker {
	background: var(--mainBgBody);
	border: 1px solid var(--lines);
	/*padding: 1.5em; */
}

/* tmave zakryti obrazovky */

.ui-widget-overlay {
	background: #000;
	opacity: 0.8;
	position: fixed;
	top: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 100%;
	z-index: 10;
}


.ts_settings_buttons button {
	cursor: pointer;
	background: var(--buttonBg);
	border: 1px solid var(--buttonBorder);
	color: var(--buttonColor);
	padding: 0.8em;
	margin-right: 10px;
	border-radius: 3px;
}

.ts_settings_buttons button:hover {
	color: var(--buttonColorHover);
	background: var(--buttonBgHover);
	border: 1px solid var(--buttonBorder);
}

#alert_dialog h4 {
	font-size: 0.8em;
	padding: 2em;
}

.ui-dialog .ui-resizable-handle {
	display: none !important;
}

#edit_contract_data_dialog .create_dialog {
	max-height: calc(100vh - 220px) !important;
	overflow-y: auto;
}

#edit_contract_data_dialog .ui-tabs-nav {
	padding: 2em 0.8em 0.8em 0.8em;
	text-align: left;
}

#edit_contract_data_dialog .ui-tabs-nav li, #sap_search_tabs .ui-tabs-nav li {
	display: inline-block;
	vertical-align: top;
}

#edit_contract_data_dialog .ui-tabs-nav li a, #sap_search_tabs .ui-tabs-nav li a {
	background: var(--buttonBg);
	color: var(--buttonColor);
	border: 1px solid var(--buttonBorder);
	border-radius: 3px;
	padding: 0.625em 0.8em;
	margin: 0 0.8em 0.8em 0;
	font-size: 0.9em;
}

#edit_contract_data_dialog .ui-tabs-nav li.ui-state-active a, #sap_search_tabs .ui-tabs-nav li.ui-state-active a {
	background: var(--buttonBgHover);
	color: var(--buttonColorHover);
	border: 1px solid var(--buttonBorderHover);
}

#tab_personal_left_menu {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 5px;
	/*float: left;*/
	height: calc(100vh - 56px);
	width: 250px;
	position: relative;
	background: var(--leftMenuBg);
}

#tab_personal_content {
	/*float: left;*/
	/*height: calc(100vh - 56px);*/
	width: calc(100vw - 325px);
	position: absolute;
	left: 250px;
	right: 5px;
	top: -1px;
	bottom: 0;
	padding: 0;
	margin: 0;
	border: none;
	transition: all 0.5s;
}

#tab_personal_detail {
	display: none;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 380px;
	bottom: 5px;
	overflow-y: auto;
	transition: all 0.25s;
}

#tab_personal_detail label {
	width: 49%;
	text-align: right;
	float: left;
	padding: 2px 0px;
	white-space: nowrap;
	border: none;
	background: none;
}

#tab_personal_detail span:hover {
	text-decoration: underline;
}

#tab_personal_detail table {
	width: 95%;
	border-collapse: collapse;
	margin-left: 2%;
}

#tab_personal_detail td {
	border: none;
	background: none;
	vertical-align: middle;
	white-space: normal;
	cursor: default;
}

#tab_personal_detail #contract_items_data th, #tab_personal_detail #contract_items_data td {
	border: 1px solid var(--lines);
	border-collapse: collapse;
	font-size: 0.8em;
	padding: 1px 6px;
	text-align: left;
}

#tab_personal_detail td.ui-state-default {
	text-align: right;
	padding-right: 10px;
	width: 12%;
	white-space: nowrap;
}

#tab_personal_detail td.ui-widget-content {
	width: 21%;
}

#represented_repr_list table {
	width: 90%;
	border:none;
	border-spacing: 4px;
}

#represented_repr_list th {
	border: none;
	background: none;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	cursor: default;
	padding: 4px;
}

#represented_repr_list td {
	border: 1px solid;
	background: none;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	cursor: default;
	padding: 4px;
}

#represented_repr_list td.repr_username {
	width: 200px;
	text-align: left;
}

#represented_repr_list td.repr_date {
	width: 100px;
}

#represented_repr_list td.repr_type {
	width: 170px;
}

#tbl_header {
	/*float: left;
	padding: 2px 10px;*/
	display: none;
}

#tbl_buttons {
	float: right;
	margin: -41px 9px 0 0;
}

#tbl_buttons div.dt-buttons {
	float: none !important;
}

div.cm-permanent {
	display: block;
	/* float: left; */
}

div.cm-permanent.cm-protocols {
	float: right;
}

div.cm-permanent ul.contextMenu.permanent {
	position: relative;
	display: block;
	background: none;
	border: none;
	z-index: auto;
}

div.cm-permanent ul.contextMenu.permanent li {
	display: inline-block;
}

div.dt-buttons.ui-buttonset button.ui-button {
	cursor: pointer;
	display: inline-block;
	float: none !important;
	border: 1px solid var(--buttonsetBorder);
	color: var(--buttonsetColor);
	background: var(--buttonsetBg);
	padding: 0.6em 1.2em;
	font-size: 0.75em;
	margin-left: 0.5em;
	border-radius: 3px;
}

div.dt-buttons.ui-buttonset button.ui-button:hover {
	background-color: var(--buttonsetBgHover);
	border: 1px solid var(--buttonsetBorderHover);
	color: var(--buttonsetColorHover);
}

div.dt-buttons.ui-buttonset button.ui-button.ui-state-active {
	background: var(--colorGreen);
	color: var(--buttonsetColorActive);
	border: none;
}

div.dt-buttons.ui-buttonset button.ui-button.ui-state-active:hover {
	background: var(--buttonsetBgHover);
	color: var(--buttonsetColorHover);
}

span.show_versions {
	float: left;
	margin: 3px 10px 3px 0;
	background-color: var(--submenuBtnBg);
}

.cs_red {
	color: red;
}

.cs_red::before {
	content: "";
	border: 4px solid red;
	border-radius: 4px;
	display: inline-block;
	margin-right: 0.8em;
}

.cs_green {
	color: green;
}

.cs_green::before {
	content: "";
	border: 4px solid green;
	border-radius: 4px;
	display: inline-block;
	margin-right: 0.8em;
}

.cs_orange {
	color: orange;
}

.cs_orange::before {
	content: "";
	border: 4px solid orange;
	border-radius: 4px;
	display: inline-block;
	margin-right: 0.8em;
}

.cs_default {
	color: gray;
}

.cs_default::before {
	content: "";
	border: 4px solid gray;
	border-radius: 4px;
	display: inline-block;
	margin-right: 0.8em;
}

.cr_status_red {
	color: var(--colorNiceRed);
}

.cr_status_green {
	color: var(--colorNiceGreen);
}

.cr_status_orange {
	color: var(--colorNiceOrange);
}

/* .c_count {float:right; margin-top:2px; font-size:0.8em;} */

.c_count {
	position: absolute;
	right: 0.65em;
	padding: 3px 8px;
	font-size: 0.8em;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-shadow: none;
	font-weight: 500;
	background: var(--count);
	color: var(--colorReverse);	
	border: 1px solid var(--countBorder);
}

.c_count:empty {
	display: none;
}

.scroll_on_hover {
	white-space: nowrap;
	overflow: hidden;
	/* max-width: 200px; */
}

.ellipsis {
	text-overflow: ellipsis;
}

tr.subtotal {
	font-style: italic;
	font-weight: bolder;
}

/* tab Personal layout */

#contract_header_data {
	/*padding-top: 4px;*/
	width: calc(100vw - 310px);
	/* display: none; */
}

#contract_header_data ul {
	/*width: 30%;
	float: left;
	list-style-type: none;
	padding: 0px 0px 0 20px;
	margin-right: 5px;*/
	display: inline-block;
	vertical-align: top;
	width: 19%;
}

#contract_header_data ul:first-child {
	border-left: none;
}

#contract_header_data ul li {
	padding: 3px;
	white-space: normal;
	cursor: default;
}

#contract_header_data ul li span:hover {
	text-decoration: none;
}

/*
#contract_header_data ul li span:first-child:not(.rel_anchor) {
	border: none;
	background: none;
	width: 35%;
	padding: 0 10px;
	text-align: right;
	display: inline-block;
	white-space: normal;
	vertical-align: top;
}

#contract_header_data ul li span:last-child {
	display: inline-block;
	white-space: normal;
	width: 65%;
}
*/

#contract_header_data ul li span {
	display: block;
	padding: 0 10px;
	color: var(--documentDetail2nColor);
}

#contract_header_data ul li span.tdh {
	font-weight: 700;
	color: var(--documentDetailColor);
}

#contract_header_data ul li span.rel_anchor {
	padding: 0 0 6px 0;
	white-space: normal;
}

#contract_header_data ul li span.rel_anchor:hover {
	text-decoration: underline;
	cursor: pointer;
}

div#tpl_buttons {
	position: absolute;
	z-index: 100;
	top: 420px;
	right: 10px;
}

div.layout_buttons {
	position: absolute;
	top: 5px;
	right: 20px;
	z-index: 99;
}

div.layout_buttons button {
	width: 24px;
	height: 24px;
	background-color: var(--buttonBg2);
}

button#personal_layoutsave {
	visibility: hidden;
}

#contract_header_data li.ui-state-highlight {
	height: 15px;
	border-radius: 4px;
}

#contract_items_data {
	margin-bottom: 0.8em;
	width: calc(100vw - 375px);
	/* display: none; */
}

table.dataTable tbody tr.detail_row {
	width: calc(100vw - 350px);
	display: inline-block;
	position: relative;
	left: 0;
	border: 1px solid gray;
	border-radius: 6px;
}

table.dataTable tbody td.detail_row {
	background-color: var(--detailMenuDetails);
}

/* ColVis */

fieldset {
	border: 1px solid var(--lines);
	padding: 0.8em;
	margin: 0.8em 0;
	text-align: left;
}

fieldset.col_toggle_fieldset {
	max-height: 456px;
	overflow-y: auto;
}

fieldset.col_toggle_fieldset div.dt-buttons.ui-buttonset button.dt-button.ui-button {
	width: 177px;
	height: 40px;
	margin: 2px 0;
	font-size: 0.8em;
	font-weight: normal;
	/*text-shadow: 1px 1px 3px #777;*/
}

fieldset.col_toggle_fieldset div.dt-buttons.ui-buttonset button.dt-button.ui-button:empty {
	display: none;
}

fieldset.col_toggle_fieldset div.dt-buttons.ui-buttonset button.dt-button.ui-button.layout_button_found {
	color: red;
	font-weight: bold;
}

#app_settings fieldset {
	margin: 0 0 1em 0;
	height:320px;
	overflow:auto;
	min-width:400px;
	padding-left:30px;
}

#signature_image {
	margin: 0;
	min-width: 400px;
}

#signature_image fieldset {
	margin: 0;
	padding-left: 30px;
}

#signature_image img {
	margin: 0 auto;
	height: 100%;
	display: block;
}


#delete_signature {
	width: 1.5em;
	height: 1.5em;
	background-image: var(--trashIcon);
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	position: relative;
	left: 265px;
	top: 75px;
	cursor: default;
}

#delete_signature:hover {
	cursor: pointer;
	background-image: var(--trashIconHover);
}

#repr_header {
	font-weight: bold;
}

#repr_header span {
	display: inline-block;
}

#repr_header #repr_name {
	width: 220px;
	padding-left: 10px;
}

#repr_header #repr_from, #repr_to {
	width: 115px;
}

.repr_kind {
	display: inline-block;
	padding-left: 15px;
}

.repr_kind label {
	width: 150px;
	text-align: center;
}

#repr_list .repr>input.hasDatepicker {
	width: 100px;
	text-align: center;
}

.repr>.delbtn {
	margin-left: 20px;
	width: auto;
}

#add_repr, #save_repr {
	min-width: 220px;
	white-space: nowrap;
}

#save_repr:hover span.ui-icon-disk,
#save_notifications_button:hover span.ui-icon-disk {
	background-image: var(--diskBtnHover) !important;
}


#unsaved_changes {
	visibility: hidden;
	font-weight: bold;
	font-size: 1.0.8em;
	color: red;
	display: inline-block;
	padding-left: 20px;
}

#complete_repr_list span {
	padding: 5px 15px;
}

/*.repr > [id$='to'] {width: 100px;}*/

#req_slider {
	width: 300px;
	float: left;
	margin: 20px;
	background: var(--colorBlueTransparent45);
}

#req_slider .ui-slider-range {
	background: var(--colorBlueTransparent30);
}

#req_slider .ui-slider-handle {
	background: var(--colorBlue);
	border-radius: 4px;
	box-shadow: 1px 1px 2px var(--colorDarkGray);
}

#req_swatch {
	width: 30px;
	height: 30px;
	float: left;
	margin: 10px 0 0 30px;
	border-radius: 8px;
	box-shadow: 1px 1px 2px gray;
	background-image: none;
}

.install_msi {
	float: left;
	margin-top: 1em;
	width: 400px;
}

.install_exe {
	float: left;
	margin-top: 1em;
	width: 400px;
}

/* tab Contract File */

.subheadermenu {
	background: var(--colorGrayDark);
	height: 50px;
}

.contextMenu {
	/*background: transparent;*/
	border: none !important;
	z-index: 99;
}

.cm_contract_contract.permanent.contextMenu {
	background: transparent;
}

.cm_contract_contract.contextMenu:not(.permanent) {
	background: var(--colorReverse) !important;	
}

#tab_contract_left {
	position: absolute;
	left: 0;
	top: 1px;
	bottom: 0;
	width: 284px;
	/*float: left;*/
	background: var(--documentLeftBottomMenuBg);
}

#tab_contract_left.withmenu {
	top: 52px;
}

#tab_contract_left h3 {
	background: var(--documentLeftMenuBg);
	color: var(--documentLeftMenuColor);
}

#tab_contract_left h3 a {
	color: var(--documentLeftMenuColor);
	display: block;
	padding: 1rem 0.8em 0 0.8em;
	font-size: 0.8em;
	font-weight: 500;
}

/*#tab_contract_left_menu { height:150px;}*/

#tab_contract_left_menu .menu {
	background: var(--documentLeftMenuBg);
	color: var(--documentLeftMenuColor);
	padding: 0.8em;
}

#tab_contract_left_menu .menuitem {
	color: var(--documentLeftMenuColor);
}

/*.fg-toolbar { display: none; }*/

/* menu v detailu contractu */

#tab_contract_left_menu ul li {
	border-top: 1px solid var(--lines);
}

#tab_contract_left_menu ul li:fist-child {
	border-top: none;
}

#tab_contract_left_menu ul li a {
	display: block;
	color: var(--menuItemColor);
	padding: 0.8em;
	font-weight: 500;
	font-size: 0.9em;
}

#tab_contract_left_menu ul li a:hover {
	background: var(--menuItemHover);
	color: var(--menuItemColorHover);
}

#tab_contract_left_menu ul li a.subtab_active {
	background: var(--menuItemHighlighted);
	color: var(--menuItemHighlightedColor);
}

#tab_contract_left_detail {
	overflow-x: hidden;
	overflow-y: auto;
	cursor: default;
	max-height: 23vh;
}

#tab_contract_left_detail label {
	width: 130px;
	padding: 4px 0px;
	display: inline-block;
	white-space: nowrap;
	border: none;
	background: none;
}

#tab_contract_left_detail span {
	width: 210px;
	border: none;
	background: none;
}

#tab_contract_left_detail table {
	border-collapse: collapse;
}

#tab_contract_left_detail td {
	border: none;
	background: none;
	vertical-align: top;
	white-space: normal;
}

#tab_contract_left_detail td.ui-state-default {
	padding-right: 2px;
}

#tab_contract_left_detail td.ui-widget-content {
	white-space: nowrap;
	max-width: 170px;
	vertical-align: middle;
}

#tab_contract_left_detail ul {
	list-style-type: none;
	padding: 0.7em 0;
	margin: 0;
}

#tab_contract_left_detail ul li {
	padding: 0 0 0 0.8em;
	min-height: 3.5em;
	/* white-space: nowrap; */
	cursor: default;
	-webkit-column-break-inside: avoid;
	/* Chrome, Safari, Opera */
	page-break-inside: avoid;
	/* Firefox */
	break-inside: avoid;
	/* IE 10+ */
}

#tab_contract_left_detail ul li span:hover {
	text-decoration: none;
}

#tab_contract_content ul.tcl_connectedSortable {
	columns: 5;
	-webkit-columns: 5;
	-moz-columns: 5;
	font-size: 0.9em;
	border-bottom: 1px solid var(--lines);
	background: var(--detailMenuDetails);
}

#tab_contract_left_detail ul li span:first-child:not(.rel_anchor),
#final_version_dialog .data_view .header_data ul li span:first-child {
	border: none;
	background: none;
	display: block;
	color: var(--documentDetailColor);
	font-weight: 700;
	padding-top: 0.75em;
}

#tab_contract_left_detail ul li span:last-child,
#final_version_dialog .data_view .header_data ul li span:last-child {
	display: block;
	color: var(--documentDetail2nColor);
}

#tab_contract_left_detail ul li span.rel_anchor:hover {
	text-decoration: underline;
	cursor: pointer;
}

#creation_status {
	white-space: normal;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 10px;
	cursor: default;
}

#tab_contract_contract {
	white-space: normal;
	font-weight: bold;
	padding: 5px 0 10px 0;
	background-color: var(--documentLeftMenuBg);
}

#tab_contract_partner {
	white-space: normal;
	font-weight: 500;
	font-size: 0.9em;
	padding: 5px 0 10px 0;
	cursor: default;
}

#tab_contract_detail {
	position: absolute;
	left: 292px;
	top: 650px;
	right: 5px;
	bottom: 5px;
}

/*#tab_contract_detail_left {position:absolute; left:355px; top:475px; bottom:5px; padding:10px;overflow:auto;}*/

#tab_contract_detail_left {
	width: 48%;
	position: absolute;
	top: 15px;
	left: 0;
	bottom: 15px;
	padding: 0 0 0 5px;
	overflow: auto;
}

#tab_contract_detail_right {
	width: 47%;
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	padding: 0 0 0 20px;
	overflow: auto;
}

.def_curs {
	cursor: default;
	font-weight: 700;
	font-size: 1.25em;
}

.def_curs.def_curs_smaller {
	font-size: 1.1em;
	padding-top: 0.8em;
	display: block;
}


#available_docs, #merge_docs, #compared_docs {
	display: inline-block;
	vertical-align: top;
	height: 370px;
	width: 50%;
	margin-bottom: 15px;
}

#available_docs {
	padding-right: 10px;
	max-height: 600px;
	overflow-y: auto;
}
#merge_docs, #compared_docs { padding-left: 10px; }

.mergedocs {
	height: 345px;
	overflow: auto;
	/*padding: 5px 20px;*/
}

#docs_left, #docs_right, #source_doc, #templates {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 60px;
	width: 100%;
	cursor: pointer;
}

#docs_left li, #docs_right li, #source_doc li, #templates li {
	margin: 5px;
	padding: 5px;
	font-size: 0.9em;
	width: 90%;
}

.tc_items {
	width: 100%;
	border-collapse: collapse;
}

.tc_items th, .tc_items td {
	border: 1px solid var(--lines);
	padding: 0.5em 1em;
	font-size: 0.8em;
}

button#contract_layoutsave {
	visibility: hidden;
}

.faded {
	opacity: 0.4;
}

.bolder {
	font-weight: bold;
}

/* .sortable_active {border: 1px solid gray;} */

/* suma tabulka */
.suma, .suma2 { display: inline-block; vertical-align: top; }
.suma { width: 29%; }
.suma2 { width: 70%; padding-left: 2em; }

.suma h4 { font-weight: 500; font-size: 1em; padding: 0 0 1em 0; }
.suma table,
.suma2 table {
	width: 100%;
	background: var(--sumBg);
	border: 1px solid var(--sumLines);
	color: var(--sumColor);
	border-collapse: collapse;
}

.suma table th,
.suma table td,
.suma2 table th,
.suma2 table td {
	padding: 0.5em 1em;
	border-top: 1px solid var(--sumLines);
}

.suma2 { padding-top: 2.2em; }

#item_conditions {
	/*position: absolute;
	top: 53px;
	right: 30px;
	bottom: 60px;
	left: 350px;*/
	overflow-y: auto;
}

.item_conditions_tbl {
	table-layout: fixed;
	width: 98.5%;
	white-space: nowrap;
	/*border: 1px solid gray;
	border-collapse: collapse;*/
}

.item_conditions_tbl th, .item_conditions_tbl td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*border: 1px solid gray;*/
	/*padding: 1px 10px;*/
}

.c_cond {
	width: 10%;
}

.c_desc {
	width: 25%;
}

.c_price {
	width: 25%;
}

.c_value {
	width: 30%;
}

.c_rate {
	width: 10%;
}

/*#tc_contract_forum_content {bottom:-365px; left:0; overflow:auto; padding:10px; position:absolute; right:0; top:75px;}*/

#tc_contract_forum_wrapper {
	height: 315px;
}

#tc_contract_forum_wrapper .ui-toolbar {
	/*height: 19px;*/
	display: none;
}

#tc_contract_forum_content {
	height: 300px;
	width: 98%;
	padding: 9px;
	overflow: auto;
	/*border-left: 1px solid;*/
	font-size: 0.9em;
	background: var(--textFieldBg);
	color: var(--textFieldColor);
	font-family: 'Montserrat';
	border: var(--textFieldBorder);
	border-radius: 3px;

}

.forum-bottom {
	box-shadow: 1px 1px 3px #666;
}

#forum_entry_form {
	width: 98%;
	height: 60%;
	background: var(--textFieldBg);
	color: var(--textFieldColor);
}

#add_forum_entry_btn {
	float: right;
	margin: 10px
}

.forum_post pre {
	font-family: inherit;
	padding: 0 0 0 20px;
	white-space: pre-wrap;
}

#tc_forum_autorefresh_int {
	margin: 0 0 0 20px;
}

#autorefresh_int {
	width: 2.2em;
	text-align: center;
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
}

#forum_members_wrapper {
	padding: 5px 30px;
	position: sticky;
}

#forum_members_add {
	width: 450px;
}

#forum_members_select {
	height: 200px;
	overflow: scroll;
}

#forum_members {
	width: 370px;
}

#forum_members_list>button {
	margin: 0 0 0 5px;
	width: 30px;
	height: 25px;
	padding: 0;
}

#forum_members_list>button .ui-button-icon-space {
	display: none;
}

#forum_members_list>label {
	width: 30px;
	height: 28px;
	padding: 5px 0;
	border-radius: 3px;
}

#forum_members_list>span {
	width: 354px;
	height: 25px;
	display: inline-block;
}

#forum_members_list {
	margin: 10px 0 0 0;
	overflow: auto;
	width: 450px;
	height: 115px;
	position: absolute;
	padding-top: 5px;
}

#add_forum_member_btn {
	margin-left: 20px;
	width: 30px;
	height: 25px;
	padding: 0;
}

#add_edit_contract_milestone_dialog label {
	text-align: right;
	width: 100px;
	padding: 10px 0;
}

#add_edit_contract_milestone_dialog select {
	text-align: left;
	width: 80px;
}

#ms_text {
	width: 80%;
}

#ms_rem_advance, #ms_rem_repeat, #ms_rem_repeat_days {
	width: 50px;
}

#def_rcpts {
	display: inline-block;
	margin-left: 10px;
}

#def_rcpts label {
	width: 170px;
	text-align: center;
	font-size: 0.8em;
	background: var(--buttonBg);
	color: var(--buttonColor);
	border: 1px solid var(--buttonBorder);
	border-radius: 3px;
}

#def_rcpts label:hover {
	background: var(--buttonBgHover);
	color: var(--buttonColorHover);
	border: 1px solid var(--buttonBorderHover);
}

#def_rcpts label.ui-checkboxradio-checked {
	background: var(--colorGreen);
	color: var(--colorBlack);
	color: var(--buttonColorHover);
}

#ms_rem_add_rcpts {
	width: 80%;
}

#ms_rem_def_rcpts_lbl, #ms_rem_add_rcpts_lbl {
	vertical-align: middle;
}

.history_head {
	display: block;
	padding: 5px;
	font-weight: bold;
}

.history_text {
	display: block;
	padding: 5px 0px 10px 15px;
	font-style: italic;
}

.h_note {
	font-weight: bold;
	color: red;
}

#tab_contract_content {
	position: absolute;
	left: 284px;
	right: 0;
	top: 0;
	/*height: 89%;*/
	/* padding: 0.8em;*/
	margin: 0;
	border: none;
	/*border-left: 1px solid var(--lines);*/
	background: var(--mainBgBody);
}

#tab_contract_content.withmenu {
	top: 51px;
	background-color: var(--dataTableBg);
}

#tab_contract_content>div.cms_tabs {
	padding: 0.8em;
}

#contract_documents_menu.cm-permanent, #contract_otherdocs_menu.cm-permanent {
	float: left;
}

.tc_subtab_buttons {
	padding: 0.5em 0.2em;
	background: var(--dataTableBg);
}

.tc_subtab_buttons button {
	background-color: var(--buttonBg);
	border: 1px solid var(--buttonBorder);
	color: var(--buttonColor);
	padding: 0.6em 1.5em 0.7em 0.8em;
	margin: 0 0.5em 0.5em 0;
	font-size: 87%;
	border-radius: 3px;
}

.tc_subtab_buttons button:hover {
	/*color: var(--colorBlue);
	background: var(--colorBlueTransparent15);
	border: 1px solid var(--colorBlue);*/
	background-color: var(--buttonBgHover);
	border: 1px solid var(--buttonBorderHover);
	color: var(--buttonColorHover);	
}

.tc_subtab_buttons button.ui-button-disabled {
	cursor: not-allowed;
	color: var(--colorReverse);
	background: var(--colorGrayLighter);
	border: 1px solid var(--colorGrayLighter);
}

.empty_hf {
	/*height: 1.6em;*/
	display: none;
}

.upload-button {
	padding: 0.8em;
}

.qq-upload-button {
	display: inline-block;
}

.qq-upload-button-hover {
	cursor: pointer;
}

.qq-upload-list li a {
	font-size: 0.7em;
	text-decoration: none;
}

.qq-upload-button-focus {
	outline: none;
}

.qq-upload-list-selector li {
    display: block;
	margin: 1em auto;
    padding: 1em;
    line-height: 15px;
    font-size: 1em;
    background-color: #FFF0BD;
	width: 97%;
	border-radius: 3px;
}

.qq-upload-list-selector li.minimal {
	margin: 0;
    padding: 0;
    line-height: 15px;
    font-size: 0.8em;
}

.qq-upload-list-selector li.minimal .qq-upload-file {
	float: left;
	width: auto;
	margin: 0.5em 0 0 1em;
}

.qq-upload-list-selector li.minimal .qq-upload-cancel {
	float: right;
	margin: 0;
}

.qq-upload-list li a {
    display: inline-block;
	font-size: 0.8em;
	padding: 0.5em;
    text-decoration: none;
	color: var(--colorNiceRed);
	margin-right: 0;
}

.qq-upload-list li a:hover {
	color: var(--colorReverse);
	background: var(--colorSalmon);
}

.qq-upload-list li.qq-upload-success a, .qq-upload-list li.qq-upload-success a:hover {
    color: #FFFFFF;
}

.qq-upload-img {
	width: 250px;
	height: 100px;
	float: left;
	border: 1px solid lightgray;
	background-color: white;
}

/* incident differences */

#diff_pics {
	position: absolute;
	top: 90px;
	bottom: 80px;
	left: 3px;
	right: 15px;
	overflow: auto;
	width: calc(100% - 10px);
	white-space: nowrap;
}

#diff_data {
	float: left;
	width: 340px;
	margin: -0.5em 0 0 -2em;
	color: var(--inputColor);
}

#diff_data input {
	width: 160px;
	margin: 5px 0 0 0;
	padding: 5px 0;
	text-align: center;
	background-color: var(--colorGrayBasic);
}

#diff_data span {
	width: 160px;
	margin: 0;
	font-size: 0.8em;
	display: inline-block;
	text-align: left;
}

#diff_data input.required {
	background-color: #FF6A6A;
}

#diff_word, #diff_scan {
	width: 49%;
	display: inline-block;
	margin-right: 3px;
}

#diff_wordjpg, #diff_scanjpg {
	width: 100%;
	border: 1px solid gray;
}

#diff_controls {
	/*padding: 5px;*/
	/*margin: 5px 5px 5px 0;*/
	width: 100%;
	position: relative;
}

#diff_prev, #diff_next {
	/*height: 2.3em;*/
	height: 30px;
	width: 50px;
	background: var(--buttonBg);
	position: absolute;
	top: 0;
	border: 1px solid var(--buttonBorder)
}

#diff_prev:hover, #diff_next:hover {
	background: var(--buttonBgHover);
	border: var(--buttonBorder)
}

#diff_prev {
	left: 0;
	top: 4px;
}

#diff_next {
	left: 55px;
	top: 4px;
}

#diff_page {
	position: absolute;
	left: 120px;
	font-size: 0.9em;
	padding-top: 0.5em;
}

#diff_pageNo {
	display: inline;
	margin-left: 0.5em;
}

#diff_c_left {
	float: left;
}

#diff_c_right {
	float: right;
}

#diff_page_header_left {
	position: absolute;
	margin-left: -30%;
	margin-top: 0.5em;
	font-weight: bold;
}

#diff_page_header_right {
	position: absolute;
	margin-left: 20%;
	margin-top: 0.5em;
	font-weight: bold;
}

#diffs_decision_dialog textarea {
	resize: none;
	margin: 10px;
	width: 95%;
	height: 250px;
	border-bottom: none;
	border-right: none;
}

#diffs_decision_dialog span {
	display: block;
	padding: 10px;
}

/* tab Settings */

#tab_settings_left_menu {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 250px;
	float: left;
}

#tab_settings_left_menu {
	background: var(--settingsBg);
	border-right: 1px solid var(--lines);
}

#tab_settings_left_menu .menuitem.bold {
	background-color: var(--settingsMenuBoldBg);
	color: var(--settingsMenuBoldBgColor);
}

.menu .menuitem {
	padding-left: 20px;
}

#tab_contract_left_menu .menu .menuitem {
	border: none;
	font-weight: 500;
}

#tab_settings_left_menu h3.ui-accordion-header-active,
#tab_personal_left_menu h3.ui-accordion-header-active {
	background-color: var(--leftMenuActive);
}

#tab_settings_left_menu h3.ui-accordion-header-active, #tab_personal_left_menu h3.ui-accordion-header-active a{
	color: var(--leftMenuActiveColor);
}

#tab_personal_left_menu h3.ui-accordion-header-active span {
	background-color: var(--countOver);
}

.menuitem.bold span {
	background-color: var(--countOver);
}

#tab_settings_left_menu h3.ui-accordion-header-collapsed, #tab_personal_left_menu h3.ui-accordion-header-collapsed {
	/*background: var(--colorGrayDark);*/
	background-color: var(--leftMenuInactive);
}

h3.ui-accordion-header .ui-accordion-header-icon.ui-icon {
	display: none;
}

#tab_settings_left_menu h3 a, #tab_personal_left_menu h3 a {
	color: var(--leftMenuActiveColor);
	display: block;
	padding: 1em 0.8em;
	font-size: 0.75em;
	font-weight: 700;
	border-top: 1px solid var(--linesMenu);
}

#tab_personal_left_menu h3 a {
	padding-left: 35px;
}

#tab_settings_left_menu h3:not(.ui-accordion-header-active):hover, #tab_personal_left_menu h3:not(.ui-accordion-header-active):hover {
	background-color: var(--menuItemHover);
	color: var(--menuItemColorHover);
}

#tab_settings_left_menu h3.ui-accordion-header-collapsed a, #tab_personal_left_menu h3.ui-accordion-header-collapsed a {
	color: var(--leftMenuInactiveColor);
}


#tab_personal_left_menu h3.ui-accordion-header-collapsed a:hover {
	color: var(--menuItemColorHover);
}

#tab_settings_content {
	position: absolute;
	left: 250px;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 1em;
	margin: 0;
}

.ts_settings_buttons {
	padding-bottom: 5px;
	float: left;
	width: 50%;
}

#schemas_left {
	float: left;
	width: 50%;
	clear: both;
}

#schemas_right {
	float: right;
	width: 49%;
}

.dual_tables_left {
	float: left;
	width: 50%;
	clear: both;
}

.dual_tables_right {
	float: right;
	width: 49%;
}

.settings_wide {
	clear: both;
}

a {
	text-decoration: none;
}

.select_with_name {
	display: inline-block;
	margin-top: 5px;
}

#seq_buttons {
	text-align: center;
	margin: 10px auto 0;
}

#seq_buttons button {
	width: 200px;
}

#seq_content, #seq_result {
	width: 100%;
	margin: 0px auto;
}

#seq_content {
	padding: 15px 0 0 15px;
}

#seq_content label {
	width: 100px;
}

#seq_content input {
	width: 150px;
}

#seq_content select {
	width: 100px;
	margin-right: 10px;
}

.seq_div {
	display: inline-block;
	padding-left: 10px;
}

.sel_div {
	padding: 0 0 10px 0;
}

.del_seq_part {
	float: right;
	margin: 2px 20px 0 0;
	background-color: gray;
	border-radius: 3px;
}

#seq_result {
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
	height: 0.8em;
}

#left_container {
	position: absolute;
	width: 260px;
}

#left_menu {
	float: left;
	width: 250px;
	white-space: nowrap;
	position: relative;
}

#selections {
	float: left;
	position: relative;
	margin-top: 20px;
}

#selections button {
	width: 150px;
}

#items {
	float: right;
	padding: 20px;
	overflow: auto;
	height: 430px;
	width: 430px;
	margin: 1px 0 0 15px;
}

/*#items label {width:400px; text-align:left; display:inline-block; padding: 0px; margin-top:2px;}*/

.bold {
	font-weight: bold;
}

/* context menu */

.cm_icon {
	left: 0.1em;
	top: 0.3em;
	margin-right: 0.3em;
	position: absolute;
	float: left;
}

.cm_item a {
	position: relative;
	padding: 10px 12px 28px 35px;
	/*margin: 0 5px 5px 0;*/
	font-size: 0.85em;
	background: var(--cmItemBg);
	color: var(--cmItemColor);
	border: 1px solid var(--cmItemBorder);
	/*border-radius: 3px;*/
	text-align: left;
	white-space: nowrap;
}

.cm_item a:hover {
	/*padding-right: 5em;*/
	background: var(--cmItemBgHover) !important;
	color: var(--cmItemColorHover) !important;
	border: 1px solid var(--cmItemBorder);
}

.contextMenu.permanent .cm_item span.cm-text {
	display: none;
	position: absolute;
	/*bottom: -35px;*/
	top: -34px;
	left: 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 90%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--tblMenuItemBg);
	color: var(--toolTipColor);
}

.contextMenu.permanent .cm_item span.cm-text::before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 6px;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: var(--tblMenuItemBg) transparent transparent transparent;
}

.contextMenu.permanent .cm_item span.cm-text em {
	display: none;
	/* position: absolute;
	bottom: -6px;
	left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: var(--colorBlue) transparent transparent transparent; */
}

.contextMenu.permanent .cm_item a:hover span.cm-text {
	display: block;
}

.contextMenu.permanent .cm_item a span.cm-text:hover {
	display: none;
}

#tbl_menu {
	background: var(--tblMenu);
	height: 50px;
	margin-top: 1px;
}

#tbl_menu ul {
	float: left;
}

#tbl_menu li, .subheadermenu li {
	display: block;
	float: left;
}

#tbl_menu .cm_item a, .subheadermenu .cm_item a {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	border-right: 1px solid var(--tblMenuBorder) !important;
	position: relative;
	border-radius: 0;
}

#tbl_menu .cm_item a:hover, .subheadermenu .cm_item a:hover {
	background-color: var(--tblMenuItemBg);
	border-right: 1px solid var(--tblMenuBorder);
}

#tbl_menu .cm_item a .ui-icon, .subheadermenu .cm_item a .ui-icon {
	margin: 13px 0 0 17px;
}

.subheadermenu .cm_item a span:last-child {
	display: none;
	position: absolute;
	top: -28px;
	left: 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 90%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--colorBlue);
	color: var(--colorReverse);
}

.subheadermenu .cm_item a span.cm-text::before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 6px;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: var(--colorBlue) transparent transparent transparent;
}

.subheadermenu .cm_item a em {
	display: none;
	/* position: absolute;
	bottom: -6px;
	left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: var(--colorBlue) transparent transparent transparent; */
}

.subheadermenu .cm_item:hover a span:last-child {
	display: block;
}

.subheadermenu li.cm_item.disabled a {
	cursor: not-allowed;
}

.subheadermenu li.cm_item.disabled a span.cm_icon {
	opacity: 0.5;
}

/* tab Contract File */

.subheadermenu {
	background: var(--colorGrayDark);
	height: 50px;
}

.subheadermenu button {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	background: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	border-right: 1px solid var(--colorAlmostBlack);
	position: relative;
}

.subheadermenu button span {
	display: none;
	position: absolute;
	top: 5px;
	left: 57px;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 75%;
	z-index: 1000;
	white-space: nowrap;
	background: var(--colorBlue);
	color: var(--colorReverse);
}

.subheadermenu button span em {
	position: absolute;
	top: 6px;
	left: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent var(--colorBlue) transparent transparent;
}

.subheadermenu button:hover span {
	display: block;
}

tbody tr span[id^="comparing_"] {
	display: inline-block;
	margin: 0 5px -3px -5px;
	width: 18px;
	height: 18px;
	background-image: url('../images/loading.gif');
}

.cm_contract_contract .cm_item a {
	padding-left: 35px;
	text-align: left;
	font-size: 0.85em;
	color: var(--cmItemColor);
	border: none;
	border-radius: 0;
	margin: 0;
}

.cm_contract_contract .cm_item a:hover {
	background: var(--cmItemBgHover);
	color: var(--cmItemColorHover);	
}

.cm_item a .ui-icon {
	margin: 8px 0 0 10px;
}

.contextMenu li.cm_item.disabled {
	opacity: var(--disabledMenuItemOpacity);
}

.contextMenu li.cm_item.disabled a {
	/* opacity: 0.5; */
	cursor: not-allowed;
	color: var(--cmItemColor) !important;
	border: 1px solid var(--cmItemBorder) !important;
	/* background-color: gray; */
}

.contextMenu.permanent li.cm_item.disabled a {
	opacity: 1;
	cursor: not-allowed;
	color: var(--toolTipColor);
	/* background-color: gray; */
}

.contextMenu.permanent li.cm_item.disabled a::before {
	content: "";
	position: absolute;
	inset: 0px;
	background: var(--colorGrayDark);
	z-index: 1;
	opacity: 0.6;
}

#contract_top_menu .contextMenu .cm_item a:hover {
	background: var(--cmItemBgHover);	
}



.contextMenu.diff_color_submenu .cm_item a {
	background: var(--submenuBtnBg) !important;
	border: 1px solid var(--submenuBtnBorder) !important;
	padding-right: 5px !important;
	border-radius: 3px !important;
}

.contextMenu.diff_color_submenu .cm_item a:hover {
	background-color: var(--submenuBtnBgHover) !important;
	border: 1px solid var(--submenuBtnBorderHover) !important;
}

.contextMenu.diff_color_submenu .cm_item a:hover span.cm-text {
    background-color: var(--submenuPopupBg) !important;
	color: var(--submenuPopupColor) !important;	
	top: -36px;
}

.contextMenu.diff_color_submenu .cm_item a:hover span.cm-text::before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 6px;
    border-width: 6px 6px 0 6px !important;
	border-color: var(--submenuPopupBg) transparent transparent transparent !important;	
}

#contract_documents_menu li.cm_item.disabled a {
	border: none !important;
}

div.cont_menu {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

div.cont_menu span {
	display: block;
	width: 20px;
	height: 2px;
	margin-bottom: 3px;
	border-radius: 2px;
	z-index: 1;
	background: var(--documentLeftMenuColor);
}

/* Sign-off */

#start_signoff span.so_comment {
	padding: 10px 10px 0px;
	display: block;
	clear: both;
}

#start_signoff #add_signatories_button {
	display: block;
	width: fit-content;
	margin: 12px 0 0 42px;
}

#start_signoff .schema_select_left {
	width: 50%;
	float: left;
	margin: 0;
}

#start_signoff .schema_select_right {
	width: 40%;
	float: right;
	margin: 0;
}

#start_signoff #add_signatory {
	width: 24px;
	height: 24px;
	margin: 0 -32px 0 8px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-size: large;
	background-color: var(--buttonBg);
	color: var(--buttonColor);
	border: 1px solid var(--buttonBorder);
}

#start_signoff #add_signatory:hover {
	background-color: var(--buttonBgHover);
	color: var(--buttonColorHover);
	border: 1px solid var(--buttonBorderHover);
}

#schema_display ul, #added_signatories ul {
	margin-top: 6px;
}

#schema_display .schema_level, #added_signatories .schema_level {
	font-weight: bold;
	margin: 6px 10px 0 0;
	display: inline-block;
}


#added_signatories span.delete_level {
	cursor: pointer;
	margin: 0 0 -3px 0;
}

#add_signing_person {
	font-size: 0.8em;
	cursor: pointer;
	padding: 1em;
	display: block;
}

#signoff_comment {
	width: 95%;
	height: 3em;
	margin: 5px 0 10px 15px;
	vertical-align: top;
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
	border: var(--textFieldBorder); 
	resize: vertical;
	overflow-x: hidden;
	overflow-y: auto;
}

#wf_comments_container, #wf_signoff_container {
	width: 90%;
	max-width: 666px;
	margin: 0 auto;
	padding: 15px;
	height: 170px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}

form#signoff_confirm_decline {
	margin-top: 20px;
}

#wf_add_comment {
	width: 90%;
	height: 5em;
	margin: 10px 0 10px 18px;
	vertical-align: top;
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
	border: var(--textFieldBorder); 
	resize: none;
	overflow-x: hidden;
	overflow-y: auto;
}

#signoff_display_comments>fieldset>span {
	margin: 15px 0 0 35px;
	display: block;
}

.wf_comment_head {
	display: block;
	padding: 5px;
	font-weight: bold;
}

.wf_comment_text {
	display: block;
	padding: 5px 0px 10px 15px;
}

.wf_comment_head_active {
	display: block;
	padding: 5px;
	font-weight: bold;
}

span.wf_comment_head_active {
	color: var(--colorRed);
}

.wf_comment_text_active {
	display: block;
	padding: 5px 0px 10px 15px;
	color: var(--colorRed);
}

span.wf_comment_text_active {
	color: var(--colorRed);
}

span.wf_comm_head_arch {
	display: block;
	padding: 5px;
	margin: 0 10px;
	font-weight: bold;
	font-size: 0.9em;
	opacity: 0.6;
	/* color: var(--colorGranityGray2); */
}

span.wf_comm_text_arch {
	display: block;
	/* padding: 5px 0px 10px 15px; */
	margin: 0 0 0 10px;
	/* color: var(--colorGranityGray2); */
	font-size: 0.9em;
	opacity: 0.6;
}

span.comm_auth {
	font-weight: normal;
	font-style: italic;
	padding: 0 5px 0 15px;
}

.wf_cmt {
	font-weight: bold;
	color: var(--colorRed);
}

.del_comm_user_btn {
	float: right;
	margin: 10px 8px 0 -5px;
}

.del_comm_user_btn.ui-icon-closethick { background-color: var(--colorBlue) !important; cursor: pointer; }
.del_comm_user_btn.ui-icon-closethick :hover { background-color: var(--colorBlueDark) !important; }

.comm_schema_users_select {
	margin: 4px;
}

span.arch_prot {
	display: block;
	padding: 10px 20px;
	margin-bottom: 25px;
	box-shadow: 2px 1px 6px var(--colorGranityGray);
}

span.ui-checkboxradio-icon {
	display: none;
}

.no-titlebar .ui-dialog-titlebar {
	display: none;
}

canvas.signpad {
	border: 1px inset var(--lines);
	border-radius: 4px;
	margin-left: 7em;
}

span.clearpad {
	display: inline-block;
	width: 1em;
	margin: 0 0 0 -1em;
	position: absolute;
	cursor: pointer;
}

/* DataTables styles */

.redRow {
	color: var(--colorSweetBrown);
}

/*.greenRow {color: #36AE36;}*/

.greenRow {
	color: var(--colorForestGreen);
}

.blueRow {
	color: var(--colorVioletBlue);
}

.grayRow {
	/* color: #CFCFCF; */
	color: var(--grayRow);
}

.dataTables_wrapper .ui-toolbar {
	padding: 0;
}

[id$='_tbl_wrapper'] table.dataTable {
	/*border-spacing: 1px 0px;*/
	margin: inherit;
}

.search_header_row {
	color: var(--mainColor);
}

[id$='_tbl_wrapper'] tr.search_header_row th {
	border-bottom: none;
	padding: 1px 0 0 10px;
	white-space: nowrap;
}

[id$='_tbl_wrapper'] tr.search_input_row th {
	/*border-top: none;
	height: 20px;
	vertical-align: top;
	padding: 0 5px;*/
	white-space: nowrap;
}

tr.search_input_row input.columns_search_input {
	height: 0.4em;
	font-size: 0.7rem;
	margin: 0 3px;
	/*text-align: center;*/
	text-align: left;
	transition: all 0.25s;
	background-color: var(--dataTableInputBg);
}

tr.search_input_row input.columns_search_input.srch_text {
	/* width: 70%; */
	width: calc(100% - 20px);
}

tr.search_input_row input.columns_search_input.srch_date {
	width: calc(50% - 20px);
}

table.dataTable tbody td.col_center {
	text-align: center;
}

table.dataTable tbody td.col_right {
	text-align: right;
}

table.dataTable thead th div.DataTables_sort_wrapper {
	position: relative;
	padding: 3px 20px 0 0;
	height: 1.5em;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

table.dataTable thead th {
	white-space: nowrap;
	/*padding: 1px 8px;*/
}

table.dataTable thead td {
	white-space: nowrap;
	/*padding: 1px 8px;*/
}

table.dataTable tbody th {
	white-space: nowrap;
	/*padding: 1px 8px;*/
}

table.dataTable tbody td {
	white-space: nowrap;
	/*padding: 1px 8px;*/
	overflow: hidden;
	text-overflow: ellipsis;
}

.dataTable {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dataTable tbody tr.detail_row {
	user-select: text;
}

table.dataTable th:active {
	outline: none;
}

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
	font-size: 0.8em;
}

.dataTables_wrapper .dataTables_filter {
	width: 30%;
	height: 15px;
	float: right;
	text-align: right;
	color: unset;
}

.dataTables_wrapper .dataTables_filter input {
	text-align: left;
	padding: 0.5em 0.8em;
	font-size: 0.8em;
	background-color: var(--textFieldBg);
	color: var(--textFieldColor);
	border: var(--textFieldBorder); 
	border-radius: 3px;
}

#ts_custom_fields_tbl_filter { margin: -1em 2em 1em 0; }
#ts_templates_tbl_filter { margin: -1em 0 1em 0; }

.dataTables_wrapper .fg-toolbar.tbl_footer {
	background: var(--dataTableFooter);
	color: var(--colorReverse);
}

.dataTables_wrapper .dataTables_paginate {
	width: auto;
	float: right;
	margin: 0 15px;
	color: unset;
}

.dataTables_wrapper .dataTables_paginate .ui-button {
	margin-right: 0px;
	color: unset;
}

.dataTables_wrapper .dataTables_info {
	width: auto;
	float: left;
	margin: 0 15px;
	color: unset;
}

.dataTables_wrapper .dataTables_processing {
	width: 30%;
	float: left;
	padding: 1px 0px 1px 10px;
	color: unset;
}

.dataTables_wrapper .dataTables_length {
	width: 30%;
	float: left;
	padding: 1px 0px 1px 10px;
	color: unset;
}

.dataTables_scroll {
	background-color: var(--dataTableBg);
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: unset;
	background-color: var(--dataTableBg);
}

#tab_contract_content .dataTables_scrollBody td.dataTables_empty {
	text-align: left;
}

#alert_dialog h4 {
	text-align: center;
}

#alert_dialog span.counter {
	display: inline-block;
	font-size: smaller;
	margin: -4px 0 0 10px;
	vertical-align: middle;
}

#maxrestore {
	margin: 0;
	padding: 0;
	width: 20px;
    height: 20px;
	font-size: 0.8em;
	font-weight: normal;
	position: absolute;
	/*right: 30px;*/
	/* border: 1px solid var(--lines); */
	/* background-color: var(--colorBlueDark); */
	background-color: transparent;
    border-radius: 3px;	
	top: 16px;
	right: 40px;
}

.ui-dialog-titlebar-maximize::before {
	content: "";
	border: 1px solid var(--colorReverse);
	border-top: 3px solid var(--colorReverse);
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
}

table.dataTable thead th.context_menu_th {
	padding: 0px 5px;
}

.context_menu_icon span {
	width: 15px;
	height: 0px;
	border: 1px solid;
	display: block;
	border-radius: 1px;
	color: inherit;
	margin: 2px auto;
}

span.context_filler {
	display: block;
	height: 20px;
}

.DTFC_LeftBodyLiner, .DTFC_RightBodyLiner {
	overflow-x: hidden;
}

.main_tab_div, .sub_tabs_div {
	display: none;
}

/* .cm_item .cm-text {
	display: none;
} */

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	background-color: var(--mainBg);
	border: 1px solid var(--mainColor);
}

span.form_help {
	position: absolute;
	right: 15px;
	top: 75px;
	border: 1px solid gray;
	padding: 3px 8px;
	border-radius: 4px;
	cursor: pointer;
}

.form_help_text {
	display: block;
	padding: 1em;
}

#final_version_dialog .pdf_view {
	width:49%;
	float: left;
}

#final_version_dialog .data_view {
	width:50%;
	float: right;
}

#publish_contract_dialog .pdf_view {
	width: 65%;
	float: right;
}

#publish_contract_dialog .data_view {
	width: 34%;
	float:left;
	margin: 0;
	padding: 10px;
}

#final_version_dialog .data_view .header_data {
	width:100%;
	height:50%;
	padding: 2em 0.5em;

}

#final_version_dialog .data_view .header_data ul {
	columns:3;
	text-align: left;
}


#final_version_dialog .data_view .items_data {
	width:100%;
	height:50%;
	overflow-x: auto;
	padding: 5px;
}

#fin_sign_button.ui-state-disabled:hover::after {
	position: absolute;
	bottom: 4em;
	right: 0;
	width: 300px;
	content: attr(data-help);
	background-color: black;
	color: white;
	line-height: 1.5em;
	padding: 1em;
	border-radius: 0.5em;
}

.no-after::after {
	content: none !important;
}

#docview_iframe {
	width:100%; 
	height: calc(100vh - 135px); 
	margin: 3px; 
	border: none;
}

#note_edit_dialog textarea {
	width:100%; 
	height:100%; 
	overflow-x:hidden; 
	overflow-y:auto;
	resize: none;
}

span.layout-save-info {
	position: absolute;
	margin-top: -25px;
	left: 595px;
	color: red;
	font-weight: bold;
	opacity: 0;
	animation-name: layout_save_info_msg;
	animation-duration: 8s;
}

@keyframes layout_save_info_msg {
	0% {opacity: 0;}
	10% {opacity: 1;}
	60% {opacity: 1;}
	100% {opacity: 0;}
}

.layout_search {
	position: absolute;
	top: 1.5em;
	left: 100px;
	margin: 0;
	padding: 0.2em 1em;
	width: 160px;
}

.layout_search_reset {
	position: absolute;
	top: 1.5em;
	left: 240px;

}
.layout_search_reset.ui-icon-closethick {
	background-image: var(--LayoutcloseIcon) !important;
}

.layout_search_reset.ui-icon-closethick:hover  {
	background-image: var(--LayoutcloseIcon) !important;
}

.alert-message {
	display: block;
	margin: 2em auto;
}

.confirmation-message {
	padding: 2em;
	margin: 0 0 1em 0;
}

div.dt-buttons .dt-button:hover > span {
	background-color: transparent !important;
}

#return_confirmation {
	width: 500px;
}

.chkbox {
	accent-color: var(--colorWhite) /*!important*/;
}
[type=checkbox]{
	accent-color: var(--colorWhite) /*!important*/;
}

#forum_members_list .ui-button.ui-corner-all.ui-widget:not(.ui-checkboxradio-label) {
	border: none !important;
	background-color: transparent !important;
}

#forum_members_list .ui-button.ui-corner-all.ui-widget:not(.ui-checkboxradio-label):hover {
	border: none !important;
	background-color: transparent !important;
}

#notifications_div .create_dialog fieldset {
	background: none;
	border: none;
}

#deferred_notifs_list input[type="checkbox"] {
	accent-color: inherit;
}

#deferred_notifs_list .notif_day {
	display: inline-block;
	width: 100px;
	margin: 1em;
}

#deferred_notifs_list .notif_time {
	display: inline-block;
	width: 140px;
	height: 37px;
	margin: 0 0.5em -0.7em 0;
	border: 1px solid;
	border-radius: 6px;
	text-align: center;
	font-size: 14px;
	color: var(--textFieldColor);
	background-color: var(--textFieldBg);
}

#deferred_notifs_list .notif_time .change_time {
	float: right;
	width: 80px;
	margin: 0 30px 0 0;
}

#deferred_notifs_list .notif_time .time {
	display: block;
	user-select: none;
}


#deferred_notifs_list .notif_time .delete_time {
	display: block;
	float: left;
	cursor: pointer;
	margin: 10px 0 0 10px;
	width: 1em;
	height: 1em;
	background-image: url('../images/icons/time_delete.svg');
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
}

#deferred_notifs_list .notif_time .time_plus,
#deferred_notifs_list .notif_time .time_minus {
	display: block;
	height: 8px;
	opacity: 0;
}

#deferred_notifs_list .notif_time .time_plus .hour,
#deferred_notifs_list .notif_time .time_plus .minute {
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: url('../images/icons/pointer_down.svg') 20 30, auto;
	background-image: url('../images/icons/time_up.svg');
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	top: -4px;
}

#deferred_notifs_list .notif_time .time_minus .hour,
#deferred_notifs_list .notif_time .time_minus .minute {
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: url('../images/icons/pointer_up.svg') 10 10, auto;
	background-image: url('../images/icons/time_down.svg');
	background-repeat: no-repeat;
	background-position: top;
}

#deferred_notifs_list .notif_time .time_plus .hour:hover,
#deferred_notifs_list .notif_time .time_plus .minute:hover {
	background-image: url('../images/icons/time_up_blue.svg');
}

#deferred_notifs_list .notif_time .time_minus .hour:hover,
#deferred_notifs_list .notif_time .time_minus .minute:hover {
	background-image: url('../images/icons/time_down_blue.svg');
}

#deferred_notifs_list .notif_times .add_time {
	display: inline-block;
	cursor: pointer;
	margin: 10px 0 0 0;
	width: 1em;
	height: 1em;
	background-image: url('../images/icons/time_add.svg');
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
}

#sig_positions_dialog {
	text-align: left;
	padding: 1em;
}

#sig_positions_dialog .signatory_name {
	display: inline-block;
	margin: 0 0 0 1em;
	font-weight: bold;
}

#sig_positions_dialog .signatory_descr {
	display: inline-block;
	margin: 0 0 0 10px;
	font-weight: normal;
	font-size: 0.8em;
}

#sig_positions_dialog .signatory_position {
	float: left;
}

#sig_positions_dialog .position {
	margin: 0 0 2em 0;
	overflow: auto;
}


.contextMenu:not(.permanent) li.cm_item a .ui-icon-extlink
{background-image: var(--extlink) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-extlink
{background-image: var(--extlinkHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-pencil
{background-image: var(--pencil) !important;}
/* .contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-pencil
{background-image: var(--pencilHover) !important;} */

.contextMenu:not(.permanent) li.cm_item a .ui-icon-pencil-nd
{background-image: var(--pencil) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-pencil-nd
{background-image: var(--pencilHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-newwin
{background-image: var(--newwin) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-newwin
{background-image: var(--newwinHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-trash-nd
{background-image: var(--trash) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-trash-nd
{background-image: var(--trashHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-power
{background-image: var(--power) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-power
{background-image: var(--powerHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-comreq
{background-image: var(--comreq) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-comreq
{background-image: var(--comreqHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-script
{background-image: var(--script) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-script
{background-image: var(--scriptHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-clipboard
{background-image: var(--clipboard) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-clipboard
{background-image: var(--clipboardHover) !important;}

.contextMenu li.cm_item a .ui-icon-clock
{background-image: var(--clock) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-clock
{background-image: var(--clockHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-mail-closed
{background-image: var(--mail_closed) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-mail-closed
{background-image: var(--mail_closedHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-comment
{background-image: var(--comment) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-comment 
{background-image: var(--commentHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-lightbulb 
{background-image: var(--lightbulb) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-lightbulb  
{background-image: var(--lightbulbHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-check 
{background-image: var(--check) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-check  
{background-image: var(--checkHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-cancel 
{background-image: var(--cancel) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-cancel  
{background-image: var(--cancelHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-arrowreturnthick-1-w 
{background-image: var(--arrowreturnthick) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-arrowreturnthick-1-w  
{background-image: var(--arrowreturnthickHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-disk-nd 
{background-image: var(--disk) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-disk-nd 
{background-image: var(--diskHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-close 
{background-image: var(--close) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-close 
{background-image: var(--closeHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-transfer-e-w 
{background-image: var(--transfer_ew) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-transfer-e-w 
{background-image: var(--transfer_ewHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-transferthick-e-w
{background-image: var(--transferthick_ew) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-transferthick-e-w
{background-image: var(--transferthick_ewHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-folder-open
{background-image: var(--folderOpen) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-folder-open
{background-image: var(--folderOpenHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-printed
{background-image: var(--printed) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-printed
{background-image: var(--printedHover) !important;}

.contextMenu:not(.permanent) li.cm_item a .ui-icon-document-diffs 
{background-image: var(--documentDiffs) !important;}
.contextMenu li.cm_item:not(.disabled) a:hover .ui-icon-document-diffs
{background-image: var(--documentDiffsHover) !important;}

.ui-button .ui-icon-plus {background-image: var(--plusBtn3) !important;}
.ui-button:not(.ui-state-disabled):hover .ui-icon-plus {background-image: var(--plusBtnHover) !important;}

.ui-button .ui-icon-pencil {background-image: var(--pencilBtn3) !important;}
.ui-button:not(.ui-state-disabled):hover .ui-icon-pencil {background-image: var(--pencilBtnHover) !important;}

.ui-button .ui-icon-trash-btn {background-image: var(--trashBtn4) !important;}
.ui-button:not(.ui-state-disabled):hover .ui-icon-trash-btn {background-image: var(--trashBtnHover) !important;}

.ui-button .ui-icon-key {background-image: var(--impersonate) !important;}
.ui-button:not(.ui-state-disabled):hover .ui-icon-key {background-image: var(--impersonateHover) !important;}

.ui-button .ui-icon-document {background-image: var(--document) !important;}
.ui-button:not(.ui-state-disabled):hover .ui-icon-document {background-image: var(--documentHover) !important;}

.ui-button .ui-icon-suitcase {background-image: var(--suitcase) !important;}
.ui-button:not(.ui-state-disabled):hover .ui-icon-suitcase {background-image: var(--suitcaseHover) !important;}

.ui-button .ui-icon-newwin-rd {background-image: var(--newwin3) !important;}
.ui-button:not(.ui-state-disabled):hover .ui-icon-newwin-rd {background-image: var(--newwin3Hover) !important;}

.ui-button .ui-icon-scissors {background-image: var(--scissors) !important;}
.ui-button:not(.ui-state-disabled):hover .ui-icon-scissors {background-image: var(--scissorsHover) !important;}