html[data-host*="olympus."] #header:before {
    background: #08107B;
    content: "";
}

html[data-host*=".com.cn"] #header:before {
    background: #D72918;
    content: "";
}

html[data-host*="devel"]  #header:before {
    background: orange;
    content: "Development Version";
}

#header:before {
    min-height: 8px;
    font-family: arial, sans-serif;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: right;
    color: white;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* To move DEFUNCT on the bottom */
.all-modules {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}
html .all-modules > li[title*="DEFUNCT"],
.all-modules li[title*="Quizzes"],
.all-modules li[title*="Akamai"],
.all-modules li[title*="Education"],
.all-modules li[title*="Facebook"],
.all-modules li[title*="Visual"],
.all-modules li[title*="Forums"],
.all-modules li[title*="Holidays"],
.all-modules li[title*="Event Viewer"],
.all-modules li[title="Jobs"],
.all-modules li[title="Gallery"],
.all-modules li[title="iPad Media Library"] {
    position: relative;
	-webkit-box-ordinal-group: 6;
	-webkit-order: 5;
	   -moz-box-ordinal-group: 6;
	    -ms-flex-order: 5;
	        order: 5;
	color: #999;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	
	/* taskId.16819806 2022/04/08 remove DEFUNCT */
	display: none !important;
}
html .all-modules > li[title*="DEFUNCT"]:hover,
.all-modules li[title*="Quizzes"]:hover,
.all-modules li[title*="Akamai"]:hover,
.all-modules li[title*="Education"]:hover,
.all-modules li[title*="Facebook"]:hover,
.all-modules li[title*="Visual"]:hover,
.all-modules li[title*="Forums"]:hover,
.all-modules li[title*="Holidays"]:hover,
.all-modules li[title*="Event Viewer"]:hover,
.all-modules li[title="Jobs"]:hover,
.all-modules li[title="Gallery"]:hover {
	color: #3881AA;
}
html .all-modules > li[title*="DEFUNCT"] div,
.all-modules li[title*="Quizzes"] div,
.all-modules li[title*="Akamai"] div,
.all-modules li[title*="Education"] div,
.all-modules li[title*="Facebook"] div,
.all-modules li[title*="Visual"] div,
.all-modules li[title*="Forums"] div,
.all-modules li[title*="Holidays"] div,
.all-modules li[title*="Event Viewer"] div,
.all-modules li[title="Jobs"] div,
.all-modules li[title="Gallery"] div {
	font-size: 11px;
}
html .all-modules > li[title*="DEFUNCT"] img,
.all-modules li[title*="Quizzes"] img,
.all-modules li[title*="Akamai"] img,
.all-modules li[title*="Education"] img,
.all-modules li[title*="Facebook"] img,
.all-modules li[title*="Visual"] img,
.all-modules li[title*="Forums"] img,
.all-modules li[title*="Holidays"] img,
.all-modules li[title*="Event Viewer"] img,
.all-modules li[title="Jobs"] img,
.all-modules li[title="Gallery"] img {
    opacity: 0.2;
    position: relative;
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
html .all-modules > li[title*="DEFUNCT"]:hover img,
.all-modules li[title*="Quizzes"]:hover img,
.all-modules li[title*="Akamai"]:hover img,
.all-modules li[title*="Education"]:hover img,
.all-modules li[title*="Facebook"]:hover img,
.all-modules li[title*="Visual"]:hover img,
.all-modules li[title*="Forums"]:hover img,
.all-modules li[title*="Holidays"]:hover img,
.all-modules li[title*="Event Viewer"]:hover img,
.all-modules li[title="Jobs"]:hover img,
.all-modules li[title="Gallery"]:hover img {
	opacity: 1;
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);	
}
html .all-modules > li[title*="DEFUNCT"]::before,
.all-modules li[title*="Quizzes"]::before,
.all-modules li[title*="Akamai"]::before,
.all-modules li[title*="Education"]::before,
.all-modules li[title*="Facebook"]::before,
.all-modules li[title*="Visual"]::before,
.all-modules li[title*="Forums"]::before,
.all-modules li[title*="Holidays"]::before,
.all-modules li[title*="Event Viewer"]::before,
.all-modules li[title="Jobs"]::before,
.all-modules li[title="Gallery"]::before {
    content: "\f1b8";
    font-family: FontAwesome;
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 17px;
    color: #ddd;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
html .all-modules > li[title*="DEFUNCT"]:hover::before,
.all-modules li[title*="Quizzes"]:hover::before,
.all-modules li[title*="Akamai"]:hover::before,
.all-modules li[title*="Education"]:hover::before,
.all-modules li[title*="Facebook"]:hover::before,
.all-modules li[title*="Visual"]:hover::before,
.all-modules li[title*="Forums"]:hover::before,
.all-modules li[title*="Holidays"]:hover::before,
.all-modules li[title*="Event Viewer"]:hover::before,
.all-modules li[title="Jobs"]:hover::before,
.all-modules li[title="Gallery"]:hover::before {
    color: #2ABB9C;
    right: 0px;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}

.all-modules li[title*="Quizzes"]:hover::before,
.all-modules li[title*="Gallery"]:hover::before {
    color: #EC507F;
}
.all-modules li[title*="Akamai"]:hover::before,
.all-modules li[title*="Education"]:hover::before,
.all-modules li[title*="Facebook"]:hover::before,
.all-modules li[title*="Visual"]:hover::before {
    color: #3881AA;
}
.all-modules li[title="Jobs"]:hover::before {
    color: #F59944;
}
.all-modules li[title*="Forums"]:hover::before {
    color: #F5824C;
}
.all-modules li[title*="Holidays"]:hover::before {
    color: #68C1D4;
}
.all-modules li[title*="Event Viewer"]:hover::before {
    color: #58CC85;
}
.iconsList li {
    margin-bottom: 5px;
}

.favorite-modules li {
    position: relative;
}
.favorite-modules li::before {
    content: '\f006';
    font-family: FontAwesome;
    color: #F59944;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.favorite-modules li:hover::before {
    content: "\f005";
}

.favorite-modules li[title*="Forms"]::before,
.favorite-modules li[title*="E-Commerce"]::before,
.favorite-modules li[data-id*="dir"]::before {
    color: #2ABB9C;
}
.favorite-modules li[title*="File Manager"]::before,
.favorite-modules li[title*="Geo"]::before,
.favorite-modules li[title*="Blogs"]::before,
.favorite-modules li[title*="Site Manager"]::before {
    color: #EC5250;
}
.favorite-modules li[title*="Tags"]::before,
.favorite-modules li[title*="Downloads"]::before,
.favorite-modules li[title*="Event Viewer"]::before {
    color: #58CC85;
}
.favorite-modules li[title*="CMS"]::before,
.favorite-modules li[title*="Translations"]::before,
.favorite-modules li[title*="iPad"]::before,
.favorite-modules li[title*="Mailer"]::before,
.favorite-modules li[title*="Fulltext"]::before,
.favorite-modules li[title*="Holiday"]::before,
.favorite-modules li[title*="SysTags"]::before {
    color: #68C1D4;
}
.favorite-modules li[title*="Designer"]::before,
.favorite-modules li[title*="Akamai"]::before,
.favorite-modules li[title*="Google WMT"]::before,
.favorite-modules li[title*="Visual Editor"]::before,
.favorite-modules li[title*="Redirects"]::before,
.favorite-modules li[title*="Facebook"]::before,
.favorite-modules li[title*="Education"]::before {
    color: #3881AA;
}
.favorite-modules li[title*="CRM"]::before {
    color: #959595;
}
.favorite-modules li[title*="Media Player"]::before,
.favorite-modules li[title*="Quizzes"]::before,
.favorite-modules li[title*="Gallery"]::before {
    color: #EC507F;
}
.favorite-modules li:hover::before {
    right: 2px;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}

/* Old Blogs */
.favorite-modules li[data-id="blogs"] div::after,
.all-modules li[data-id="blogs"] div::after {
    display: block;
    font-size: 0.7em;
    text-transform: uppercase;
    color: white;
    background: silver;
    padding: 0.2em;
    content: "To Be Retired";
}

.field select {
	max-width: 200px;
}

/* DIRECTORY: Landing Pages > Edit > Sample Landing Page */
[id^="dir22_edit_item_"] *[data-label^="Default Caption Image (2:1"]::before,
[id^="dir22_edit_item_"] *[data-label="Slide Custom Width"]::before,
[id^="dir22_edit_item_"] *[data-label*="Localizable Caption Image (2:1"]::before,
[id^="dir22_edit_item_"] *[data-label="dataLayerProduct"]::before,
[id^="dir22_edit_item_"] *[data-label="SEO Title"]::before,

[id^="dir22_edit_item_"] *[data-label^="Background Color (Preset)"]::before,
[id^="dir22_edit_item_"] *[data-label*="Background IMG (Custom)"]::before,
[id^="dir22_edit_item_"] *[data-label*="Custom Top Padding (e.g."]::before,
[id^="dir22_edit_item_"] *[data-label*="Remove Separator (on the bottom)"]::before,
[id^="dir22_edit_item_"] *[data-label*="Zoom In Background IMG on Hover (+)"]::before,
[id^="dir22_edit_item_"] *[data-label*="Geo Restrictions"]::before {
    font-size: 16px;
    display: block;
    margin: 20px 20px 20px;
    padding: 0 0px 10px;
    color: #306E91;
    border-bottom: 1px solid #e7e7e7;
    font-weight: bold;
}
[id^="dir22_edit_item_"] *[data-label^="Default Caption Image (2:1"]::before,
[id^="dir22_edit_item_"] *[data-label*="Localizable Caption Image (2:1"]::before {
    content: "Original Caption Image (Use Landing Slideshow Instead)";
}
[id^="dir22_edit_item_"] *[data-label^="Slide Custom Width"]::before {
    content: "Slideshow Settings (Global)";
}
[id^="dir22_edit_item_"] *[data-label="dataLayerProduct"]::before {
    content: "Data Layers";
}
[id^="dir22_edit_item_"] *[data-label^="SEO Title"]::before {
    content: "SEO Meta Tags";
}

[id^="dir22_edit_item_"] *[data-label^="Background Color (Preset)"]::before {
	content: 'Custom Color Palette';
}
[id^="dir22_edit_item_"] *[data-label*="Background IMG (Custom)"]::before {
	content: 'Background Image Options';
}
[id^="dir22_edit_item_"] *[data-label*="Zoom In Background IMG on Hover (+)"]::before {
	content: 'Background Effects';
}
[id^="dir22_edit_item_"] *[data-label*="Custom Top Padding (e.g."]::before {
	content: 'Custom Spacing';
}
[id^="dir22_edit_item_"] *[data-label*="Remove Separator (on the bottom)"]::before {
	content: 'Custom Layout Settings';
}
[id^="dir22_edit_item_"] *[data-label*="Geo Restrictions"]::before {
	content: 'Other Section Settings';
}

[id^="dir22_edit_item_"] form.settings .field label {
	width: 300px;
}
[id^="dir22_edit_item_"] form.settings .field .input {
	padding-left: 375px;
}

/* taskId.16819809 2022/04/08 */
.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled:empty {
	display: none !important;
}

/* taskId.16819890 */
div[id*="jobs_edit_vacancy"] div[data-label="Short Description"].field label,
div[id*="jobs_edit_vacancy"] div[data-label="Long Description"].field label {
	font-size: 0;
	color: transparent;
}
div[id*="jobs_edit_vacancy"] div[data-label="Short Description"].field label::after,
div[id*="jobs_edit_vacancy"] div[data-label="Long Description"].field label::after {
	font-size: 14px;
	color: #000;
}
div[id*="jobs_edit_vacancy"] div[data-label="Short Description"].field label::after {content: 'Job Description';}
div[id*="jobs_edit_vacancy"] div[data-label="Long Description"].field label::after {content: 'Job Duties';}


/*.moduleContent,
.loginWrapper {
	display: none !important;
}
body {
	position: relative;
}
body::after {
	background-color: #4FB777;
	color: #fff;
	font-weight: bold;
	content: 'Technical maintenance. Please try again in an hour.';
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 30px;
	border-radius: 10px;
	position: fixed;
	left: calc(50% - 450px);
	top: calc(50% - 50px);
	z-index: 99999999999999999999;
	width: 900px;
	font-size: 30px;
	line-height: 1.3em;
	text-align: center;
}*/