/**
 * ULTRAMAIN Mobile Mechanic iPhone.
 * (C) 2012.
 *
 * @note 
 * The total page size on an iPad is 768px x 1024px.
 * The total page size on an iPhone is 768px x 1152px.
 * The applicationBody ID total size is 768px x 1030px (122px margin top for the header).
 */
 
* { margin: 0; padding: 0; }
.clear-both { display: block; clear: both; }


view, lookup, action, execute, page, prevButton, nextButton, moreButton, grouping, gotoButton, firstTaskCardButton, prevTaskCardButton, nextTaskCardButton, lastTaskCardButton,gotoPageNoBetweenTask{ display: none !important; }
[siteID] { display: none !important; }

/** Base styles **/ 
body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; color: #000; background-color: #4e82cd; position: relative; overflow-x: hidden; max-width: 768px; }
/* #bodyWrap { position: relative; max-width: 768px; overflow-x: hidden; } */

.no-results { text-align: center; font-weight: bold; font-size: 2.2em; padding: 2.5em 0 0 0; }

#loadingWrap,
.pageType-popup { width: 100%; height: 100%; background: transparent url('../images/MM/loading-bg.png') repeat 0px 0px; position: fixed; top: 0px; left: 0px; z-index: 8888; }
#loadingWrap { z-index: 9999; }
#loadingWrap #loading { border-radius: 10px; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 2.3em; font-weight: bold; text-align: center; width: 220px; height: 80px; line-height: 80px; position: absolute; top: 536px; left: 274px; }
#clientVars { display: none; }

#applicationHeader { position: fixed; z-index: 8888; }
#applicationHeader .header-wrapper { position: absolute; width: 766px; height: 80px; /* padding: 40px 0 0 0; */ border: 1px solid #000; background: #505559 url('../images/MM/MM-header-bg.png') repeat-x 0px 100%; }
#applicationHeader .header-wrapper img.logo { position: absolute; bottom: 8px; left: 240px; }
#applicationHeader .header-wrapper a#back {z-index: 8888;display: none;left: 16px;background-position: 0px 0px;width: 139px;padding-left: 11px;}
#applicationHeader .header-wrapper a#flyout { display: none; width: 60px; left: 10px; background: transparent url('../images/MM/MM-flyout-icon.png') no-repeat 0px 0px; }
#applicationHeader .header-wrapper a#filterWorkspace { width: 44px; height: 50px; left: 588px; top: -1px; background: transparent url('../images/MM/MM_FilterWS.png') no-repeat 0px 0px; }
#applicationHeader .header-wrapper a#settings,
#applicationHeader .header-wrapper a#logout { display: none; }
/* #applicationHeader .header-wrapper a#page-refresh { display: block; width: 142px; height: 50px; position: absolute; top: 52px; left: 470px; } */
#applicationHeader .header-wrapper #notificationBadge {
	display: none;
	margin-top: 3px;
	margin-right: 125px;
	left: -560px;
}
#applicationHeader .header-wrapper #net-stat { padding: 20px 1px 8px 1px; background: #262a2e url('../images/MM/net-bg.png') repeat-x 0px 0px; border-left: 1px solid #000; border-bottom: none; position: absolute; top: 0px; right: 0px; }
#applicationHeader .header-wrapper #net-stat.status-3 img.status-2,
#applicationHeader .header-wrapper #net-stat.status-3 img.status-1,
#applicationHeader .header-wrapper #net-stat.status-3 img.status-0,
#applicationHeader .header-wrapper #net-stat.status-2 img.status-3,
#applicationHeader .header-wrapper #net-stat.status-2 img.status-1,
#applicationHeader .header-wrapper #net-stat.status-2 img.status-0,
#applicationHeader .header-wrapper #net-stat.status-1 img.status-3,
#applicationHeader .header-wrapper #net-stat.status-1 img.status-2,
#applicationHeader .header-wrapper #net-stat.status-1 img.status-0,
#applicationHeader .header-wrapper #net-stat.status-0 img.status-3,
#applicationHeader .header-wrapper #net-stat.status-0 img.status-2,
#applicationHeader .header-wrapper #net-stat.status-0 img.status-1 { display: none; }
#applicationHeader .header-wrapper .button { display: block; width: 150px; height: 50px; line-height: 50px; font-size: 2.4em; font-weight: normal; color: #dbe4eb; text-align: center; text-decoration: none; position: absolute; bottom: 15px; right: 46px; background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px -100px; }
#applicationHeader .header-wrapper .aogbutton { display: block; width: 100px; height: 50px; line-height: 50px; font-size: 2.4em; font-weight: normal; color: #dbe4eb; text-align: center; text-decoration: none; position: absolute; bottom: 15px; right: 140px; border-radius: 10px; background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px -100px; }
#applicationHeader .header-wrapper .aogsavebutton { display: block; width: 100px; height: 50px; line-height: 50px; font-size: 2.4em; font-weight: normal; color: #dbe4eb; text-align: center; text-decoration: none; position: absolute; bottom: 15px; right: 35px; border-radius: 10px; background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px -100px; }
#applicationHeader .header-wrapper .undoButton {right: 221px; visibility: hidden;}
#applicationHeader .header-wrapper .submitInstructionUIButton {left: 221px;font-size:1.5em; visibility:hidden;}
#applicationHeader .header-wrapper .approveInstructionUIButton {right:221px; font-size:1.5em; visibility:hidden;}

.stampTypeFakeDropDown{display: inline-block;left: 188px;z-index: 9999;top: 20px;position: fixed;background-color: grey;height: 50px;width: 150px;font-size: 1.9em;text-align: center;color: white;border-color: lightgrey;background: transparent url(../images/MM/MM-header-button-bg.png) no-repeat 0px -100px;}
.stampTypeFakeDropDown .triangle{border-top: 10px solid black;border-left: 10px solid grey;border-right: 10px solid grey;border-bottom: 10px;display: block;text-align: center;position: absolute;bottom: 20px;right: 10px;top: 20px;}

.stampTypeDropDown{display: block; left: 188px;z-index: 9999;top: 55px; position: fixed;  background-color: gainsboro;}
.stampTypeDropDown #personnelStampType {width:200px; height: 45px; font-size: 20px;}
.stampTypeDropDown #personnelStampType option{width:200px; height: 45px; font-size: 20px;}
.stampTypeDropDown #personnelStampType th{border-right: 1px solid #a1a9af;background-color: black;color: white; padding: 3px;}
.stampTypeDropDown #personnelStampType td{border-right: 1px solid #a1a9af;}
.stampTypeDropDown #personnelStampType tr:nth-child(even){background-color:#b5b5b5;}

.applicationFooter { z-index: 8888; position: fixed; bottom: 0px; left: 0px; width: 764px; height: 82px; background: #a7abaf url('../images/MM/MM-footer-bg.png') repeat-x 0px 0px; border: 2px solid #000; }
.applicationFooter ul { margin: 0 auto; }
.applicationFooter ul li { float: left; list-style-type: none; position: relative; }
.applicationFooter ul li.add-additionalDocuments.removedTask-true,
.applicationFooter ul li.certification.removedTask-true,
.applicationFooter ul li.review-monitoringInspection.removedTask-true,
.applicationFooter ul li.search-prior.removedTask-true { pointer-events: none; }
.applicationFooter ul li.selected { background: transparent url('../images/MM/MM-action-button-selected-bg.png') no-repeat 0px 0px; }
.applicationFooter ul li a { display: inline-block; width: 109px; height: 82px; background: transparent url('../images/MM/MM-action-buttons.png') no-repeat 0px 0px; }
.applicationFooter ul li.non-routines-NRI a { display: inline-block; width: 0.1px; height: 82px; }
.applicationFooter ul li.non-routines-task a { display: inline-block; width: 0.1px; height: 82px; }
.applicationFooter ul li span.status-icon { display: none; }
.applicationFooter ul li.show-status-true span.status-icon { display: block; width: 31px; height: 32px; line-height: 32px; position: absolute; top: -2px; right: -1px; text-align: center; font-size: 1.2em; font-weight: bold; color: #fff; background: transparent url('../images/MM/MM-action-status-icons.png') no-repeat 0px 0px; }

/** Hide fixed position elements when form items have focus. **/
/* body.form-field-focus #applicationHeader,
body.form-field-focus #applicationFooter { display: none; } */

body.form-field-focus #applicationHeader { position: relative; } 

#applicationBackground { background: #4b7fc9 url('../images/MM/MM-page-bg.jpg') no-repeat 0px 0px; position: fixed; width: 768px; height: 1030px; margin: 82px 0 0 0; }
#applicationBody { position: absolute; top: 82px; width: 768px; overflow-x: hidden; min-height: 500px;}
#certificationActivitiesViewContainer .section-title  { height:auto; }
h3.section-title {width: 766px;height: 58px;line-height: 58px;color: #f5f6f8;font-weight: bold;font-size: 2.7em;text-align: center;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;border: 1px solid #000;}
h3.section-title span.section-total { float: right; padding: 0 27px 0 0; }
h3.section-title.sticky-processed span.section-total {float: right;padding: 0 12px 0 0;}
h3.faux-title { position: fixed; /* z-index: 50; display: none;  */}

h4.section-title { width: 734px; height: 40px; line-height: 40px; padding: 0 16px; color: #f5f6f8; font-weight: bold; font-size: 1.8em; background: #282c30 url('../images/MM/MM-section-title-bg-small.png') repeat-x 0px 0px; border: 1px solid #000; }
.raise-nri h4.section-title {font-size:1.4em;}
h4.section-title .viewAllTraining{
	background: #282c30 url("../images/MM/MM-section-title-bg-small.png") repeat-x scroll 0 0;
    border: 1px solid #000;
    color: #f5f6f8;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-top: -4px;
    padding-left: 31px;
    width: 734px;
	
}

h4.section-title span.right { float: right; }
h4.faux-title { position: fixed; }

.form-style { background-color: #e4e7ea; padding: 13px; margin: 13px; border: 3px solid #5d6268; border-radius: 18px; box-shadow: 0 0 12px #0a1947; }
.form-style.clockOnOff {
	background-color: #e4e7ea;
	padding: 13px;
	margin-bottom: 0;
    margin-top: 0;
	border: 3px solid #5d6268;
	border-radius: 18px;
	box-shadow: 0 0 12px #0a1947;
	margin-left: 380px;
    margin-right: 380px;
}

div#clockOffOtherTasks {
position: relative;
top: -36px;
left: 35%;
}

#clockOffOtherTasks span {
   font-size: 3.2em;
   color: #000;
   padding-left: 10px;
}

#clockOffOtherTasksinput#clockOffOtherTasks {
	  display:none;
}

.packageWoTask{font-size: 3.1em; color: #969da3; font-weight: bold;}
.packageWoDesc{font-size: 3.1em; color: #969da3; font-weight: bold;}
.form-style { background-color: #e4e7ea; padding: 13px; margin: 13px; border: 3px solid #5d6268; border-radius: 18px; box-shadow: 0 0 12px #0a1947; }
.form-style h4.form-title { font-size: 3.1em; color: #fff; font-weight: bold; background-color: #969da3; border-bottom: 3px solid #555b60; height: 61px; line-height: 61px; margin: 0 0 13px 0; text-align: center; border-radius: 17px 17px 0 0; }
.form-style .group {background-color: #f5f6f8;border: 3px solid #000000;border-radius: 30px;margin: 0 0 13px 0;/* box-shadow: 0 0 4px #a1a9af; */overflow: hidden;}
.form-style .group:last-of-type { margin-bottom: 0px; }
.form-style .group .group-header,
.form-style .group .group-header.vendor { height: 44px; line-height: 44px; padding-left: 25px; font-size: 2.8em; color: #fff; font-weight: bold; border-bottom: 3px solid #7b8187; background: #7c8288 url('../images/MM/MM-form-style-header-bg.png') repeat-x 0px 0px; }
.form-style .group .form-item { border-bottom: 2px solid #a1a9af; }
.form-style .group .form-item:last-of-type {border-bottom: none;border-radius:  18px;}
.form-style .group .form-item label { font-size: 3.5em; font-weight: bold; color: #000; height: 58px; line-height: 58px; }
.form-style .group .form-item input {display: block;float: right;text-align: right;font-size: 3.5em;color: #2e5cac;height: 58px;line-height: 58px;background-color: transparent;border: none;width: 320px;}
.form-style .group .no-label {  }
.form-style .group .no-label input { float: none; width: 682px; text-align: right; }
.form-style .group .no-label-readonly-leftalign { }
.form-style .group .no-label-readonly-leftalign input { color: #7b8187; float: none; width: 682px; text-align: left; }
.form-style .group .form-item textarea { font-size: 3.4em; color: #2e5cac; font-weight: normal; background: transparent; border: none; width: 100%; font-family: Helvetica, Arial, sans-serif; padding: 11px 0; }
.form-style .group .form-item-label-changed textarea { color: #2e5cac; }
.form-style .group .has-lookup a.lookup { display: block; float: right; width: 54px; height: 54px; background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px; margin: 2px 0 0 0; }
.form-style .group .has-lookup a.itemlookup { width: 41px;; height: 41px; background: transparent url('../images/MM/MM_iPad_LookupIcon_002.png') no-repeat 0px 0px; background-size: contain; margin: 0px 0px 0px 0px; background-position: center;}
.form-style .group .has-lookup a.craftlookup { width: 41px;height: 41px;background: transparent url('../images/MM/MM_iPad_LookupIcon_002.png') no-repeat 0px 0px; background-size: contain; margin: 0px 0px 0px 0px; background-position: center;}
.form-style .group .has-lookup a.serialLookup { width: 23px;height: 41px;background: transparent url('../images/MM/MM_iPad_LookupIcon_002.png') no-repeat 0px 0px; background-size: contain; margin: 0px 0px 0px 0px; background-position: bottom;}
.form-style .group .has-lookup a.equipmentlookup { width: 25px;; height: 41px; background: transparent url('../images/MM/MM_iPad_LookupIcon_002.png') no-repeat 0px 0px; background-size: contain; margin: 0px 0px 0px 0px; background-position: bottom;}
.form-style .group .disabled a.lookup { background-image: url('../images/MM/MM-lookup-button-disabled.png'); }
.form-style .group .has-lookup input { width: 285px; padding-right: 11px; }
.form-style .group .systemAndDescriptionInline-lookup a.lookup {display: inline-block;float: none;width: 54px;height: 54px;background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px;margin: -2px 0 -16px 0;}
.form-style .group .readonly {  }
.form-style .group .readonly label,
.form-style .group .readonly input,
.form-style .group .readonly textarea { color: #7b8187; }
.form-style .group .form-item .radio-item { display: inline-block; padding-right: 30px; }
.form-style .group .form-item .radio-item label { color: #2e5cac; padding-left: 8px; font-weight: normal; }
.form-style .group .form-item .radio-item input { width: 25px; }
.form-style .group .form-item .radio-item-right { float: right; display: inline-block; padding-right: 30px; }
.form-style .group .form-item .radio-item-right label { color: #2e5cac; padding-left: 8px; font-weight: normal; }
.form-style .group .form-item .radio-item-right input { width: 25px; }
.form-style .group .form-item.disabled .radio-item label { color: #7b8187; }
.form-style .group .form-item.disabled .radio-item-right label { color: #7b8187; }
.form-style .group .form-on-date label { font-size: 3.5em; font-weight: bold; color: #808080; height: 58px; line-height: 58px; }
.form-style .group .form-on-date input { display: block; float: right; text-align: right; font-size: 3.5em; color: #808080; height: 58px; line-height: 58px; background-color: transparent; border: none; width: 400px; }
/* iCheck plugin */
.form-style .group .customRadio,
.form-style .group .customCheckbox { display: inline-block; float: left; margin: 13px 0; width: 32px; height: 31px; background: transparent url('../images/MM/MM-checkboxes.png') no-repeat 0px 0px; }
.form-style .group .customRadio { background-position: 0px 0px; }
.form-style .group .customRadio.hover { background-position: 0px -31px; }
.form-style .group .customRadio.checked { background-position: 0px -62px; }
.form-style .group .customRadio.disabled { background-position: 0px -93px; }
.form-style .group .customRadio.checked.disabled { background-position: 0px -124px; }
.form-style .group .customCheckbox { width: 30px; background-position: 0px -155px; }
.form-style .group .customCheckbox.hover { background-position: 0px -186px; }
.form-style .group .customCheckbox.checked { background-position: 0px -217px; }
.form-style .group .customCheckbox.disabled { background-position: 0px -248px; }
.form-style .group .customCheckbox.checked.disabled { background-position: 0px -279px; }
.form-style .group .cannibalizationLookupDisable { display: none; }
#applicationBody .button { display: block; padding: 0 36px; font-weight: bold; font-size: 2.8em; color: #f5f6f8; height: 79px; line-height: 79px; background: transparent url('../images/MM/MM-button-bg.png') repeat-x 0px 0px; border: 3px solid #00337f; border-radius: 30px; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187, -1px 1px 0 #7b8187; }
#applicationBody .notification-delete-button {
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border: 2px solid #00337f;
	border-radius: 24px;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	height: 47px;
	line-height: 47px;
	padding: 0 36px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	width: 51px;
	margin-left: 190px;
	margin-top: 9px;
}

#applicationBody .timeOff-approve-button {
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border-bottom-width: 11px;
	border-radius: 38px;
	border-top-width: 0;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	height: 46px;
	line-height: 40px;
	margin-bottom: 1px;
	margin-left: 80px;
	margin-right: 0px;
	margin-top: 16px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	padding-left: 28px;
	padding-right: 51px;
	width: 46px;
}

#applicationBody .timeOff-reject-button {
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border-radius: 24px;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	height: 49px;
	margin-bottom: 16px;
	padding-left: 36px;
	padding-top: 0;
	width: 46px;
	border-width: 0 33px 0 23px;
	margin-left: 237px;
	margin-right: 13px;
	margin-top: -50px;
	padding-bottom: 0;
	padding-right: 36px;
}

#applicationBody .clockOn-ok-button {
    background: transparent url("../images/MM/MM-button-bg.png") repeat-x scroll right center;
    border-radius: 24px;
    color: #f5f6f8;
    display: block;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 47px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187, -1px 1px 0 #7b8187;
    border-bottom-width: 3px;
    border-top-width: 2px;
    height: 49px;
    margin-bottom: 5px;
    margin-left: 113px;
    margin-top: 19px;
    padding: 0 36px;
    width: 84px;

}

#applicationBody .clockOn-cancel-button {
		background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border-radius: 24px;
	color: #f5f6f8;
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	height: 49px;
	padding-left: 36px;
	padding-top: 0;
	width: 67px;
	margin-left: 284px;
	padding-right: 36px;
	border-top-width: 2px;
    margin-bottom: 2px;
    margin-top: -58px;
	margin-right: 13px;
	padding-bottom: 0;
}
#applicationBody .view-certificate-button {
	display: block;
	padding: 0 36px;
	font-weight: bold;
	font-size: 2.8em;
	color: #f5f6f8;
	line-height: 32px;
	background: transparent url('../images/MM/MM-button-bg.png') repeat-x
		0px 0px;
	border-radius: 30px;
	text-decoration: none;
	text-align: center;
	border-left-width: 96px;
    border-right-width: 96px;
    height: 71px;
    margin-left: 248px;
    margin-right: 248px;
    margin-bottom: 5px;
    margin-top: 12px;
    width: 151px;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
}


.pageType-popup { padding-top: 165px; }
.pageType-popup .popup-inner {width: 604px;margin: 60px 0 0 78px;padding-bottom: 15px;background-color: #f5f6f8;border: 3px solid #7b8187;border-radius: 18px;overflow: hidden;box-shadow: 0 0 12px #0a1947;}
.pageType-popup .popup-inner.pdftypepopup {width: 740px; margin: 0 0 0 15px;bottom:90px;}
.pageType-popup .popup-inner h2 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
.pageType-popup .popup-inner form { background-color: transparent; margin: 0; border: none; border-radius: 0px; box-shadow: none; }
.pageType-popup .popup-inner form .form-item {  }
.pageType-popup .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; }
.pageType-popup .popup-inner form .form-item .input { border: medium none; color: #000; font-size: 3.1em; margin-left: 18px; text-align: left; width: 501px; }
.pageType-popup .popup-inner form .form-item input { width: 479px; margin-left: 20px; text-align: left; color: #000; font-size: 3.1em; background-color: transparent; border: none; }
.pageType-popup .popup-inner .button-wrap { text-align: center; }
.pageType-popup .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
.pageType-popup .popup-inner a.saveButton { float: right; margin-right: 15px; }
.pageType-popup .popup-inner a.cancelButton { width: 120px; margin-left: 15px;}
.pageType-popup .popup-inner form .form-item.editEventPopup input {float:right; width:270px;}
#applicationBody .button {display: block;padding: 0 36px;font-weight: bold;font-size: 2.8em;color: #f5f6f8;height: 79px;line-height: 79px;background: transparent url('../images/MM/MM-button-bg.png') repeat-x 0px 0px;border: 5px solid #00337f;border-radius: 30px;text-decoration: none;text-align: center;text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187, -1px 1px 0 #7b8187;border-bottom: 1px solid #001b44;}

ul.tab-navigation { height: 90px; }
ul.tab-navigation li {list-style-type: none;}
ul.tab-navigation li a { display: block; float: left; width: 379px; height: 88px; line-height: 88px; font-size: 3.6em; font-weight: bold; color: #7b8187; background-color: #f5f6f8; text-align: center; border: 1px solid #000; text-decoration: none; }
ul.tab-navigation li.part-demands a {display: block;float: left;width: 379px;height: 88px;line-height: 88px;font-size: 3.6em;font-weight: bold;color: #7b8187;background: linear-gradient(#f4f5f7, #ccd4db);text-align: center;border: 1px solid #000;text-decoration: none; }
ul.tab-navigation li.vendor a {display: block;float: left;width: 379px;height: 88px;line-height: 88px;font-size: 3.2em;font-weight: bold;color: #7b8187;background: linear-gradient(#f4f5f7, #ccd4db);text-align: center;border: 1px solid #000;text-decoration: none; }
ul.tab-navigation li.selected a { background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px; color: #f5f6f8; text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac; }
ul.tab-navigation li:first-child a { border-right-color: #575d62; }
ul.tab-navigation li:last-child a { border-left-color: #575d62; }

#applicationBody .pagerWrap { clear: both; height: 100px; }
#applicationBody .pagerWrap.pagerHasValid-false { display: none; }
#applicationBody .pagerWrap a.button { display: block; float: left; width: 139px; height: 50px; padding: 0 0 0 11px; margin: 3px 22px 0 22px; line-height: 50px; font-size: 2.4em; font-weight: normal; color: #fff; text-align: center; text-decoration: none; background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px 0px; border: none; border-radius: 0px; text-shadow: none; }
#applicationBody .pagerWrap a.gotoButton { display: block; position:absolute; left:390px; width: 0px; height: 0px; padding: 0 0 0 11px; margin: 8px 22px 0 22px; line-height: 50px; font-size: 2.4em; font-weight: normal; color: #fff; text-align: center; text-decoration: none; border: none; border-radius: 0px; text-shadow: none; }
#applicationBody .pagerWrap a.button.next { float: right; background-position: 0px -50px; padding: 0 11px 0 0; }
#applicationBody .pagerWrap a.button.task { display: block; float: left; width: 50px; height: 50px; padding: 0 0 0 11px; margin: 45px 22px 0 22px; line-height: 50px; font-size: 2.4em; font-weight: normal; color: #fff; text-align: center; text-decoration: none; background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px 0px; border: none; border-radius: 0px; text-shadow: none; }
#applicationBody .pagerWrap a.button.task.firstTaskCard { float: left; background-position: 0px -50px; padding: 0 0 0 11px; }
#applicationBody .pagerWrap a.button.task.prevTaskCard { float: left; background-position: 0px -50px; padding: 0 0 0 11px; }
#applicationBody .pagerWrap a.button.task.nextTaskCard { float: right; background-position: 0px -50px; padding: 0 11px 0 0; transform:rotate(180deg)}
#applicationBody .pagerWrap a.button.task.lastTaskCard { float: right; background-position: 0px -50px; padding: 0 11px 0 0; transform:rotate(180deg)}
#applicationHeader .pagerWrap { position: absolute; width: 400px; bottom: 0; left: calc((100% - 400px) / 2); text-align: center; }
#applicationHeader .pagerWrap input#gotoPageNumber { position: static; top: 0; left: 0; margin: 0 10px 15px auto; }
#applicationHeader .pagerWrap input#gotoPageNumberBetweenTask { position: static; top: 0; left: 0; margin: 0 10px 15px auto; }
#applicationHeader .pagerWrap span.totalPages { position: static; left: 0; margin: 0 0 15px 0; }
#applicationHeader .pagerWrap span.titleForGoTo { position: static; left: 0; margin: 0 0 15px 0; }
#applicationHeader .pagerWrap a.button { width: 50px; content: ">"; }

.lookupPage { padding: 0 0 16px 0; }
.lookupPage a.selectionItem {overflow: hidden;display: block;border: 3px solid #00337f;border-radius: 30px;background: #cbd3da url('../images/MM/MM-right-arrow.png') no-repeat 670px 50%;margin: 16px 22px 0 0px;text-decoration: none;overflow: hidden;width: 718px;}
.lookupPage a.selectionItem span.data-row { display: block; overflow: hidden; min-height: 49px; line-height: 49px; color: #7b8187; border-bottom: 2px solid #a1a9af; background-color: #f5f6f8; font-size: 3.5em; margin: 0 60px 0 0; text-align: right; padding: 0 16px; }
.lookupPage a.selectionItem span.data-row.double-height { min-height: 98px; line-height: 98px; }
.lookupPage a.selectionItem span.data-row:nth-last-child(2),
.lookupPage a.selectionItem span.data-row.half-width:nth-last-child(3) { border-bottom: none; }
.lookupPage a.selectionItem span.data-row label { font-weight: bold; float: left; }
.lookupPage a.selectionItem span.half-width { float: left; width: 297px; margin: 0; }
.lookupPage a.selectionItem span.half-width:nth-child(2n) { padding-right: 15px; border-right: 2px solid #a1a9af; }
.lookupPage a.selectionItem span.half-width:nth-child(2n + 1) {padding-left: 15px; }
.lookupPage a.selectionItem span.data-row-desc {display: block;overflow: hidden;min-height: 49px;line-height: 49px;color: #7b8187;border-bottom: 2px solid #a1a9af;background-color: #f5f6f8;font-size: 3.5em;margin: 0 60px 0 0;text-align: right;padding: 0 16px;float: left;}
.lookupPage a.selectionItem span.data-row-desc {display: block;overflow: hidden;min-height: 49px;line-height: 49px;color: #7b8187;border-bottom: 2px solid #a1a9af;background-color: #f5f6f8;font-size: 3.5em;margin: 0 60px 0 0;text-align: right;padding: 0 16px;float: left;}
.lookupPage a.selectionItem span.data-row-desc.double-height { min-height: 98px; line-height: 98px; }
.lookupPage a.selectionItem span.data-row-desc:nth-last-child(2),
.lookupPage a.selectionItem span.data-row-desc.full-width:nth-last-child(3) {border-bottom: none;float: left;max-width: 625px;width: 625px;}
.lookupPage a.selectionItem span.data-row-desc label {font-weight: bold;float: left;padding-right:  15px;}
.lookupPage a.selectionItem span.cannibalization-true { background-color: #FFFFB2; }
.contextMenuWrap { display:block !important; width: 100% !important; height: 100%; background: transparent url('../images/MM/loading-bg.png') repeat 0px 0px; position: fixed; top: 0px; left: 0px; z-index: 8888; }
.contextMenuWrap .contextMenu { position: absolute; bottom: 0px; margin-left: 32px; }
.contextMenuWrap .contextMenuGroup { margin-bottom: 20px; background-color: #e4e7ea; border-radius: 20px; width: 700px; text-align: center; box-shadow: 0 0 10px #0a1947; border-width: 2px; border-style: solid; border-color: #7b8187; }
.contextMenuWrap .contextMenuItem:last-child { border-bottom: none !important; }
.contextMenuWrap .contextMenuItem { display: block; text-decoration: none; color: #7b8187; line-height: 80px; height: 80px; border-bottom: 2px solid #a1a9af; cursor: pointer; font-size: 3.5em; font-weight: bold; color: #000; }
.contextMenuWrap .menuCancelCommand { color : rgb(231, 76, 76) !important; }

a.menuCommand {text-decoration: none;}

.splash-screen{width: 100%; height: 100%; background-color: #1c509c; position: fixed; z-index: 999999 !important; }
.splash-screen img{max-width: 60%; position:relative; top: 45%;left: 20%}

/** Login page **/
#loginPage { background: transparent url('../images/MM/MM-splash.jpg') no-repeat 0px 0px; width: 768px; height: 700px; padding: 330px 0 0 0; }

#loginPage[bgImage="Transit"] {background: transparent url('../images/MM/Login_Transit_BG.png') no-repeat 0px 0px; width: 768px; height: 700px; padding: 330px 0 0 0;}

#loginPage .popup-wrap {width: 524px;margin: 0 0 0 118px;background-color: #f5f6f8;border: 3px solid #7b8187;border-radius: 18px;box-shadow: 0 0 12px #0a1947;height: 400px;}
#loginPage .popup-wrap h2 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; border-radius: 15px 15px 0 0; }
#loginPage .popup-wrap form#login-form { padding: 15px 38px; }
#loginPage .popup-wrap form#login-form .form-item input { font-size: 3.1em; color: #cbd3da; width: 416px; height: 75px; line-height: 75px; padding: 0 13px; border: 3px solid #7b8187; }
#loginPage .popup-wrap form#login-form .form-item-username input.form-text { border-radius: 30px 30px 0 0; }
#loginPage .popup-wrap form#login-form .form-item-password input.form-password { border-radius: 0 0 30px 30px; border-top: none; }
#loginPage .popup-wrap form#login-form .form-item-label-changed input { color: #333333; }
#loginPage .popup-wrap form#login-form .button {margin: 15px 0 0 0;float: left;position: relative;font-weight: bold;}
#loginPage .popup-wrap form#login-form .button img { position: absolute; top: 10px; left: 24px; }
#loginPage .popup-wrap form#login-form .loginButton {width: 370px;text-align: center;}
#loginPage .popup-wrap form#login-form .openIdButton {width: 370px;text-align: center; white-space:nowrap; font-weight: normal;}
#loginPage .popup-wrap form#login-form .loginButton img { left: 13px; }
#loginPage .popup-wrap form#login-form a.changePassword{font-size: 2.4em;right: 3px;height: 65px;text-shadow: inherit;text-align: center;line-height: 55px;border-width: thick;color: #1c4c9a; margin-left: 247px;}


/** Package and shop selection page **/
#packageSelection {  }
#packageSelection .spacer { height: 165px; }
#packageSelection form.package-and-shop-style .group { margin-bottom: 11px; }
#packageSelection form.package-and-shop-style .form-item input { width: 360px; }
#packageSelection form.package-and-shop-style .form-item:last-of-type { border-bottom: 1px solid #7b8187; }
#packageSelection form.package-and-shop-style a.taskViewSubmit { display: block; margin: 0 auto; font-size: 3.5em; font-size: 3em; float: right;width: 220px;}
#packageSelection form.package-and-shop-style a.verifySerial {font-size: 3em; float: left;width: 220px;}
#packageSelection .border-wrap { display: block; margin: 0 auto 55px auto; border: 2px solid #5d6268; border-radius: 18px; background-color: #e4e7ea; width: 616px; padding: 17px; box-shadow: 0 0 12px #0a1947; }
#packageSelection .border-wrap h2 { font-size: 3.8em; font-weight: bold; color: #7b8187; }
/** Clock on details **/
#packageSelection .clock-on-wrap { width: 654px; margin: 0 auto; position: relative; }
#packageSelection .clock-on-wrap a.clock-on-details { display: block; width: 620px; height: 86px; line-height: 86px; padding: 0 20px 0 10px; font-size: 3.8em; font-weight: bold; text-decoration: none; color: #7b8187; }
#packageSelection .clock-on-wrap a.clock-on-details span.right-arrow { float: right; display: block; width: 38px; height: 86px; background: transparent url('../images/MM/MM-right-arrow.png') no-repeat 0px 50%; }
/** Clock on button **/
#packageSelection .clock-on-wrap a.clock-on { display: block; position: absolute; top: 6px; right: 80px; width: 165px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-bg.png') no-repeat 0px 0px; text-decoration: none; }
#packageSelection .clock-on-wrap a.clock-on span.clock-on-image { display: block; float: left; width: 79px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-buttons.png') no-repeat 0px 0px; z-index: 50; }
#packageSelection .clock-on-wrap a.clocked-OFF span.clock-on-image,
#packageSelection .clock-on-wrap a.clocked- span.clock-on-image { float: right; background-position: 0px -81px; }
/** On/Off/Time labels **/
#packageSelection .clock-on-wrap a.clock-on span.label-wrapper { display: block; height: 79px; padding: 0 2px 0 79px; font-size: 3.0em; text-align: center; color: #000; }
#packageSelection .clock-on-wrap a.clocked-OFF span.label-wrapper,
#packageSelection .clock-on-wrap a.clocked- span.label-wrapper { padding: 0 79px 0 2px; }
#packageSelection .clock-on-wrap a.clock-on span.label-wrapper span { display: block; height: 35px; padding: 4px 0 1px 0; }
#packageSelection .clock-on-wrap a.clock-on span.label-wrapper span.clock-on-timer { padding: 0 0 4px 0; }
/** Notifications **/
.notificationWrap {  }
.notificationWrap .notification { background-color: #fff; border: 2px solid #7b8187; border-radius: 10px; padding: 22px 0; margin-top: 17px; background-position: 0px 50%; background-repeat: no-repeat; }
.notificationWrap .notification.note-type-alert,
.notificationWrap .notification.note-type-alert-red { background-color: #fef1be; background-image: url('../images/MM/MM-notification-icon-alert.png'); }
.notificationWrap .notification.note-type-alert-red { background-color: #fccbcb; }
.notificationWrap .notification.note-type-pending-clock { background-image: url('../images/MM/MM-notification-icon-orange-clock.png'); }
.notificationWrap .notification.note-type-approve-clock { background-image: url('../images/MM/MM-notification-icon-green-clock.png'); }
.notificationWrap .notification.note-type-reject-clock { background-image: url('../images/MM/MM-notification-icon-red-clock.png'); }
.notificationWrap .notification.note-type-cancel-clock { background-image: url('../images/MM/MM-notification-icon-blue-clock.png'); }
.notificationWrap .notification .text { padding-left: 66px; font-size: 2.2em; color: #7b8187; padding-right: 10px; }
.notificationWrap .notification .text .enrollment-Requested {
    background: rgba(0, 0, 0, 0) linear-gradient(#f9a34e, #C2630C) repeat scroll 0 0;
    border: 2px solid #DD832D;
    border-radius: 12px;
    display: inline-block;
    float: left;
    height: 68px;
    position: static;
    width: 68px;
	margin-bottom: 0;
    margin-left: -54px;
    margin-top: 15px;
}
.notificationWrap .notification .text .enrollment-Requested span {
    background: rgba(0, 0, 0, 0) url("../images/MM/MM-register-course-check-icon.png") no-repeat scroll 50% 50%;
    display: inline-block;
    height: 68px;
    width: 68px;
}

.notificationWrap .notification .text .enrollment-Approved {
    background: rgba(0, 0, 0, 0) linear-gradient(#5E9E5F, #326535) repeat scroll 0 0;
    border: 2px solid #316435;
    border-radius: 12px;
    display: inline-block;
    float: left;
    height: 68px;
    position: static;
    width: 68px;
	margin-bottom: 0;
    margin-left: -54px;
    margin-top: 15px;
}
.notificationWrap .notification .text .enrollment-Approved span {
    background: rgba(0, 0, 0, 0) url("../images/MM/MM-register-course-check-icon.png") no-repeat scroll 50% 50%;
    display: inline-block;
    height: 68px;
    width: 68px;
}
.notificationWrap .notification .text .enrollment {
    color: #7b8187;
    padding-left: 60px;
    padding-right: 10px;
    position: relative;
    height: 76px;
    left: 19px;
	margin-left: -59px;
}
.notificationWrap .notification a.training-button { display: block; clear: both; padding: 8px 0 0 0; color: inherit; font-style: italic; }
#notificationBadge {
	position: relative;
	color: #FFFFFF;
	font-size: 16px; /*padding:0px 3px; */
	float: right;
	border-radius: 50%;
	border: 2px solid #FFF;
	background: #B40404;
	width: 24px;
	height: 24px;
	text-align: center;
	font-weight: bold;
}

/** Training workspace **/
#trainingWorkspace {  }
#trainingWorkspace .course-wrap { display: block; margin: 16px 22px; border: 3px solid #00337f; border-radius: 30px; background-color: #f5f6f8; box-shadow: 0 0 12px #0a1947; }
#trainingWorkspace .course-wrap a { display: inline-block; width: 68px; height: 68px; border-radius: 12px; border: 2px solid #00337f;
	background: -webkit-linear-gradient(#2e5cac, #00337f);
	background: -o-linear-gradient(#2e5cac, #00337f);
	background: -moz-linear-gradient(#2e5cac, #00337f);
	background: linear-gradient(#2e5cac, #00337f); }
#trainingWorkspace .course-wrap.registered a { border-color: #007f09;
	background: -webkit-linear-gradient(#2eac40, #007f09);
	background: -o-linear-gradient(#2eac40, #007f09);
	background: -moz-linear-gradient(#2eac40, #007f09);
	background: linear-gradient(#2eac40, #007f09); }
#trainingWorkspace .course-wrap a span { display: inline-block; width: 68px; height: 68px; background: transparent url('../images/MM/MM-register-course-icon.png') no-repeat 50% 50%; }
#trainingWorkspace .course-wrap.registered a span { background-image: url('../images/MM/MM-register-course-check-icon.png'); }
#trainingWorkspace .course-wrap div { color: #5d6268; font-size: 2.8em; height: 45px; line-height: 45px; overflow: hidden; padding: 0 16px; border-bottom: 2px solid #a1a9af; }
#trainingWorkspace .course-wrap .register { float: right; height: 72px; padding: 10px; border-left: 2px solid #a1a9af; }
#trainingWorkspace .course-wrap .training-title { font-weight: bold; }
#trainingWorkspace .course-wrap .half-width { float: left; width: 324px; border-bottom: none; }
#trainingWorkspace .course-wrap .training-start { border-right: 2px solid #a1a9af; }
#trainingWorkspace .course-wrap .training-shop-tc { border-top: 2px solid #a1a9af; border-right: 2px solid #a1a9af; }
#trainingWorkspace .course-wrap .training-cert-tc { border-top: 2px solid #a1a9af; }
#trainingWorkspace .course-wrap.requested a { border-color: #DD832D;
	background: -webkit-linear-gradient(#f9a34e, #C2630C);
	background: -o-linear-gradient(#f9a34e, #C2630C);
	background: -moz-linear-gradient(#f9a34e, #C2630C);
	background: linear-gradient(#f9a34e, #C2630C); }
#trainingWorkspace .course-wrap.requested a span { background-image: url('../images/MM/MM-register-course-check-icon.png'); }


/** Flyout settings page **/
#flyoutPage { display: none; z-index: 9999; position: fixed; top: 0; left: 0; width: 678px; min-height: 1000px; border: 1px solid #000;
	background: -webkit-linear-gradient(#4f5458, #2e3133);
	background: -o-linear-gradient(#4f5458, #2e3133);
	background: -moz-linear-gradient(#4f5458, #2e3133);
	background: linear-gradient(#4f5458, #2e3133); }
#flyoutPage .shadow { width: 678px; padding: 15px 0 0 0; box-shadow: -11px 0 9px -5px #292929 inset; margin-bottom: 10px; /* background: transparent url('../images/MM/MM-flyout-inner-shadow.png') repeat-y 100% 0px; */ }
#flyoutPage a#flyout { display: block; float: right; width: 61px; height: 52px; background: transparent url('../images/MM/MM-flyout-icon.png') no-repeat 0px 0px; margin: 0 610px 0 0; }
#flyoutPage a.settings { display: block; float: right; width: 54px; height: 52px; background: transparent url('../images/MM/MM-settings-button-small.png') no-repeat 4px -2px; margin: -55px 22px 0 0; }
#flyoutPage #notificationBadge {
	display: block;
	margin-top: -5px;
	margin-right: -618px;
	left: -560px;
}
#filterWSHeader{width: 496px;height: 48px;border: 2px solid #000000;border-top-left-radius: 15px;border-top-right-radius: 15px;position: absolute;line-height: 50px;text-align: center;border-bottom: none !important;z-index: 100;box-shadow: 0px 10px #64696e !important;background-color: #64696e !important;top:28px;color: #ffffff;left: 86px;font-size: 3.5em;font-weight: bold;}
#flyoutPage form { background-color: transparent; border: none; border-radius: 0px; box-shadow: none; margin: 70px 28px 0 28px; }
#flyoutPage form .group { background-color: #64696e; border: 2px solid #000; box-shadow: none; margin: -22px 0 30px 0; }
#flyoutPage form .group .form-item { background-color: #d5d8d7; border: 2px solid #000; border-radius: 30px; margin: 16px 12px; }
#flyoutPage form .group .form-item:last-of-type { border-bottom: 2px solid #000; }
#flyoutPage form .group h4 { font-size: 2.4em; padding: 10px 12px 10px 12px; color: #ddd; }
#flyoutPage form .group h4.taskGrouping { font-size: 2.4em; padding: 16px 12px 0px 12px; color: #ddd; }
#flyoutPage form .group a.filter-button { display: inline-block; width: 271px; height: 60px; line-height: 60px; font-size: 2.2em; color: #25282a; font-weight: bold; text-decoration: none; text-align: center; border: 2px solid #474c50; border-radius: 9px; margin: 0 0 14px 13px;
	border: 2px solid #474c50; border-radius: 9px; margin: 0 0 14px 13px;
	background: -webkit-linear-gradient(#d8dbde, #8e9498);
	background: -o-linear-gradient(#d8dbde, #8e9498);
	background: -moz-linear-gradient(#d8dbde, #8e9498);
	background: linear-gradient(#d8dbde, #8e9498); }
#flyoutPage form .group a.filter-button.width-33 { width: 174px; }
#flyoutPage form .group a.filter-button.selected { border-color: #073079; color: #01286b;
	-moz-box-shadow:	inset 3px 6px 5px -1px #a3ccf1;
	-webkit-box-shadow:	inset 3px 6px 5px -1px #a3ccf1;
	box-shadow:			inset 3px 6px 5px -1px #a3ccf1;
	background: -webkit-linear-gradient(#83baec, #325da6);
	background: -o-linear-gradient(#83baec, #325da6);
	background: -moz-linear-gradient(#83baec, #325da6);
	background: linear-gradient(#83baec, #325da6); }
#flyoutPage form .group a.filter-button.selected span { display: inline-block; width: 271px; height: 60px; line-height: 60px;
	-moz-box-shadow:	inset -3px -3px 5px -1px #285095;
	-webkit-box-shadow:	inset -3px -3px 5px -1px #285095;
	box-shadow:			inset -3px -3px 5px -1px #285095;
}
#flyoutPage form .group a.filter-button.width-33.selected span { width: 174px; }
#flyoutPage form .group.filter-group { padding-bottom: 4px; /* margin: -23px 0 0 0; */}
#flyoutPage form .button, .navigatorFooter .button { display: inline-block; width: 205px; margin: -15px 0 14px 13px; padding: 0 36px; font-weight: bold; font-size: 2.8em; color: #f5f6f8; height: 79px; line-height: 79px; background: transparent url('../images/MM/MM-button-bg.png') repeat-x 0px 0px; border: 3px solid #00337f; border-radius: 30px; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187, -1px 1px 0 #7b8187; }
/* #flyoutPage form .addTaskRemoved{
    transform: translate(50%, 20%);
}
#flyoutPage form .verifySerialButton { 
	width: 300px;
	height: 60px;
	line-height: 60px;
	margin-top: 5px;
	border-radius: 30px;
} */

#flyoutPage form .easaInfo { margin-top: 25px; }
.navigatorFooterDummy{height:70px;padding-bottom: 600px;}
.navigatorFooter{z-index: 8888;position: fixed;left: 0px;width: 677px;height: 80.5px;background: #a7abaf url(../images/MM/MM-footer-bg.png) repeat-x 0px 0px;border: 2px solid #000;bottom: 0;}
.navigatorFooter #viewTasksSiaec {height: 60px; line-height: 60px; left: 178px; position: absolute; top: 22px;}
.navigatorFooter .moreApplicationMenus {right: 6px;}
.navigatorFooter #applicationMenu{height: 112px; width: 300px; top: -152px; left: -224px;}
.navigatorFooter #applicationMenu a{padding: 0px 10px; float: left; width: 275px; height: 60px; line-height: 60px;}

/** Flight View Page**/
h3.section-title.flight {width: 766px;height: 58px;line-height: 58px;color: #f5f6f8;font-weight: bold;font-size: 1.7em;text-align: center;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;border: 1px solid #000;text-indent: 40px;}
h3.section-title.flight span.section-total { float: right; padding: 0 27px 0 0; }
h3.section-title.subFlight div.section-alert {
	background-repeat:	no-repeat ;
	background-size:	25px 25px  ;
	background-position: 4px 18px;
	float: right;width: 25px;
	height: 100%;
	padding-left: 5px;
} 
h3.section-title.subFlight div.section-alert.Flight.Cancellation.Alert.UnAck { background-image: 	url('../images/MM/Flight_Cancellation_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Air.Turn.Back.Alert.UnAck { background-image: 	url('../images/MM/Air_Turn_Back_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Aircraft.Landed.Alert.UnAck { background-image: 	url('../images/MM/Aircraft_Landed_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Critical.Task.Alert.UnAck { background-image: 	url('../images/MM/Critical_Task_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Customer.Priority.Alert.UnAck { background-image: 	url('../images/MM/Customer_Priority_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Duplicate.Inspection.Alert.UnAck { background-image: 	url('../images/MM/Duplicate_Inspection_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Mechanic.Not.at.Gate.UnAck { background-image: 	url('../images/MM/Mechanic_Not_at_Gate_UnAck.png') }
h3.section-title.subFlight div.section-alert.Flight.Delay.Alert.UnAck { background-image: 	url('../images/MM/Flight_Delay_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Flight.Cancellation.Alert.UnAck { background-image: 	url('../images/MM/Flight_Cancellation_Alert.png') }
h3.section-title.subFlight div.section-alert.Early.Arrival.UnAck { background-image: url('../images/MM/Early_Arrival_UnAck.png') }
h3.section-title.subFlight div.section-alert.Operational.Restriction.Alert.UnAck { background-image: url('../images/MM/Operational_Restriction_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Diversion.Alert.UnAck { background-image: url('../images/MM/Diversion_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Pest.Control.Alert.UnAck { background-image: url('../images/MM/Pest_Control_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Serviceable.Aircraft.Alert.UnAck { background-image: url('../images/MM/Serviceable_Aircraft_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.VIP.Flight.Alert.UnAck { background-image: url('../images/MM/VIP_Flight_Alert_UnAck.png') }
h3.section-title.subFlight div.section-alert.Work.At.Height.Alert.UnAck { background-image: url('../images/MM/Work_At_Height_Alert_UnAck.png') }

h3.section-title.subFlight div.section-alert.Air.Turn.Back.Alert { background-image: 	url('../images/MM/Air_Turn_Back_Alert.png') }
h3.section-title.subFlight div.section-alert.Aircraft.Landed.Alert { background-image: 	url('../images/MM/Aircraft_Landed_Alert.png') }
h3.section-title.subFlight div.section-alert.Critical.Task.Alert { background-image: 	url('../images/MM/Critical_Task_Alert.png') }
h3.section-title.subFlight div.section-alert.Customer.Priority.Alert { background-image: 	url('../images/MM/Customer_Priority_Alert.png') }
h3.section-title.subFlight div.section-alert.Duplicate.Inspection.Alert { background-image: 	url('../images/MM/Duplicate_Inspection_Alert.png') }
h3.section-title.subFlight div.section-alert.Mechanic.Not.at.Gate { background-image: 	url('../images/MM/Mechanic_Not_at_Gate.png') }
h3.section-title.subFlight div.section-alert.Flight.Delay.Alert { background-image: 	url('../images/MM/Flight_Delay_Alert.png') }
h3.section-title.subFlight div.section-alert.Mechanic.Not.at.Gate.Alert { background-image: url('../images/MM/Mechanic_Not_at_Gate.png') }
h3.section-title.subFlight div.section-alert.Flight.Delay.Alert { background-image: url('../images/MM/Flight_Delay_Alert.png') }
h3.section-title.subFlight div.section-alert.Early.Arrival.Alert { background-image: url('../images/MM/Early_Arrival_Alert.png') }
h3.section-title.subFlight div.section-alert.Operational.Restriction.Alert { background-image: url('../images/MM/Operational_Restriction_Alert.png') }
h3.section-title.subFlight div.section-alert.Diversion.Alert { background-image: url('../images/MM/Diversion_Alert.png') }
h3.section-title.subFlight div.section-alert.Pest.Control.Alert { background-image: url('../images/MM/Pest_Control_Alert.png') }
h3.section-title.subFlight div.section-alert.Serviceable.Aircraft.Alert { background-image: url('../images/MM/Serviceable_Aircraft_Alert.png') }
h3.section-title.subFlight div.section-alert.VIP.Flight.Alert { background-image: url('../images/MM/VIP_Flight_Alert.png') }
h3.section-title.subFlight div.section-alert.Work.At.Height.Alert { background-image: url('../images/MM/Work_At_Height_Alert.png') }

.task-view-list h3.section-title.Inbound,.task-view-list h3.section-title.Outbound {text-align: left;padding-left: 53px;width: 713px;text-indent: 40px;}
.task-view-list h3.section-title a.show-hide.Inbound {
 display: block;
 width: 766px;
 height: 58px;
 background-image: 	url('../images/MM/MM-section-title-plus.png'),
 			url('../images/MM/MM_Misc_InboundFlight_001.png');
 background-repeat:	no-repeat, no-repeat;
 background-size: 25px 25px ,45px 40px;
 background-position: 13px 13px,43px 3px;
 position: absolute;
 }

.task-view-list h3.section-title a.show-hide.Outbound {
 display: block;
 width: 766px;
 height: 58px;
 background-image: 	url('../images/MM/MM-section-title-plus.png'),
 			url('../images/MM/MM_Misc_OutboundFlight_001.png');
 background-repeat:	no-repeat, no-repeat;
 background-size: 25px 25px,45px 28px;
 background-position: 13px 13px,43px 14px;
 position: absolute;
 } 

.task-view-list h3.section-title a.hide.Inbound {
 background-image:  	url('../images/MM/MM-section-title-minus.png'),
 			url('../images/MM/MM_Misc_InboundFlight_001.png');
 background-repeat:	no-repeat, no-repeat;
 background-size: 25px 25px ,45px 40px;
 background-position: 13px 13px,43px 3px;
 }
 
.task-view-list h3.section-title a.hide.Outbound {
 background-image:  	url('../images/MM/MM-section-title-minus.png'),
 			url('../images/MM/MM_Misc_OutboundFlight_001.png');
 background-repeat:	no-repeat, no-repeat;
 background-size: 25px 25px ,45px 28px;
 background-position: 13px 13px,43px 14px;
 }
 
h3.section-title.subFlight {width: 766px;height: 58px;line-height: 58px;color: #f5f6f8;font-weight: bold;font-size: 1.9em;text-align: center;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;border: 1px solid #000;text-indent: 40px;}
h3.section-title.task {width: 766px;height: 58px;line-height: 58px;color: #f5f6f8;font-weight: bold;font-size: 2.1em;text-align: center;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;border: 1px solid #000;text-indent: -10px;}

/** AOG Issues System Look up page **/
#applicationHeader .header-wrapper .symlookupFilter { position: absolute; top: 16px; left: 173px; }
#applicationHeader .header-wrapper .symlookupFilter input { width: 450px; height: 47px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 60px; border: 1px solid #000; border-radius: 5px; background: #454b50 url('../images/MM/MM-spyglass.png') no-repeat 516px 50%; }

/** Task view page **/
#applicationHeader .header-wrapper .lookupFilter { position: absolute; top: 16px; left: 97px; }
#applicationHeader .header-wrapper .lookupFilter input {width: 550px;height: 47px;line-height: 47px;font-size: 2.3em;color: #acadc3;font-style: italic;padding: 0 50px 0px 20px;border: 1px solid #000;border-radius: 5px;background: #454b50 url('../images/MM/MM-spyglass.png') no-repeat 575px 50%;}
#applicationHeader .header-wrapper .lookupFilter input.aosSerialSearch{width: 250px;height: 47px;margin-left: auto;line-height: 47px;font-size: 2.3em;color: #acadc3;font-style: italic;padding: 0 50px 0 20px;background: #454b50 url('../images/MM/MM-spyglass.png') no-repeat 275px 50%;}
#applicationHeader .header-wrapper .lookupFilter input.assetTypeSearch,
#applicationHeader .header-wrapper .lookupFilter input.prodGroupSearch {width: 420px; height: 47px; margin-left: 80px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url(../images/MM/MM-spyglass.png) no-repeat 446px 50%; }
#applicationHeader .header-wrapper .lookupFilter input.crewSearch {margin-left: 80px;width: 480px;}
#applicationHeader .header-wrapper .lookupFilter .form-item-active input,
#applicationHeader .header-wrapper .lookupFilter .form-item-label-changed input { font-style: normal; color: #f5f6f8; }
#applicationHeader .header-wrapper .lookupFilter input[name="dont-submit-me"] { display: none; }
#applicationHeader .header-wrapper .lookupFilter a { display: block; width: 50px; height: 47px; text-indent: -9999px; position: absolute; top: 1px; right: 1px; }
#applicationHeader .header-wrapper .taskAssignmentViewOnDemandSearch.lookupFilter input { margin-left: 85px; width: 300px; height: 47px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url('../images/MM/MM-spyglass.png') no-repeat 325px 50%; }
.task-view-list {  }
.task-view-list h3.section-title,
.task-view-list h3.faux-title { text-align: left; padding-left: 54px; width: 713px; }
.task-view-list h3.section-title { position: relative; }
.task-view-list h3.faux-title { position: fixed; top: 82px; }
.task-view-list h3.section-title a.show-hide,
.task-view-list h3.faux-title a.show-hide { display: block; width: 766px; height: 58px; background: transparent url('../images/MM/MM-section-title-plus.png') no-repeat 13px 50%; position: absolute; top: 0; left: 0; }
.task-view-list h3.section-title a.hide,
.task-view-list h3.faux-title a.hide { background-image: url('../images/MM/MM-section-title-minus.png'); }
.task-view-list .section-area {  }
.task-view-list .section-area .section-loading { display: none; padding: 8px 0; text-align: center; background-color: #d7dee5; border: 1px solid #5d6268; border-right-width: 2px; }
#applicationBody .task-view-list .section-area .loadMoreButtonWrap { text-align: center; padding: 8px 0; background-color: #d7dee5; border: 1px solid #5d6268; border-right-width: 2px; }
#applicationBody .task-view-list .section-area .loadMoreButtonWrap a.button { display: inline-block; font-weight: bold; }
#applicationBody .task-view-list .section-area .loadMoreButtonWrap .section-loading { border: none; padding: 0; }
#applicationBody .task-view-list .loadMoreButtonWrap {text-align: center; padding: 8px 0; background-color: #d7dee5; border: 1px solid #5d6268; border-right-width: 2px; }
#applicationBody .task-view-list .loadMoreButtonWrap a.button {display: inline-block; font-weight: bold;}
.task-view-list .section-area-hide { display: none; }
.task-view-list .task-wrap { width: 766px; height: 194px; border: 1px solid #5d6268; background-image: url('../images/MM/task-bg-grey.png'); }
.task-view-list .task-wrap.addTask {height: 210px;}
.task-view-list .UpdateDeferralDetailsAction-true-true { background-image: url('../images/MM/task-bg-red.png'); }
.task-view-list .task-wrap.numChildren-0 { background-image: url('../images/MM/task-bg-grey.png'); }
.task-view-list .task-wrap.UpdateDeferralDetailsAction-TL { background-image: url('../images/MM/task-bg-yellow.png'); }
.task-view-list .task-wrap.UpdateDeferralDetailsAction-TL-true { background-image: url('../images/MM/task-bg-red.png'); }
.task-view-list .task-wrap.UpdateNriAction,
.task-view-list .task-wrap.nriTask-1,
.task-view-list .task-wrap.ReadOnlyNriAction { background-image: url('../images/MM/task-bg-gold.png'); }
.task-view-list .task-wrap.removedTask-true,
.task-view-list .task-wrap.removedTask-true.nriTask-,
.task-view-list .task-wrap.removedTask-true.supplementalTask,
.task-view-list .task-wrap.readOnlyTask-true {background: rgba(0, 0, 0, 0) linear-gradient(#a4a8ad, #a4a8ad) repeat scroll 0 0; }
.task-view-list .task-wrap.nriTask- {background: rgba(0, 0, 0, 0) linear-gradient(#EFE4B0, #EFE4B0) repeat scroll 0 0; }
.task-view-list .task-wrap.supplementalTask {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #CCD2CC 50%,#D9DED5 100%) repeat scroll 0 0;  }
.task-view-list .task-wrap.pnriTask- {background-image: none; background: linear-gradient(#C8BFE7, #C8BFE7) repeat scroll 0 0 rgba(0, 0, 0, 0); }
.task-view-list .task-wrap.pnriTask-1 {background-image: none; background: rgba(0, 0, 0, 0) linear-gradient(#B0A4DD, #B0A4DD) repeat scroll 0 0; } 

/* .task-view-list .task-nriapprovalwaiting-true { background-image: url('../images/MM/task-bg-green.png'); } */
.task-view-list .task-wrap .left { width: 498px; padding: 16px 0 0 12px; float: left; }
.task-view-list .task-wrap .left div { height: 40px; font-size: 1.92em; color: #000; padding: 0 0 4px 0; /* white-space: nowrap; */ }
.task-view-list .task-wrap .left div.taskId { padding-right: 8px; }
.task-view-list .task-wrap .left div.taskId span.deferral-type { display: none; padding-left: 40px; }
.task-view-list .task-wrap.deferral-true .left div.taskId span.deferral-type { display: inline; }
.task-view-list .task-wrap .left div.taskTitle { height: 30px; }
.task-view-list .task-wrap.removedTask-false .left div.removeReason {display: none;}
.task-view-list .task-wrap .left div.wo {height:30px; padding-top:10px;}
.task-view-list .task-wrap .left div.list-item { overflow: hidden; word-wrap: break-word;/* overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; */ }
.task-view-list .task-wrap .left div.list-item-half { float: left; width: 210px; }
.task-view-list .task-wrap .left div.phaseField,
.task-view-list .task-wrap .left div.zoneField { width: 283px; padding-right: 7px; }
.task-view-list .task-wrap .left div.plannedTask-PLANNED.TASK,
.task-view-list .task-wrap .left div.logItems-LOG.ITEM {display: block;font-size:1.0em;padding-top:10px;}
.task-view-list .task-wrap .left div.deferrals-DEFFERAL.TASK {display: block;font-size:1.0em;padding: 0 0 0px 0;}
.task-view-list .task-wrap .left div.plannedTask-LOG.ITEM,
.task-view-list .task-wrap .left div.plannedTask-DEFFERAL.TASK,
.task-view-list .task-wrap .left div.logItems-PLANNED.TASK,
.task-view-list .task-wrap .left div.logItems-DEFFERAL.TASK,
.task-view-list .task-wrap .left div.deferrals-PLANNED.TASK,
.task-view-list .task-wrap .left div.deferrals-LOG.ITEM {display: none;}
/** Part availability status **/
.task-view-list .task-wrap .left a.part-demand { display: block; width: 79px; height: 81px; float: right; margin-top: -6px; background: transparent url('../images/MM/MM-task-part-availibility.png') no-repeat 0px 0px; }
.task-view-list .task-wrap.removedTask-true .left a.part-demand { display: none; }
.task-view-list .task-wrap .left a.part-avail-0 {  }
.task-view-list .task-wrap .left a.part-avail-1 { background-position: 0px -81px; }
.task-view-list .task-wrap .left a.part-avail-2 { background-position: 0px -162px; }
.task-view-list .task-wrap .left a.part-avail-3 { background-position: 0px -243px; }
.task-view-list .task-wrap .left a.part-avail-4 { background-position: 0px -405px; }
.task-view-list .task-wrap .left a.part-avail-5 { background-position: 0px -486px; }
.task-view-list .task-status-CO .left a.part-demand { background-position: 0px -324px; }
/** New Assignment - Creation **/
.task-view-list .task-wrap .left a.new-assignments { display: block; width: 79px; height: 81px; float: right; clear: both; margin-top: 9px; background: transparent url('../images/MM/MM-create-task-assignments.png') no-repeat 0px 0px; text-decoration: none;}
.task-view-list .task-wrap.removedTask-true .left a.new-assignments { display: none; }
.task-view-list .task-wrap .left a.assigned-true { background: transparent url('../images/MM/MM-view-task-assignments.png') no-repeat 0px 0px; }
.task-view-list .task-wrap .left a.new-assignments span { color: #FFFFFF; font-size: 2.2em;
    font-weight: bold;
    height: 26px;
    left: 48px;
    line-height: 26px;
    position: relative;
    text-align: right;
    text-decoration: none;
    text-shadow: -1px -1px 0 #BBB958, -1px 1px 0 #BBB958, 1px 1px 0 #BBB958, 1px -1px 0 #BBB958;
    top: 42px;
    width: 26px;} 
.task-view-list .task-wrap .left a.assigned-false span { display: none; }
/** Right pane **/
.task-view-list .task-wrap .right { width: 248px; float: left; padding: 0 0 0 8px; }
.task-view-list .task-wrap .right a.task-details {
    position: sticky;
}
.task-view-list .task-wrap .right a.task-details.workspaceCommand {float:  right;width: 67px;margin-top: 7px;height: 95px;background: #cbd3da url('../images/MM/MM_Action_AlertAndMilestonesViewButton.png') no-repeat 50% 50%;border-left: 2px solid #5d6268;/* border-top: 1px solid #5d6268; */border-bottom: 2px solid #5d6268;border-right: 1px solid #5d6268;}
.task-view-list .task-wrap .right a.task-details.workspaceCommand.false.alertsOn- {cursor:not-allowed;pointer-events:none;color: #7b8187;}
.task-view-list .task-wrap .right a.task-details.workspaceCommand.false.alertsOn-false {cursor:not-allowed;pointer-events:none;color: #7b8187;}
.task-view-list .task-wrap .right a.task-details.workspaceCommand.addTask { margin-top: 107px; height:100px;background: #cbd3da url('../images/MM/Add_To_Package.png') no-repeat 50% 50%;background-size: 40px;}
.task-view-list .task-wrap .right a.task-details.workspaceCommand.alertsOn-true {
    background-color: #f5635c;
    cursor:pointer;
    pointer-events:unset;
}
.task-view-list .task-wrap .right a.task-details.viewCommand {right: 1px;position: absolute;width: 67px;height: 96px; 0pxwidth: 67pxheight: 96pxbackground: #cbd3daurl('../images/MM/MM-right-arrow.png') no-repeat 50% 50%;background: #cbd3da url(../images/MM/MM-right-arrow.png) no-repeat 50% 50%;border-right: 1px solid #5d6268;/* border-bottom:  1px solid #5d6268; */border-left: 2px solid #5d6268;}
.task-view-list .task-wrap .right a.task-details.viewTask {right: 1px;position: absolute;width: 67px;height: 105px; 0pxwidth: 67pxheight: 96pxbackground: #cbd3daurl('../images/MM/MM-right-arrow.png') no-repeat 50% 50%;background: #cbd3da url(../images/MM/MM-right-arrow.png) no-repeat 50% 50%;border-right: 1px solid #5d6268;/* border-bottom:  1px solid #5d6268; */border-left: 2px solid #5d6268;}
.task-view-list .task-wrap .right a.task-details.viewTask.viewTaskInformation {height: 193px;}
.task-view-list .task-wrap .right a.resequence { display: block; float: right; width: 67px; height: 194px; background: #cbd3da url('../images/MM/MM-reseq_task.png') no-repeat 50% 50%; border-right: 1px solid #5d6268; border-left: 2px solid #5d6268; cursor: move;}
.task-view-list .task-wrap .right a.discussion div.discussion {float:  right;width: 67px;margin-top: 7px;height: 95px;background-color: #e60707;border-left: 2px solid #5d6268;border-top: 1px solid #5d6268;border-bottom: 2px solid #5d6268;border-right: 1px solid #5d6268;}
.task-view-list .task-wrap .right a.discussion div.discussion span.discussionUnreadCount{font-size: 20px;color: #f5eeef;position: absolute;left: 220px;line-height: 32px;text-align: center;font-weight: bold;}
/**.task-view-list .task-wrap .right a.discussion {float:  right;  width: 67px; margin-top: 59.5px;height: 30px;width: 27px;background-color: #e60707;border-radius: 50%;border-right: 1px solid #5d6268;border-bottom:  1px solid #5d6268;border-left: 2px solid #5d6268;right: 3px;z-index: 9999;}**/

.task-view-list .task-wrap .right a.discussion div.discussion  {float:  right;/* width: 67px; */margin-top: 59.5px;height: 30px;width: 27px;background-color: #e60707;border-radius: 50%;border-right: 1px solid #5d6268;border-bottom:  1px solid #5d6268;border-left: 2px solid #5d6268;right: 3px;z-index: 9999;}
.task-view-list .task-wrap .right a.disable-reseq-nriTask- { cursor: move;}
.task-view-list .task-wrap .right a.disable-reseq-nriTask-1 { cursor: not-allowed;}
.task-view-list .task-wrap .right a.disable-reseq-supplementalTask {cursor: not-allowed;}
.task-view-list .task-wrap .right a.disable-reseq-pnriTask- {cursor: not-allowed;}
.task-view-list .task-wrap .right a.disable-reseq-pnriTask-1 {cursor: not-allowed;} 
.resequencing-placeholder {border: 3px dashed #aaa; height: 194px; width: 746px; background: #ccc;}
/** Clock on/off **/
.task-view-list .task-wrap .right a.clock-on { display: block; float: left; width: 165px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-bg.png') no-repeat 0px 0px; text-decoration: none; margin: 10px 0 0 0; }
.task-view-list .task-wrap.removedTask-true .right a.clock-on { visibility: hidden; }
.task-view-list .task-wrap .right a.clock-on span.clock-on-image { display: block; float: left; width: 79px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-buttons.png') no-repeat 0px 0px; z-index: 50; }
.task-view-list .task-wrap .right a.clocked-OFF span.clock-on-image,
.task-view-list .task-wrap .right a.clocked- span.clock-on-image { float: right; background-position: 0px -81px; }
.task-view-list .task-status-CO .right a.clocked-OFF,
.task-view-list .task-status-CO .right a.clocked- { background-position: 0 -81px; }
.task-view-list .task-status-CO .right a.clocked-OFF span.clock-on-image,
.task-view-list .task-status-CO .right a.clocked- span.clock-on-image { background-position: 0px -162px; }
.task-view-list .task-status-CO .right a.clocked-OFF {cursor: not-allowed; pointer-events: none; color: #7b8187; }
/** On/Off/Time labels **/
.task-view-list .task-wrap .right a.clock-on span.label-wrapper { display: block; height: 79px; padding: 0 2px 0 79px; font-size: 3.0em; text-align: center; color: #000; }
.task-view-list .task-wrap .right a.clocked-OFF span.label-wrapper,
.task-view-list .task-wrap .right a.clocked- span.label-wrapper { padding: 0 79px 0 2px; }
.task-view-list .task-wrap .right a.clock-on span.label-wrapper span { display: block; height: 35px; padding: 4px 0 1px 0; }
.task-view-list .task-wrap .right a.clock-on span.label-wrapper span.clock-on-timer { padding: 0 0 4px 0; }
.task-view-list .task-status-CO .right a.clocked-OFF span.label-wrapper,
.task-view-list .task-status-CO .right a.clocked- span.label-wrapper { color: #8f9193; }

/**Raise PNRI **/
.task-view-list .task-wrap .right a.raise-pnri { display: none; float: left; clear: left; width: 80px; height: 81px; background: transparent url('../images/MM/MM-task-raise-nri.png') no-repeat 0px 0px; margin: 9px 0 0 0; position: relative; }

/** Raise NRI **/
.task-view-list .task-wrap .right a.raise-nri { display: block; float: left; clear: left; width: 80px; height: 81px; background: transparent url('../images/MM/MM-task-raise-nri.png') no-repeat 0px 0px; margin: 9px 0 0 0; position: relative; }
.task-view-list .task-wrap .right a.raised-true { background-position: 0px -81px; }
.task-view-list .task-wrap .right a.raise-nri span { display: block; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; font-size: 2.2em; position: absolute; bottom: 16px; right: 12px; text-decoration: none; text-shadow: -1px -1px 0 #bbb958, -1px 1px 0 #bbb958, 1px 1px 0 #bbb958, 1px -1px 0 #bbb958; }
.task-view-list .task-wrap .right a.raised-false span { display: none; }
/** Sign off button **/
.task-view-list .task-wrap .right a.sign-off { position: relative; display: block; float: left; width: 79px; height: 81px; background: transparent url('../images/MM/MM-task-sign-off.png') no-repeat 0px 0px; margin: 9px 0 0 7px; }
.task-view-list .task-wrap.removedTask-true .right a.sign-off { display: none; }
/**.task-view-list .task-wrap .right a.sign-off.disabled { cursor: not-allowed; pointer-events: none; color: #7b8187;}**//** comment out to sensitive the long press action for reopen task  **/
/** Status - Partially signed off **/
.task-view-list .task-wrap .right a.sign-off-partial-true { background-position: 0px -81px; }
/** Status - No sign off required,
	Status - Sign off completed **/
.task-view-list .task-wrap .right a.sign-off-require-false { background-position: 0px -162px;pointer-events: none;}
.task-view-list .task-status-CO .right a.sign-off { background-position: 0px -162px; }
/** Checkboxes **/
.task-view-list .task-wrap .right a.sign-off span.check- { display: block; float: left; width: 23px; height: 23px; background: transparent url('../images/MM/MM-task-sign-off-checkbox.png') no-repeat 0px -46px; margin: 28px 0 0 1px; }
.task-view-list .task-wrap .right a.sign-off span.check-.mech {margin-left: 4px;}
.task-view-list .task-wrap .right a.sign-off span.check-.value-true { background-position: 0px -69px; }
.task-view-list .task-wrap .right a.sign-off span.check-.require-false { background-position: 0px 0px; }
.task-view-list .task-status-CO .right a.sign-off span.check-.value-true { background-position: 0px -115px; }
.task-view-list .task-status-CO .right a.sign-off span.check-.require-false { background-position: 0px -92px; }

.task-view-list .task-status-CO .right a.sign-off span.check-required.value-true { background-position: 0px -115px; }
.task-view-list .task-status-CO .right a.sign-off span.check-required.require-false { background-position: 0px -92px; }
.task-view-list .task-status-CO .right a.sign-off span.check-signed.require-false { background-position: 0px -92px; }
.task-view-list .task-wrap .right a.sign-off span.check-required {display: block;float: left;width: 47px;height: 24px;background: transparent url('../images/MM/MM_Misc_MechanicOrInspectorSignoffRequired_001.png');margin-left: x;margin: 28px 0 0 4px;}
.task-view-list .task-wrap .right a.sign-off span.check-signed { display: block; float: left; width: 47px; height: 24px; background: transparent url('../images/MM/MM_Misc_MechanicOrInspectorSignedOff_001.png') ; margin-left: 4px; margin: 28px 0 0 4px; }
.task-view-list .task-wrap .right a.sign-off span.check-required.insp,
.task-view-list .task-wrap .right a.sign-off span.check-signed.insp { display: none; }
/** Instruction sign off levels **/
.task-view-list .task-wrap .right a.sign-off span.instruction-count { position: absolute; left: 0px; display: block; width: 76px; height: 26px; padding: 0 0 0 3px; font-weight: bold; font-size: 1.6em; color: #555; }
.task-view-list .task-wrap .right a.sign-off span.instruction-count.upper { top: 2px; }
.task-view-list .task-wrap .right a.sign-off span.instruction-count.lower { bottom: 5px; }
.task-view-list .task-wrap .right a.sign-off span.instruction-count span { display: block; float: left; width: 23px; text-align: center; margin-left: 1px; line-height: 28px; }
.task-view-list .task-wrap .right a.sign-off span.instruction-count span.display-false,
.task-view-list .task-wrap .right a.sign-off span.instruction-count span.display- { visibility: hidden; }
.task-view-list .task-wrap .right a.sign-off-partial-true span.instruction-count { color: #fff; }
.task-view-list .task-status-CO .right a.sign-off span.instruction-count { color: #b6babe; }

.task-view-list .task-wrap .right a.sign-off label.stamps{font-size: 1.6em; font-weight: bold; color: #000000; position:absolute; right: 9px; top: 5px;}
.task-view-list .task-wrap .right a.sign-off label.totalStamps{font-size: 1.6em; font-weight: bold;color: #000000;position:absolute; top: 54px;right: 9px;}


/* To display or hide required buttons in the task preview for PNRI Header and PNRI sub tasks */
.task-view-list .pnriTask- .left a.new-assignments { display: none; }
.task-view-list .pnriTask- .left a.part-demand { display: none; }
.task-view-list .pnriTask- .right a.raise-nri {display: none; }
.task-view-list .pnriTask- .right a.sign-off { display: none; }
.task-view-list .pnriTask- .right a.clock-on { display: none; }
.task-view-list .pnriTask-1 .left a.new-assignments { display: none; }
.task-view-list .pnriTask-1 .left a.part-demand { display: none; }
.task-view-list .pnriTask-1 .right a.raise-nri {display: none; }
.task-view-list .pnriTask-1 .right a.sign-off { display: none; }
.task-view-list .pnriTask-1 .right a.clock-on { display: none; }
.task-view-list .pnriTask-1 .right a.raise-pnri {float: right; display: block; padding: 5px; background-position: 0 10px;}

/** Detail task view **/
#detailTaskView { padding-bottom: 87px; }
#detailTaskView .applicationFooter ul li.task-card a { background-position: 0px 0px; }
#detailTaskView .applicationFooter ul li.non-routines a { background-position: 0px -82px; }
#detailTaskView .applicationFooter ul li.part-demands a { background-position: 0px -164px; }
#detailTaskView .applicationFooter ul li.part-changes a { background-position: 0px -246px; }
#detailTaskView .applicationFooter ul li.signoffs a { background-position: 0px -328px; }
#detailTaskView .applicationFooter ul li.task-details a { background-position: 0px -410px; }
#detailTaskView .applicationFooter ul li.reference-materials a { background-position: 0px -492px; }
#detailTaskView .applicationFooter ul li.instruction-step a { background-position: 0px 0px; }
#detailTaskView .applicationFooter ul li.clock-on-off a { background-position: 0px -1145px; }
#detailTaskView .applicationFooter ul li.settings a { background-position: 0px -1235px; }
#detailTaskView .applicationFooter ul li.certification a { background-position: 0px -1070px; }
#detailTaskView .applicationFooter ul li.task-labor a { background-position: 0px -985px; }
#detailTaskView .applicationFooter ul li.package-labor a { background-position: 0px -900px; }
#detailTaskView .applicationFooter ul li.task-parts a { background-position: 0px -820px; }
#detailTaskView .applicationFooter ul li.package-parts a { background-position: 0px -735px; }
#detailTaskView .applicationFooter ul li.task-equipment a { background-position: 0px -660px; }
#detailTaskView .applicationFooter ul li.package-equipment a { background-position: 0px -575px; }
#detailTaskView .applicationFooter ul li.new-assignments a { background-position: 0px -574px; }
#detailTaskView .applicationFooter ul li.instruction-step a { background-position: 0px -1312px; }
#detailTaskView .applicationFooter ul li.publications a { background-position: 0px -1476px; }
#detailTaskView .applicationFooter ul li.selected.task-card a { background-position: -109px 0px; }
#detailTaskView .applicationFooter ul li.selected.non-routines a { background-position: -109px -82px; }
#detailTaskView .applicationFooter ul li.selected.part-demands a { background-position: -109px -164px; }
#detailTaskView .applicationFooter ul li.selected.part-changes a { background-position: -109px -246px; }
#detailTaskView .applicationFooter ul li.selected.signoffs a { background-position: -109px -328px; }
#detailTaskView .applicationFooter ul li.selected.task-details a { background-position: -109px -410px; }
#detailTaskView .applicationFooter ul li.search-prior a { background-position: 0px -660px; }
#detailTaskView .applicationFooter ul li.selected.reference-materials a { background-position: -109px -492px; }
#detailTaskView .applicationFooter ul li.selected.instruction-step a { background-position: -109px 0px; }
#detailTaskView .applicationFooter ul li.instruction-step a.disableInstructionSteps { color: rgb(128, 128, 128); }
#detailTaskView .applicationFooter ul li.selected.clock-on-off a { background-position: -109px -1145px; }
#detailTaskView .applicationFooter ul li.selected.settings a { background-position: -109px -1235px; }
#detailTaskView .applicationFooter ul li.selected.certification a { background-position: -109px -1070px; }
#detailTaskView .applicationFooter ul li.selected.task-labor a { background-position: -109px -985px; }
#detailTaskView .applicationFooter ul li.selected.package-labor a { background-position: -109px -900px; }
#detailTaskView .applicationFooter ul li.selected.task-parts a { background-position: -109px -820px; }
#detailTaskView .applicationFooter ul li.selected.package-parts a { background-position: -109px -735px; }
#detailTaskView .applicationFooter ul li.selected.task-equipment a { background-position: -109px -660px; }
#detailTaskView .applicationFooter ul li.selected.package-equipment a { background-position: -109px -575px; }
#detailTaskView .applicationFooter ul li.selected.instruction-step a { background-position: -109px -1312px; }
#detailTaskView .applicationFooter ul li.selected.publications a { background-position: -109px -1476px; }

/* #detailTaskView .applicationFooter ul li.task-card.split-task-true a.splitTaskWS {display: block;}
#detailTaskView .applicationFooter ul li.task-card.split-task-true a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.split-task-true a.pdfTaskWS {display: none;} */

/* Should match the default anchor footer css */
#detailTaskView .applicationFooter ul li.task-card.htmlTaskCard-true.split-task-true.show-status-false.show-cannibalize-false a.actionCommand { display: inline-block; width: 109px; height: 82px; background: transparent url('../images/MM/MM-action-buttons.png') no-repeat 0px 0px; }
#detailTaskView .applicationFooter ul li.selected.task-card.htmlTaskCard-true.split-task-true.show-status-false.show-cannibalize-false a.actionCommand { background-position: -109px 0px; }

#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-false.show-cannibalize-false a.splitTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-false.show-cannibalize-false a.pdfTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-false.show-cannibalize-false a.cannibPDFTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-true.show-status-false.show-cannibalize-false a.pdfTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-true.show-status-false.show-cannibalize-false a.cannibPDFTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-false.show-cannibalize-true a.splitTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-false.show-cannibalize-true a.pdfTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-false.show-cannibalize-true a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.split-task-true.show-status-false.show-cannibalize-true a.splitTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-true.show-status-false.show-cannibalize-true a.pdfTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-true.show-status-false.show-cannibalize-true a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-true.show-cannibalize-false a.splitTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-true.show-cannibalize-false a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-true.show-cannibalize-false a.cannibPDFTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-true.show-status-true.show-cannibalize-false a.splitTaskWS,
#detailTaskView .applicationFooter ul li.task-card.split-task-true.show-status-true.show-cannibalize-false a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.split-task-true.show-status-true.show-cannibalize-false a.cannibPDFTaskWS {display: none;}

#detailTaskView .applicationFooter ul li.task-card.show-status-false.show-cannibalize-true a.splitTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-status-true.show-cannibalize-false a.splitTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-status-true.show-cannibalize-false a.cannibPDFTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-status-false.show-cannibalize-false a.splitTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-status-false.show-cannibalize-false a.cannibPDFTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-status-false.show-cannibalize-false a.pdfTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-status-false.show-cannibalize-true a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.show-status-true.show-cannibalize-false a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.show-status-false.show-cannibalize-true a.pdfTaskWS  {display: none;}

#detailTaskView .applicationFooter ul li.task-card.show-status-true a.actionCommand,
#detailTaskView .applicationFooter #applicationMenu li.task-card.show-status-true a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.show-status-true a.splitTaskWS,
#detailTaskView .applicationFooter #applicationMenu li.task-card.show-status-true a.splitTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-status-false a.pdfTaskWS,
#detailTaskView .applicationFooter #applicationMenu li.task-card.show-status-false a.pdfTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-cannibalize-false a.cannibPDFTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-status- a.pdfTaskWS,
#detailTaskView .applicationFooter #applicationMenu li.task-card.show-status- a.pdfTaskWS,
#detailTaskView .applicationFooter ul li.task-card.show-status-true a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.show-status-false a.workspaceCommand,
#detailTaskView .applicationFooter ul li.task-card.show-status- a.workspaceCommand,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-true a.actionCommand,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status-false a.workspaceCommand,
#detailTaskView .applicationFooter ul li.task-card.split-task-false.show-status- a.workspaceCommand,
#detailTaskView .applicationFooter ul li.part-demands.show-status-true a.actionCommand,
#detailTaskView .applicationFooter ul li.part-demands.show-status-false a.workspaceCommand,
#detailTaskView .applicationFooter ul li.part-demands.show-status- a.workspaceCommand,
#detailTaskView .applicationFooter #applicationMenu li.task-card.show-status-true a.actionCommand,
#detailTaskView .applicationFooter #applicationMenu li.task-card.show-status-false a.workspaceCommand,
#detailTaskView .applicationFooter #applicationMenu li.task-card.show-status- a.workspaceCommand,
#detailTaskView .applicationFooter #applicationMenu li.part-demands.show-status-true a.actionCommand,
#detailTaskView .applicationFooter #applicationMenu li.part-demands.show-status-false a.workspaceCommand,
#detailTaskView .applicationFooter #applicationMenu li.part-demands.show-status- a.workspaceCommand,
#detailTaskView .applicationFooter ul li a span{ display: none; }

#detailTaskView .applicationFooter ul li.non-routines span.status-icon { background-position: 0px -128px; }
#detailTaskView .applicationFooter ul li.part-demands span.status-icon { background-image: url('../images/MM/MM-action-icon-part-availability.png'); }
#detailTaskView .applicationFooter ul li.part-demands span.status-icon.status-0 { background-image: none; }
#detailTaskView .applicationFooter ul li.part-demands span.status-icon.status-1 { background-position: 0px 0px; }
#detailTaskView .applicationFooter ul li.part-demands span.status-icon.status-2 { background-position: 0px -64px; }
#detailTaskView .applicationFooter ul li.part-demands span.status-icon.status-3 { background-position: 0px -96px; }
#detailTaskView .applicationFooter ul li.part-demands span.status-icon.status-4 { background-position: 0px -32px; }
#detailTaskView .applicationFooter ul li.part-demands span.status-icon.status-5 { background-position: 0px -128px; }
#detailTaskView .applicationFooter ul li.part-changes span.status-icon.status-not-started,
#detailTaskView .applicationFooter ul li.signoffs span.status-icon.status-partially-recorded-false { background-position: 0px -192px; }
#detailTaskView .applicationFooter ul li.part-changes span.status-icon.status-incomplete,
#detailTaskView .applicationFooter ul li.signoffs span.status-icon { background-position: 0px -160px; }
#detailTaskView .applicationFooter ul li.signoffs.disabled span.status-icon { display: none; }

#detailTaskView .applicationFooter ul li span.task-details-status-icon { display: none; }
#detailTaskView .applicationFooter ul li.td-status-true span.status-icon { display: block; width: 31px; height: 32px; line-height: 32px; position: absolute; top: -2px; right: -1px; text-align: center; font-size: 1.2em; font-weight: bold; color: #fff; background: transparent url('../images/MM/MM-action-status-icons.png') no-repeat 0px 0px; }

#logDetailTaskView { padding-bottom: 87px; }
#logDetailTaskView .applicationFooter ul li a { width: 127px; background-image: url('../images/MM/MM-action-buttons-tech-log.png'); }
#logDetailTaskView .applicationFooter ul li.non-routines a { background-position: 0px 0px; }
#logDetailTaskView .applicationFooter ul li.part-demands a { background-position: 0px -82px; }
#logDetailTaskView .applicationFooter ul li.part-changes a { background-position: 0px -164px; }
#logDetailTaskView .applicationFooter ul li.signoffs a { background-position: 0px -246px; }
#logDetailTaskView .applicationFooter ul li.task-details a { background-position: 0px -328px; }
#logDetailTaskView .applicationFooter ul li.reference-materials a { background-position: 0px -410px; }
#logDetailTaskView .applicationFooter ul li.selected.non-routines a { background-position: -127px 0px; }
#logDetailTaskView .applicationFooter ul li.selected.part-demands a { background-position: -127px -82px; }
#logDetailTaskView .applicationFooter ul li.selected.part-changes a { background-position: -127px -164px; }
#logDetailTaskView .applicationFooter ul li.selected.signoffs a { background-position: -127px -246px; }
#logDetailTaskView .applicationFooter ul li.selected.task-details a { background-position: -127px -328px; }
#logDetailTaskView .applicationFooter ul li.selected.reference-materials a { background-position: -127px -410px; }

#logDetailTaskView .applicationFooter ul li.non-routines.show-status-true a.actionCommand,
#logDetailTaskView .applicationFooter ul li.non-routines.show-status-false a.workspaceCommand,
#logDetailTaskView .applicationFooter ul li.non-routines.show-status- a.workspaceCommand,
#logDetailTaskView .applicationFooter ul li.part-demands.show-status-true a.actionCommand,
#logDetailTaskView .applicationFooter ul li.part-demands.show-status-false a.workspaceCommand,
#logDetailTaskView .applicationFooter ul li.part-demands.show-status- a.workspaceCommand { display: none; }

#logDetailTaskView .applicationFooter ul li.non-routines span.status-icon { background-position: 0px -128px; }
#logDetailTaskView .applicationFooter ul li.part-demands span.status-icon.status-0 { background-image: none; }
#logDetailTaskView .applicationFooter ul li.part-demands span.status-icon.status-1 { background-position: 0px 0px; }
#logDetailTaskView .applicationFooter ul li.part-demands span.status-icon.status-2 { background-position: 0px -64px; }
#logDetailTaskView .applicationFooter ul li.part-demands span.status-icon.status-3 { background-position: 0px -96px; }
#logDetailTaskView .applicationFooter ul li.part-demands span.status-icon.status-4 { background-position: 0px -32px; }
#logDetailTaskView .applicationFooter ul li.part-changes span.status-icon.status-not-started,
#logDetailTaskView .applicationFooter ul li.signoffs span.status-icon.status-partially-recorded-false { background-position: 0px -192px; }
#logDetailTaskView .applicationFooter ul li.part-changes span.status-icon.status-incomplete,
#logDetailTaskView .applicationFooter ul li.signoffs span.status-icon { background-position: 0px -160px; }
#logDetailTaskView .applicationFooter ul li.signoffs.disabled span.status-icon { display: none; }

#logDetailTaskView .open-log-item {  }
#logDetailTaskView .open-log-item label,
#logDetailTaskView .log-history label { font-weight: normal; color: #7b8187; }
#logDetailTaskView .open-log-item .task { width: 34px; border-right: 2px solid #a1a9af; float: left; margin-right: 14px; }
#logDetailTaskView .open-log-item .date { border-left: 2px solid #a1a9af; float: right; }

#logDetailTaskView .signoff-page {  }
#logDetailTaskView .signoff-page input[name="packageTask_serial"] { display: none; }
#logDetailTaskView .signoff-page form.form-LL input[name="packageTask_serial"],
#logDetailTaskView .signoff-page form.form-LI input[name="packageTask_serial"],
#logDetailTaskView .signoff-page form.form-LP input[name="packageTask_serial"],
#logDetailTaskView .signoff-page form.form-LC input[name="packageTask_serial"] { display: block; }
#logDetailTaskView .signoff-page form.form-LL input[name="packageTask_procedureId"],
#logDetailTaskView .signoff-page form.form-LI input[name="packageTask_procedureId"],
#logDetailTaskView .signoff-page form.form-LP input[name="packageTask_procedureId"],
#logDetailTaskView .signoff-page form.form-LC input[name="packageTask_procedureId"] { display: none; }


/** PDF task card **/
#viewTaskInsctructionPdfListContainer div.img-wrap{ position:relative; }
#viewTaskInsctructionPdfListContainer img[src^="/ProcedureImage"] { background-color: #fff;}
#viewTaskInsctructionPdfListContainer a {height: 100%; width: 100%; display: block;}


/** Annotations editor **/
#detailTaskContainer h4.section-title a.show-annotate-menu { display: inline-block; width: 35px; height: 30px; background: transparent url('../images/MM/MM-More-Button-Icon.png') no-repeat 0px 60%; }
#annotation-menu {left: 418px; position: absolute; width: 348px;}
.annotation-menu { display: none; background-color: #e4e7ea; position: absolute; right: 3px; width: 45%; border: 1px solid #000; z-index: 9999; box-shadow: 0px 0px 15px #000; }
#annotation-menu #new-annotations-menu { width: 100%; right: 100%; margin-top: -1px; }
#annotation-menu #feedback-area-menu { display: inline-block; width: 60%; left: 100%; margin-top: -1px; }
#annotation-menu .menu-title { display: block; text-align: center; font-size: 1.8em; font-weight: bold; padding: 11px 11px 8px 11px; background-color: #53555a; color: #eee; border-bottom: 1px solid #000; }
#annotation-menu .menu-title a.close-menu,
#annotation-menu .menu-title a.new-close-menu { float: right; color: #eee; text-decoration: none; display: block; border: 2px solid #000; width: 25px; height: 25px; border-radius: 16px; margin-top: -5px; padding: 2px 1px 0 1px; background-color: #333; }
#annotation-menu .menu-title a.feedback-area-close-menu{ float: right; color: #eee; text-decoration: none; display: block; border: 2px solid #000; width: 25px; height: 25px; border-radius: 16px; margin-top: -5px; padding: 2px 1px 0 1px; background-color: #333; }
/** Only apply to immediate children to not have to re-style the close button. **/
.annotation-menu > a { display: block; text-decoration: none; color: #000; padding: 12px 11px; font-size: 1.6em; font-weight: bold; border-bottom: 1px solid #000; }
.annotation-menu > a:last-child { border-bottom: none; }
#annotation-menu a.show-hide-annotations span { display: inline-block; margin-right: 8px; border: 1px solid #000; background-color: #fff; width: 20px; height: 20px; vertical-align: middle;  }

#addToForm-menu {visibility: visible;text-align: center; padding: 0px; align-items: center;justify-content: center; border: 1px solid blue; background: #eee; position: fixed; left: 200px;top: 240px;width: 150px;height: 70px; font-size: 1.2rem; z-index: 9999;}
#addToForm-menu .menu-title {display: block; text-align: center; font-size: 1em; font-weight: bold; background-color: #4774c1; color: #eee; border-bottom: 1px solid #000;}
#addToForm-menu a{display: block; text-decoration: none; background-color: #e4e7ea; position: initial; border: 1px solid #000; z-index: 9999; box-shadow: 0px 0px 0px #000; color: #000;font-size: 1em;} 
#addToForm-menu .menu-title a.addToForm-close-menu { float: right; color: #eee; text-decoration: none; display: block; border: 1px solid #000; width: 15px; height: 20px; background-color: #333; }


#stampingArea-menu {visibility: visible;text-align: center; padding: 0px; align-items: center;justify-content: center; border: 1px solid blue; background: #eee; position: fixed; left: 500px;top: 400px;width:160px;height: 70px; font-size: 1.2rem; z-index: 9999;}
#stampingArea-menu .menu-title {display: block; text-align: center; font-size: 1em; font-weight: bold; background-color: #4774c1; color: #eee; border-bottom: 1px solid #000;}
#stampingArea-menu a{display: block; text-decoration: none; background-color: #e4e7ea; position: initial; border: 1px solid #000; z-index: 9999; box-shadow: 0px 0px 0px #000; color: #000;font-size: 1em;} 
#stampingArea-menu .menu-title a.stampingArea-close-menu { float: right; color: #eee; text-decoration: none; display: block; border: 1px solid #000; width: 15px; height: 20px; background-color: #333; }

#annotation-edit-overlay { display: none; position: absolute; z-index: 8001; }
.viewTaskInstructionPdfList .stamp-annotation { border: 2px solid rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.8); width: 130px; height: 100px; position: absolute; top: 25%; left: calc(50% - 66px); -webkit-transform: translate3d(0,0,0);}
.viewTaskInstructionPdfList .stamp-annotation.subtask-annotation { border-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.8); }
.viewTaskInstructionPdfList .stamp-annotation.warn-annotation { border-color: rgba(204, 102, 0, 0.5); background-color: rgba(204, 102, 0, 0.2); color: rgba(204, 102, 0, 0.8); }
.viewTaskInstructionPdfList .stamp-annotation.page-annotation { border-color: rgba(0, 51, 127, 0.5); background-color: rgba(0, 51, 127, 0.2); color: rgba(0, 51, 127, 0.8); }
.viewTaskInstructionPdfList .stamp-annotation.final-annotation { border-color: rgba(0, 102, 0, 0.5); background-color: rgba(0, 102, 0, 0.2); color: rgba(0, 102, 0, 0.8); }
.viewTaskInstructionPdfList .stamp-annotation.pageFlaw-annotation { border-radius: 50%; border-color: rgba(255, 0, 0, 0.4); background-color: rgba(255, 0, 0, 0.2); color: rgba(255, 0, 0, 0.8); }
.viewTaskInstructionPdfList .stamp-annotation.no-sign-annotation { background: transparent url('../images/MM/no-sign-bg.png') repeat 0px 0px; }
.viewTaskInstructionPdfList .stamp-annotation span.preview-wrap { display: block; height: 20px; line-height: 20px; font-weight: bold; text-align: center; position: absolute; top: calc(50% - 10px); left: calc(40% - 10px); font-size: 1.3em; word-break: break-all;}
.viewTaskInstructionPdfList .stamp-annotation span.preview-wrap.checkbox { width: 100%; height: 100%; left: 0px; top: 0px; }
.viewTaskInstructionPdfList .stamp-annotation span.preview-wrap.checkbox input { display: inline-block; width: 100%; height: 100%; background: transparent; border: none; }
.viewTaskInstructionPdfList .feedbackField-annotation[hasValue="true"] span.preview-wrap,
.viewTaskInstructionPdfList .feedbackField-annotation[hasValue="true"] span.preview-wrap a{
	 text-align: left; color: #000; text-decoration: none; display: block; top: 0; left: 0; width: auto; height: auto; word-break: break-all;
}
.viewTaskInstructionPdfList .stamp-annotation[showShortName="true"] span.preview-wrap { text-align: left; color: #000; text-decoration: none; display: block; position: absolute; top: 0; left: 0; width: auto; height: auto; }
.viewTaskInstructionPdfList .stamp-annotation[class*="lineAnchor-annotation-"] span.preview-wrap { text-align: left; color: #000; text-decoration: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.viewTaskInstructionPdfList .stamp-annotation[showShortName="true"] span.preview-wrap { top: calc(50% - 10px); }
.viewTaskInstructionPdfList .stamp-annotation[class*="lineAnchor-annotation-"] span.preview-wrap { border: 2px solid #000; }
.viewTaskInstructionPdfList .stamp-annotation.strike span.preview-wrap { text-decoration: line-through; }
.viewTaskInstructionPdfList .stamp-annotation.feedbackTable-annotation {border:inherit; background-color:transparent;}
.viewTaskInstructionPdfList .stamp-annotation.feedbackField-annotation {width: 70px; height: 50px; z-index:2;}
.viewTaskInstructionPdfList .stamp-annotation.feedbackForm-annotation {width: 230px; height: 200px;}


.viewTaskInstructionPdfList .stamp-annotation input{height: 100%; width: 100%; font-size:15px }
.viewTaskInstructionPdfList .stamp-annotation input[type="date"]{ width: 97%; height: 92%; font-size: 10px;}
.viewTaskInstructionPdfList .stamp-annotation textarea{height: 100%; width: 100%; font-size:2.3em; overflow: hidden; }
.viewTaskInstructionPdfList .stamp-annotation select{height: 100%; width: 100%; overflow: hidden; }

/* feedback area field */
 .feedbackFieldGroup {visibility:visible; text-align:center; padding:0px; display:display:flex; align-items: center; justify-content:center; border: 1px solid blue;  background: #eee;  position: fixed; left:400px; top: 500px; width: 300px; height:350px; font-size:1.2rem; z-index:9999;}
.feedbackFieldGroup .form-item {overflow: hidden; float: none; padding:1px;padding-right: 5px;}
.feedbackFieldGroup .form-item label {width: 100px; font-size: 1.2em; color: #000; overflow: auto; }
.feedbackFieldGroup .form-item input {width: 160px;  text-align: left; color: #000; font-size: 1.2em; float:right;border: 1px solid blue;}
.feedbackFieldGroup .form-item select {width: 160px;  text-align: left; color: #000; font-size: 1.2em; float:right;border: 1px solid blue;}
.feedbackFieldGroup .form-required input{display:none;}
.feedbackFieldGroup .form-required span{width: 100px; padding: 2px; font-size: 1.2em; color: #000; overflow: auto; background-color: #eee; float: left;}
.feedbackFieldGroup button {width: 75px; height: 32px; color:#fff; font-size: 1em; background-color: #B4B0B0; border-radius: 10px;border: 1px solid blue;margin-top: -5px;}
.feedbackFieldGroup span {display: block; margin: 0 0 12px 0px; color:#fff; background-color: #5d6268; width: 294px; padding: 3px;}
.feedbackFieldGroup input#fieldRequired + label{display:inline-block;width:20px;height:20px;vertical-align:middle;cursor:pointer;border: 2px solid #474c50;-moz-box-shadow: 0px 0px 10px #979A9D inset;-webkit-box-shadow: 0px 0px 10px #979A9D inset;
												box-shadow: 0px 0px 10px #979A9D inset;border-radius: 6px;background: transparent url('../images/MM/two-level-grouping-unchecked.png') no-repeat 0px -2px;float: left;}

.feedbackFieldGroup input#fieldRequired:checked  + label{background: transparent url('../images/MM/two-level-grouping-checked.png') no-repeat -10px -6px; -moz-box-shadow: 0px 0px 10px #6DAAE1 inset;
														-webkit-box-shadow: 0px 0px 10px #6DAAE1 inset;box-shadow: 0px 0px 5px #1473C8 inset; border: 2px solid #073079;}
/* feedback field value */
 .feedbackFieldValueWindow { visibility:visible;  text-align:center;  display:display:flex; align-items: center; justify-content:center; border: 1px solid blue;  background: #eee;  position: fixed; left:400px; top: 500px; width: 247px; height:130px; font-size:1.2rem; z-index:9999;}
.feedbackFieldValueWindow .form-item {overflow: hidden; float: none; padding:1px;padding-right: 18px;}
.feedbackFieldValueWindow .form-item label {width: 100px; padding: 2px; font-size: 1.2em; color: #000 overflow: auto; }
.feedbackFieldValueWindow .form-item input {width: 118px;  text-align: left; color: #000; font-size: 1.2em; float:right;border: 1px solid blue;}
.feedbackFieldValueWindow .form-title {padding-bottom:20px;}
.feedbackFieldValueWindow button {width: 75px; height: 32px; color:#fff; font-size: 1em; background-color: #B4B0B0; border-radius: 10px;border: 1px solid blue;margin-top: 10px;}
.feedbackFieldValueWindow span {display: block; margin: 0 0 12px 0px; color:#fff; background-color: #5d6268; width: 241px; padding: 3px;}


/* feedback Form */
.feedbackFormGroupForm{visibility:visible;}
.feedbackFormGroup { visibility:visible;  text-align:center;  display:display:flex; align-items: center; justify-content:center; border: 1px solid blue;  background: #eee;  position: fixed; left:400px; top: 500px; width: 247px; height:180px; font-size:1.2rem; z-index:9999;}
.feedbackFormGroup .form-item {overflow: hidden; float: none; padding:1px;padding-right: 18px;}
.feedbackFormGroup .form-item label {width: 100px; padding: 2px; font-size: 1.2em; color: #000 overflow: auto; }
.feedbackFormGroup .form-item input {width: 118px;  text-align: left; color: #000; font-size: 1.2em; float:right;border: 1px solid blue;}
.feedbackFormGroup .form-title {padding-bottom:20px;}
.feedbackFormGroup button {width: 75px; height: 32px; color:#fff; font-size: 1em; background-color: #B4B0B0; border-radius: 10px;border: 1px solid blue;}
.feedbackFormGroup span {display: block; margin: 0 0 12px 0px; color:#fff; background-color: #5d6268; width: 241px; padding: 3px;}
.feedbackFormGroup .has-lookup a.lookup {  display: block; float: right; width: 30px; height: 30px; background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px; margin: 2px 0 0 0; background-size: contain;}


/* feedback Table */
 .feedbackTableGroup { visibility:visible;  text-align:center;  display:display:flex; align-items: center; justify-content:center; border: 1px solid blue;  background: #eee;  position: fixed; left:400px; top: 500px; width: 247px; height:260px; font-size:1.2rem; z-index:9999;}
.feedbackTableGroup .form-item {overflow: hidden; float: none; padding:1px;padding-right: 18px;}
.feedbackTableGroup .form-item label {width: 100px; padding: 2px; font-size: 1.2em; color: #000 overflow: auto; }
.feedbackTableGroup .form-item input {width: 118px;  text-align: left; color: #000; font-size: 1.2em; float:right;border: 1px solid blue;}
.feedbackTableGroup .form-columns {padding-bottom:20px;}
.feedbackTableGroup button {width: 75px; height: 32px; color:#fff; font-size: 1em; background-color: #B4B0B0; border-radius: 10px;border: 1px solid blue;}
.feedbackTableGroup span {display: block; margin: 0 0 12px 0px; color:#fff; background-color: #5d6268; width: 241px; padding: 3px;}
#feedbackArea-table{border:#00ffff solid 2px;border-collapse:collapse; position: absolute;top: 25%; left: calc(50% - 66px); }
#feedbackArea-table td {border:#8080ff solid 2px; padding:10px;}

/* feedback Text */
 .feedbackTextGroup { visibility:visible;  text-align:center;  display:display:flex; align-items: center; justify-content:center; border: 1px solid blue;  background: #eee;  position: fixed; left:400px; top: 500px; width: 247px; height:180px; font-size:1.2rem; z-index:9999;}
.feedbackTextGroup .form-item {overflow: hidden; float: none; padding:1px;padding-right: 18px;}
.feedbackTextGroup .form-item label {width: 100px; padding: 2px; font-size: 1.2em; color: #000 overflow: auto; }
.feedbackTextGroup .form-item input {width: 118px;  text-align: left; color: #000; font-size: 1.2em; float:right;border: 1px solid blue;}
.feedbackTextGroup .form-label {padding-bottom:20px;}
.feedbackTextGroup button {width: 75px; height: 32px; color:#fff; font-size: 1em; background-color: #B4B0B0; border-radius: 10px;border: 1px solid blue;}
.feedbackTextGroup span {display: block; margin: 0 0 12px 0px; color:#fff; background-color: #5d6268; width: 241px; padding: 3px;}

/* Craft Change */
.craftForm{display: contents;}
.craftChangeWindow { visibility:visible;  text-align:center;  display:display:flex; align-items: center; justify-content:center; border: 1px solid blue;  background: #eee;  position: fixed; left:400px; top: 500px; width: 267px; height:130px; font-size:1.2rem; z-index:9999;}
.craftChangeWindow .group{width: 254px;margin-left: 5px; background-color: #f5f6f8;border: 2px solid #000000;border-radius: 30px;overflow: hidden; height: 30px;float: left;}
.craftChangeWindow .group .form-item {overflow: hidden; float: none; padding-right: 18px;width:220px}
.craftChangeWindow .group .form-item label {width: 50px;  font-size: 1.2em; color: #000 overflow: auto; line-height: 30px;}
.craftChangeWindow .group .form-item input {display: block;float: right;text-align: right;font-size: 1.3em;color: #2e5cac;height: 30px;line-height: 58px;background-color: transparent;border: none;width: 120px;}
.craftChangeWindow .group .form-label {padding-bottom:20px;}
.craftChangeWindow button {margin-top: 10px;width: 75px; height: 32px; color:#fff; font-size: 1em; background-color: #B4B0B0; border-radius: 10px;border: 1px solid blue;}
.craftChangeWindow span {display: block; margin: 0 0 12px 0px; color:#fff; background-color: #5d6268; width: 260px; padding: 3px;}
.craftChangeWindow .group .has-lookup a.lookup {  display: block; float: right; width: 30px; height: 30px; background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px; margin: 2px 0 0 0; background-size: contain;}


/* Signoff Type window */
.signOffTypeEntryForm{display: contents;}
.signOffTypeEntryForm .lookup{display: none;}
.signoffTypeWindow {visibility:visible; text-align:center;  display:display:flex; align-items: center; justify-content:center; border: 1px solid blue;  background: #eee;  position: fixed; left:160px; top: 200px; width: 395px; height:215px; font-size:1.2rem; z-index:9999;}
.signoffTypeWindow .form-item {overflow: hidden; float: left; padding:1px;padding-right: 18px;}
.signoffTypeWindow .form-item label {width: 100px; padding: 2px; font-size: 1.2em; color: #000; overflow: auto; }
.signoffTypeWindow .form-item input {width: 118px;  text-align: left; color: #000; font-size: 1.2em; float:right;border: 1px solid blue;}
.signoffTypeWindow .form-item select {width: 120px;  text-align: left; color: #000; font-size: 1.2em; float:right;border: 1px solid blue;}
.signoffTypeWindow .form-checkBox input{display:none;}
.signoffTypeWindow .form-checkBox span{width: 190px; padding: 2px; font-size: 1.2em; color: #000; overflow: auto; background-color: #eee; float: right;}
.signoffTypeWindow .form-required span{width: 100px; margin-right: 90px; }
.signoffTypeWindow .form-mechanic span{width: 100px; }
.signoffTypeWindow .form-inspector span{width: 99px; }
.signoffTypeWindow .form-rii span{width: 35px; }
.signoffTypeWindow .form-signoffType {margin-bottom: 17px;}
.signoffTypeWindow button {width: 75px; height: 32px; color:#fff; font-size: 1em; background-color: #B4B0B0; border-radius: 10px;border: 1px solid blue;margin-right: 4px;    margin-bottom: 5px;}
.signoffTypeWindow span {display: block; margin: 0 0 12px 0px; color:#fff; background-color: #5d6268; width: 241px; padding: 3px;}
.signoffTypeWindow .form-checkBox input+ label{display:inline-block;width:20px;height:20px;vertical-align:middle;cursor:pointer;border: 2px solid #474c50;-moz-box-shadow: 0px 0px 10px #979A9D inset;-webkit-box-shadow: 0px 0px 10px #979A9D inset;
												box-shadow: 0px 0px 10px #979A9D inset;border-radius: 6px;background: transparent url('../images/MM/two-level-grouping-unchecked.png') no-repeat 0px -2px;float: left;}
.signoffTypeWindow .form-mechanic{padding-top: 5px;}
.signoffTypeWindow .form-required{padding-top: 5px;}
.signoffTypeWindow .form-checkBox input:checked  + label{background: transparent url('../images/MM/two-level-grouping-checked.png') no-repeat -10px -6px; -moz-box-shadow: 0px 0px 10px #6DAAE1 inset;
														-webkit-box-shadow: 0px 0px 10px #6DAAE1 inset;box-shadow: 0px 0px 5px #1473C8 inset; border: 2px solid #073079;}


#annotation-edit-overlay .stamp-annotation .ui-resizable-handle, .resize-anchor .ui-resizable-handle{ border: 1px solid #000; background-color: #fff; background-image: none; width: 16px; height: 16px; }
#annotation-edit-overlay .stamp-annotation.hide-resizers .ui-resizable-handle {display: block; /* display: none !important; */ /** Override the jQuery inline expression to show the resize handles **/ }
#annotation-edit-overlay .stamp-annotation .ui-resizable-n, .resize-anchor  .ui-resizable-n,
#annotation-edit-overlay .stamp-annotation .ui-resizable-s, .resize-anchor  .ui-resizable-s { left: calc(50% - 8px); }
#annotation-edit-overlay .stamp-annotation .ui-resizable-e, .resize-anchor  .ui-resizable-e,
#annotation-edit-overlay .stamp-annotation .ui-resizable-ne, .resize-anchor  .ui-resizable-ne,
#annotation-edit-overlay .stamp-annotation .ui-resizable-se, .resize-anchor  .ui-resizable-se { right: -10px; }
#annotation-edit-overlay .stamp-annotation .ui-resizable-w, .resize-anchor  .ui-resizable-w,
#annotation-edit-overlay .stamp-annotation .ui-resizable-nw, .resize-anchor  .ui-resizable-nw,
#annotation-edit-overlay .stamp-annotation .ui-resizable-sw, .resize-anchor  .ui-resizable-sw { left: -10px; }
#annotation-edit-overlay .stamp-annotation .ui-resizable-n, .resize-anchor  .ui-resizable-n,
#annotation-edit-overlay .stamp-annotation .ui-resizable-ne, .resize-anchor  .ui-resizable-ne,
#annotation-edit-overlay .stamp-annotation .ui-resizable-nw, .resize-anchor  .ui-resizable-nw{ top: -10px; }
#annotation-edit-overlay .stamp-annotation .ui-resizable-s, .resize-anchor  .ui-resizable-s,
#annotation-edit-overlay .stamp-annotation .ui-resizable-se, .resize-anchor  .ui-resizable-se,
#annotation-edit-overlay .stamp-annotation .ui-resizable-sw, .resize-anchor  .ui-resizable-sw{ bottom: -10px; }
#annotation-edit-overlay .stamp-annotation .ui-resizable-e, .resize-anchor  .ui-resizable-e,
#annotation-edit-overlay .stamp-annotation .ui-resizable-w, .resize-anchor  .ui-resizable-w{ top: calc(50% - 8px); }


/**html Task card**/
.htmlTaskCard-annotations{display: block; background-color: rgba(0, 0, 0, 0.1); position: relative;}
.htmlTaskCard-annotations a {height: 100%; width: 100%; display: block; min-height: inherit; clear: both;}
.htmlTaskCard-annotations[showShortName="true"] span.preview-wrap { top: calc(50% - 10px); position: absolute;font-size: 1.3em;color: #000;}
.htmlTaskCard-annotations[showShortName="false"] span.preview-wrap {display: none;}

.htmlTaskCard-feedbacks{display: table; background-color: rgba(0, 0, 0, 0.1); min-height: 48px;border-bottom: 1px solid #000;}
/**this is the chrome browser**/
@media screen and (-webkit-min-device-pixel-ratio:0){ 
.htmlTaskCard-feedbacks{display: table; background-color: rgba(0, 0, 0, 0.1); min-height: 48px;border-bottom: 1px solid #000; height: 100%;}
}
.htmlTaskCard-feedbacks .form-item{height: 100%; width: 100%;}
.htmlTaskCard-feedbacks .form-item input{height: 100%; width: 100%; font-size:15px }
.htmlTaskCard-feedbacks .form-item input[type="date"]{ width: 97%; height:92%; font-size: 10px;}
.htmlTaskCard-feedbacks .form-item input[type="checkbox"]{ min-height: 18px; }
.htmlTaskCard-feedbacks .form-item textarea{height: 99%; width: 100%; font-size:15px; overflow: hidden; }
.htmlTaskCard-feedbacks .form-item select{height: 100%; width: 100%;overflow: hidden; }
.htmlTaskCard-feedbacks .show-false{display: none;}

.htmlTaskCard-reasonText{height: 100%; width: 99%; background-color: rgba(0, 0, 0, 0.1); border-bottom: 1px solid #000;}
.htmlTaskCard-reasonText textarea{height: 100%; width: 100%; font-size:12px; overflow: hidden; }
#detailTaskContainer .htmlTaskCard-annotations[class*="strike"] span.preview-wrap { text-align: left; color: #000; text-decoration: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#detailTaskContainer .htmlTaskCard-feedbacks span.preview-wrap a{text-align: left; color: #000; display: block; top: 0; left: 0; width: auto; height: auto; word-break: break-all;text-decoration: none;}
.htmlTaskCard-feedbacks span.preview-wrap {font-size: 12px;}
.htmlTaskCard-reasonText span.preview-wrap {font-size: 12px;}
.htmlTaskCard-feedbacks.strike span.preview-wrap { text-decoration: line-through; }

#detailTaskContainer .htmlTaskCard-annotations .signature{float: right; clear: both;}

#detailTaskContainer span.stampSignedInErrorText {font-size: 7px;}

#detailTaskContainer .htmlTaskCard-annotations .signature
{
position: relative;
width: 53px;
height: 63px;
z-index:8000;
-webkit-transform: translate3d(0,0,0);
}
#detailTaskContainer .signature.ui-draggable
{
z-index:8008;
}	
#detailTaskContainer .signature .oval
{
position: absolute; 
bottom: -4px;
left: 5px;
font-size: 1.1em;
}	
#detailTaskContainer .signature .jalOval
{
position: absolute; 
bottom: -4px;
left: 0px;
font-size: 1.1em;
}	

#detailTaskContainer .signature .rectangle {
	position: absolute;
	bottom: 4px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .circle
{
position: absolute; 
bottom: 7px;
left: 2px;
font-size: 1.1em;
}
	
#detailTaskContainer .signature .triangle{
	position: absolute;
	bottom: 6px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .ovalWithoutSign {
	position: absolute;
	bottom: 10px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .jalOvalWithoutSign {
	position: absolute;
	bottom: 4px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .circleWithoutSign {
	position: absolute;
	bottom: 7px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .rectangleWithoutSign {
	position: absolute;
	bottom: 4px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .triangleWithoutSign {
	position: absolute;
	bottom: 6px;
	left: 0px;
	font-size: 1.1em;
}


#detailTaskContainer .signature .oval.markedAsTextInError {
    bottom: -20px;
}

#detailTaskContainer .signedInError
{
	z-index:8000;
	/*transform: scale(0.5,0.5); */
}

#detailTaskContainer .stampSignedInError
{
	top: 0px;
	left:100px;
	margin: 17px 0 0 0px;
	transform: scale(0.5,0.5);
	width:100px;
	font-size:14px; 
	position: absolute; 
	left: -20px; 
	top: 32px;
}

#detailTaskContainer .stampDate, 
#detailTaskContainer .stampTime
{
	top: 0px;
	left:100px;
	margin: 19px 0 0 0px;
	transform: scale(0.5,0.5);
	width:100px;
	font-size:14px; 
	position: absolute; 
	left: 0px; 
	top: 36px;
}

#detailTaskContainer .stampTime
{
	left: -10px !important; 
	top: 45px;
}

#detailTaskContainer .stampDate
{
	left: -20px !important; 
	top: 32px;
}

.html-instructions {
	background-color: #ffffff;
	width: 100%;
}

.woTaskStepInstructionHTML
{
	background-color:#edddec;
	height: 100%;
	width: 100%;
}


.woTaskStepInstructionHTML.newStep
{
	background-color:transparent;
}

.woTaskStepInstructionHTML .form-dispSeq
{
	width: 95%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.woTaskStepInstructionHTML .form-dispSeq input
{
	float: left;
	text-align: center;
	font-size: 1.3em;
	background-color: transparent;
	width: 100%;
	height: 60px;
	resize:none;
	overflow:hidden;
}

.woTaskStepInstructionHTML .form-stepStatus
{
	width: 20%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.woTaskStepInstructionHTML .form-stepStatus input
{
	float: left;
	text-align: center;
	font-size: 1.2em;
	background-color: transparent;
	width: 100%;
	height: 60px;
	resize:none;
	overflow:hidden;
	border:none;
	outline:none;
}

.woTaskStepInstructionHTML .form-instructions
{
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.woTaskStepInstructionHTML .form-instructions.hasStepStatus
{
	width: 75%
}

.woTaskStepInstructionHTML .form-instructions textarea
{
	display: inline-block;
	float: left;
	text-align: left;
	font-size: 2em;
	background-color: transparent;
	border: none;
	width: 95%;
	height: 45px;
	margin: 10px 10px 0px 10px;
	resize:none;
	overflow:hidden;
}


.woTaskStepInstructionHTML .form-instructions input
{
	display: inline-block;
	float: left;
	text-align: center;
	font-size: 1.3em;
	background-color: transparent;
	width: 40px;
	height: 40px;
	margin: 10px 0px 0px 10px;
	resize:none;
	overflow:hidden;
}


.nonEditInstruction
{
	display: none;
	width: 100%;
	height: 100%;
}

.woTaskStepInstructionHTML .form-signoffType
{
	width: 100%;
	height:100%;
	display: inline-block;
	vertical-align: top;
}

.woTaskStepInstructionHTML .form-signoffType input:not(#markedAsNA)
{
	display: none;
	float: left;
	text-align: left;
	font-size: 1.0em;
	height: 25px;
	background-color: transparent;
	margin: 20px 0 0 2px;
	border: none;
	width: 60%;
}

.woTaskStepInstructionHTML .form-signoffType .lookup 
{
	float: right;
	width: 30%;
	height: 25px;
	background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px;
	background-size: 25px 25px;
	margin: 20px 0 0 0;
}

#sideview-buttons
{
	display:inline-block;
	position: absolute;
	margin: 0 0 0 5px;
}

#sideview-buttons .draggable-button
{
	background: transparent url(../images/MM/MM_Action_TaskReSequencingHeader_004.png) no-repeat 0px 0px;
	background-position:center;
	background-size: 25px 25px;
	display: block;
	width:25px;
	height:25px;
}

#sideview-buttons .delete-instruction-step
{
	display:block;
	width:27px;
	height:32px;
	background: transparent url(../images/MM/MM-action-status-icons.png) no-repeat 0px 0px;
	background-position:center;
}



.instruction-button
{
	display:inline-block;
	background-color:#ffbdc1;
	width: 100%;
	height: 100%;
	min-height: 60px;
}

.instruction-button .container
{
	text-align: center;
	font-size: 2.25em;
	font-weight: bold;
	width: 100%;
	height: 0;
}


.instruction-button .instructionText
{
	color:black;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	width: 35%;
	height: 50px;
	margin-top: 10px;
}

.instruction-button .add-inst-icon
{
	width: 60px;
	height: 60px;
	vertical-align: top;
	background: transparent url(../images/MM/MM_Action_AddNewRow.png) no-repeat center center;
	display: inline-block;
	background-size: 45px 45px;
}

.inst-step-annotation
{
	min-height: 63px;
	height: 100%;
	width: 100%;
}

.voidHtmlTaskCards {
    background-color: lightgray;
    clear: both;
    overflow: hidden;
    color: inherit;
}

.voidHtmlTaskCards table {
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
}

.voidHtmlTaskCards table tr {
	page-break-inside: avoid;
    vertical-align: top;
    border-spacing: 0px 0px;
}

.voidHtmlTaskCards table td {
	height:100%;
	min-height: 63px;
}

.voidHtmlTaskCards .voidCard {
	border: 2px;
	border-style: inset;
	border-color: black;
	background-color: white;
	color: inherit;
	overflow: hidden;
	clear: both;
}

.void-step-annotation
{
	height: 100%;
	width: 100%;
}

.voidWoTaskStepInstructionHTML
{
	background-color:#edddec;
	height: 100%;
	width: 100%;
}

.woTaskStepInstructionHTML[stepStatus="1"][isHMOPackage="true"], .woTaskStepInstructionHTML[stepStatus="2"][isHMOPackage="true"]
{
	background-color:#d8f4ca;
}

.voidWoTaskStepInstructionHTML .form-dispSeq
{
	width: 95%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.voidWoTaskStepInstructionHTML .form-dispSeq input
{
	float: left;
	text-align: center;
	font-size: 1.3em;
	background-color: transparent;
	width: 100%;
	height: 60px;
	resize:none;
	overflow:hidden;
}

.voidWoTaskStepInstructionHTML .form-instructions
{
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.voidWoTaskStepInstructionHTML .form-instructions textarea
{
	display: inline-block;
	float: left;
	text-align: left;
	font-size: 2em;
	background-color: transparent;
	border: none;
	width: 95%;
	height: 45px;
	margin: 10px 10px 0px 10px;
	resize:none;
	overflow:hidden;
}

.voidWoTaskStepInstructionHTML .form-signoffType
{
	width: 100%;
	height:100%;
	display: inline-block;
	vertical-align: top;
}

.voidWoTaskStepInstructionHTML .form-signoffType input
{
	display: none;
	float: left;
	text-align: left;
	font-size: 1.0em;
	height: 25px;
	background-color: transparent;
	margin: 20px 0 0 2px;
	border: none;
	width: 60%;
}

.htmlTaskCard-voidStamp .signature
{
	position: relative;
	width: 53px;
	height: 63px;
	z-index:8000;
	-webkit-transform: translate3d(0,0,0);
	float: right;
	clear: both;
}

.htmlReasonFeedback
{
	width:100%;
}


.htmlTaskCardWrap
{
	clear: both;
	overflow-y: hidden;
	background-color: white;
	color: inherit;
}

.htmlTaskCardWrap table {
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
}

.htmlTaskCardWrap table tr {
	page-break-inside: avoid;
    vertical-align: top;
    border-spacing: 0px 0px;
}

.htmlTaskCardWrap table td {
	height:100%;
	min-height: 63px;
}

/** Prevent binding of voided fields, replace main class **/
.htmlTaskCard-void-annotations{display: block; background-color: rgba(0, 0, 0, 0.1); position: relative;}
.htmlTaskCard-void-annotations a {height: 100%; width: 100%; display: table; min-height: inherit;}
.htmlTaskCard-void-annotations[showShortName="true"] span.preview-wrap { top: calc(50% - 10px); position: absolute;font-size: 1.3em;color: #000;}
.htmlTaskCard-void-annotations[showShortName="false"] span.preview-wrap {display: none;}
.htmlTaskCard-void-feedbacks{display: table; background-color: rgba(0, 0, 0, 0.1); min-height: 48px;border-bottom: 1px solid #000;}
.htmlTaskCard-void-feedbacks .form-item{height: 100%; width: 100%;}
.htmlTaskCard-void-feedbacks .form-item input{height: 100%; width: 100%; font-size:15px }
.htmlTaskCard-void-feedbacks .form-item input[type="date"]{ width: 97%; height:92%; font-size: 10px;}
.htmlTaskCard-void-feedbacks .form-item textarea{height: 99%; width: 100%; font-size:15px; overflow: hidden; }
.htmlTaskCard-void-feedbacks .form-item select{height: 100%; width: 100%;overflow: hidden; }
.htmlTaskCard-void-feedbacks .show-false{display: none;}
.htmlTaskCard-void-reasonText{height: 100%; width: 99%; background-color: rgba(0, 0, 0, 0.1); border-bottom: 1px solid #000;}
.htmlTaskCard-void-reasonText textarea{height: 100%; width: 100%; font-size:12px; overflow: hidden; }
.htmlTaskCard-void-annotations[class*="strike"] span.preview-wrap { text-align: left; color: #000; text-decoration: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.htmlTaskCard-void-feedbacks span.preview-wrap a{text-align: left; color: #000; display: block; top: 0; left: 0; width: auto; height: auto; word-break: break-all;text-decoration: none;}
.htmlTaskCard-void-feedbacks span.preview-wrap {font-size: 12px;}
.htmlTaskCard-void-feedbacks.strike span.preview-wrap { text-decoration: line-through; }
.htmlTaskCard-void-annotations .signature{float: right; clear: both;}
.htmlTaskCard-void-annotations .signature{position: relative; width: 53px; height: 63px; z-index:8000; -webkit-transform: translate3d(0,0,0);}

.customInstructionStep .form-dispSeq { width:100%; }
.customInstructionStep .form-signoffType .lookup {margin: 0 0 0 5%; width:30%;}
.customInstructionStep .form-signoffType input:not(#markedAsNA) {margin: 0 0 0 5%; width: 60%;}

/** Raise demand list **/
.demanded-parts {  }
.demanded-parts .group {  }
.demanded-parts .group .list-header { height: 45px; border-bottom: 3px solid #7b8187; background-color: #d0d5d9; }
.demanded-parts .group .list-header span { display: block; float: left; height: 45px; line-height: 45px; text-align: center; color: #7b8187; font-weight: bold; font-size: 2.1em; border-right: 2px solid #a1a9af; }
.demanded-parts .group .list-header span:last-of-type { border-right: none; }
.demanded-parts .group .list-header span.item { width: 170px; }
.demanded-parts .group .list-header span.desc { width: 185px; padding-left: 20px; text-align: left; }
.demanded-parts .group .list-header span.ordQty {width:100px;}
.demanded-parts .group .list-header span.qty { width: 90px; }
.demanded-parts .group .list-header span.avail { width: 70px; border-right: 2px solid #a1a9af; }
.demanded-parts .group .item-list { min-height: 45px; }
.demanded-parts .group .item-list .line { height: 45px; border-bottom: 2px solid #a1a9af; }
.demanded-parts .group .item-list .line span { display: block; float: left; height: 45px; line-height: 45px; font-size: 2.1em; color: #7b8187; padding: 0 12px; border-right: 2px solid #a1a9af; overflow: hidden; word-wrap: break-word; }
.demanded-parts .group .item-list .line span:last-of-type { border-right: none; }
.demanded-parts .group .item-list .line span.item { width: 146px; }
.demanded-parts .group .item-list .line span.desc { width: 187px; padding: 0 9px; }
.demanded-parts .group .item-list .line span.ordQty { width: 76px; }
.demanded-parts .group .item-list .line span.qty { width: 66px; }
.demanded-parts .group .item-list .line span.avail { display: block; width: 45px;border-right: 2px solid #a1a9af;  height: 35px; margin: 5px auto; background: transparent url('../images/MM/MM-part-demand-availability-icons.png') no-repeat 50% 0px; }
.demanded-parts .group .item-list .line span.cnclSpan{width:30px;}
.demanded-parts .group .item-list .line span.cnclSpan a.cnclDemand span.cncl{ width:20px;height:40px; background: transparent url('../images/MM/MM_Action_CancelMaterialRequisition_001.png') no-repeat 50% 0px; align-content:center;margin:5px 0;}
.demanded-parts .group .item-list .line span.avail-status-0 { background-position: 50% -140px; }
.demanded-parts .group .item-list .line span.avail-status-1 { background-position: 50% 0px; }
.demanded-parts .group .item-list .line span.avail-status-2 { background-position: 50% -70px; }
.demanded-parts .group .item-list .line span.avail-status-3 { background-position: 50% -105px; }
.demanded-parts .group .item-list .line span.avail-status-4 { background-position: 50% -35px; }



/** Raise demand **/
#applicationHeader [removeOnPageExit="demandPartListWorkspace"] a.button { width: 170px; background-position: 0px -150px; }
#raisePartDemand {  }
#raisePartDemand .group {  }
#raisePartDemand .item-avail-group { margin-bottom: 13px; }
#raisePartDemand .group .form-store { float: right; border-left: 2px solid #a1a9af; border-bottom: none; }
#raisePartDemand .group .form-priority { float: left; }
#raisePartDemand .group .form-store label,
#raisePartDemand .group .form-priority label { display: inline-block; width: 135px; }
#raisePartDemand .group .form-store input,
#raisePartDemand .group .form-priority input { width: 129px; }
#detailTaskContainer #raisePartDemand .group ul.tab-navigation { height: 60px; width: 722px;}
#raisePartDemand .group ul.tab-navigation li a { width: 200px; height: 58px; line-height: 58px; border: 1px solid #6f757a; background-color: #f5f6f8; background: -webkit-linear-gradient(#f4f5f7, #ccd4db); background: -o-linear-gradient(#f4f5f7, #ccd4db); background: -moz-linear-gradient(#f4f5f7, #ccd4db); background: linear-gradient(#f4f5f7, #ccd4db); }
#raisePartDemand .group ul.tab-navigation li.advance-filter a {width: 64px;background: transparent url('../images/MM/MM-tab-navigation-filter.png') no-repeat 16px 50%;}
#raisePartDemand .group ul.tab-navigation li.advance-filter a.filterActive {width: 64px;background: transparent url('../images/MM/MM_Framework_Red_Navigation_Filter.png') no-repeat 16px 50%;}
#raisePartDemand .group ul.tab-navigation li.advance-filter a.nonFilter { pointer-events: none; background: linear-gradient(#f4f5f7, #ccd4db);}
#raisePartDemand .group ul.tab-navigation li.all-parts a {width: 232px;}
#raisePartDemand .group ul.tab-navigation li.all-parts a span { display: block; width: 200px; height: 58px; margin-left: 17px; }
#raisePartDemand .group ul.tab-navigation li.selected a { background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px; }
#raisePartDemand .group .item-wrap { border-radius: 0 0 26px 26px; position: relative; }
#raisePartDemand .group .item-wrap .item-header { height: 44px; line-height: 44px; background-color: #d0d5d9; border-bottom: 2px solid #a1a9af; border-top: 2px solid #a1a9af; color: #7b8187; font-size: 2.1em; font-weight: bold; text-align: center; position: relative; }
#raisePartDemand .group .item-wrap .item-header .filter { width: 704px; height: 44px; background-color: #f5f6f8; border: none; float: none; position: absolute; top: 0; left: 0; }
#raisePartDemand .group .item-wrap .item-header .filter .form-item { border: none; float: none; position: absolute; top: 0; left: 0; }
#raisePartDemand .group .item-wrap .item-header .filter input {width: 209px;height: 22px;line-height: 22px;padding: 5px 8px;background-color: #fff;border: 2px solid #6f757a;font-size: 21px;color: #c4c8cc;font-weight: bold;text-align: left;position: absolute;top: 4px;left: 4px;}
#raisePartDemand .group .item-wrap .item-header .filter input.desc {width: 402px;left: 237px;}
#raisePartDemand .group .item-wrap .item-header .filter input.vendorItemNo {width: 155px;height: 22px;line-height: 22px;padding: 5px 8px;background-color: #fff;border: 2px solid #6f757a;font-size: 21px;color: #c4c8cc;font-weight: bold;text-align: left;position: absolute;top: 4px;left: 179px;}
#raisePartDemand .group .item-wrap .item-header .filter input.vendorDesc {width: 285px;left: 356px;}
#raisePartDemand .group .item-wrap .item-header .filter input.vendorItem {width: 155px;left: 1px;}
#raisePartDemand .group .item-wrap .item-header .filter .form-item-label-changed input { color: #333; }
#raisePartDemand .group .item-wrap .item-header .filter a { display: block; width: 36px; height: 36px; background: transparent url('../images/MM/MM_Framework_Spyglass_Small.png') no-repeat 0px 0px; position: absolute; top: 4px; right: 4px; }
#raisePartDemand .group .item-wrap .item-header div { float: left; border-right: 2px solid #a1a9af; }
#raisePartDemand .group .item-wrap .item-header div:last-of-type {border-right: none;}
#raisePartDemand .group .item-wrap .item-header .item {width: 234px;}
#raisePartDemand .group .item-wrap .item-header .description {width: 179px;}
#raisePartDemand .group .item-wrap .item-header .vendorItem {width: 152px;}
#raisePartDemand .group .item-wrap .item-list-loading { display: none; width: 704px; position: absolute; top: 48px; padding: 64px 0; text-align: center; background-color: #f5f6f8; }
#raisePartDemand .group .item-wrap .item-list { height: 186px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
#raisePartDemand .group .item-avail-wrap .item-list { height: 233px; }
#raisePartDemand .group .item-wrap .item-list .item-line { height: 45px; color: #7b8187; border-bottom: 2px solid #a1a9af; }
#raisePartDemand .group .item-wrap .item-list .selected { background-color: #bcd9fd; }
#raisePartDemand .group .item-wrap .item-list .item-line .input-wrap {float: left;height: 45px;line-height: 45px;padding: 0 15px;font-size: 2.1em;border-right: 2px solid #a1a9af;overflow: hidden;word-wrap: break-word;}
#raisePartDemand .group .item-wrap .item-list .item-line .input-wrap:last-of-type { border-right: none; }

/** Item listing **/
#raisePartDemand .group .item-wrap .item-list .item-line .input-wrap.vendorItem {width: 147px;}
#raisePartDemand .group .item-wrap .item-list .item-line .input-wrap.itemByVendor {width: 147px;}
#raisePartDemand .group .item-wrap .item-list .item-line .input-wrap.vendorDescription {/* width: 256px; */overflow: auto;/* float: right; */}
#raisePartDemand .group .item-wrap .item-list .item-line .input-wrap.item {width: 204px;}
#raisePartDemand .group .item-wrap .item-list .item-line .input-wrap.description { width: 403px; overflow: auto; float: inherit; }
/** Item availability listing **/
#raisePartDemand .group .item-avail-wrap .item-header .item { width: 348px; }
#raisePartDemand .group .item-avail-wrap .item-header .store { width: 134px; }
#raisePartDemand .group .item-avail-wrap .item-header .qty { width: 217px; }
#raisePartDemand .group .item-avail-wrap .item-list-loading { padding: 88px 0; }
#raisePartDemand .group .item-avail-wrap .item-list .item-line .input-wrap.item { width: 318px; }
#raisePartDemand .group .item-avail-wrap .item-list .item-line .input-wrap.store { width: 104px; }
#raisePartDemand .group .item-avail-wrap .item-list .item-line .input-wrap.qty { width: 150px; text-align: right; }
/** Selected item listing **/
#raisePartDemand .group .selected-item-wrap .item-header .item { width: 214px; }
#raisePartDemand .group .selected-item-wrap .item-header .description { width: 325px; }
#raisePartDemand .group .selected-item-wrap .item-header .avail { width: 75px; }
#raisePartDemand .group .selected-item-wrap .item-header .qty { width: 84px; }
#raisePartDemand .group .selected-item-wrap .item-list { min-height: 45px; height: auto; overflow: visible; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap { padding: 0 10px; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap.item-view { width: 194px; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap.description-view { width: 305px; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap.avail-status-view { padding: 0; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap.qty-view { width: 76px; padding: 0 4px; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap.qty-view input { width: 66px; height: 30px; line-height: 30px; text-align: right; color: #7b8187; background-color: transparent; border: 2px solid transparent; font-size: 21px; padding: 2px 3px; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line.selected .input-wrap.qty-view input { color: #000; background-color: #fff; border: 2px solid #6f757a; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap.avail-status-view span.avail { display: block; width: 75px; height: 35px; margin: 5px auto; background: transparent url('../images/MM/MM-part-demand-availability-icons.png') no-repeat 50% 0px; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap.avail-status-view span.avail-status-1 { background-position: 50% 0px; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap.avail-status-view span.avail-status-2 { background-position: 50% -70px; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line .input-wrap.avail-status-view span.avail-status-3 { background-position: 50% -105px; }
#raisePartDemand .group .selected-item-wrap .item-list .item-line.selected .input-wrap.item-view span.remove-line { display: block; float: left; width: 29px; height: 29px; margin: 8px 4px 0 0; background: transparent url('../images/MM/MM-raise-demand-delete-line-button.png') no-repeat 0px 0px; }
.remove-line {display: block; float: right; width: 77px; height: 42px; margin: 0 -10px 0 0; background: transparent url('../images/MM/MM-delete-task-assignments.png') no-repeat 0px 0px;}
.save-line {display: block; float: left; width: 54px; height: 42px; margin: 0 -12px; background: transparent url('../images/MM/MM-save-task-assignments.png') no-repeat 0px 0px;}

/** Task detail page **/
#taskDetailView form .group table.signoff-table { width: 100%; border-top: 2px solid #a1a9af; }
#taskDetailView form .group table.signoff-table thead tr th { background-color: #cbd3da; color: #5d6268; font-size: 3.5em; font-weight: bold; padding: 15px 0 15px 14px; border-left: 1px solid #7b8187; border-right: 1px solid #7b8187; border-bottom: 1px solid #a1a9af; text-align: left; }
#taskDetailView form .group table.signoff-table thead tr th.so { width: 94px; border-left: none; }
#taskDetailView form .group table.signoff-table thead tr th.name { width: 306px; }
#taskDetailView form .group table.signoff-table thead tr th.cert { width: 258px; border-right: none; }
#taskDetailView form .group table.signoff-table tbody tr td { font-size: 3.5em; padding: 15px 0 15px 14px; color: #7b8187; border-top: 1px solid #a1a9af; border-bottom: 1px solid #a1a9af; border-left: 1px solid #7b8187; border-right: 1px solid #7b8187; }
#taskDetailView form .group table.signoff-table tbody tr td.so { border-left: none; }
#taskDetailView form .group table.signoff-table tbody tr td.cert { border-right: none; }
#taskDetailView form .group table.signoff-table tbody tr.last-row td { border-bottom: none; }


/** Task detail view page
	NRI detail view page
	Raise NRI view page **/
/* #taskDetailView {  }
#taskDetailView form { margin: 13px 13px 84px 13px; }
#taskDetailView form .group .form-item-work-done textarea { font-weight: bold; color: #cbd3da; } */
/* #taskDetailView form a.saveChanges,
#taskDetailView form a.clearChanges { font-size: 3.5em; float: left; box-shadow: none; } */
/* #taskDetailView form a.clearChanges { float: right; } */

/* #taskDetailView form#nriDetailForm .group .form-ref-Id,
#taskDetailView form#nriDetailForm .group .form-part,
#taskDetailView form#nriDetailForm .group .form-duration-hours { border-bottom: 2px solid #a1a9af; } */


/** Part change workspace **/
#partChangeContainer {  }
#partChangeContainer .form-style .group .form-part-name {  }
#partChangeContainer .form-style .group .form-part-name input { width: 440px; }
#partChangeContainer .form-style .group .form-qty { float: right; border-left: 2px solid #a1a9af; }
#partChangeContainer .form-style .group .form-qty input { width: 140px; }

/** New Item Information **/
#NewItemInformationAction .popup-inner {width: 724px;margin: 0 0 0 25px;background-color: #f5f6f8;border: 3px solid #7b8187;border-radius: 18px;overflow: hidden;box-shadow: 0 0 12px #0a1947;}
#NewItemInformationAction .popup-inner h4 {font-size: 3.1em;font-weight: bold;color: #f5f6f8;line-height: 67px;height: 67px;text-align: center;background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px;border-bottom: 2px solid #545a5f;border-radius: 0px;}
#NewItemInformationAction .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none; height: 900px; overflow: scroll;}
#NewItemInformationAction .popup-inner form .form-item {  }
#NewItemInformationAction .popup-inner .button-wrap { text-align: center; }
#NewItemInformationAction .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#NewItemInformationAction .popup-inner a.cancel { width: 120px; margin-left: 15px; }
#NewItemInformationAction .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: none; }
#NewItemInformationAction .popup-inner form .form-item input[type="text"] {width: 375px;float: right;text-align: right;color: #2e5cac;font-size: 3.1em;}
#NewItemInformationAction .popup-inner form .form-item input.category {height: 58px;line-height: 58px;font-size: 2.3em;font-weight: bold;color: #7b8187;text-align: right;text-transform: uppercase;width: 347px;}
#NewItemInformationAction .popup-inner form .form-item-serialized{height:70px;}
#NewItemInformationAction .popup-inner form .form-item input.serialized{height:70px;width: 10px}
#NewItemInformationAction .popup-inner form .form-item select{float: right !important; height: 58px;}
#NewItemInformationAction .popup-inner form .form-item input[type=checkbox]{
    vertical-align: middle;
    position: relative;
    bottom: -4px;
    zoom : 2.1;
    height: 19px;
    width: 19px;
}
/** Task card page **/
.tc-wrap { width: 745px; margin: 8px; border: 3px solid #000000; background-color: #ffffff; }
/** Task card header **/
.tc-wrap .tc-header { border-bottom: 2px solid #000000; }
.tc-wrap .tc-header .tc-header-item { float: left; width: 244px; height: 36px; padding: 2px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; }
.tc-wrap .tc-header .tc-header-item:nth-of-type(3n + 5) { width: 243px; border-right: none; }
.tc-wrap .tc-header .tc-header-item .label { font-size: 11px; font-weight: bold; font-family: Arial, sans-serif; }
.tc-wrap .tc-header .tc-header-item .value { font-size: 15px; line-height: 21px; overflow: hidden; padding: 0 5px; }
/** Custom header widths **/
.tc-wrap .tc-header .tc-item-task-title { width: 492px; border-right: none; }
.tc-header-item.tc-item-pkg-id { overflow-y: scroll; }
.tc-header-item.tc-item-pkg-title { overflow-y: scroll; }

/* .tc-wrap .tc-header .tc-item-task-id { height: 31px; }
.tc-wrap .tc-header .tc-item-task-id .label { font-size: 18px; height: 31px; line-height: 31px; }
.tc-wrap .tc-header .tc-item-task-id .value { height: 31px; line-height: 32px; } */
/* .tc-wrap .tc-header .tc-item-task-id .value,
.tc-wrap .tc-header .tc-item-pkg-title .value { width: 417px; }
.tc-wrap .tc-header .tc-item-task-id,
.tc-wrap .tc-header .tc-item-issue-date,
.tc-wrap .tc-header .tc-item-mr,
.tc-wrap .tc-header .tc-item-mr-rev,
.tc-wrap .tc-header .tc-item-rev-date,
.tc-wrap .tc-header .tc-item-pkg-title { border-right: none; }
.tc-wrap .tc-header .tc-item-wo .value,
.tc-wrap .tc-header .tc-item-asset .value,
.tc-wrap .tc-header .tc-item-shop .value,
.tc-wrap .tc-header .tc-item-pkg-id .value { width: 158px; }
.tc-wrap .tc-header .tc-item-task-id .label,
.tc-wrap .tc-header .tc-item-zone .label,
.tc-wrap .tc-header .tc-item-phase .label,
.tc-wrap .tc-header .tc-item-craft .label,
.tc-wrap .tc-header .tc-item-skill .label,
.tc-wrap .tc-header .tc-item-pkg-title .label { width: 76px; }
.tc-wrap .tc-header .tc-item-issue-date .label,
.tc-wrap .tc-header .tc-item-mr .label,
.tc-wrap .tc-header .tc-item-mr-rev .label,
.tc-wrap .tc-header .tc-item-rev-date .label { width: 92px; }
.tc-wrap .tc-header .tc-item-issue-date .value,
.tc-wrap .tc-header .tc-item-mr .value,
.tc-wrap .tc-header .tc-item-mr-rev .value,
.tc-wrap .tc-header .tc-item-rev-date .value { width: 155px; } */
/** Task card title **/
.tc-wrap .tc-title { min-height: 57px; border-bottom: 3px solid #000000; }
.tc-wrap .tc-title .label { float: left; width: 98px; height: 27px; line-height: 27px; padding: 0 5px 0 0; border-right: 2px solid #000000; border-bottom: 2px solid #000000; font-family: 'Myriad Pro', Arial, sans-serif; font-weight: 600; font-size: 19px; text-align: right; }
.tc-wrap .tc-title .value { margin: 0 5px 0 110px; padding: 2px 0; font-size: 17px; line-height: 25px; }
/** Task card instructions **/
.tc-wrap .tc-instructions { min-height: 785px; background: transparent url('../images/MM/tc-instruction-bg.png') repeat-y 0px 0px; }
.tc-wrap .tc-instructions .tc-inst-header { height: 27px; line-height: 25px; padding: 0 0 0 7px; border-bottom: 2px solid #000000; font-family: 'Myriad Pro', Arial, sans-serif; font-weight: 600; font-size: 17px }
.tc-wrap .tc-instructions .tc-inst-header div.row { float: right; width: 53px; padding: 0 10px 0 12px; text-align: center; font-family: inherit; }
.tc-wrap .tc-instructions .tc-inst-header div.row span.HX { display: none; }
.tc-wrap .tc-instructions .tc-inst { min-height: 73px; border-bottom: 2px solid #000000; overflow: hidden;}
.tc-wrap .tc-instructions .tc-inst .value { /* margin: 0 225px 0 0; */ float: left; width: 502px; padding: 4px 9px; font-size: 14px; line-height: 20px; }
.tc-wrap .tc-instructions .tc-inst .value .amm-wrap { margin: 6px 0 0 0; }
.tc-wrap .tc-instructions .tc-inst .value .amm-wrap a { text-decoration: underline; font-weight: bold; color: #000000; }
.tc-wrap .tc-instructions .tc-inst .value .amm-wrap .hide { margin: 8px 0 4px 0; padding: 5px; border: 1px dotted #aaaaaa; background-color: #f0f0f0; }
.tc-wrap .tc-instructions .tc-inst .value .amm-wrap .hide img { max-width: 474px; }
.tc-wrap .tc-instructions .tc-inst .checkboxes {  }
.tc-wrap .tc-instructions .tc-inst .checkboxes .row { float: right; width: 63px; padding: 5px; margin-left: 2px; }
.tc-wrap .tc-instructions .tc-inst .checkboxes .require-false { background-color: #cccccc; padding-bottom: 1700px; margin-bottom: -1700px;}
.tc-wrap .tc-instructions .tc-inst .checkboxes .row .row-height { width: 63px; height: 63px; }
.tc-wrap .tc-instructions .tc-inst .checkboxes .row .check { position: relative; float: left; width: 63px; height: 63px; }
.tc-wrap .tc-instructions .tc-inst .checkboxes .row .check .signature-wrap { margin: 5px 0 0 3px; }
.tc-wrap .tc-instructions .tc-inst .checkboxes .row .check .oval { position: absolute; bottom: 2px; left: 10px; font-size: 1.1em; font-weight: bold; }
.tc-wrap .tc-instructions .tc-inst .checkboxes .row .check .oval svg { position: absolute; top: -20px; left: 35px; }
/** HAECO release statement **/
.tc-wrap .HX-release { display: none; }

.bottomContextMenu{display:block !important; width: 100% !important; height: 100%; background: transparent url('../images/MM/loading-bg.png') repeat 0px 0px; position: fixed; top: 0px; left: 0px; z-index: 8888; }

.reseqButton{
background: transparent url('../images/MM/MM-reseq_header.png') no-repeat 0px 0px;
bottom: 8px;
float: right;
height: 40px;
width: 35px;
}


div#mobileMechTechLog {
position: relative;
z-index: 10;
}
#taskListContainer{
 position : relative;
 z-index : 2;
 background-color:  #454B50;
}

div.raiseDeferal select.deferalSelectOption {
width: 90%;
font-size: 3.5em;
font-weight: bold;
color: #000;
height: 58px;
line-height: 58px;
background-color: #f5f6f8;
border: none;
}

div.raiseDeferal .group:last-of-type { margin-bottom: 0px; }
div.raiseDeferal .group .form-item {overflow: hidden; border-bottom: 2px solid #8a8b8b; padding: 0 15px; }
div.raiseDeferal .group .form-item .half-width {float:left; width:49%;}
div.raiseDeferal .group .form-item .half-width .readonly{color:#7b8187 !important;}
div.raiseDeferal .group .form-item .half-width .leftPart{float:left; width: 50%; }
div.raiseDeferal .group .form-item .half-width .rightPart{padding-right:10px; float:right; width: 45%;}
div.raiseDeferal .group .form-item .half-width input.rightPart {
height: 58px;
line-height: 58px;
background-color: transparent;
border: none;
font-size: 3.5em;
color: #2e5cac;
text-align: right;
}
div.raiseDeferal .group .form-item .half-width input.leftPart {
height: 58px;
line-height: 58px;
background-color: transparent;
border: none;
font-size: 1em;
color: #2e5cac;
}
div.raiseDeferal .group .form-item .half-width .rightPart.longWidth {
  width: 55% !important;
}
div.raiseDeferal .group .form-item .half-width .leftPart.shortWidth {
  width: 40% !important;
}

.deferalFromGroup

div.raiseDeferal .group .form-item .half-width:nth-child(odd)  {border-right: 2px solid #8a8b8b;}
div.raiseDeferal .group .form-item .half-width:nth-child(even)  {padding-left:10px;}
div.raiseDeferal .group .form-item:last-of-type { border-bottom: none; }
div.raiseDeferal .group .form-item > label, 
div.raiseDeferal .group .form-item > div {  font-weight: bold; color: #000; height: 58px; line-height: 58px; }
div.raiseDeferal .group .form-item > input { display: block; float: right; text-align: right; font-size: 3.5em; color: #2e5cac; height: 58px; line-height: 58px; background-color: transparent; border: none; width: 400px; }
div.raiseDeferal .group .no-label {  }
div.raiseDeferal .group .no-label  input { float: none; width: 682px; text-align: right; }
div.raiseDeferal .group .form-item  textarea { font-size: 3.4em; color: #2e5cac; font-weight: normal; background: transparent; border: none; width: 100%; font-family: Helvetica, Arial, sans-serif; padding: 11px 0; }
div.raiseDeferal .group .form-item-label-changed textarea { color: #2e5cac; }
div.raiseDeferal .group .has-lookup  a.lookup { display: block; float: right; width: 54px; height: 54px; background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px; margin: 2px 0 0 0; }
div.raiseDeferal .group .disabled   a.lookup { background-image: url('../images/MM/MM-lookup-button-disabled.png'); }
div.raiseDeferal .group .has-lookup  input {  padding-right: 11px; }
div.raiseDeferal .group .has-lookup  input.rightPart {  width:40% !important; }
div.raiseDeferal .group .readonly > label,
div.raiseDeferal .group .readonly > input,
div.raiseDeferal .group .readonly > textarea { color: #7b8187; }
div.raiseDeferal .group .highlight > label,
div.raiseDeferal .group .highlight > input,
div.raiseDeferal .group .highlight > textarea { color: #000; }

div.raiseDeferal .group .form-item .half-width.log-type .leftPart.shortWidth { width: 50% !important; }
div.raiseDeferal .group .has-lookup.log-type  input.rightPart {  width:30% !important; }

div.raiseDeferal a.save-button { margin: 0 auto; width: 170px; }

div#mobileMechTechLog select.deferalSelectOption {width: 98%;font-size: 1em;font-weight: bold;color: #000;height: 58px;line-height: 58px;background-color: transparent;border: none;}

div#mobileMechTechLog select.select-small-ep {
	float:right;
	width: 58%;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	height: 58px;
	line-height: 58px;
	border: none;
}

div#mobileMechTechLog .deferalCheckbox{
width: 25px;
height: 25px;
position: relative;
left: 20px;
top: 3px;
}

div#mobileMechTechLog  .logPageText {
font-size: 3.5em;
font-weight: bold;
color: #E4E5EF;
height: 58px;
line-height: 58px;
}

div#mobileMechTechLog .section-title > .techLogOpen{
background: transparent url('../images/MM/MM-techLog-arrow-opened.png') no-repeat 0px 0px;
width: 30px;
height: 30px;
position: absolute;
left: 20px;
top: 16px;
}

div#mobileMechTechLog .section-title > .techLogClose{
background: transparent url('../images/MM/MM-techLog-arrow-closed.png') no-repeat 0px 0px;
width: 20px;
height: 30px;
position: absolute;
left: 20px;
top: 16px;
}

#mobileMechTechLogForm .form-style .group {background-color: #f5f6f8;border: 3px solid #7b8187;border-radius: 30px;box-shadow:  0 0 4px #a1a9af;overflow: hidden;}
#mobileMechTechLogForm .form-style .group .form-item {font-size: 1em;overflow: hidden;border-bottom: 2px solid #8a8b8b;padding: 0 15px;}
#mobileMechTechLogForm .form-style .group .form-item select {
}
#mobileMechTechLogForm .form-style .group:last-of-type { margin-bottom: 0px; }
#mobileMechTechLogForm .form-style .group .group-header { height: 44px; line-height: 44px; padding-left: 25px; font-size: 2.8em; color: #fff; font-weight: bold; border-bottom: 3px solid #7b8187; background: #7c8288 url('../images/MM/MM-form-style-header-bg.png') repeat-x 0px 0px; }
#mobileMechTechLogForm .form-style .group .form-item {font-size: 1em;overflow: hidden;border-bottom: 2px solid #8a8b8b;padding: 0 15px;}
#mobileMechTechLogForm .form-style .group .form-item .half-width {float:left;width: 49%;}
#mobileMechTechLogForm .form-style .group .form-item .half-width .readonly{color:#7b8187 !important;}
#mobileMechTechLogForm .form-style .group .form-item .half-width .leftPart{float:left; width: 50%; }
#mobileMechTechLogForm .form-style .group .form-item .half-width .rightPart{padding-right:10px; float:right; width: 45%;}

#mobileMechTechLogForm .form-style .group .form-item .customCheckbox {display: inline-block;float: left;margin: 13px 0;width: 31px;height: 31px;background: transparent url('../images/MM/MM-checkboxes.png') no-repeat 0px 0px;/* width: 30px; */background-position: 0px -155px;/* right: 40px; *//* position:  absolute; *//* margin: 20px; */}
#mobileMechTechLogForm .form-style .group .form-item .customCheckbox.hover { background-position: 0px -186px; }
#mobileMechTechLogForm .form-style .group .form-item .customCheckbox.checked { background-position: 0px -217px; }
#mobileMechTechLogForm .form-style .group .form-item .customCheckbox.disabled { background-position: 0px -248px; }
#mobileMechTechLogForm .form-style .group .form-item .half-width input.rightPart {height: 58px;line-height: 58px;background-color: transparent;border: none;font-size: 3.4em;color: #2e5cac;text-align: right;}
#mobileMechTechLogForm .form-style .group .form-item .half-width input.leftPart {
height: 58px;
line-height: 58px;
background-color: transparent;
border: none;
font-size: 1em;
color: #2e5cac;
}
#mobileMechTechLogForm .form-style .group .form-item .half-width .rightPart.longWidth {
  width: 55% !important;
}
#mobileMechTechLogForm .form-style .group .form-item .half-width .leftPart.shortWidth {
  width: 49% !important;
  height: 56px;
}
#mobileMechTechLogForm .form-style .group .form-item .half-width .leftPart.shortWidth.ATA {
  width: 30% !important;
}
#mobileMechTechLogForm .form-style .group .form-item .half-width .leftPart.shortWidth.ddNo {
  border-right:  1px solid;
}
#mobileMechTechLogForm .form-style .group .form-item .techLogCheckBox {padding-left:10px;font-size: 3.4em;}
#mobileMechTechLogForm .form-style .group .form-item .half-width:nth-child(odd)  {border-right: 2px solid #8a8b8b;font-weight:  normal;}
#mobileMechTechLogForm .form-style .group .form-item .half-width:nth-child(even)  {padding-left:10px;}
#mobileMechTechLogForm .form-style .group .form-item:last-of-type { border-bottom: none; }
#mobileMechTechLogForm .form-style .group .form-item > label, 
#mobileMechTechLogForm .form-style .group .form-item > div {font-size: 1em;font-weight: bold;color: #000;height: 58px;line-height: 58px;}
#mobileMechTechLogForm .form-style .group .form-item > input { display: block; float: right; text-align: right; font-size: 3.5em; color: #2e5cac; height: 58px; line-height: 58px; background-color: transparent; border: none; width: 400px; }
#mobileMechTechLogForm .form-style .group .no-label {  }
#mobileMechTechLogForm .form-style .group .no-label  input { float: none; width: 682px; text-align: right; }
#mobileMechTechLogForm .form-style .group .form-item  textarea {font-size: 3.4em;color: #2e5cac;font-weight: normal;background: transparent;border: none;min-width: 685px;font-family: Helvetica, Arial, sans-serif;padding: 11px 0;px; */ -5pxmargin-left:;margin-left: -5px;max-width: 685px;min-height: 120px;}
#mobileMechTechLogForm .form-style .group .form-item-label-changed textarea { color: #2e5cac; }
#mobileMechTechLogForm .form-style .group .has-lookup  a.lookup { display: block; float: right; width: 54px; height: 54px; background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px; margin: 2px 0 0 0; }
#mobileMechTechLogForm .form-style .group .disabled   a.lookup { background-image: url('../images/MM/MM-lookup-button-disabled.png'); }
#mobileMechTechLogForm .form-style .group .has-lookup  input {  padding-right: 11px; }
#mobileMechTechLogForm .form-style .group .has-lookup  input.rightPart {  width:40% !important; }
#mobileMechTechLogForm .form-style .group .readonly > label,
#mobileMechTechLogForm .form-style .group .readonly > input,
#mobileMechTechLogForm .form-style .group .readonly > textarea { color: #7b8187; }
#mobileMechTechLogForm .form-style .group .highlight > label,
#mobileMechTechLogForm .form-style .group .highlight > input,
#mobileMechTechLogForm .form-style .group .highlight > textarea { color: #000; }
#mobileMechTechLogForm .form-style .group .form-item .form-item-auth > input {
	 display: block;
	 float: right;
	 text-align: right;
	 font-size: 3.5em;
	 color: #2e5cac;
	 height: 58px;
	 line-height: 58px;
	 background-color: transparent;
	 border: none;
	 width: 380px;
	 padding-right:0.2cm;
	} 
#mobileMechTechLogForm .form-style .group .form-item-defect{font-size: 3.5em;font-weight: bold;color: #000;height: 58px;line-height: 58px;padding-left: 15px;border-bottom: 2px solid #8a8b8b;}
#mobileMechTechLogForm .form-style .group .form-item .half-width.log-type .leftPart.shortWidth { width: 50% !important; }
#mobileMechTechLogForm .form-style .group .has-lookup.log-type  input.rightPart {  width:30% !important; }

#mobileMechTechLogForm a.button {margin: auto;width: 170px;margin-top: 10px; margin-bottom: 10px}


#mobileMechTechLogForm .form-style .group .form-item select.select-small-ddaction {width: 45%;height: 58px;background-color: transparent;padding-left: 0;float:  right;font-size:  3em;font-weight:  normal;}


#mobileMechTechLogForm .form-style .group .form-item select.select-small-ddtype {width: 50%;color: #2e5cac;height: 58px;line-height: 58px;background-color: transparent;border: none;padding-left: 0.5cm;!important: initialfont-size:font-weight:font-weight:float:}
#mobileMechTechLogForm .form-style .group .form-item select.deferalSelectOption {height: 58px;line-height: 58px;background-color: transparent;border: none;padding-left: 0.5cm;!important: initialfont-size:font-weight:font-weight:font-weight:}
#mobileMechTechLogForm .form-style .group .form-item select.select-small-category {width: 50%;color: #2e5cac;height: 57px;line-height: 58px;background-color: transparent;border: none;padding-left: 0.5cm;font-weight:  normal;}

#mobileMechTechLogForm .form-style .group .form-item select.select-small-ep {width: 50%;color: #2e5cac;height: 57px;line-height: 58px;background-color: transparent;border: none;padding-left: 0.5cm;float:  right;font-weight:  normal;}
#mobileMechTechLogForm .group .form-item .form-item-mel > input {
	 display: block;
	 float: right;
	 text-align: right;
	 color: #2e5cac;
	 height: 62px;
	 line-height: 58px;
	 background-color: transparent;
	 border: none;
	 width: 200px;
	} 
#taskDetailForm .group .form-item-cust { border-bottom: 2px solid #a1a9af;}
#taskDetailForm .group .form-item-cust .two-elements {float:left; width:49%;}
#taskDetailForm .group .form-item-cust  .two-elements input { display: block; float: right; text-align: center; font-size: 3.5em; color: #7b8187; height: 58px; line-height: 58px; background-color: transparent; border: none; width: 40%; }

#taskDetailForm .group .form-item-cust  .two-elements label { padding-left:10px; font-size: 3.5em; font-weight: bold; color: 7b8187; height: 58px; line-height: 58px;}
#taskDetailForm .group .form-item-cust .two-elements:nth-child(odd)  {border-bottom: 2px solid #8a8b8b;}
#taskDetailForm .group .form-item-cust .two-elements:nth-child(even)  {padding-left:10px; border-bottom: 2px solid #8a8b8b;}

#taskDetailForm .group .form-item-input > input { width: 300px; }
#taskDetailForm .group .form-item-input > input.readonly { cursor:not-allowed; pointer-events:none; background-color : transparent; }

div.mobileMechContextMenuMask {
	display : none;
}

div.cancelContextMenu{
	color : rgb(231, 76, 76) !important;
	line-height: 80px;
height: 80px;
border-bottom: 2px solid #a1a9af;
cursor: pointer;
font-size: 3.5em;
font-weight: bold;
color: #000;
}

div.mobileMechContextMenuItemGroup {
margin-bottom: 20px;
background-color: #e4e7ea;
border-radius: 20px;
width: 700px;
text-align: center;
box-shadow: 0 0 10px #0a1947;
border-width: 2px;
border-style: solid;
border-color: #7b8187;
}

div.mobileMechContextMenuItem {
color: #7b8187;
line-height: 80px;
height: 80px;
border-bottom: 2px solid #a1a9af;
cursor: pointer;
font-size: 3.5em;
font-weight: bold;
color: #000;
}

div.mobileMechContextMenuItem:last-child{
	border-bottom: none !important;
}

#MobileMechTaskStepSignOffForm .group .form-item span {
text-align: right;
font-size: 2.3em;
font-weight: bold; 
text-transform: uppercase;
height: 58px;
line-height: 58px;
background-color: transparent;
border: none;
color: #7b8187;
float: right;
max-width: 450px;
}


div#MobileMechTaskStepSignOffSave {
position: relative;
left: 2%;
top: 6px;
width: 250px;
}

div#MobileMechTaskStepSignOffCancel {
position: relative;
left: 52%;
top: -80px;
width: 250px;
}

form#MobileMechTaskStepSignOffForm {
background: none;
border: none;
box-shadow: none;
}

.mobileMechTaskStepSignOffPopup {
width: 600px;
margin: 0 0 0 118px;
background-color: #e4e7ea;
border: 3px solid #7b8187;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 0 12px #0a1947;
position: absolute;
top: 120px;
left: -2%;
height: 450px;
}

.mobileMechTaskStepSignOffPopupHeader {
font-size: 3.1em;
font-weight: bold;
color: #f5f6f8;
line-height: 67px;
height: 67px;
text-align: center;
background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px;
border-bottom: 2px solid #545a5f;	
width: 600px;
position: relative;
} 

.mobileMechTaskStepSignOffPopupContent {
width: 600px;
height: 360px;
position: relative;
}


div#mobileMechShopTabView {
   overflow: hidden;
   width: 768px;
}
#mobileMechShopTabNavbar .mobileMechShopTabHeader{
	width: 649px;
    height: 52px;
    border: 1px solid #5d6268;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #64696e !important;
    position: absolute;
    line-height : 53px;
    text-align : center;
    color : #5d6268;
    border-bottom: none !important;
    z-index:1000;
	top: 19px;
}
.mobileMech-clockon-aftersignoff
{
	background-position: 0px 0px !important;
}
.mobileMech-clockonlabel-aftersignoff
{
		color: #000 !important;
}
.task-view-list .task-status-CO .right a.clocked-OFF span.clock-on-image.mobileMech-clockonimage-aftersignoff, .task-view-list .task-status-CO .right a.clocked- span.clock-on-image.mobileMech-clockonimage-aftersignoff {
   background-position: 0px -81px !important;
}
#mobileMechShopTabNavbar .mobileMechShopTabHeaderBackground{
	width: 180px;
    height: 60px;
    border: 1px solid #5d6268;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #e4e7ea;
    position: absolute;
    margin-right: 10px;
    border-bottom: none !important;
    z-index:100;
}

#mobileMechShopTabNavbar #mobileMechShopTabHeaderPackageBackground{
	left: -5px;
}
#mobileMechShopTabNavbar #mobileMechShopTabHeaderAircraftBackground{
	left: 145px;
}
#mobileMechShopTabNavbar #mobileMechShopTabHeaderAssetsBackground{
	left: 295px;
}
#mobileMechShopTabNavbar #mobileMechShopTabHeaderMXDiscussionsBackground{
	left: 445px;
}
#mobileMechShopTabNavbar #mobileMechShopTabHeaderPackage{
	left: -34px;
}
#mobileMechShopTabNavbar #mobileMechShopTabHeaderAircraft{
	left: -34px;
}
#mobileMechShopTabNavbar #mobileMechShopTabHeaderAssets{
	left: -34px;
}
#mobileMechShopTabNavbar #mobileMechShopTabHeaderMXDiscussion{
	left: -34px;
}
.package-and-shop-style{
padding-top:30px !important;
}

.mobileMechShopTabHeaderActive {
border-bottom: none !important;
box-shadow: 0px 10px #e4e7ea !important;
border-color: rgb(106, 102, 102) !important;
   background-color: #e4e7ea !important;
   height: 62px !important;
}

.mobileMechShopTabHeaderActiveBackground{
	    box-shadow: 0px -1px 10px #0a1947;
}

.mobileMechShopTabHeaderActive >a {
}
#mobileMechShopTabNavbar .mobileMechShopTabHeader > a{
	text-decoration: none;
     font-size: 3.0em ;
     font-weight: bold;
     color: #fff;
}
#mobileMechShopTabNavbar .mobileMechShopTabContent{
	
}
div#mobileMechShopTabNavbar {
 left: 12%;
 position: absolute;
 top: 97px;
 z-index: 30;
}
div#mobileMechShopTabBody {
 /* position: relative; 
 top: 160px; */
 margin-top: 160px;
 z-index: 10;
}
div#mobileMechShopClockOnOff {
 /* position: relative;
 top: 160px; */
}

div.pdfSignOffTempWrap{
  padding: 5px;
  margin-left: 2px;
  position : absolute;
  width : 62px;
  height : 62px;

}

div.pdfSignOffTempWrap .oval{
  position : absolute;
  bottom: 2px;
   font-size: 1.1em;
  font-weight: bold;
}

div.pdfSignOffTempWrap .oval svg{
  position : absolute;
  top : 0px;
  left : 0px;
} 
#flyoutPageTabNavbar #flyoutPageTabHeaderNavigation {
	padding-bottom: 60px;
	font-size: 3.4em;
	font-weight: bold;
	color: #ddd;
	text-align: center;
	height: 62px;
}
#flyoutPageTabNavbar #flyoutPageTabHeaderNavigation a {
	float: left;
	display: block;
	height: 56px;
	width: 62px;
}
#flyoutPageTabNavbar #flyoutPageTabHeaderNavigation a#menuExit {
	background: rgba(236, 22, 22, 0) url('../images/MM/MM_MenuExit.png') no-repeat 10px -7px;
	background-size: 59px;
	margin-right: 22px;
	float: right;
}
#flyoutPageTabNavbar #flyoutPageTabHeaderNavigation a#logout,
#flyoutPageTabNavbar #flyoutPageTabHeaderNavigation a#logoutImg {
	background: transparent url('../images/MM/MM_Logout.png') no-repeat -6px -3px;
	background-size: 62px;
	margin-left: 22px;
}

#flyoutPageTabNavbar div#flyoutPageTabHeaderPackage {
	background: url('../images/MM/MM_PackageWs.png') no-repeat 2px 1px;
	background-size: 71px;
}

#flyoutPageTabNavbar div#flyoutPageTabHeaderAircraft {
	background: url('../images/MM/MM_AircraftWs.png') no-repeat 2px -11px;
	background-size: 73px;
}

#flyoutPageTabNavbar div#flyoutPageTabHeaderAssets {
	background: url('../images/MM/MM_AssetsWs.png') no-repeat 2px -11px;
	background-size: 73px;
}

#flyoutPageTabNavbar #flyoutPageTabHeaderMXDiscussion {
	background: url('../images/MM/MM_DiscussionsWs.png') no-repeat 2px -8px;
	background-size: 73px;
}

#flyoutPageTabNavbar #flyoutPageTabHeaderSettings {
	background:url('../images/MM/MM-settings-button-small.png') no-repeat 11px 3px;
}

#flyoutPageTabNavbar #flyoutPageTabHeaderActions {
	background:url('../images/MM/BM_Workspace_Mobilemechactionsws_small_008.png') no-repeat 11px 3px;
}

div#flyoutPageTabNavbar {
	position: fixed;
	top: 0px;
	z-index: 8888;
	background-color: #3F4346;
	display:none;
	width: 578px;
	/* height: calc(100% - 80px);
	height: -moz-calc(100% - 80px);
	height: -webkit-calc(100% - 80px); */
	border: 1px solid #000;
	border-radius: 0 18px 18px 0;
	box-shadow: -11px 0 9px -5px #292929 inset;
	padding: 15px 0;
}
.flyoutPageTabHeaderActive {
box-shadow: 0px 0px #64696e !important;
background-color: #64696e !important;
}

#flyoutPageTabNavbar .flyoutPageTabHeader{
	height: 69px;
    margin-right: 10px;
    z-index: 1000;
	color: #44494C;
	margin-left: 90px;
	line-height: 62px;
	padding-bottom: 32px;
}
#flyoutPageTabNavbar .navigationMenuButton {
    padding: 0 36px;
    height: 52px;
    position: absolute;
}
#flyoutPageTabNavbar .flyoutPageTabHeader > a{
	text-decoration: none;
     font-size: 3em;
     font-weight: bold;
       color : #ddd;
	margin-left: 104px;
}

div#flyoutPageTwoLevelGroupingDiv {
position: relative;
top: -25px;
left: 56%;
}

#flyoutPageTwoLevelGroupingDiv span {
   font-size: 2em;
   color: #eeeeee;
   padding-right: 20px;
}

#flyoutPageTwoLevelGroupingDiv input#flyoutPageTwoLevelGrouping {
	  display:none;
}

#flyoutPageTwoLevelGroupingDiv input#flyoutPageTwoLevelGrouping + label
{
	display:inline-block;
    width:37px;
    height:32px;
     vertical-align:middle;
     cursor:pointer;
    border: 2px solid #474c50;
    -moz-box-shadow: 0px 0px 10px #979A9D inset;
   -webkit-box-shadow: 0px 0px 10px #979A9D inset;
     box-shadow: 0px 0px 10px #979A9D inset;
    border-radius: 6px;
    background: transparent url('../images/MM/two-level-grouping-unchecked.png') no-repeat 0px -2px;
}

#flyoutPageTwoLevelGroupingDiv input#flyoutPageTwoLevelGrouping:checked  + label
{
	background: transparent url('../images/MM/two-level-grouping-checked.png') no-repeat -3px -3px;
	 -moz-box-shadow: 0px 0px 10px #6DAAE1 inset;
	 -webkit-box-shadow: 0px 0px 10px #6DAAE1 inset;
    box-shadow: 0px 0px 5px #1473C8 inset;
     border: 2px solid #073079;
}

#flyoutPage form .group a.filter-button {
   position: relative; 
}

#flyoutPage form .group a.filter-button .levelGroupingImage {
	position: absolute;
	width: 24px;
	height: 24px;
	background-color: #073097;
	border-radius: 20px;
	top: 6px;
	left: 6px;
}

#flyoutPage form .group a.filter-button .levelGroupingNumber {
	position: absolute;
	left: 12px;
	top: -12px;
	color: white;
}

/*
#flyoutPageTwoLevelGroupingDiv input{
	 -moz-transform: scale(2,2);
    -ms-transform: scale(2,2);
    -o-transform: scale(2,2);
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
}
*/
/** Package selection page **/
#hangarExecutionPackagelookupViewLookupPage a.selectionItem span.right-arrow { height: 202px; }
#shopViewLookupPage a.selectionItem span.right-arrow,
#productionGroupViewLookupPage span.right-arrow,
#woPhaseSupportViewLookupPage span.right-arrow,
#allProceduresViewLookupPage span.right-arrow,
#nriAssetZoneViewLookupPage span.right-arrow,
#maintClassViewLookupPage span.right-arrow,
#partSerialAllAssetsLookupViewLookupPage span.right-arrow,
#woStatusViewLookupPage span.right-arrow,
#assetTypeZoneViewLookupPage span.right-arrow,
#craftCodeSupportViewLookupPage span.right-arrow,
#contractViewLookupPage span.right-arrow,
#signoffTypeViewLookupPage span.right-arrow { height: 100px; }
#personnelCertificationsLookupPage span.right-arrow { height: 253px; }
#hangarExecutionPackagelookupViewLookupPage a.selectionItem span.half-width:nth-child(2n),
#allProceduresViewLookupPage a.selectionItem span.half-width:nth-child(2n) { width: 282px; border-right: 3px solid #a1a9af; }
#hangarExecutionPackagelookupViewLookupPage a.selectionItem span.half-width:nth-child(2n+1),
#allProceduresViewLookupPage a.selectionItem span.half-width:nth-child(2n+1) { width: 309px; }

#hangarExecutionPackagelookupViewLookupPage a.selectionItem span.half-width:nth-last-child(2),
#hangarExecutionPackagelookupViewLookupPage a.selectionItem span.half-width:nth-last-child(3),
#allProceduresViewLookupPage a.selectionItem span.half-width:nth-last-child(2),
#allProceduresViewLookupPage a.selectionItem span.half-width:nth-last-child(3),
#shopViewLookupPage a.selectionItem span.data-row:nth-child(3),
#productionGroupViewLookupPage a.selectionItem span.data-row:nth-child(3),
#woPhaseSupportViewLookupPage a.selectionItem span.data-row:nth-child(3),
#signoffTypeViewLookupPage a.selectionItem span.data-row:nth-child(3),
#allProceduresViewLookupPage a.selectionItem span.data-row:nth-child(3),
#nriAssetZoneViewLookupPage a.selectionItem span.data-row:nth-child(3),
#maintClassViewLookupPage a.selectionItem span.data-row:nth-child(3),
#partSerialAllAssetsLookupViewLookupPage a.selectionItem span.data-row:nth-child(3),
#woStatusViewLookupPage a.selectionItem span.data-row:nth-child(3),
#assetTypeZoneViewLookupPage a.selectionItem span.data-row:nth-child(3),
#craftCodeSupportViewLookupPage a.selectionItem span.data-row:nth-child(3),
#contractViewLookupPage a.selectionItem span.data-row:nth-child(3),
#personnelCertificationsLookupPage a.selectionItem span.data-row:nth-child(6) { border-bottom: none; }


/** Filter and grouping page **/
#filterPage {  }
#filterPage .spacer { height: 106px; }
#filterPage .border-wrap { width: 660px; background-image: -webkit-linear-gradient(top, #f5f6f8, #cbd3da); background-image: -moz-linear-gradient(top, #f5f6f8, #cbd3da); border: 2px solid #5d6268; margin: 0 29px 23px 29px; padding: 22px 23px 27px 23px; border-radius: 16px; }
#filterPage .border-wrap h4 { font-size: 3.8em; color: #7b8187; margin: 0 7px 5px 7px; }
#filterPage .border-wrap a { display: block; height: 90px; color: #f5f6f8; font-size: 3.2em; font-weight: bold; text-decoration: none; text-align: center; float: left; margin: 22px 29px 0 0; }
#filterPage .border-wrap a.width-33 { width: 200px; background: transparent url('../images/MM/MM-filter-button-33.png') no-repeat 0px 0px; }
#filterPage .border-wrap a.width-50 { width: 320px; background: transparent url('../images/MM/MM-filter-button-50.png') no-repeat 0px 0px; margin-right: 19px; }
#filterPage .border-wrap a.width-33:nth-child(3n + 2),
#filterPage .filtering a.width-50:nth-child(2n),
#filterPage .grouping a.width-50:nth-child(2n + 1) { margin-right: 0; }
#filterPage .border-wrap a.selected { background-position: 0px -90px; }
#filterPage .border-wrap a span { display: inline-block; margin: 26px 0 0 0; }
#filterPage .border-wrap a.two-row span { margin-top: 7px; }


/** Settings page **/
#settingsPage { padding: 0 0 22px 0; }
#settingsPage a.border-wrap,
#settingsPage form.package-and-shop-style { display: block; margin: 22px auto 0 auto; }
#settingsPage form.package-and-shop-style .group { margin-bottom: 11px; }
#settingsPage form.package-and-shop-style .form-item { border-bottom: none; }
#settingsPage form.package-and-shop-style .form-item input { width: 360px; }
#settingsPage form.package-and-shop-style a.taskViewSubmit { display: block; width: 260px; margin: 0 auto; font-size: 3.5em; }
#settingsPage form.package-and-shop-style a.verifySerial { font-size: 3em; float: left; box-shadow: none; margin: 0px 4px; }
#settingsPage .border-wrap { display: block; margin: 0 0 70px 57px; border: 2px solid #5d6268; border-radius: 18px; background-color: #e4e7ea; width: 616px; padding: 17px; box-shadow: 0 0 12px #0a1947; }
#settingsPage a.border-wrap { width: 620px; height: 86px; line-height: 86px; padding: 0 20px 0 10px; font-size: 3.8em; font-weight: bold; text-decoration: none; color: #7b8187; }
#settingsPage a.border-wrap span.right-arrow { float: right; display: block; width: 38px; height: 86px; background: transparent url('../images/MM/MM-right-arrow.png') no-repeat 0px 50%; }
/** Clock on details **/
#settingsPage div.clock-on-wrap { width: 654px; margin: 0 auto; position: relative; }
#settingsPage .clock-on-wrap a.clock-on-details { display: block; height: 86px; line-height: 86px; padding: 0 20px 0 10px; }
/** Clock on button **/
#settingsPage .clock-on-wrap a.clock-on { display: block; position: absolute; top: 6px; right: 80px; width: 165px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-bg.png') no-repeat 0px 0px; text-decoration: none; }
#settingsPage .clock-on-wrap a.clock-on span.clock-on-image { display: block; float: left; width: 79px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-buttons.png') no-repeat 0px 0px; z-index: 50; }
#settingsPage .clock-on-wrap a.clocked-OFF span.clock-on-image,
#settingsPage .clock-on-wrap a.clocked- span.clock-on-image { float: right; background-position: 0px -81px; }
/** On/Off/Time labels **/
#settingsPage .clock-on-wrap a.clock-on span.label-wrapper { display: block; height: 79px; padding: 0 2px 0 79px; font-size: 3.0em; text-align: center; color: #000; }
#settingsPage .clock-on-wrap a.clocked-OFF span.label-wrapper,
#settingsPage .clock-on-wrap a.clocked- span.label-wrapper { padding: 0 79px 0 2px; }
#settingsPage .clock-on-wrap a.clock-on span.label-wrapper span { display: block; height: 35px; padding: 4px 0 1px 0; }
#settingsPage .clock-on-wrap a.clock-on span.label-wrapper span.clock-on-timer { padding: 0 0 4px 0; }
#settingsPage  #notificationBadge {
	display: block;
	margin-top: -94px;
	margin-right: -40px;
	left: -94px;
}

/** Actions page **/
#actionsPage { padding: 0 0 22px 0; }
#actionsPage a.border-wrap,
#actionsPage form.package-and-shop-style { display: block; margin: 22px auto 0 auto; }
#actionsPage form.package-and-shop-style .group { margin-bottom: 11px; }
#actionsPage form.package-and-shop-style .form-item { border-bottom: none; }
#actionsPage form.package-and-shop-style .form-item input { width: 360px; }
#actionsPage form.package-and-shop-style a.taskViewSubmit { display: block; width: 260px; margin: 0 auto; font-size: 3.5em; }
#actionsPage .border-wrap { display: block; margin: 0 0 70px 57px; border: 2px solid #5d6268; border-radius: 18px; background-color: #e4e7ea; width: 616px; padding: 17px; box-shadow: 0 0 12px #0a1947; }
#actionsPage a.border-wrap { width: 620px; height: 86px; line-height: 86px; padding: 0 20px 0 10px; font-size: 3.8em; font-weight: bold; text-decoration: none; color: #7b8187; }
#actionsPage a.border-wrap span.right-arrow { float: right; display: block; width: 38px; height: 86px; background: transparent url('../images/MM/MM-right-arrow.png') no-repeat 0px 50%; }
/** Clock on details **/
#actionsPage div.clock-on-wrap { width: 654px; margin: 0 auto; position: relative; }
#actionsPage .clock-on-wrap a.clock-on-details { display: block; height: 86px; line-height: 86px; padding: 0 20px 0 10px; }
/** Clock on button **/
#actionsPage .clock-on-wrap a.clock-on { display: block; position: absolute; top: 6px; right: 80px; width: 165px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-bg.png') no-repeat 0px 0px; text-decoration: none; }
#actionsPage .clock-on-wrap a.clock-on span.clock-on-image { display: block; float: left; width: 79px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-buttons.png') no-repeat 0px 0px; z-index: 50; }
#actionsPage .clock-on-wrap a.clocked-OFF span.clock-on-image,
#actionsPage .clock-on-wrap a.clocked- span.clock-on-image { float: right; background-position: 0px -81px; }
/** On/Off/Time labels **/
#actionsPage .clock-on-wrap a.clock-on span.label-wrapper { display: block; height: 79px; padding: 0 2px 0 79px; font-size: 3.0em; text-align: center; color: #000; }
#actionsPage .clock-on-wrap a.clocked-OFF span.label-wrapper,
#actionsPage .clock-on-wrap a.clocked- span.label-wrapper { padding: 0 79px 0 2px; }
#actionsPage .clock-on-wrap a.clock-on span.label-wrapper span { display: block; height: 35px; padding: 4px 0 1px 0; }
#actionsPage .clock-on-wrap a.clock-on span.label-wrapper span.clock-on-timer { padding: 0 0 4px 0; }

/** Clock on indirect details **/
#actionsPage div.clock-on-indirect-wrap { width: 654px; margin: 0 auto; position: relative; }
#actionsPage .clock-on-indirect-wrap a.clock-on-indirect-details { display: block; height: 86px; line-height: 86px; padding: 0 20px 0 10px; }
/** Clock on button **/
#actionsPage .clock-on-indirect-wrap a.clock-on { display: block; position: absolute; top: 6px; right: 80px; width: 165px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-bg.png') no-repeat 0px 0px; text-decoration: none; }
#actionsPage .clock-on-indirect-wrap a.clock-on span.clock-on-image { display: block; float: left; width: 79px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-buttons.png') no-repeat 0px 0px; z-index: 50; }
#actionsPage .clock-on-indirect-wrap a.clocked-OFF span.clock-on-image,
#actionsPage .clock-on-indirect-wrap a.clocked- span.clock-on-image { float: right; background-position: 0px -81px; }
/** On/Off/Time labels **/
#actionsPage .clock-on-indirect-wrap a.clock-on span.label-wrapper { display: block; height: 79px; padding: 0 2px 0 79px; font-size: 3.0em; text-align: center; color: #000; }
#actionsPage .clock-on-indirect-wrap a.clocked-OFF span.label-wrapper,
#actionsPage .clock-on-indirect-wrap a.clocked- span.label-wrapper { padding: 0 79px 0 2px; }
#actionsPage .clock-on-indirect-wrap a.clock-on span.label-wrapper span { display: block; height: 35px; padding: 4px 0 1px 0; }
#actionsPage .clock-on-indirect-wrap a.clock-on span.label-wrapper span.clock-on-timer { padding: 0 0 4px 0; }
/** End Actions page **/

/** Notifications page **/
#notificationsPage .border-wrap { display: block; margin: 30px auto 55px auto; border: 2px solid #5d6268; border-radius: 18px; background-color: #e4e7ea; width: 676px; padding: 17px; box-shadow: 0 0 12px #0a1947; }
#notificationsPage .border-wrap .notification:first-of-type { margin-top: 0; }

/** Notification page changed from view to action **/
#NotificationsAction .border-wrap { display: block; margin: 30px auto 55px auto; border: 2px solid #5d6268; border-radius: 18px; background-color: #e4e7ea; width: 676px; padding: 17px; box-shadow: 0 0 12px #0a1947; }
#NotificationsAction .border-wrap .notification:first-of-type { margin-top: 0; }

/** Task dashboard page **/
#taskDashboard {  }
#taskDashboard .task-selection {  }
#taskDashboard .task-selection a { display: block; float: left; width: 381px; height: 87px; line-height: 87px; font-size: 3.6em; font-weight: bold; color: #7b8187; background-color: #f5f6f8; text-align: center; border-left: 2px solid #5d6268; border-top: 1px solid #000; border-bottom: 1px solid #000; text-decoration: none; }
#taskDashboard .task-selection a.all-tasks { border-right: 2px solid #5d6268; }
#taskDashboard .task-selection a.selected { background: transparent url('../images/MM/MM-task-dashboard-selected-button-bg.png') repeat-x 0px 0px; color: #f5f6f8; }
#taskDashboard h3.section-title {margin-bottom: 7px;}
#taskDashboard h3.section-title span.ohfMenuIcon {margin-top: -60px ;  margin-left: 570px;}
#taskDashboard .group { width: 714px; margin: 0 0 4px 24px; border-radius: 28px; border: 3px solid #7b8187; background-color: #f5f6f8; }
#taskDashboard .group .item { height: 58px; line-height: 58px; font-size: 32px; color: #7b8187; padding: 0 24px; border-bottom: 2px solid #a1a9af; }
#taskDashboard .group .item span.label { font-weight: bold; }
#taskDashboard .group .item span.value { float: right; color: #3a3e42; }
#taskDashboard .task-progress-group,
#taskDashboard .progress-details { padding: 12px 9px; width: 696px; }
#taskDashboard .task-progress-group h4.group-title,
#taskDashboard .progress-details h4.group-title { font-size: 3.5em; color: #000; padding: 0 15px; }
#taskDashboard .task-progress-group h4.group-title span.right { float: right; color: #00337f; font-weight: normal; }
#taskDashboard .task-progress-group .progress-wrap { position: relative; height: 51px; background-color: #a1a9af; border: 3px solid #0a1947; border-radius: 27px; margin: 12px 0 0 0; }
#taskDashboard .task-progress-group .progress-wrap .progress { overflow: hidden; border-radius: 24px; }
#taskDashboard .task-progress-group .progress-wrap span.percent { display: block; float: left; height: 51px; background-color: #00337f; border-right: 2px solid #0a1947; }
#taskDashboard .task-progress-group .progress-wrap span.percent-overlay { position: absolute; top: 0; left: 0; text-align: center; display: block; width: 690px; height: 51px; font-size: 3.5em; font-weight: bold; line-height: 51px; color: #fff; }
#taskDashboard .progress-details { background-color: #cbd3da; }
#taskDashboard .progress-details h4.group-title span.right { float: right; }
#taskDashboard .progress-details h4.group-title span.right a { display: block; float: left; width: 94px; height: 55px; line-height: 55px; color: #7b8187; background-color: #f4f5f7; text-align: center; font-weight: bold; border: 1px solid #6d7379; text-decoration: none; }
#taskDashboard .progress-details h4.group-title span.right a.selected { background: #68a1e6 url('../images/MM/MM-task-dashboard-selected-button-bg.png') repeat-x 0px 0px; color: #f5f6f8; text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac; }
#taskDashboard .group .group { margin: 7px 0 0 0; width: 664px; padding: 7px 13px; }
#taskDashboard .group .group h4.group-title { padding: 0 7px; }
#taskDashboard .group .group ul { list-style-type: none; }
#taskDashboard .group .group ul li { float: left; list-style-type: none; font-size: 2.3em; color: #00337f; width: 313px; height: 30px; margin: 0 7px 9px 0; padding: 0 0 0 12px; }
#taskDashboard .group .group ul li span.preview { display: block; float: left; width: 19px; height: 19px; border: 2px solid #0a1947; margin: 0 7px 0 0; background-color: #fff; position: relative; top: 2px; }
#taskDashboard .group .group ul li span.toggle-view { padding: 0 0 0 8px; font-weight: bold; }
#taskDashboard .group .group ul li span.view-number { display: none; }
#taskDashboard .group .group ul li.underway span.preview,
#taskDashboard .group .group ul li.inspector span.preview { background-color: #5b96dc; }
#taskDashboard .group .group ul li.idle span.preview,
#taskDashboard .group .group ul li.rii span.preview { background-color: #00337f; }
#taskDashboard .group .group ul li.complete span.preview { background-color: #a1a9af; }
#taskDashboard .group .group .progress-wrap { height: 51px; background-color: #a1a9af; border: 3px solid #0a1947; border-radius: 27px; margin: 16px 0 8px 0; overflow: hidden; }
#taskDashboard .group .group .progress-wrap .progress { overflow: hidden; border-radius: 24px; }
#taskDashboard .group .group .progress-wrap span.percent { display: block; float: left; height: 51px; background-color: #fff; border-right: 2px solid #0a1947; }
#taskDashboard .group .group .progress-wrap span.underway,
#taskDashboard .group .group .progress-wrap span.inspector { background-color: #5b96dc; }
#taskDashboard .group .group .progress-wrap span.idle,
#taskDashboard .group .group .progress-wrap span.rii { background-color: #00337f; }
#taskDashboard .group .group .progress-wrap span.complete { background-color: #a1a9af; }
#taskDashboard .group .planned-end { border-bottom: none; }

#taskDashboard a.button {margin: -200px 4px; width: 131px; float: right; font-size: 2em; height: 54px; line-height: 45px;}

/** Device checkout page **/
#deviceCheckout { height: 902px; padding: 250px 0 0 0; }
#deviceCheckout .popup-inner { width: 524px; margin: 0 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#deviceCheckout .popup-inner h2 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#deviceCheckout .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none; }
#deviceCheckout .popup-inner form .form-item {  }
#deviceCheckout .popup-inner form .form-item-device-id,
#deviceCheckout .popup-inner form .form-item-password { border-bottom: none; }
#deviceCheckout .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: left; }
#deviceCheckout .popup-inner form .form-item .input { height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; }
#deviceCheckout .popup-inner form .form-item input { width: 466px; float: none; text-align: left; color: #cbd3da; font-size: 3.1em; }
#deviceCheckout .popup-inner form .form-item-label-changed input { color: #333333; }
#deviceCheckout .popup-inner .button-wrap { text-align: center; }
#deviceCheckout .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#deviceCheckout .popup-inner a.cancelButton { width: 120px; margin-left: 15px; }


/** Parameters page **/
#parameterView {  }
#parameterView a.border-wrap { display: block; width: 620px; height: 86px; line-height: 86px; margin: 0 auto 70px auto; padding: 0 20px 0 10px; font-size: 3.8em; font-weight: bold; text-decoration: none; color: #7b8187; border: 2px solid #5d6268; border-radius: 18px; background-color: #e4e7ea; box-shadow: 0 0 12px #0a1947; }
#parameterView a.border-wrap:first-of-type { margin-top: 22px; }
#parameterView a.border-wrap span.right-arrow { float: right; display: block; width: 38px; height: 86px; background: transparent url('../images/MM/MM-right-arrow.png') no-repeat 0px 50%; }


/** Signoff signature page **/
#signaturePage {  }
#signaturePage form { background-color: transparent; border: none; box-shadow: none; margin: 0; }
#signaturePage form .group { background-color: #e4eae7; border-color: #5d6266; border-radius: 18px; box-shadow: 0 0 12px #0a1947; padding-bottom: 14px; }
#signaturePage form .group h4 { width: 400px; color: #7b8187; font-size: 3.2em; margin: 17px 0 17px 22px; }
#signaturePage .sig-wrap { width: 402px; height: 237px; background: #fff url('../images/MM/MM-signature-line-short.png') no-repeat 50% 148px; border: 2px solid #000; margin: 15px auto 0 auto; }
#signaturePage .short-sign-wrap { width: 525px; background-image: url('../images/MM/MM-signature-line-medium.png'); }
#signaturePage .full-sign-wrap { width: 685px; background-image: url('../images/MM/MM-signature-line-long.png'); }
#signaturePage .sig-wrap .signature {  }
#signaturePage a.clearSignature { float: right; width: 72px; margin: 14px; border-radius: 10px; height: 40px; line-height: 40px; font-size: 2.6em; }


/** Clock on/off page **/
#clockOnPage { width: 768px; height: 852px; padding: 300px 0 0 0; background: transparent url('../images/MM/loading-bg.png') repeat 0px 0px; position: fixed; top: 0px; left: 0px; z-index: 8999; }
#clockOnPage form { margin: 0 50px; padding-top: 0; padding-right: 0; padding-left: 0; }
#clockOnPage form .group { margin: 0 13px; }
#clockOnPage form a.saveChanges,
#clockOnPage form a.cancel { font-size: 3.5em; float: left; box-shadow: none; margin: 0 13px; }
#clockOnPage form a.cancel { float: right; }
#clockOnPage form .form-on-time { border-bottom: none; }


/** Signoff pages **/
#signOffAction {  }
#signOffAction form {  }
#signOffAction form a.saveChanges,
#signOffAction form a.clearChanges { font-size: 3.5em; float: left; box-shadow: none; }
#signOffAction form a.clearChanges { float: right; }
#signOffAction form .form-short-desc,
#signOffAction form .form-password,
#signOffAction form .form-work-to-do { border-bottom: none; }


/** View attachments page **/
#referenceMaterialView {  }
#referenceMaterialView .group-wrap { width: 709px; padding: 11px 13px 0 13px; background-color: #e4e7ea; border: 3px solid #5d6268; border-radius: 18px; margin: 13px auto; }
#referenceMaterialView .group-wrap a.refWrap { display: block; border: 3px solid #7e848a; background-color: #f5f6f8; color: #5d6268; font-size: 3.0em; margin: 6px 0 17px 0; padding: 0 0 6px 0; border-radius: 28px; text-decoration: none; }
#referenceMaterialView .group-wrap a.refWrap span.full-width { display: block; min-height: 57px; line-height: 57px; padding: 0 70px 0 22px; }
#referenceMaterialView .group-wrap a.refWrap span.ref-type,
#referenceMaterialView .group-wrap a.refWrap span.ref-id { min-height: 40px; line-height: 40px; }
#referenceMaterialView .group-wrap a.refWrap span.right-arrow { width: 54px; height: 54px; background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px; float: right; margin: 25px 10px 0 0; }

#referenceMaterialsContainer { margin: 12px; }
#referenceMaterialsContainer .ref a {	
	display: block;
    background-color: #e4e7ea;
    text-decoration: none;
    border: 2px solid #5d6268;
    border-radius: 18px;
    color: #000;
    font-size: 2.4em;
    font-weight: bold;
    padding: 16px 12px;
    margin-bottom: 12px;
    line-height: 56px;
}
#referenceMaterialsContainer .ref a.video {line-height:70px;}
#referenceMaterialsContainer .ref a.audioWrap {display: block;background-color: #e4e7ea;text-decoration: none;border: 2px solid #5d6268;border-radius: 18px;color: #000;font-size: 2.4em;font-weight: bold;padding: 16px 12px;margin-bottom: 12px;line-height: 70px;}
#referenceMaterialsContainer .ref a img {float: left;margin-right: 10px;max-height: 50px;width: 35px;}
#referenceMaterialsContainer .ref a.audioWrap span { color: #7b8187; }
#referenceMaterialsContainer .ref a.audioWrap audio { width: 90%; }
#referenceMaterialsContainer form.refMatType-Image a.audio,
#referenceMaterialsContainer form.refMatType-Image a.video,
#referenceMaterialsContainer form.refMatType-Audio a.image,
#referenceMaterialsContainer form.refMatType-Audio a.video,
#referenceMaterialsContainer form.refMatType-Video a.audio,
#referenceMaterialsContainer form.refMatType-Video a.image { display: none; }

#applicationHeader div.referenceMaterialsWorkspace a.uploadImagePage {  }
#applicationHeader div.referenceMaterialsWorkspace a.uploadAudio { right: 200px; }


/** Reference material upload **/
#uploadImagePage { height: 902px; padding: 190px 0 0 0; }
#uploadImagePage .popup-inner { width: 604px; margin: 0 0 0 78px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#uploadImagePage .popup-inner input[name="file-holder"] { display: none; }
/* #uploadPage .popup-inner a.executeBack { border-left: 2px solid #545a5f;  color: #fff; float: right; padding: 0 18px; text-decoration: none; } */
#uploadImagePage .popup-inner h2 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#uploadImagePage .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none; }
#uploadImagePage .popup-inner form .upload-me { border: 2px dashed #aaa; border-radius: 6px; color: #888; font-size: 2em; padding: 26px; text-align: center; }
#uploadImagePage .popup-inner form .form-item { margin-bottom: 20px; }
#uploadImagePage .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: left; }
#uploadImagePage .popup-inner form .form-item .warning { font-size: 2.5em; color: #7b8187; text-align: center; }
#uploadImagePage .popup-inner form .form-item .input { border: medium none; color: #000; font-size: 3.1em; margin-left: 18px; text-align: left; width: 501px; }
#uploadImagePage .popup-inner form .form-item input { width: 500px; margin-left: 20px; float: none; text-align: left; color: #000; font-size: 3.1em; background-color: transparent; border: none; }
#uploadImagePage .popup-inner form .preview { border: 1px solid #545a5f; height: 220px; margin: 18px auto; width: 444px; position: relative; }
#uploadImagePage .popup-inner form .preview img { max-width: 50px; max-height: 50px; z-index: 2; text-align: left;  position: relative; border-radius: 3px; }
#uploadImagePage .popup-inner form .preview .background { background-color: #eee; color: #aaa; font-size: 2.4em; line-height: 220px; position: absolute; text-align: center; width: 444px; z-index: 1; }
#uploadImagePage .popup-inner .button-wrap { text-align: center; }
#uploadImagePage .popup-inner .uploadImageCount { float: right; font-size: 2.0em; top: -72px; right: 57px; color: white; position: relative; width: 13px; height: 13px; padding: 2px 12px 11px 2px; background: red; border: 2px; border-radius: 70%; }
#uploadImagePage .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#uploadImagePage .popup-inner a.saveButton { float: right; }
#uploadImagePage .popup-inner a.cancelButton { width: 120px; margin-left: 15px; }

#loadReferenceMaterialView .popup-inner {text-align: center;position: relative;overflow: visible;}
#loadReferenceMaterialView .popup-inner a.closeButton { background-color: #999; border: 3px solid #000; border-radius: 19px; color: #fff; display: block; font-size: 1.8em; font-weight: bold; height: 32px; line-height: 30px; position: absolute; right: -18px; text-decoration: none; top: -18px; width: 32px; }
#loadReferenceMaterialView .popup-inner video {width: 550px;margin-top: 35px;}
#loadReferenceMaterialView .popup-inner audio {width: 550px;margin-top: 35px;}
#loadReferenceMaterialView .popup-inner img { margin-top: 20px; width: 440px;}


/** Publications **/
#publicationsReferenceListContainer a {	
	display: block;
    background-color: #e4e7ea;
    text-decoration: none;
    border: 2px solid #5d6268;
    border-radius: 18px;
    color: #000;
    font-size: 2.4em;
    font-weight: bold;
    padding: 16px 12px;
    margin-bottom: 12px;
    line-height: 56px;
}
#publicationsReferenceListContainer a.closeButton { background-color: #999; border: 3px solid #000; border-radius: 19px; color: #fff; display: block; font-size: 1.8em; font-weight: bold; height: 32px; line-height: 30px; position: absolute; right: -18px; text-decoration: none; text-align: center; width: 32px; }
#publicationsReferenceListContainer iframe{width:735px; height:935px;}
#publicationsReferenceListContainer a img {
    float: left;
    margin-right: 10px;
}
#publicationsReferenceListContainer a span {
    max-width: 70px;
    word-wrap: break-word;
    color: #7b8187;
}

#loadPublicationsReferenceView .popup-inner {text-align: center;position: relative;overflow: visible;}
#loadPublicationsReferenceView .popup-inner a.closeButton { background-color: #999; border: 3px solid #000; border-radius: 19px; color: #fff; display: block; font-size: 1.8em; font-weight: bold; height: 32px; line-height: 30px; position: absolute; right: -18px; text-decoration: none; top: -18px; width: 32px; }


div#viewTrainingToggle .section-title>.certificateViewOpen {
	background: transparent url('../images/MM/MM-techLog-arrow-opened.png')
		no-repeat 0px 0px;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 6px;
}

div#viewTrainingToggle .section-title>.certificateViewClose {
	background: transparent url('../images/MM/MM-techLog-arrow-closed.png')
		no-repeat 0px 0px;
	width: 20px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 11px;
	margin-top: -7px;
}

form.package-and-shop-style .value-match-error
{
	border-color : #F46D85 !important;
}

form.package-and-shop-style .group .form-item{
	background-color: #f5f6f8 !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color : #7b8187;
    border-radius: 30px !important;
    margin: 0 0 13px 0 !important;
    box-shadow: 0 0 4px #a1a9af !important;
    overflow: hidden;
}

form.package-and-shop-style .group
{
  background-color: #e4e7ea !important;
  border : none !important;
  border-radius: 0px !important;
  box-shadow: 0 0 0px #a1a9af !important;
  overflow: hidden;
  width:620px;
}

/** Task view page **/
.ref-view-list {  }
.ref-view-list .section-area {  }
.ref-view-list .section-area .section-loading { display: none; padding: 8px 0; text-align: center; background-color: #d7dee5; border: 1px solid #5d6268; border-right-width: 2px; }
#applicationBody .ref-view-list .section-area .loadMoreButtonWrap { text-align: center; padding: 8px 0; background-color: #d7dee5; border: 1px solid #5d6268; border-right-width: 2px; }
#applicationBody .ref-view-list .section-area .loadMoreButtonWrap a.button { display: inline-block; font-weight: bold; }
#applicationBody .ref-view-list .section-area .loadMoreButtonWrap .section-loading { border: none; padding: 0; }
.ref-view-list .section-area-hide { display: none; }
.ref-view-list .refWrap { width: 766px; height: 150px; border: 1px solid #5d6268; background: transparent url('../images/MM/task-bg-grey.png') repeat-x 0px 0px; }
.ref-view-list .refWrap .left { width: 498px; padding: 16px 0 0 12px; float: left; }
.ref-view-list .refWrap .left div { height: 40px; font-size: 3.0em; color: #000; padding: 0 0 4px 0; /* white-space: nowrap; */ }
.ref-view-list .refWrap .left div.ref-id { padding: 8 0 4px 0; }
.ref-view-list .refWrap .left div.ref-type { padding: 16 0 4px 0; }
.ref-view-list .refWrap .left div.ref-desc { padding: 32 0 4px 0; } 
.ref-view-list .refWrap .left div.list-item { overflow: hidden; /* overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; */ }
.ref-view-list .refWrap .left div.list-item-half { float: left; width: 210px; }


/** Right pane **/
.ref-view-list .refWrap .right { width: 248px; float: left; padding: 0 0 0 8px; }
.ref-view-list .refWrap .right a.task-details { display: block; float: right; width: 67px; height: 150px; background: #cbd3da url('../images/MM/MM-right-arrow.png') no-repeat 50% 50%; border-right: 1px solid #5d6268; border-left: 2px solid #5d6268; }


#OnForDayAction { height: 902px; padding: 250px 0 0 0; }
#OnForDayAction .popup-inner { width: 524px; margin: 0 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#OnForDayAction .popup-inner h4 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#OnForDayAction .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none; }
#OnForDayAction .popup-inner form .form-item {  }

#OnForDayAction .popup-inner .button-wrap { text-align: center; }
#OnForDayAction .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#OnForDayAction .popup-inner a.cancel { width: 120px; margin-left: 15px; }
#OnForDayAction .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: none; }
#OnForDayAction .popup-inner form .form-item .input { height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; }
#OnForDayAction .popup-inner form .form-item input { width: 210px; float: right; text-align: right; color: #cbd3da; font-size: 3.1em; }
#OnForDayAction .popup-inner form .on-gray-out input { color: #7B8187; }
#OnForDayAction .popup-inner form .off-gray-out input { color: #2E5CAC; }

#OffForDayAction { height: 902px; padding: 250px 0 0 0; }
#OffForDayAction .popup-inner { width: 524px; margin: 0 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#OffForDayAction .popup-inner h4 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#OffForDayAction .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none; }
#OffForDayAction .popup-inner form .form-item {  }

#OffForDayAction .popup-inner .button-wrap { text-align: center; }
#OffForDayAction .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#OffForDayAction .popup-inner a.cancel { width: 120px; margin-left: 15px; }
#OffForDayAction .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: none; }
#OffForDayAction .popup-inner form .form-item .input { height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; }
#OffForDayAction .popup-inner form .form-item input { width: 210px; float: right; text-align: right; color: #cbd3da; font-size: 3.1em; }

#OffForDayAction .popup-inner form .on-gray-out input { color: #7B8187; }
#OffForDayAction .popup-inner form .off-gray-out input { color: #2E5CAC; }

/**Clock on Indirect**/
#OtherIndirectAction { height: 902px; padding: 250px 0 0 0; }
#OtherIndirectAction .popup-inner { width: 524px; margin: 0 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#OtherIndirectAction .popup-inner h4 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#OtherIndirectAction .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none; }
#OtherIndirectAction .popup-inner form .form-item {  }

#OtherIndirectAction .popup-inner .button-wrap { text-align: center; }
#OtherIndirectAction .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#OtherIndirectAction .popup-inner a.cancel { width: 120px; margin-left: 15px; }
#OtherIndirectAction .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: left; }
#OtherIndirectAction .popup-inner form .form-item .input { height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; }
#OtherIndirectAction .popup-inner form .form-item input { width: 100px; float: none; text-align: right; color: #2E5CAC; font-size: 3.1em; left: 25%; position : relative;}
#OtherIndirectAction .popup-inner form .on-gray-out input { color: #7B8187; width: 250px; left: 30%; position : relative;}
#OtherIndirectAction .popup-inner form .off-gray-out input { color: #2E5CAC; width: 250px; left: 30%; position : relative;}

/**clock off indirect**/
.laborCode{font-size: 3.1em; color: #969da3; font-weight: bold;}
.chargeCode{font-size: 3.1em; color: #969da3; font-weight: bold;}
#ClockOffIndirectAction { height: 902px; padding: 250px 0 0 0; }
#ClockOffIndirectAction .popup-inner { width: 524px; margin: 0 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#ClockOffIndirectAction .popup-inner h4 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#ClockOffIndirectAction .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none; }
#ClockOffIndirectAction .popup-inner form .form-item {  }

#ClockOffIndirectAction .popup-inner .button-wrap { text-align: center; }
#ClockOffIndirectAction .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#ClockOffIndirectAction .popup-inner a.cancel { width: 120px; margin-left: 15px; }
#ClockOffIndirectAction .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: left; }
#ClockOffIndirectAction .popup-inner form .form-item .input { height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; }
#ClockOffIndirectAction .popup-inner form .form-item input { width: 100px; float: none; text-align: right; color: #2E5CAC; font-size: 3.1em; left: 25%; position : relative;}

#ClockOffIndirectAction .popup-inner form .on-gray-out input { color: #7B8187; width: 250px; left: 30%; position : relative;}
#ClockOffIndirectAction .popup-inner form .off-gray-out input { color: #2E5CAC; width: 250px; left: 30%; position : relative;}

/** CLock On Task **/

#ClockOnAction { height: 902px; padding: 250px 0 0 0; }
#ClockOnAction .popup-inner { width: 524px; margin: -100px 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#ClockOnAction .popup-inner h4 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#ClockOnAction .popup-inner form { padding: 15px;  border-radius: 0px; box-shadow: none; }
#ClockOnAction .popup-inner form .form-item {  }
#ClockOnAction .popup-inner form .form-item#lookUpCrewDiv,
#ClockOnAction .popup-inner form .form-item#lookUpDiv {width: 89.2%;border-right: 2px solid #6f757a;border-left: 2px solid #6f757a;border-top: 2px solid #6f757a;border-bottom: 2px solid #6f757a;}
#ClockOnAction .popup-inner form .clockonLookUpSearch{display: block;width: 40px;height: 50px;float: right;margin-top: 10px;margin-right: 12px;background: url("/mobile-files/images/MM/MM-spyglass.png") 0px 0px no-repeat transparent;}

#ClockOnAction .popup-inner .button-wrap { text-align: center; }
#ClockOnAction .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#ClockOnAction .popup-inner a.cancel { width: 120px; margin-left: 15px; }
#ClockOnAction .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: none; }
#ClockOnAction .popup-inner form .form-item label#prodGroupLookup,
#ClockOnAction .popup-inner form .form-item label#crewLookup {font-size: 2.3em;}
#ClockOnAction .popup-inner form .form-item .input { height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; }
#ClockOnAction .popup-inner form .form-item input {float: right; text-align: right; color: #cbd3da; font-size: 3.1em; }
#ClockOnAction .popup-inner form .on-gray-out input { color: #7B8187; }
#ClockOnAction .popup-inner form .off-gray-out input { color: #2E5CAC; }
/** CLock Off Task **/

#ClockOffAction { height: 902px; padding: 250px 0 0 0; }
#ClockOffAction .popup-inner { width: 524px; margin: -100px 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#ClockOffAction .popup-inner h4 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#ClockOffAction .popup-inner form { padding: 15px; border-radius: 0px; box-shadow: none; }
#ClockOffAction .popup-inner form .form-item {  }

#ClockOffAction .popup-inner .button-wrap { text-align: center; }
#ClockOffAction .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#ClockOffAction .popup-inner a.cancel { width: 120px; margin-left: 15px; }
#ClockOffAction .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: none; }
#ClockOffAction .popup-inner form .form-item .input { height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; }
#ClockOffAction .popup-inner form .form-item input { width: 366px; float: right; text-align: right; color: #cbd3da; font-size: 3.1em; }
/**For Gray-Out **/
#ClockOffAction .popup-inner form .on-gray-out input { color: #7B8187; }
#ClockOffAction .popup-inner form .off-gray-out input { color: #2E5CAC; }

#pkgLookupSettingPage .cb-in-plan-pkg { border: 0px none; border-radius: 0px; margin: 0 0 13px 0; box-shadow: 0 0 0px #a1a9af;  margin-left: 80px; }

#pkgLookupSettingPage .sp-in-plan-pkg {border: 0px none;border-radius: 0px;margin: 33px 0 33px 0;box-shadow: 0 0 0px #a1a9af;}
#pkgLookupSettingPage .sp-in-plan-pkg label {font-size:3.5em;color: #2e5cac;font-weight:normal;float: left;padding-right: 10px;padding-left: 80px;}
#pkgLookupSettingPage .sp-in-plan-pkg input {width: 90px;height: 48px;float:left;background-color: #FFF;border:2px solid #2e5cac;text-align:center;margin-right:10px;}
#pkgLookupSettingPage .sp-in-plan-pkg label.daysAndHours {font-size: 3.5em; color: #2e5cac; font-weight: normal; float: left; padding-right: 10px; padding-left: 10px;}

.form-style.pkgSettingsForm{
	background:none;
	border:0px;
	box-shadow:0 0 black;	
}

#pkgLookupSettingPage .readyToWork{
    border: 0px none;
    border-radius: 0px;
    margin: 33px 0 53px 0;
    box-shadow: 0 0 0px #a1a9af;
    padding-top: 20px;	
}

#pkgLookupSettingPage .readyToWork input#wrkReadyToWorkThresholdHours{
	width: 100px;
    height: 68px;
    float: left;
    background-color: #FFF;
    color: #2e5cac;
    border: 2px solid #2e5cac;
    text-align: center;
	margin-top: 30px;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 40px;
	font-size: 3.5em;
	line-height: 58px;
	display: block;
}

#pkgLookupSettingPage .readyToWork label {font-size:3.5em;color: #2e5cac; font-weight:normal; line-height: 45px;}
#flightFilterSettingPage .cb-in-filterFlight { background-color: #e4e7ea; border: 0px none; border-radius: 0px; margin: 0 0 13px 0; box-shadow: 0 0 0px #a1a9af;  margin-left: 80px; }

#flightFilterSettingPage .sp-in-filterFlight {background-color: #e4e7ea;border: 0px none;border-radius: 0px;margin;margin: 33px 0 33px 0;box-shadow: 0 0 0px #a1a9af;}
#flightFilterSettingPage .sp-in-filterFlight label.leftPart {font-size:3.5em;color: #2e5cac;font-weight:normal;float:  left;padding-right:  10px;padding-left:80px;}
#flightFilterSettingPage .sp-in-filterFlight label.rightPart {font-size:3.5em;color: #2e5cac;font-weight:normal;/* float:  left; *//* position: fixed; */}
#flightFilterSettingPage .sp-in-filterFlight input {width: 90px; height : 48px; float: left;background-color:#FFF;border:2px solid #2e5cac;text-align:center;margin-right:10px;}

#mobileMechShop_PackageTab  .includeOrigPlanPkg-true { display: none; }
#mobileMechShop_PackageTab  .includePlanPkg-true { display: block; }

#mobileMechShop_PackageTab .includeOrigPlanPkg-false { display: block; }
#mobileMechShop_PackageTab .includePlanPkg-false { display: none; }

#mobileMechShop_PackageTab  .includePlanPkg-label {font-size:2.5em;color: #000; font-weight:normal; margin-left:70px;}

.lookupPage a.planPkg-002 span.data-row  {background-color : #FFFFB2; }

#applicationHeader .header-wrapper .mobileMechLookupSpy input { width: 432px; height: 47px; margin-left:0px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url('../images/MM/MM-spyglass.png') no-repeat 455px 50%; }
#applicationHeader .header-wrapper .mobileMechClearSearch input { width: 300px; height: 47px; margin-left:80px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url('../images/MM/MM_Misc_ClearSearchFilter.png') no-repeat 328px 50%; background-size: 40px 35px; }
#applicationHeader .header-wrapper .lookupFilter.mobileMechReplaceLookupSpy {left: 170px;}
#applicationHeader .header-wrapper .mobileMechReplaceLookupSpy input { width: 426px; height: 47px; margin-left:0px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url('../images/MM/MM-spyglass.png') no-repeat 430px 50%; }
#applicationHeader .header-wrapper .procedureLookupSpy input { width: 432px; height: 47px; margin-left:72px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url('../images/MM/MM-spyglass.png') no-repeat 455px 50%; }

#flyoutPage form .group .form-item-planHrs { margin-top: -10px;line-height: 30px;}
#flyoutPage form .group .form-item-planHrs label {font-size: 2.0em;font-weight: bold;color: #f5f6f8;height: 58px;text-align: center;}

#newTaskAssignmentForm h3.section-title {
    text-align: left;
    padding: 0 15px;
}
#newTaskAssignmentForm h3.section-title input { width: 350px; height: 5px; line-height: 47px; font-size: 0.9em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url('../images/MM/MM-spyglass.png') no-repeat 576px 50%; }

#newTaskAssignmentForm #raisePartDemand .group ul.tab-navigation li a {
    width: 247px;
}

#newTaskAssignmentForm #raisePartDemand .group ul.tab-navigation li.task-status-CO a {
	display: none;
    width: 187px;
}

#newTaskAssignmentForm .form-style .group .form-item label {
    color: #7B8187;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 2.8em;
    font-weight: normal;
    float : left;
}

#newTaskAssignmentForm .form-style .group .form-item input {
    color: #7B8187;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 2.8em;
    font-weight: bold;
}

.personnel-input-item {
    border-bottom: 2px solid #A1A9AF;
    display: inline-block;
    float: left;
    padding: 0 11px;
    width: 100%;
}

#newTaskAssignmentForm .form-style .group .form-item .personnelLabel {
    padding: 0 11px;
}

.form-style .group .form-item.form-item1 {
    border-bottom: 0 none;
    padding: 0;
}

#newTaskAssignmentForm .form-style .group .form-item input.input-personnel {
    width: 426px;
    float: left;
    text-align: left;
}

.form-style .group .form-item .input-item { display: inline-block; padding-right: 5px; border-right: 2px solid #A1A9AF; }
.form-style .group .form-item .input-item label { color: #000000; padding-left: 3px; font-weight: normal; }
.form-style .group .form-item .input-item input { width: 84px; color: #000000;}

#newTaskAssignmentForm .form-style .group .form-item .est-hours {
	border-right: none;
}
#newTaskAssignmentForm .group.header-group.dtoClassName {
    border-radius: 0 0 0 0;
    background: none repeat scroll 0 0 #4E82CD;
}
#newTaskAssignmentForm .form-style {
    margin: 0px;
    padding: 0px;
}
#newTaskAssignmentForm .form-style .group .form-item .input-item input.selected {
    width: 50px;
    color: #000; 
    background-color: #fff; 
    border: 2px solid #6f757a;
    width: 84px;
}
#newTaskAssignmentForm .group > header {
    border-radius: 30px 30px 0 0;
    left: 10px;
    width: 100%;
}

#newTaskAssignmentForm .taskassignment-line {
	border-bottom: 2px solid #A1A9AF;
    color: #7B8187;
    height: 45px;
}

#newTaskAssignmentForm .taskassignment-line.selected {
    background-color: #BCD9FD;
}

#newTaskAssignmentForm .input-wrap.item {
    width: 204px;
}

#newTaskAssignmentForm .group.tasks.selected {
    background: none repeat scroll 0 0 #BCD9FD;
}

#newTaskAssignmentForm .input-wrap {
    border-right: 2px solid #A1A9AF;
    float: left;
    font-size: 2.8em;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    padding: 0 15px;
    word-wrap: break-word;
}

#newTaskAssignmentForm .input-wrap.description {
    border-right: 0 none;overflow: auto;float: inherit;
}


#newTaskAssignmentForm .input-wrap.craft {
    width: 135px;
}
#newTaskAssignmentForm .input-wrap.craftdescription {
    border-right: 2px solid #A1A9AF;
    width: 300px;
}

#newTaskAssignmentForm .group.item-list.tabWrap.tabContainerWrap {
    border-radius: 10px 10px 10px 10px;
    height: auto;
}

#newTaskAssignmentForm .group.item-list.tabWrap.tabContainerWrap.task-assigned-wrapper {
    border-radius: 0px 0px 30px 30px;
}
#newTaskAssignmentForm .group.form-style {
    padding: 10px;
    margin-top: 10px;
    border-radius: 15px 15px 15px 15px;
}

#newTaskAssignmentForm .section-title.stick-to-top.header {
    border-radius: 30px 30px 0 0;
    border: medium none;
    background: none repeat scroll 0 0 #75808A;
    width: 96%;
}
#newTaskAssignmentForm .group.form-style.task-wrapper-div {
    padding: 0 0 18px;
}


/* css for group time capture */
.groupTimeCapturePopup{padding-bottom:16px;}
#ClockOnAction .popup-inner{width:724px;margin:-180px 0 0 18px;}
#ClockOnAction {padding: 180px 0 0 0;}
#ClockOnAction .popup-inner .groupTimeCaptureGroup  form{padding:0px;}
#ClockOnAction .popup-inner form .form-item input{width: 250px;}
#ClockOnAction .popup-inner form .form-item input.crewLookup,
#ClockOnAction .popup-inner form .form-item input.prodGroupLookup{font-size: 2.3em;color:#333;width: 44%;padding-right:none;background-color:transparent;}

#ClockOffAction .popup-inner{width:724px;margin:-180px 0 0 18px;}
#ClockOffAction {padding: 180px 0 0 0;}
#ClockOffAction .popup-inner .groupTimeCaptureGroup form{padding:0px;}
#ClockOffAction .popup-inner form .form-item input{width: 250px;}
#ClockOffAction .popup-inner form .form-item-clockOffReason input { width: 360px; color: #2E5CAC; }
#ClockOffAction .popup-inner form .form-item-clockOffReason input { width: 360px; color: #2E5CAC; }

#raisePartDemand .group .item-wrap .item-list .item-line{padding:0px; overflow: hidden;}
.tab-list-kiosk{padding-left:135px;padding-top:10px;}
.greyOut{background-color:grey;}
.groupTimeCapturePopup .tab-list{padding-left:10px;padding-top:10px;height:100px;}
.groupTimeCapturePopup li.groupTimeCapAssign{padding-left:330px;}
.groupTimeCapturePopup li.groupTimeCapAll{padding-left:465px;}
.groupTimeCapturePopup ul.tab-navigation{display:inline;}
.groupTimeCapturePopup ul.tab-navigation li a{width:100px;font-size:2.6em;line-height:58px;height:58px;}
.form-style .groupTimeCapturePopup .group .group-header{color:#000;border-bottom:none;background:none;}
.groupTimeCapturePopup .group .item-wrap{margin:90px 10px 10px 10px;background-color:#e4e7ea;border:2px solid #5d6268;}
.groupTimeCapturePopup .group .item-wrap .item-header div{padding-right:8px;padding-left:10px;text-align:center;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-list .item-line .input-wrap.item{width:130px;}
.groupTimeCapturePopup .group .item-wrap .item-list-loading{width:665px;top:48px;height:40px;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-header .filter{width: 646px;}
#raisePartDemand .groupTimeCaptureGroup ul.tab-navigation li a{width:100px;}
#raisePartDemand .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAssign a{width:130px;}
#raisePartDemand .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAll a{width:200px;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-header{border-top:opx;}
#raisePartDemand .groupTimeCaptureGroup ul.tab-navigation li a .onList{width:70px;}
#raisePartDemand .groupTimeCaptureGroup ul.tab-navigation li .onList{width:70px;}
#raisePartDemand .groupTimeCaptureGroup ul.tab-navigation li a .offList{width:70px;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-header .description{width:100px;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-header .item{width:100px;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-header div{float:left;border-right:2px solid #a1a9af;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap{border-radius:0px 0px 0px 0px;position:relative;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-header{background-color:#d0d5d9;border-bottom:2px solid #a1a9af;border-top:2px solid #a1a9af;color:#7b8187;font-size:2.1em;font-weight:bold;text-align:center;position:relative;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-header .item{width:200px;}
.groupTimeCapturePopup .group .item-wrap .item-header .filter a{right:6px;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-header .filter input.desc{width:435px;left:145px;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-header .filter input{width:135px;left:-15px;}
#raisePartDemand .groupTimeCaptureGroup  .item-wrap .item-header .employeeId{width:142px;}
#raisePartDemand .groupTimeCaptureGroup .item-wrap .item-list-loading{width: 665px;height: 55px;}
#raisePartDemand .group .item-wrap .item-header .filter a.plus { display: block; width: 25px; height: 25px; background: transparent url('../images/MM/MM_Action_AttachReferenceMaterial.png') no-repeat 0px 0px; margin-bottom: 3px;border-radius: 25%;margin: 4px 6px 0 0;}
/* End of Group Time Capture Style */

/** Package and shop selection page **/
#packageSelection {  }
#packageSelection .spacer { height: 165px; }
#packageSelection form.package-and-shop-style .group { margin-bottom: 11px; }
#packageSelection form.package-and-shop-style .form-item input { width: 360px; }
#packageSelection form.package-and-shop-style .form-item:last-of-type { border-bottom: 1px solid #7b8187; }
#packageSelection form.package-and-shop-style a.taskViewSubmit { display: block; width: 200px; margin: 0 auto; font-size: 3.5em; float: none;}
#packageSelection .border-wrap { display: block; margin: 0 auto 55px auto; border: 2px solid #5d6268; border-radius: 18px; background-color: #e4e7ea; width: 616px; padding: 17px; box-shadow: 0 0 12px #0a1947; }
#packageSelection .border-wrap h2 { font-size: 3.8em; font-weight: bold; color: #7b8187; }
/** Clock on details **/
#packageSelection .clock-on-wrap { width: 654px; margin: 0 auto; position: relative; }
#packageSelection .clock-on-wrap a.clock-on-details { display: block; width: 620px; height: 86px; line-height: 86px; padding: 0 20px 0 10px; font-size: 3.8em; font-weight: bold; text-decoration: none; color: #7b8187; }
#packageSelection .clock-on-wrap a.clock-on-details span.right-arrow { float: right; display: block; width: 38px; height: 86px; background: transparent url('../images/MM/MM-right-arrow.png') no-repeat 0px 50%; }
/** Clock on button **/
#packageSelection .clock-on-wrap a.clock-on { display: block; position: absolute; top: 6px; right: 80px; width: 165px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-bg.png') no-repeat 0px 0px; text-decoration: none; }
#packageSelection .clock-on-wrap a.clock-on span.clock-on-image { display: block; float: left; width: 79px; height: 81px; background: transparent url('../images/MM/MM-task-clock-on-buttons.png') no-repeat 0px 0px; z-index: 50; }
#packageSelection .clock-on-wrap a.clocked-OFF span.clock-on-image,
#packageSelection .clock-on-wrap a.clocked- span.clock-on-image { float: right; background-position: 0px -81px; }
/** On/Off/Time labels **/
#packageSelection .clock-on-wrap a.clock-on span.label-wrapper { display: block; height: 79px; padding: 0 2px 0 79px; font-size: 3.0em; text-align: center; color: #000; }
#packageSelection .clock-on-wrap a.clocked-OFF span.label-wrapper,
#packageSelection .clock-on-wrap a.clocked- span.label-wrapper { padding: 0 79px 0 2px; }
#packageSelection .clock-on-wrap a.clock-on span.label-wrapper span { display: block; height: 35px; padding: 4px 0 1px 0; }
#packageSelection .clock-on-wrap a.clock-on span.label-wrapper span.clock-on-timer { padding: 0 0 4px 0; }
/**View Tasks **/
.task-view-list .task-wrap .left a.part-demand.roleActionFalse { background-position: 0px -324px; }
.task-view-list .task-wrap .right a.raise-nri.roleActionFalse {background-position: 0px -162px; }
.task-view-list .task-wrap .right a.clock-on.roleActionFalse { background-position: 0px -81px; }
.task-view-list .task-wrap .right a.clock-on.roleActionFalse span.clock-on-image { background-position: 0px -162px; }
/* .task-view-list .task-wrap .right a.clock-off.roleActionFalse { background-position: 0px -162px; } */
.task-view-list .task-wrap .right a.sign-off.roleActionFalse {background-position: 0px -162px; }

.group.item-list.tabWrap.tabContainerWrap.div1 {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

/*  Parts Demand View & raise non routine & sign off view
#applicationHeader .header-wrapper .button a.signoffSaveButton.roleActionFalse { display:none} */

/**Lower tool bar for part demands **/
#detailTaskView .applicationFooter ul li.task-card a.roleActionFalse {background-position: -218px 0px; }
#detailTaskView .applicationFooter ul li.non-routines a.roleActionFalse { background-position: -218px -82px; }
#detailTaskView .applicationFooter ul li.part-demands a.roleActionFalse { background-position: -218px -164px; }
#detailTaskView .applicationFooter ul li.part-changes a.roleActionFalse { background-position: -218px -246px; }
#detailTaskView .applicationFooter ul li.signoffs a.roleActionFalse { background-position: -218px -328px; }
#detailTaskView .applicationFooter ul li.task-details a.roleActionFalse {background-position: -218px -410px; }
#detailTaskView .applicationFooter ul li.reference-materials a.roleActionFalse {background-position: -218px -492px; }
#detailTaskView .applicationFooter ul li.instruction-step a.roleActionFalse { background-position: -218px 0px; }
#detailTaskView .applicationFooter ul li.clock-on-off a.roleActionFalse { background-position: -218px -1145px; }
#detailTaskView .applicationFooter ul li.settings a.roleActionFalse { background-position: -218px -1235px; }
#detailTaskView .applicationFooter ul li.certification a.roleActionFalse { background-position: -218px -1070px; }
#detailTaskView .applicationFooter ul li.task-labor a.roleActionFalse { background-position: -218px -985px; }
#detailTaskView .applicationFooter ul li.package-labor a.roleActionFalse { background-position: -218px -900px; }
#detailTaskView .applicationFooter ul li.task-parts a.roleActionFalse { background-position: -218px -820px; }
#detailTaskView .applicationFooter ul li.package-parts a.roleActionFalse { background-position: -218px -735px; }
#detailTaskView .applicationFooter ul li.task-equipment a.roleActionFalse { background-position: -218px -660px; }
#detailTaskView .applicationFooter ul li.package-equipment a.roleActionFalse { background-position: -218px -575px; }
.contextMenuItem.roleActionFalse{display:none;}

.group.item-list.tabWrap.tabContainerWrap.div1 {
    margin-bottom: 10px;
    padding-bottom: 10px;
}


/*Kiosk Login Popup Style */
#LoginAction .popup-inner h4 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#LoginAction{height:902px;padding:230px 0 0 0;}
#LoginAction .popup-inner{width:600px;margin:0 0 0 68px;background-color:#f5f6f8;border:3px solid #7b8187;border-radius:18px;overflow:hidden;box-shadow:0 0 12px #0a1947;}
#LoginAction .popup-inner #kioskLoginForm a.button{display:inline-block;width:120px;font-weight:bold;}
#LoginAction .popup-inner #kioskLoginForm a.cancel{width:120px;margin-left:15px;}
#kioskLoginForm .group input{ color:#2e5cac;}
#kioskLoginForm .group .personnelId label{font-size:3.5em;font-weight:bold;height:58px;line-height:58px;color:#000;}
#kioskLoginForm .group .password label{font-size:3.5em;font-weight:bold;height:58px;line-height:58px;color:#000;}
#kioskLoginForm .button-wrap{text-align:center;}
#kioskLoginForm{border-radius:0px;box-shadow:none;border:none;}
.kioskGroup{margin:0 0 0px 140px;overflow:hidden;}
.kioskGroup .tab-list{padding-left:10px;padding-top:10px;}
.kioskGroup ul.tab-navigation li a{width:100px;font-size:2.6em;line-height:58px;height:58px;}
#kioskLoginForm .group .personnelId input{float: right;text-align: right;width: 302px;}
#kioskLoginForm .group .password input{float: right;text-align: right;width: 302px;}
/* End of Kiosk Login Popup Style */

/* Style for Others label and textbox in multi-select lookup screen */
div.othersMaxCharsDiv{display:block;width:718px;border:3px solid #00337f;border-radius:30px;margin:16px 22px 0 22px;text-decoration:none;overflow:hidden;}
div.othersMaxCharsDiv span.othersMaxCharsSpan label{float:left;color:black;font-weight:bold;height: 58px;line-height: 58px;}
div.othersMaxCharsDiv spazn.othersMaxCharsSpan,
div.othersMaxCharsDiv span.othersMaxCharsSpan{display:block;overflow:hidden;width:726px;min-height:49px;line-height:49px;color:#7b8187;border-bottom:2px solid #a1a9af;background-color:#f5f6f8;font-size:3.5em;margin:0 60px 0 0;text-align:right;padding:0 16px;}
div.othersMaxCharsDiv input#othersMaxChars{display:block;width:380px;margin:1px 22px 0 252px;overflow:hidden;height:50px;font-size:1em;padding-left:10px;color:#2e5cac;background-color: transparent;height: 58px;line-height: 58px;border: none;text-align: right;}
.lookupOkay {left:548px;}
.lookupPage a.selectionItem.multiSelectLookup {
	background:none;
	background-color: #F5F6F8;
}

.lookupPage a.selectionItem.multiSelectLookup span.right-arrow {
	background-color: #F5F6F8;
    display:inline-block;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    position: relative;
    float: right;
    margin-right: 4%;
    margin-top: 5%;
}

.lookupPage a.multiSelectLookup span.right-arrow:before{
    content:"";
    position: absolute;
    width:7px;
    height:26px;
    background-color: #EB7A40;
    left:8px;
    top:-5px;
}

.lookupPage a.multiSelectLookup span.right-arrow:after{
    content:"";
    position: absolute;
    width:12px;
    height:6px;
    background-color: #EB7A40;
    left:1px;
    top:15px;
}   


/* End of Style for Others label and textbox in multi-select lookup screen */

.lookupPage a.multiSelect {background: #cbd3da url('../images/MM/multiSelectLookup.png') no-repeat 670px 50%;}

div.mobileMechContextMenuMask {
      display : none;
}

div.cancelContextMenu{
      color : rgb(231, 76, 76) !important;
      line-height: 80px;
height: 80px;
border-bottom: 2px solid #a1a9af;
cursor: pointer;
font-size: 3.5em;
font-weight: bold;
color: #000;
}

div.mobileMechContextMenuItemGroup {
margin-bottom: 20px;
background-color: #e4e7ea;
border-radius: 20px;
width: 700px;
text-align: center;
box-shadow: 0 0 10px #0a1947;
border-width: 2px;
border-style: solid;
border-color: #7b8187;;
}

div.mobileMechContextMenuItem {
color: #7b8187;
line-height: 80px;
height: 80px;
border-bottom: 2px solid #a1a9af;
cursor: pointer;
font-size: 3.5em;
font-weight: bold;
color: #000;
}

div.mobileMechContextMenuItem:last-child{
      border-bottom: none !important;
}

#viewTaskInsctructionPdfListContainer .signature
{
position: relative;
width: 63px;
height: 63px;
z-index:8000;
-webkit-transform: translate3d(0,0,0);
}
#viewTaskInsctructionPdfListContainer .signature.notApplicableStampType {
	pointer-events: none;
}
#viewTaskInsctructionPdfListContainer .signature.ui-draggable
{
z-index:8008;
}	
#viewTaskInsctructionPdfListContainer .signature .oval
{
position: absolute; 
bottom: -4px;
left: 5px;
font-size: 1.1em;
}	
#viewTaskInsctructionPdfListContainer .signature .jalOval
{
position: absolute; 
bottom: -4px;
left: 0px;
font-size: 1.1em;
}	
#viewTaskInsctructionPdfListContainer .signature .circle
{
position: absolute; 
bottom: 7px;
left: 2px;
font-size: 1.1em;
}
	
#viewTaskInsctructionPdfListContainer .signature .triangle{
	position: absolute;
	bottom: 6px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .ovalWithoutSign {
	position: absolute;
	bottom: 10px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .jalOvalWithoutSign {
	position: absolute;
	bottom: 4px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .circleWithoutSign {
	position: absolute;
	bottom: 7px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .rectangleWithoutSign {
	position: absolute;
	bottom: 4px;
	left: 0px;
	font-size: 1.1em;
}

#detailTaskContainer .signature .triangleWithoutSign {
	position: absolute;
	bottom: 6px;
	left: 0px;
	font-size: 1.1em;
}

#viewTaskInsctructionPdfListContainer .signature .oval.markedAsTextInError {
    bottom: -20px;
}

#viewTaskInsctructionPdfListContainer .signedInError
{
	/* margin: 70px 0 0 30px; */
	z-index:8000;
	/*transform: scale(0.5,0.5); */
}

#viewTaskInsctructionPdfListContainer .stampSignedInError
{
	top: 0px;
	left:100px;
	margin: 17px 0 0 0px;
	transform: scale(0.5,0.5);
	width:100px;
	font-size:14px; 
	position: absolute; 
	left: -20px; 
	top: 33px;
}

/* .stampDate, .stampTime
{
	top: 0px;
	left:100px;
	margin: 17px 0 0 0px;
	transform: scale(0.5,0.5);
	width:100px;
	font-size:14px; 
	position: absolute; 
	left: -20px; 
	top: 17px;
} */

#viewTaskInsctructionPdfListContainer .stampDate, 
#viewTaskInsctructionPdfListContainer .stampTime
{
	top: 0px;
	left:100px;
	margin: 19px 0 0 0px;
	transform: scale(0.5,0.5);
	width:100px;
	font-size:14px; 
	position: absolute; 
	left: 0px; 
	top: 36px;
}

#viewTaskInsctructionPdfListContainer .stampTime
{
	left: -10px !important; 
	top: 45px;
}

#viewTaskInsctructionPdfListContainer .stampDate
{
	left: -20px !important; 
	top: 32px;
}

#viewTaskInsctructionPdfListContainer span.stampSignedInErrorText {
    	font-size: 7px;
   	position: absolute; left: 2px; top: 51px;
}

#viewTaskInsctructionPdfListContainer .markTextInError
{
	z-index:8000;
	text-decoration: line-through;
	color:#bba9a9!important;
	pointer-events: none;
	cursor: default;
}

.markTextInError
{
	text-decoration: line-through;
}
.markGrey
{
	stroke:grey;
}
#viewTaskInsctructionPdfListContainer div.signtext span,
#viewTaskInsctructionPdfListContainer div.signature a
{
	z-index:7777;
	-webkit-transform: translate3d(0,0,0);	
}	

#viewTaskInsctructionPdfListContainer .signature.ui-draggable
{
	z-index:8008;
}

div#viewTaskInsctructionPdfListContainer textarea{
background-color: transparent;
border: 2px solid black;
color: blue;
font-size: 20px;
}

div#viewTaskInsctructionPdfListContainer button{
background-color: green;
border-radius: 0px 8px 0px 0px;
color: white;
}

div#viewTaskInsctructionPdfListContainer div#textAreaComponents{
background-color: #F0F0F0;
font-weight: bold;
font-size: 20px;
padding: 0px 0px 0px 10px;
display: inline-block;
border-radius: 8px 8px 0px 0px;
border: 2px solid black;
border-bottom: none;
} 

.group.item-list.tabWrap.tabContainerWrap.taskAssignmentdiv {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
/** Added For Additional NRI Details to show/capture the Structural Defect **/
.group-vertical { height: 140px;  top: 110px;    width: 700px; overflow: hidden; }
.group-vertical .form-item {border: 3px solid #7b8187; border-radius: 30px; margin: 8px; box-shadow: 0 0 4px #a1a9af; overflow: hidden; padding: 0 0px; float:left; width:23%; background-color: #F5F6F8;}
.group-vertical .form-item-small {border: 3px solid #7b8187; border-radius: 30px; margin: 8px; box-shadow: 0 0 4px #a1a9af; overflow: hidden; padding: 0 0px; float:left; width:10%; background-color: #F5F6F8;}
.group-vertical .form-item-no-border{border: none; overflow: hidden; padding: 0 0px; float:left; width:5%;}

.input-top-left{ background: transparent none repeat scroll 0 0; text-decoration: none; cursor:pointer; color: #2E5CAC; float:left; font-size: 3.5em;  font-weight: bold; background-color: #F5F6F8; height: 58px; line-height: 58px; width: 50% ;display: block;   border:none; text-align: center;}
.input-top-right{ background: transparent none repeat scroll 0 0; text-decoration: none; cursor:pointer; color: #2E5CAC; float:right; font-size: 3.5em;  font-weight: bold; height: 58px; line-height: 58px; width: 50% ;display: block;   border:none; text-align: center;}
.input-top{ background: transparent none repeat scroll 0 0; font-size: 3.5em;  font-weight: bold; height: 58px; line-height: 58px; width: 100% ;display: block;   border:none; text-align: center;}
.group-vertical .form-item-no-border .input-top{ background-color: #E4E7EA; font-size: 3.5em;  font-weight: bold; height: 58px; line-height: 58px; width: 100% ;display: block;   border:none; text-align: center;}
.input-bot-option { cursor:pointer; display: block; float: left; text-align: center; font-size: 3.5em; font-weight: bold; height: 58px; line-height: 58px; border: none;  width: 100%; border-top: 2px solid #8a8b8b;}
.input-bot { background: transparent none repeat scroll 0 0; display: block; float: left; text-align: center; font-size: 3.5em; font-weight: bold; height: 58px; line-height: 58px; border: none;  width: 100%; border-top: 2px solid #8a8b8b;} 
.group-vertical .form-item-no-border .input-bot { background-color: #E4E7EA; display: block; float: left; text-align: center; font-size: 3.5em; font-weight: bold; height: 58px; line-height: 58px; border: none;  width: 100%;}
.input-bot-left { background: transparent none repeat scroll 0 0; display: block; cursor:pointer; float: left; text-align: center; font-size: 3.5em; font-weight: bold; height: 58px; line-height: 58px; border: none;  width: 50%; border-top: 2px solid #8a8b8b; background-color: #F5F6F8; color: #2E5CAC;} 
.input-bot-right { background: transparent none repeat scroll 0 0; display: block; cursor:pointer; float: right; text-align: center; font-size: 3.5em; font-weight: bold; height: 58px; line-height: 58px; border: none;  width: 50%; border-top: 2px solid #8a8b8b; background-color: #F5F6F8; color: #2E5CAC;} 
.input-top-left.disabled{ color: #7b8187; pointer-events:none;}
.input-top-right.disabled{ color: #7b8187; pointer-events:none;}
.input-top.disabled { color: #7b8187; }
.input-bot.disabled { color: #7b8187; }
.input-bot-left.disabled { color: #7b8187; pointer-events:none; }
.input-bot-right.disabled { color: #7b8187; pointer-events:none;}
.input-top.input-text { font-weight: normal; }
.input-bot.input-text { font-weight: normal; }

/* authenticatePDFDrawingsSavePage styles */
#authenticatePDFDrawingsSavePage .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: left; }
#authenticatePDFDrawingsSavePage .popup-inner form .form-item .input { height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; }
#authenticatePDFDrawingsSavePage .popup-inner form .form-item input { width: 502px; float: none; text-align: right; color: #00337F; font-size: 3.1em; }

/* Not applicable stamp reason window */
#captureNAStampReasonPDFSavePage .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: left; }
#captureNAStampReasonPDFSavePage .popup-inner form .form-item .input { height: 58px; line-height: 58px; font-size: 2.3em; font-weight: bold; color: #7b8187; text-align: right; text-transform: uppercase; }
#captureNAStampReasonPDFSavePage .popup-inner form .form-item input {width: 502px;float: none;/* text-align: right; */color: #00337F;font-size: 3.1em;height: 100px;border-radius: 5px;}

/* status board styles */
.wrapper{width : 750px; height: 210px; padding: 10px;}
.widgetcontainer{width : 745px; height: 210px; background-color : #E0E3E9; top : 10px; left : 10px; box-shadow: 0.5px 2px 5px #9b9b9b;}
.div1{float: left;width : 60px;height: 210px;top : 10px;left : 10px;background-color : #656d78;overflow: hidden;}
.div2{float: left;}		
.div3{height: 65px;}
.div4{width : 630px; height: 65px; top : 140px; left : 72px;}
.div5{height: 75px; float: left;}
.div6{float : left;width : 180px;height: 65px;padding-top: 10px;padding-left: 20px;}
.div7{float : left;	width : 311px; height: 37px; top : 140px; left : 72px; padding-bottom: 5px;	padding-left: 30px;}
.div8{padding-left: 20px;float: right;/* width : 181px; */height: 60px;top : 140px;left : 272px;padding-bottom: 5px;}
.div9{float: left; width : 80px; padding-left: 5px;}
.div10{float : left; padding-left: 5px;}
.label1{font-size: 25px; color: #6e6e6e;}
.text1{font-size: 25px;}
.vtext{writing-mode: tb; text-orientation: upright; font-size: 30px; color: #fff; transform: translate(15px,60px);}
.serialText{display : block; font-size: 40px; letter-spacing: -1px;}
.pkgText{display : block; font-size: 20px;}
.serialText-CX{color: #006564;}
.pkgText-CX{color: #006564;}
.serialText-KA{color: #B30838;}
.pkgText-KA{color: #B30838;}
.serialText-LD{color: #FFD700;}
.pkgText-LD{color: #FFD700;}
.aogDurationText{display : block; font-size: 25px; letter-spacing: -1px;}
.severity-Amber{border: 5px solid #FFC200;}
.severity-Red{border: 5px solid #E70A22;}
.severity-Green{border: 5px solid #06DD23;}
.notificationcircle-show{width: 60px; height: 60px; border-radius: 30px; background: #fcf900; position: relative; top: 0px; left: 625px; text-align: center; display: block}
.notificationcircle-hide{width: 50px; height: 50px; border-radius: 25px; background: #fcf900; position: relative; top: -5px; left: 640px; text-align: center; display: none;}
.notificationtext{font-size: 35px; color: #E70A22;position: absolute;left: 20px;line-height: 60px;}
.discussiondetails{display: block; float: right; width: 50px;height: 210px; background: #E0E3E9; background-image: url("../images/MM/MM-right-arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; border-left: 2px solid #9b9b9b;}

/*  WO 1024175 Commenting the below line due to duplicate occurrence that cause CSS issue in MM Cannot add personel to a task
.section-area-hide { display: none; padding-bottom: 10px;}
.section-title,
.faux-title { text-align: left; width: 713px; }
.h3.section-title { position: relative; }
.faux-title { position: fixed; top: 82px;}
.section-title a.show-hide,
.faux-title a.show-hide { display: block; width: 525px; height: 58px; background: transparent url('../images/MM/MM-techLog-arrow-closed.png') no-repeat 13px 50%; position: absolute;}
.section-title a.hide,
.faux-title a.hide { background-image: url('../images/MM/MM-techLog-arrow-opened.png');}
.section-loading { display: none; padding: 8px 0; text-align: center; background-color: #d7dee5; border: 1px solid #5d6268; border-right-width: 2px; }*/

#AOSList .section-area-hide { display: none; padding-bottom: 10px;}
#AOSList .faux-title { position: fixed; top: 82px;}
#AOSList .section-title a.show-hide,
#AOSList .faux-title a.show-hide { display: block; width: 525px; height: 58px; background: transparent url('../images/MM/MM-techLog-arrow-closed.png') no-repeat 13px 50%; position: absolute;}
#AOSList .section-title a.hide,
#AOSList .faux-title a.hide { background-image: url('../images/MM/MM-techLog-arrow-opened.png');}
#AOSList .section-loading { display: none; padding: 8px 0; text-align: center; background-color: #d7dee5; border: 1px solid #5d6268; border-right-width: 2px; }

/* Threaded Discussion */
#aircraftOutOfServiceStatusBoardView .section-loading { display: none !important; }
#aircraftOutOfServiceStatusBoardView .section-area { padding-bottom: 10px !important; }
.defectHeaderDiv {background : #006B6E; height : 168px; opacity: 0.9; box-shadow: 0.5px 2px 2px #9b9b9b; text-align: center; }   
.defectSerialText {font-family : 'roboto', sans-serif;font-size : 40px;color : #ffffff;left : 280px;top: 35px;text-align:center;}
.defcetPackageText {font-family : 'Roboto', sans-serif;font-size : 25px;color : #ffffff;left: 240px;top: 85px;}
.defect_AOSDateTime {font-family : 'roboto', sans-serif;font-size : 25px;color : #ffffff;left: auto;top: 20px;text-align:left;}
.defect_ETSDateTime {font-family : 'roboto', sans-serif;font-size : 25px;color : #ffffff;left: auto;top: 20px;text-align:right;}
.defect_SchedDateTime {font-family : 'roboto', sans-serif;font-size : 25px;color : #ffffff;left: auto;top: 20px;text-align:right;}
.wrkExpectedDelay {font-family : 'roboto', sans-serif;font-size: 24px;float: right;color : #ffffff;left: auto;top: 20px;text-align: left;}
.statusPathDiv {background: #006b6e none repeat scroll 0 0;height: 50px;left: 40px;top: 215px;margin-right: 3px;width: 150px;text-align: center;vertical-align: middle;line-height: 50px;font-size: 25px;font-weight: bold;color: white;float: left;}
.criticalityDiv {background: #006b6e none repeat scroll 0 0;height: 50px;left: 40px;top: 215px;margin-right: 10px;width: 120px;text-align: center;vertical-align: middle;line-height: 50px;font-size: 25px;font-weight: bold;color: white;float: left;}
.g {position : absolute;font-size : 25px;color : #ffffff;left: 50px;top: 145px;margin-top: 80px;}
.criticalPathDiv {background: #006b6e none repeat scroll 0 0;height: 50px;opacity: 0.9;top: 200px;width: 158px;text-align: center;vertical-align: middle;line-height: 50px;font-size: 25px;font-weight: bold;color: white;float: left;}
.i {position : absolute;font-family : 'roboto', sans-serif;font-size : 25px;color : #ffffff;left: 310px;top : 145px;margin-top:80px;}  
.LateExMaintDiv {background: #006b6e none repeat scroll 0 0;height: 50px;opacity: 0.9;top: 200px;margin-left: 5px;width: 154px;text-align: center;vertical-align: middle;line-height: 50px;font-size: 23px;font-weight: bold;color: white;float: left;}
.LateExMaintDiv{float: right;width: 200px;display: inline;margin-top: 30px;background: #808285 none repeat scroll 0 0;opacity: 0.9;text-align: center;vertical-align: middle;line-height: 50px;font-size: 25px;font-weight: bold;color: white;margin-right: 30px;}
.LateExDriverButtonDiv {background: #006b6e none repeat scroll 0 0;height: 50px;opacity: 0.9;top: 200px;margin-left: 5px;width: 154px;text-align: center;vertical-align: middle;line-height: 50px;font-size: 23px;font-weight: bold;color: white;float: left;}
.aogDiv {background: #808285 none repeat scroll 0 0;height: 50px;opacity: 0.9;top: 200px;width: 80px;text-align: center;vertical-align: middle;line-height: 50px;font-size: 25px;font-weight: bold;color: white;display: inline;float: right;}
.k {position : absolute;font-family : 'roboto', sans-serif;font-size : 25px;color : #ffffff;left: 620px;top : 145px;margin-top: 80px;}
.defect-ta {margin: 30px 0 13px; }
.l {border-style : Solid; border-color : #6B878E; border-width : 1px; position : absolute ; left : 25px; top : 418px; width : 672px; height : 165px; border-radius : 2px; }
.m { position : absolute; font-family : 'Roboto', sans-serif; font-size : 20px; color : #939598; font-weight: 300; opacity : 0.6; left : 35px; top : 420px; }
.n { background : #0F748F; position : absolute; left : 581px; top : 597px; width : 119px; height : 50px; }
.o { position : absolute; font-family : 'Roboto', sans-serif; font-size : 22px; color : #ffffff; left : 623px; top : 609px; }		
.p { border-style : Solid; border-color : #6B878E; border-width : 1px; position : absolute; left : 88px; top : 594px; width : 236px; height : 48px; }
.q { border-style : Solid; border-color : #6B878E; border-width : 1px; position : absolute; left : 282px; top : 594px; width : 0px; height : 48px; }
.r { position : absolute; font-family : Roboto; font-size : 25px; color : #6D6E71; left : 28px; top : 606px; }		
.s{ position : absolute; }
.t{ position : absolute; }
.commentsDiv {color : #000;left : 639px;top : 215px;}
#threadedDiscussionView { height: 1000px; top: 82px; width: 770px; }
.defect-item { float : left; margin-bottom: 25px; margin-top: 25px; padding-left: 20px; }
.defect-item label { font-size: 30px; margin-right: 20px; }
.defect-item input {background-color: #f6f6f6;color: #2e5cac;float: right;font-size: 30px;height: 40px;width: 580px;border-radius: 10px;border: 4px solid #acaea7; margin-top: -45px;}
.form-item-ets label { font-size: 30px; float: left; }
.form-item-ets input {background-color: #f6f6f6;color: #2e5cac;display: block;float: right;font-size: 30px;height: 35px;text-align: left;width: 200px;float: left;border: 2px solid #acaea7;}
.form-item-ets a.button { width : 170px; float: right; margin-right: 10px; margin-top: 20px; position: relative; }
.defectTextArea{ background-color: #f6f6f6; border-radius: 10px; color: #2e5cac; border: 4px solid #acaea7; font-size: 35px; height: 120px; width: 670px; }
.flatButton{display: block;font-size: 35px;color: #f5f6f8;height: 50px;border: 3px solid #17777a;text-decoration: none;text-align: center;width: 150px;float: right;background-color: #17777a;line-height: 50px;margin-top: 10px;border-radius: 10px;}
.flatButton.postButton {margin-top: 15px;margin-left: 7px;}
.form-item-ets{ width: 700px; height: 60px; padding-top: 10px; }
.defectWidgetWrapper{width: 727px;height: 300px;}
.defcetWidget{float: left;height: 290px;width: 690px;}
.defectTextDiv{height: 50px;background-color: #656d78;width: 690px;}
.defectText {text-align: left;color: #f6bb42;font-size: 30px;line-height: 50px;}
.statusPathOutterDiv{width: 690px;height: 127px;background-color: #e0e3e9;}
.sttausPathDiv{width: 250px;float: left;height: 125px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;line-height: 40px;font-size: 25px;}
.statusPathDesc{width: 435px;left: 250px;height:  125px;float: right;overflow: hidden;font-size: 25px;border-bottom: 1px solid #fff;line-height: 35px;}    
.textLabel{color: #aab2bd;}
.textBold{overflow: hidden;text-overflow: ellipsis;}
.discussiondetailsbutton{display: block;float: right;width: 35px;height: 300px;background-image: url("../images/MM/MM-right-arrow.png");background-repeat: no-repeat;background-position: 50% 50%;}
.commentDiv {  background-color: #E0E3E9;border-radius: 18px;padding: 13px;margin: 13px; display:none;}
.commentOutterDiv { height : 150px; padding-left: 10px;padding-bottom: 5px;}
.imageDiv{height: 80px; width: 80px; padding: 5px;float: left;}
.commentSectionDiv{height: 150px; width: inherit;}
.CommentSectionInnerDiv1{height: 110px; overflow: auto; }
.CommentSectionInnerDiv2{height: 40px; padding-top: 5px;}
.userNameText{font-family : 'roboto', sans-serif; font-size :22px; color : #6D6E71; height: 22px; padding: 5px;overflow: hidden;}
.replyText{font-family :'roboto', sans-serif; font-size : 25px; color :#6D6E71; width: 75px;height: 20px;padding: 5px;float: left;margin-left: 0px;}
.uploadImage span.refMaterialIcon.true{display:block}
.uploadImage span.refMaterialIcon{background: url('../images/MM/attach.png') no-repeat 0px 0px;font-family :'roboto', sans-serif;color :#6D6E71;width: 25px;height: 25px;float: right;d;background-size: cover;position: relative;margin-right: 25px;}
.commentText{font-family :'roboto', sans-serif; font-size : 30px; color :#231F20; text-overflow: overlay; height: auto; padding: 5px;}
.commentDate{font-family :'roboto', sans-serif; font-size :25px; color: #939598; width: inherit;height: 20px;padding: 5px;}	
.referenceImageCount{margin-bottom: auto;font-family :'roboto', sans-serif;font-size: 25px;color: #939598;\: 2px;height: 2px;text-align: end;line-height: 15px;padding-right: 70px;display:inline-block;}
.userImageCircle{width: 80px; border-radius: 40px; border: 2px solid #006564;}
#commentSection {}
.comment-input textarea{background-color: white;border-radius: 25px;color: #2e5cac;border: 4px solid #acaea7;font-size: 35px;max-width: 500px;min-width: 500px;padding-left:5px;scroll-behavior: smooth;}
.comment-input-reply textarea{ background-color: white; border-radius: 25px; color: #2e5cac; border: 2px solid #acaea7; font-size: 35px; width: 98.5%; max-width: 98.5%; padding-left:5px}
.commentsOuterList{list-style-type:none;padding: 0px; }
.commentsInnerList{list-style-type:none;padding-left: 40px; }
.commentsListItem{margin-top: 5px; border: 1px solid lightgray; border-radius: 8px}
/* WO#1097513 - Hide border in system lookup */
#systemLookupView .commentsListItem{border: 0px; border-radius: 0px;}
.replyTextHeaderDiv div.replyTextHeader{font-size: 30px;margin-left: 10px;margin-bottom: 30px;height: 300px;overflow-y: scroll;}
.replyCancelButton {float: left;}
.StatusButtonsDiv{float: left;}
.criticalityButtonDiv{float: left;width: 118px;margin-left:4px}
.LateExMaintDiv{float: right;width: 200px;display: inline;background: #808285 none repeat scroll 0 0;opacity: 0.9;text-align: center;vertical-align: middle;line-height: 50px;font-size: 25px;font-weight: bold;color: white;margin-right: 35px;margin-top: 20px;}
.LateExDriverDiv{float: left;width: 175px;}
.aogButtonDiv{display: inline;margin-top: 30px;margin-bottom: 20px;float: right;margin-right: 10px;}
.statusButtonsOutterDiv{
	width: 668px;height: 60px;
}
.primaryCriticalPathgroup{
	background-color: #e4e7ea;
	border: 3.6px solid #000000;
	border-radius: 17px;
	margin: 0 0 13px 0;
	overflow: hidden;
	border-color: #a1a9af;
	height: 160px;
}
.primaryCriticalPathgroup .form-item span{
    font-size: 25px;
    color: #006b6e;
    font-weight: bold;
    height: 100px;
    width: 200px;
}
.primaryCriticalPathgroup .form-item span.additionalCriticalPath{
	font-size: 15px;
    color: #006b6e;
    font-weight: bold;
    height: 100px;
    width: 200px;
}
.AdditionalCriticalPathgroup{
	background-color: #e4e7ea;
	border: 3.6px solid #000000;
	border-radius: 17px;
	margin: 0 0 13px 0;
	overflow: hidden;
	border-color: #a1a9af;
	height: 105px;
}
.AdditionalCriticalPathgroup .form-item span{
    font-size: 25px;
    color: #006b6e;
    font-weight: bold;
    height: 100px;
    width: 200px;
}
.AdditionalCriticalPathgroup .form-item span.additionalCriticalPath{
	font-size: 15px;
    color: #006b6e;
    font-weight: bold;
    height: 100px;
    width: 200px;
}
.primarySliderImag img{
	display: inline-block;
	float: left;
	float: left;
	margin-right: 12px;
	position: relative;left: 10px;
	}

.additionalSliderImag img{
	display: inline-block;
	float: left;
	float: left;
	margin-right: 4px;
	position: relative;
	left: 10px;
	color: #ce1b1b;
	}
.commentSectionOpen{background: transparent url('../images/MM/MM-techLog-arrow-opened.png') no-repeat 0px 0px; width: 30px; height: 30px; position: absolute; left: 50px;margin-top: 12px;}
.commentSectionClose{background: transparent url('../images/MM/MM-techLog-arrow-closed.png') no-repeat 0px 0px; width: 30px; height: 30px; position: absolute; left: 50px;margin-top: 12px;}
.defectSectionHeaderText{height: 58px;line-height: 58px;color: #f5f6f8;font-weight: bold;font-size: 3.0em;text-align: center; background-color: #006B6E;border-radius: 10px; opacity: 0.9;}
.defectDetailsSectionDiv{padding-left: 5px;border-radius: 10px;}
#createAOGPageForm a.save-button{margin: 0 auto;width: 120px;float: none;}
.commentSectionOutterDiv{background-color: #006B6E;border-radius: 18px;padding-bottom: 5px;}
.commentButton{margin-top: 10px;float: none;width: 700px;}
#threadedDiscussion a.save-button{float: none;margin: 20px auto;}
.spcpText{display: block; font-size: 3.5em;color: #2e5cac;height: 58px;line-height: 58px;background-color: transparent;border: none;width: 500px;}
textarea.spcpText{display: block; font-size: 1.9em; color: #2e5cac; height: 58px; line-height: 58px; background-color: transparent; border: none; width: 690px; overflow-wrap: break-word; font-style: normal; font-family: sans-serif;}
.jobConflictInput{padding-left:12px; height: 115px; width: 200px;}
.createDefDTA{width: 673px;}
.defectOutterDiv{background-color: #e4e7ea;padding: 5px;margin: 5px;border: 3px solid #5d6268;border-radius: 18px;box-shadow: 0 0 12px #0a1947;}
.defectBorderColor-Low{border-color: green;}
.defectBorderColor-Medium{border-color: #FFBF00;}
.defectBorderColor-High{border-color: red;}
.defectBorderColor-High.Fixed {border-color: none;}
.defectBorderColor-Medium.Fixed {border-color: none;}
.defectBorderColor-Low.Fixed {border-color: none;}
.Fixed {border-color: #e4e7ea;}
.wrapper.Serviced.AOG{color: gray}
.wrapper.Closed.Input{color: gray}
#applicationHeader .header-wrapper .mobileMechLookupSpy input.aosSerialSearch{width: 250px;height: 47px;margin-left: auto;line-height: 47px;font-size: 2.3em;color: #acadc3;font-style: italic;padding: 0 50px 0 20px;background: #454b50 url('../images/MM/MM-spyglass.png') no-repeat 275px 50%;}
.alertTextArea{ background-color: #f6f6f6; border-radius: 10px; color: #2e5cac; border: 4px solid #acaea7; font-size: 35px; height: 120px; width: 670px; }
#threadedDiscussion .group .form-item .input .eventDetail {display: block;float: right;text-align: right;font-size: 3.5em;color: #2e5cac;height: 58px;line-height: 58px;background-color: transparent;border: none;width: 440px;}

#referenceMaterialsContainer .ref a span {max-width: 70px;word-wrap: break-word;color: #7b8187;}
#referenceMaterialsContainer .ref a span.title {font-size: 1.1em;}
.form-style .group.lmoAddDiv {float: right;font-weight: bold;text-align: left;background-color: #e4e7ea;border: none;border-radius: 0px;margin: 0 0 13px 0;box-shadow: 0 0 0px #a1a9af;/* margin-left: 25px; */margin-top: 20px;margin-right: 30px;}
.form-style .group.delayCode{float:left;font-weight: bold;text-align: left;margin-left: 5px;margin-top: 85px;}
.lmo{float: left;margin-top: 25px;font-weight: bold;margin-left: 25px;background-color: #e4e7ea;border: 0px none;border-radius: 0px;box-shadow: 0 0 0px #a1a9af;}
.hmo{float: left;margin-top: 25px;font-weight: bold;text-align: left;margin-left: 25px;border: none;background-color: #e4e7ea;border: 0px none;border-radius: 0px;box-shadow: 0 0 0px #a1a9af;}
.form-style .group.delayCodeLookup{float:left;font-weight: bold;text-align: left;margin-left: 5px;margin-top: 10px;}

#applicationBody .timeOff-details-button {
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border-radius: 24px;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	height: 49px;
	margin-bottom: 16px;
	padding-left: 36px;
	padding-top: 0;
	width: 46px;
	border-width: 0 33px 0 23px;
	margin-left: 390px;
	margin-right: 13px;
	margin-top: -65px;
	padding-bottom: 0;
	padding-right: 36px;
}



#applicationBody .timeOff-details-remove-button {
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border-radius: 24px;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	height: 49px;
	margin-bottom: 16px;
	padding-left: 36px;
	padding-top: 0;
	width: 46px;
	border-width: 0 33px 0 23px;
	margin-left: 390px;
	margin-right: 13px;
	margin-top: -65px;
	padding-bottom: 0;
	padding-right: 36px;
}

#applicationBody .timeOff-details-approve-button {
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border-bottom-width: 11px;
	border-radius: 38px;
	border-top-width: 0;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	height: 49px;
	line-height: 40px;
	margin-bottom: 1px;
	margin-left: 80px;
	margin-right: 0px;
	margin-top: 16px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	padding-left: 28px;
	padding-right: 51px;
	width: 46px;
}
.disableAnchor{pointer-events: none;cursor: default;}
input#gotoPageNumber {
    height: 40px;
    width: 80px;
    position: absolute;
    left: 320px;
    margin: 10px 22px 0 22px;
    text-align: center;
    font-size: 2.5em;
    background-color: #f5f6f8 !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color: #000000;
    border-radius: 10px !important;
}
input#gotoPageNumberBetweenTask {
    height: 40px;
    width: 80px;
    position: absolute;
    left: 320px;
    margin: 48px 22px 0 22px;
    text-align: center;
    font-size: 2.5em;
    background-color: #f5f6f8 !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color: #000000;
    border-radius: 10px !important;
}
span.totalPages {
  	left: 430px;
    position: absolute;
   	font-size: 2.8em;
    margin: 55px 22px 0 22px;
}
span.totalCradPages {
  	left: 430px;
    position: absolute;
   	font-size: 2.8em;
    margin: 17px 22px 0 22px;
}

span.titleForGoTo {
	left: 230px;
    position: absolute;
   	font-size: 2.8em;
    margin: 55px 22px 0 22px;
}
span.titleForGoToPage {
	left: 230px;
    position: absolute;
   	font-size: 2.8em;
    margin: 17px 22px 0 22px;
}

.request-comment { padding-left: 66px; font-size: 2.2em; color: #7b8187; padding-right: 10px;  background-color: #fff;
border: 2px solid #7b8187; border-radius: 10px; padding: 22px 0; margin-top: 17px; margin-left: 3px;
background-position: 0px 50%; background-repeat: no-repeat; }

/* More Menu Button  */
.moreApplicationMenus {
	top: 35px;
    width: 40px;
	position: absolute;
    display: inline-block;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	bottom: 100%;
	background: transparent url(../images/MM/MM-More-Button-Icon.png) no-repeat 0px 0px;
}

/* Pop up menu Content (Hidden by Default) */
div#applicationMenu{
    background: #4c5155;
    border: 2px solid #000;
    width: 550px;
    top: -730px;
    left: -440px;
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    height: 690px;
}

/* Links inside the Menu content */
div#applicationMenu a,
div#applicationMenu li a  {
	width: 510px;
	height: 23px;
	padding: 10px 16px;
	text-decoration: none;
	display: block;
	position: relative;
	display: inherit;
	color: white;
	font-size: xx-large;
	background: none;
}
img#saveActivity {
    position: absolute;
    height: 50px;
    width: 150px;
    left: 0px;
}

h3#certActivitiesNewHeader {
    line-height: 58px;
    color: #f5f6f8;
    font-weight: bold;
    font-size: 3.0em;
    padding-left: 54px;
    text-align: left;
    background: #282c30 url(../images/MM/MM-section-title-bg.png) repeat-x 0px 0px;
    border: 1px solid #000;
}
h3#certActivitiesNewHeader .open{
	display: block;
    width: 766px;
    height: 58px;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(../images/MM/MM-section-title-plus.png) no-repeat 13px 50%;
} 
h3#certActivitiesNewHeader .close{
	display: block;
    width: 766px;
    height: 58px;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(../images/MM/MM-section-title-minus.png) no-repeat 13px 50%;	
}
div.mobileCertificationActivitiesNewContent{
	display:none;
}
#authenticatePDFDrawingsSavePage .popup-inner form .form-item input.certification {
    width: 302px;
}  
    
/* Not applicable stamp reason window */
#captureNAStampReasonPDFSavePage .popup-inner form .form-item input.certification {border-radius: 10px;}

form.packageSelectionLookup {
	    padding-left: 135px;
}
a.packageLookupItem {
	margin-top: 13px;
    width: 244px !important;
}

#mobileCertificationActivitiesView form .group .form-item-systemWorked input { width:300px; }

#mobileCertificationActivitiesView form .activity-group  { width:115px; height:536px; }

#mobileCertificationActivitiesView form .activity-group .form-item-1 input { background-color: transparent; border: none; height:58px; display: block;  text-align: center; font-size: 3.5em; color: #2e5cac;  width: 80px; }

#mobileCertificationActivitiesView form .activity-group .form-item-persup input { width:80px; font-size:1.5em; text-align: center; }

#mobileCertificationActivitiesView form .activity-group  .form-item-1  {border-bottom: 2px solid #8a8b8b;}

#mobileCertificationActivitiesView form .div-performed { border-top-right-radius:0px; border-bottom-right-radius:0px;}
#mobileCertificationActivitiesView form .div-supervised { border-top-left-radius:0px; border-bottom-left-radius:0px;}

#mobileCertificationActivitiesView form .group .gray-out input { color: #7B8187; }
#mobileCertificationActivitiesView form .group .gray-out label { color: #7B8187; }

.ETSDateWidth {
    width: 250px !important;
}

.AOGDateWidth {
    width: 250px !important;
}

.AOGTimeWidth {
    width: 185px !important;
}

.assetTypeText{float: left; font-size:20px; padding-top: 18px; padding-left: 30px;}
.assetTypeText-CX{color: #006564;}
.assetTypeText-KA{color: #B30838;}
.assetTypeText-LD{color: #FFD700;}
.assetTypeDiv{float: left; width: 140px; height: 60px;}

/* Lookup Filter */
a.header-button,
span.placeholder { position: absolute; top: 0px; text-decoration: none; }

a.header-button span.inner,
span.placeholder span.inner { 
	display: block; width: 55px; height: 56px; border-width: 0px; border-style: solid; border-color: #d2d2d2 #2c2c2c #2c2c2c #d2d2d2; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; 
}

.filter-form-style { background-color: transparent ; margin: 0px; border: none; border-radius: 0px; box-shadow: none; }

#applicationHeader div.removeOnExit a.header-button,
#applicationHeader div.removeOnExit span.placeholder { top: 16px; }

#applicationHeader div.removeOnExit .header-title { width: 347px; height: 52px; padding: 5px 0 0 0; background: #262b2e url('../images/MM/MM-header-bg.png') repeat-x 0px 0px; color: #cbd3da; font-size: 30px; line-height: 46px; text-align: center; position: absolute; top: 1px; left: 58px; text-transform: uppercase; font-family: 'Engravers Gothic', sans-serif; }


/* Default header button placement */
#applicationHeader div.removeOnExit a.filter-button { left: 680px; }
#applicationHeader div.removeOnExit a.filter-button span.inner { background-image: url('../images/MM/MM_FilterWS.png'); }
#applicationHeader div.removeOnExit a.filterActive span.inner { background-image: url('../images/MM/MM_FilterWS.png'); }

/** Lookup header buttons **/
#applicationHeader .removeOnExit.lookup a.filter-button span.inner { width: 45px; height: 56px; background: transparent url('../images/MM/MM_FilterWS.png') no-repeat 50% 50%; }
#applicationHeader .removeOnExit.lookup a.filterActive span.inner { background-image: url('../images/MM/MM_FilterWS.png'); }
#applicationHeader .removeOnExit.lookup span.placeholder span.inner { width: 287px; display:none;}


#applicationBody .filter-form-style .button-wrap { text-align: center; margin: 10px 0 10px 0; }
#applicationBody .filter-form-style a.button { display: inline-block; margin: 0 4px; }
#applicationBody .filter-form-style .group .form-item select.op { float: left; width: 84px; height: 60px; }
#applicationBody .form-style .group .form-item select {float: left;font-size: 3em;background-color: #ffffff;color: #2e5cac;}
#applicationBody .filter-form-style a.button { display: inline-block; margin: 0 4px; height: 60px; line-height: 60px; }
#applicationBody .filter-form-style a.button span.inner { width: 80px; }
.filter-form-style .group .form-item label, .lookup-select .group .form-item label { display: block; float: left; width: 228px; height: 56px; line-height: 56px; padding: 0 8px 0 0; text-align: right; }

#mmPackageFilter .filter-form-style .group .form-item label {width:180px;}
#mmPackageFilter .filter-form-style .group .form-item select.op{margin-right:10px}
#mmPackageFilter .form-style .group .form-item input {float:left;}

.filter-form-style .group { padding-top: 20px; }
.filter-form-style .group .form-item { height: 26px; margin-bottom: 50px; }
.filter-form-style .group .form-item { border: none; }
.filter-form-style .group .form-item input.text-val,
.filter-form-style .group .form-item input[type="date"]{ border: 1px solid #000000; background-color: #ffffff; padding: 0 2px; width: 380px;}
.filter-form-style .group .form-item select.select-val { width: 226px; height: 58px; border: 1px solid #000000; margin: 0 0 0 8px; }
/* Lookup Filter */
    
form.packageSelectionLookup {
	    padding-left: 135px;
}
a.packageLookupItem {
	margin-top: 13px;
    width: 244px !important;
}

form.equipmentLookupSelection {
	    padding-left: 135px;
}
a.equipmentLookupItem {
	margin-top: 13px;
    width: 244px !important;
}

/* To correct the back button enable for spyGlass search */
/* #applicationHeader .header-wrapper .lookupFilter.mobileMechLookupSpy {left: 177px;} */
#applicationHeader .header-wrapper .lookupFilter.aosSerialSearch{left: 97px;}
#applicationHeader .header-wrapper .mobileMechLookupSpy input.mobileMechPkgSearch {margin-left: 0px;}
#applicationHeader .header-wrapper .lookupFilter.partSerialRemovalLookupSpy {left: 177px;}
#applicationHeader .header-wrapper .partSerialRemovalLookupSpy input { width: 480px; height: 47px; margin-left: 0px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url(../images/MM/MM-spyglass.png) no-repeat 506px 50%; }

#applicationHeader .header-wrapper .lookupFilter.forLookupSpyAndFilterIcon {left: 177px;}
#applicationHeader .header-wrapper .forLookupSpyAndFilterIcon input { width: 420px; height: 47px; margin-left: 0px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url(../images/MM/MM-spyglass.png) no-repeat 446px 50%; }
/* To correct the back button enablefor spyGlass search */

.lookupPage a.selectionItem span.full-width.data-row.zone { float: left; margin: 0 60px 0 0; padding: 0 16px; width: 626px; }

#applicationHeader .header-wrapper .hangarExecutionPackagelookupView .mobileMechLookupSpy input.mobileMechPkgSearch {
    margin-left: 75px;
}
#applicationHeader .header-wrapper .hangarExecutionMyPackagelookupView .mobileMechLookupSpy input.mobileMechPkgSearch {
    margin-left: 75px;
}
/*To display notification count in all screens having ultramain menu button */
#notificationBadgeFlyout{margin:-65px 600px 0 0;position:relative;color:#FFFFFF;font-size:16px;float:right;border-radius:50%;border:2px solid #FFF;background:#B40404;width:24px;height:24px;text-align:center;font-weight:bold;}
#applicationHeader .header-wrapper div.notificationBadgeHeader{margin:2px 685px 0 0;position:relative;color:#FFFFFF;font-size:16px;float:right;border-radius:50%;border:2px solid #FFF;background:#B40404;width:24px;height:24px;text-align:center;font-weight:bold;display:none;}
#detailTaskView .applicationFooter ul li.task-details span.status-icon { background-position: 0px -128px; }
.form-item.progInsp .progressInspIcon {
    display: block;
    float: inherit;
    width: 54px;
    height: 54px;
    margin: 0 630px;
    background: transparent url(../images/MM/MM-lookup-button.png) no-repeat 0px 0px;
}
.form-style .group .progInsp input {
    width: 285px;
    float: left;
}
.form-item.progInsp label {
    float: left;
}
.form-item.form-prog-insp.readonly label {
    color: #7b8187;
    float: none;
    width: 682px;
    text-align: right;
    font-weight: unset;
}

#applicationBody .task-instructions a.button {display: block;float: left;width: 139px;height: 50px;padding: 0 0 0 11px;margin: 8px 22px 0 22px;line-height: 50px;font-size: 2.4em;font-weight: normal;color: #fff;text-align: center;text-decoration: none;background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px 0px;border: none;border-radius: 0px;text-shadow: none;}
#applicationBody .task-instructions a.button.next { float: right; background-position: 0px -50px; padding: 0 11px 0 0; }
#applicationHeader .header-wrapper .lookupFilter.priorTasksLookupSpy {left: 177px;}
#applicationHeader .header-wrapper .priorTasksLookupSpy input { width: 420px; height: 47px; margin-left: 0px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url(../images/MM/MM-spyglass.png) no-repeat 446px 50%; }

.task-instructions span.totalPages { left: 380px; position: absolute; font-size: 2.8em; margin: 21px 22px 0 22px; }

#applicationHeader .header-wrapper .canibalization {position: absolute;top: 16px;left: 157px;}

/** Parts Used For Package **/
#partsUsedForPackageWS .partsUsedForPackageBody{width: 708px;min-height: 420px;}
#partsUsedForPackageWS .form-style .group .group-header span.addNewPartTaskRecord { width: 38px; height: 45px;
background: transparent url('../images/MI/plus-minus-buttons.png') no-repeat 0px 0px;padding-left:0px;float:right;background-position: 0px 18px;padding-top:0px;padding-bottom:0px}
#partsUsedForPackageWS .group .list-header {height: 44px;font-size: 1em;background-color: #d0d5d9;color:  #7b8187;border-right: 2px #a1a9af;border-bottom: 2px solid #7f7f88;}
#partsUsedForPackageWS .group .list-header span { display: block;float: left;text-align: center;font-weight: bold;font-size: 1.9em;border-right: 2px solid gray;}
#partsUsedForPackageWS .group .list-header span:last-of-type {border-right: none;}
#partsUsedForPackageWS .group .list-header span.task {width: 141px;text-align: -webkit-center;min-height: 45px;}
#partsUsedForPackageWS .group .list-header span.item {width: 104px;min-height: 45px;}
#partsUsedForPackageWS .group .list-header span.desc {width: 128px;min-height:  45px;}
#partsUsedForPackageWS .group .list-header span.qty {width: 60px;word-wrap: break-word;}
#partsUsedForPackageWS .group .list-header span.ordQty {width: 65px;word-wrap: break-word;}
#partsUsedForPackageWS .group .list-header span.issueQty {width: 60px;}
#partsUsedForPackageWS .group .list-header span.usedQty {width: 60px;}
#partsUsedForPackageWS .group .list-header span.rtnQty {width: 60px;border-right: 2px #a1a9af;}
#partsUsedForPackageWS .group .item-list .item-line {color: #7b8187;border-bottom: 2px solid #a1a9af;display: table-row;min-height: 45px;}
#partsUsedForPackageWS .group .item-list .item-line .input-wrap {display: table-cell;height: 100%;font-size: 1.8em;border-right: 2px solid #a1a9af;}
#partsUsedForPackageWS .group .item-list .item-line .input-wrap:last-of-type { border-right: none; }
#partsUsedForPackageWS .group .item-list .item-line .input-wrap.task {width: 131px;text-align: -webkit-auto;vertical-align:  middle;word-break:  break-all;padding: 2px 5px;}
#partsUsedForPackageWS .group .item-list .item-line .input-wrap.item {width: 94px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;}
#partsUsedForPackageWS .group .item-list .item-line .input-wrap.desc {width: 118px;vertical-align: middle;text-align: -webkit-auto;word-break:  break-all;padding: 2px 5px;}
#partsUsedForPackageWS .group .item-list .item-line .input-wrap.qty {width: 60px;vertical-align:  middle;text-align: center;}
#partsUsedForPackageWS .group .item-list .item-line .input-wrap.ordQty {width: 65px;vertical-align:  middle;text-align: -webkit-auto;}
#partsUsedForPackageWS .group .item-list .item-line .input-wrap.issueQty {width: 60px;text-align: center;vertical-align:  middle;}
#partsUsedForPackageWS .group .item-list .item-line input.usedQty {float:left;width: 60px;font-size: 1.8em;border: none;min-height: 50px;max-width: 65px;height: 100%;text-align:  center;vertical-align:  middle;margin-right: -0px;}
#partsUsedForPackageWS .group .item-list .item-line input.desc {float:left;width: 60px;font-size: 1.8em;border: none;min-height: 50px;max-width: 65px;height: 100%;text-align:  center;vertical-align:  middle;margin-right: -0px;}
#partsUsedForPackageWS .group .item-list .item-line .input-wrap.rtnQty {width: 60px;text-align: center;vertical-align:  middle;border-left:2px solid #a1a9af;border-right:none;}
#partsUsedForPackageWS .group ul.tab-navigation {height: 90px;width: 722px;}
#partsUsedForPackageWS .group ul.tab-navigation li { list-style-type: none; }
#partsUsedForPackageWS .group ul.tab-navigation li a {display: block;float: left;height: 88px;line-height: 88px;font-size: 3.6em;font-weight: bold;color: #7b8187;background-color: #f5f6f8;text-align: center;border: 1px solid #000;text-decoration: none;}
#partsUsedForPackageWS .group ul.tab-navigation li.selected a { background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px; color: #f5f6f8; text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac; }
#partsUsedForPackageWS .group ul.tab-navigation li:first-child a {border-right-color: #575d62;width: 350px;border: 1px solid #6f757a;}
#partsUsedForPackageWS .group ul.tab-navigation li:last-child a {border-left-color: #575d62;width: 350px;border: 1px solid #6f757a;}
#partsUsedForPackageWS .group .item-list .item-line input.usedQty.readonly{background-color:rgb(245, 246, 248);}
img#commitChanges {
    position: absolute;
    height: 50px;
    width: 150px;
    left: 0px;
}


/** Parts used this task **/
#partsUsedForTaskWS .fauxWrap{padding-top:10px;}
#partsUsedForTaskWS .group .form-part {float: left;}
#partsUsedForTaskWS .form-style .group .group-header span.addNewPartRecord { width: 38px; height: 45px;
background: transparent url('../images/MI/plus-minus-buttons.png') no-repeat 0px 0px;padding-left:0px;float:right;background-position: 0px 18px;padding-top:0px;padding-bottom:0px}
#partsUsedForTaskWS .group .form-part input {-webkit-border-radius:0; width: 170px; line-height: 40px; height: 45px; color: #7b8187; background-color: #f5f6f8; float: left; padding-left: 2px; border: none; display: block; font-size: 2.0em; font-family: Helvetica, Arial, sans-serif; border-bottom: 2px solid #acaea7;border-right: 2px solid #acaea7;}
#partsUsedForTaskWS .group .item-list .line .item-line input.desc {-webkit-border-radius:0;width: 183px;float: left;height: 45px;border: none;padding: 0 9px;border-bottom: 2px solid #acaea7;border-right: 2px solid #acaea7;background-color: #f4f5f7;color: #7b8187;font-size: 2.0em;font-family: Helvetica, Arial, sans-serif;}
#partsUsedForTaskWS .group .item-list .line .item-line input.item {-webkit-border-radius:0;width: 183px;float: left;height: 45px;border: none;padding: 0 9px;border-bottom: 2px solid #acaea7;background-color: #f4f5f7;color: #7b8187;font-size: 2.0em;font-family: Helvetica, Arial, sans-serif;}
#partsUsedForTaskWS .group .list-header {height: 45px;border-bottom: 2px solid #7f7f88;background-color: #d0d5d9;font-size:  1em;color:  #7b8187;border-right: 2px #a1a9af;}
#partsUsedForTaskWS .group .list-header span { display: block; float: left; height: 48px;text-align: center; color: #7b8187; font-weight: bold; font-size: 1.9em; border-right: 2px solid #a1a9af; }
#partsUsedForTaskWS .group .list-header span:last-of-type { border-right: none; }
#partsUsedForTaskWS .group .list-header span.item {width: 151px;min-height:  45px;vertical-align:  middle;}
#partsUsedForTaskWS .group .list-header span.desc {width: 201px;vertical-align:  middle;}
#partsUsedForTaskWS .group .list-header span.qty {width: 60px;}
#partsUsedForTaskWS .group .list-header span.ordQty {width: 72px;word-wrap: break-word;}
#partsUsedForTaskWS .group .list-header span.issueQty {width: 65px;}
#partsUsedForTaskWS .group .list-header span.usedQty {width: 70px;}
#partsUsedForTaskWS .group .list-header span.rtnQty {width: 60px;}
#partsUsedForTaskWS .group .item-list .line {color: #7b8187;border-bottom: 2px solid #a1a9af;}
#partsUsedForTaskWS .group .item-list .line .item-line div {display: table-cell;height: 100%;font-size: 1.8em;border-right: 2px solid #a1a9af;}
#partsUsedForTaskWS .group .item-list .line .item-line:last-of-type {display: table-row;min-height:  45px;}
#partsUsedForTaskWS .group .item-list .line .item-line .item {width: 141px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;}
#partsUsedForTaskWS .group .item-list .line .item-line .desc {width: 191px;vertical-align: middle;text-align: -webkit-auto;word-break:  break-all;padding: 2px 5px;}
#partsUsedForTaskWS .group .item-list .line .item-line .qty {width: 60px;border-right: 2px solid #acaea7;vertical-align: middle;text-align:  center;}
#partsUsedForTaskWS .group .item-list .line .item-line .ordQty {width: 72px;border-right: 2px solid #acaea7;vertical-align: middle;text-align:  center;}
#partsUsedForTaskWS .group .item-list .line .item-line .issueQty {width: 65px;border-right: 2px solid #acaea7;vertical-align: middle;text-align:  center;}
#partsUsedForTaskWS .group .item-list .line .item-line .rtnQty {width: 60px;border-right:  none;vertical-align: middle;text-align:  center;}
#partsUsedForTaskWS .group .item-list .line .item-line input.usedQty {-webkit-border-radius:0;float:left;min-width: 65px;font-size: 1.8em;border: none;min-height: 50px;max-width: 70px;height: 100%;text-align:  center;vertical-align:  middle;margin-right: -0px;border-right: 2px solid #a1a9af;}
#partsUsedForTaskWS .group .item-list .line .item-line .item-list-loading { display: none; width: 704px; position: absolute; top: 48px; padding: 64px 0; text-align: center; background-color: #f5f6f8; }
#partsUsedForTaskWS .group .item-list .line .item-line input.usedQty.readonly{background-color:rgb(245, 246, 248);} 



/** stampStatusView page **/
#stamp-status-view { padding: 0 0 22px 0; }
#stamp-status-view a.border-wrap,


#stamp-status-view .border-wrap { display: block; margin: 0 0 1px 5px; border: 2px solid #5d6268; background-color: #e4e7ea; width: 616px; padding: 17px; box-shadow: 0 0 5px #000000; }
#stamp-status-view a.border-wrap { width: 725px; height: 86px; line-height: 86px; padding: 0 20px 0 10px; font-size: 3.8em; font-weight: bold; text-decoration: none; color: #000000; }
#stamp-status-view a:nth-child(odd){background-color:#FFFFFF;}
#stamp-status-view a:nth-child(even){background-color:#cbd3da;}
#stamp-status-view a.border-wrap span.right-arrow { float: right; display: block; width: 38px; height: 86px; background: transparent url('../images/MM/MM-right-arrow.png') no-repeat 0px 50%; }
#stamp-status-view a.border-wrap span.count{ float: right; display: block; width: 150px; height: 86px; color: #000000; white-space: nowrap;}
#stamp-status-view a.border-wrap.requiredStamp{background-color: #000000;font-size: 4.2em; font-weight: bold; text-decoration: none; color: #FFFFFF;}

#stampStatusView { padding: 0 0 22px 0; }
#stampStatusView a.border-wrap,
#stampStatusView .border-wrap { display: block; margin: 0 0 1px 5px; border: 2px solid #5d6268; background-color: #e4e7ea; width: 616px; padding: 17px; box-shadow: 0 0 5px #000000; }
#stampStatusView a.border-wrap { width: 725px; height: 86px; line-height: 86px; padding: 0 20px 0 10px; font-size: 3.8em; font-weight: bold; text-decoration: none; color: #000000; }
#stampStatusView a:nth-child(odd){background-color:#FFFFFF;}
#stampStatusView a:nth-child(even){background-color:#cbd3da;}
#stampStatusView a.border-wrap span.right-arrow { float: right; display: block; width: 38px; height: 86px; background: transparent url('../images/MM/MM-right-arrow.png') no-repeat 0px 50%; }
#stampStatusView a.border-wrap span.count{ float: right; display: block; width: 150px; height: 86px; color: #000000; white-space: nowrap;}
#stampStatusView a.border-wrap.requiredStamp{background-color: #000000;font-size: 4.2em; font-weight: bold; text-decoration: none; color: #FFFFFF;}

h3.section-title.requiredStamp{background: none;height: 86px; line-height: 86px;text-align: left; display: block; margin: 3px 0 1px 5px; border: 2px solid #5d6268; width: 726px; padding: 0 20px 0 10px; background-color: #000000;font-size: 4.2em; font-weight: bold; text-decoration: none; color: #FFFFFF;}

#stampDetailView .border-wrap { display: block; margin: 0 0 1px 5px; border: 2px solid #5d6268; background-color: #e4e7ea; width: 616px; padding: 17px; box-shadow: 0 0 5px #000000; }

#stampDetailView .group {  }
#stampDetailView .group {border: 1px solid #7b8187; margin: 0 3 13px 0; overflow: hidden;}
#stampDetailView .group .input-wrap { float: left; height: 84px; line-height: 45px; padding: 0 10px; font-size: 2.8em; font-weight: bold; overflow: hidden; word-wrap: break-word;}

#stampDetailView .item-line:nth-child(odd){background-color:#cbd3da;margin: 0px 4px 1px 4px;}
#stampDetailView .item-line:nth-child(even){background-color:#FFFFFF;margin: 0px 4px 1px 4px;}

#stampDetailView .group .input-wrap.procedureId { width: 290px; float: left;}
#stampDetailView .group .input-wrap.pageNum { width: 250px; float: left;}
#stampDetailView .group .input-wrap.addedDateTime { width: 153px; float: right;}

/* signOff-page stamp-status */
.signoff-page .stamp-status { padding: 0 0 22px 0; }
.signoff-page .stamp-status a.border-wrap,

.signoff-page .stamp-status .border-wrap { display: block; margin: 0 0 1px 5px; border: 2px solid #5d6268; background-color: #e4e7ea; width: 616px; padding: 17px; box-shadow: 0 0 5px #000000; }
.signoff-page .stamp-status a.border-wrap { width: 725px; height: 86px; line-height: 86px; padding: 0 20px 0 10px; font-size: 3.8em; font-weight: bold; text-decoration: none; color: #000000; }
.signoff-page .stamp-status a:nth-child(odd){background-color:#FFFFFF;}
.signoff-page .stamp-status a:nth-child(even){background-color:#cbd3da;}
.signoff-page .stamp-status a.border-wrap span.right-arrow { float: right; display: block; width: 38px; height: 86px; background: transparent url('../images/MM/MM-right-arrow.png') no-repeat 0px 50%; }
.signoff-page .stamp-status a.border-wrap span.count{ float: right; display: block;height: 86px; color: #000000; white-space: nowrap;}

.signoff-page .stamp-status .border-wrap { display: block; margin: 0 0 1px 5px; border: 2px solid #5d6268; background-color: #e4e7ea; width: 616px; padding: 17px; box-shadow: 0 0 5px #000000; }
.signoff-page .stamp-status a:nth-child(odd){background-color:#cbd3da;}
.signoff-page .stamp-status a:nth-child(even){background-color:#FFFFFF;}


/** crew management **/
#personnelCrewManagement {  }
#personnelCrewManagement .group {  }
#personnelCrewManagement .item-personnelCrew-group { margin-bottom: 13px; }
#personnelCrewManagement .group .form-crewCode { float: right; border-left: 2px solid #a1a9af; border-bottom: none; }
#personnelCrewManagement .group .form-prodGroup { float: left; border-bottom: none; }
#personnelCrewManagement .group .form-prodGroup label { display: inline-block; width: 160px; font-size: 2.5em;}
#personnelCrewManagement .group .form-prodGroup input { width: 110px;  color: #7B8187;font-size: 2.5em;}
#personnelCrewManagement .group .form-crewCode label{display: inline-block; font-size: 2.5em;}
#personnelCrewManagement .group .form-crewCode input{width: 110px;font-size: 2.5em;}

#personnelCrewManagement .group .form-formCrewCode { float: right; border-left: 2px solid #a1a9af; solid #a1a9af;  width: 304px;}
#personnelCrewManagement .group .form-fromProdGroup { float: left; }
#personnelCrewManagement .group .form-formCrewCode label{font-size: 2.5em;}
#personnelCrewManagement .group .form-fromProdGroup label {width: 160px; font-size: 2.5em;}
#personnelCrewManagement .group .form-formCrewCode input{width: 110px;color: #7B8187;font-size: 2.5em;}
#personnelCrewManagement .group .form-fromProdGroup input { width: 146px;color: #7B8187;font-size: 2.5em;}

#personnelCrewManagement .group .form-toCrewCode { float: right; border-left: 2px solid #a1a9af; solid #a1a9af; width: 304px;}
#personnelCrewManagement .group .form-toProdGroup { float: left;}
#personnelCrewManagement .group .form-toCrewCode label{font-size: 2.5em;}
#personnelCrewManagement .group .form-toProdGroup label { display: inline-block; width: 184px; font-size: 2.5em;}
#personnelCrewManagement .group .form-toCrewCode input{width: 110px;font-size: 2.5em;}
#personnelCrewManagement .group .form-toProdGroup input { width: 108px;color: #7B8187;font-size: 2.5em;}

#personnelCrewManagement .group .form-end-date { float: right;border-left: 2px solid #a1a9af; solid #a1a9af; width: 304px;}
#personnelCrewManagement .group .form-start-date { float: left; }
#personnelCrewManagement .group .form-end-date label{ display: inline-block; width: 141px; font-size: 2.5em;}
#personnelCrewManagement .group .form-start-date label { display: inline-block; width: 140px; font-size: 2.5em;}
#personnelCrewManagement .group .form-end-date input{font-size: 2.5em; width: 161px;}
#personnelCrewManagement .group .form-start-date input { width: 146px; font-size: 2.5em;}

#personnelCrewManagement .group .item-wrap { border-radius: 0 0 26px 26px; position: relative; }
#personnelCrewManagement .group .item-wrap .item-header { height: 44px; line-height: 44px; background-color: #d0d5d9; border-bottom: 2px solid #a1a9af; border-top: 2px solid #a1a9af; color: #7b8187; font-size: 2.1em; font-weight: bold; text-align: center; position: relative; }
#personnelCrewManagement .group .item-wrap .item-header .filter { width: 30px; height: 44px; background-color: #f5f6f8; border: none; float: none; position: absolute; top: 0; right:7px;; }
#personnelCrewManagement .group .item-wrap .item-header .filter .form-item { border: none; float: none; position: absolute; top: 0; right:100px; }
#personnelCrewManagement .group .item-wrap .item-header .filter input { width: 127px; height: 22px; line-height: 22px; padding: 5px 8px; background-color: #fff; border: 2px solid #6f757a; font-size: 21px; color: #c4c8cc; font-weight: bold; text-align: left; position: absolute; top: 4px; left: 4px; }
#personnelCrewManagement .group .item-wrap .item-header .filter input.fullName { width: 350px; left: 153px; }
#personnelCrewManagement .group .item-wrap .item-header .filter input.crewCode { width: 70px; left: 0px; }
#personnelCrewManagement .group .item-wrap .item-header .filter .form-item-label-changed input { color: #333;}
#personnelCrewManagement .group .item-wrap .item-header .filter a { display: block; width: 35px; height: 36px; background: transparent url('../images/MM/MM-filter-button-small.png') no-repeat 0px 0px; position: absolute; top: 4px; right: 0px; }
#personnelCrewManagement .group .item-wrap .item-header div { float: left; border-right: 2px solid #a1a9af; }
#personnelCrewManagement .group .item-wrap .item-header div:last-of-type { border-right: none; }
#personnelCrewManagement .group .item-wrap .item-header .personnelId { width: 150px; }
#personnelCrewManagement .group .item-wrap .item-header .fullName { width: 370px; }
#personnelCrewManagement .group .item-wrap .item-header .crewCode { width: 90px; }
#personnelCrewManagement .group .item-wrap .item-list-loading { display: none; width: 704px; position: absolute; top: 48px; padding: 64px 0; text-align: center; background-color: #f5f6f8; }
#personnelCrewManagement .group .item-wrap .item-list { height: 186px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
#personnelCrewManagement .group .item-personnelCrew-wrap .item-list { height: 233px; }
#personnelCrewManagement .group .item-wrap .item-list .item-line { height: 45px; color: #7b8187; border-bottom: 2px solid #a1a9af; }
#personnelCrewManagement .group .item-wrap .item-list .selected { background-color: #bcd9fd; }
#personnelCrewManagement .group .item-wrap .item-list .item-line .input-wrap { float: left; height: 45px; line-height: 45px; padding: 0 15px; font-size: 2.1em; border-right: 2px solid #a1a9af; overflow: hidden; word-wrap: break-word; }
#personnelCrewManagement .group .item-wrap .item-list .item-line .input-wrap:last-of-type { border-right: none; }

/** Item listing personnel Crew**/
#personnelCrewManagement .group .item-wrap .item-list .item-line .input-wrap.personnelId { width: 120px; }
#personnelCrewManagement .group .item-wrap .item-list .item-line .input-wrap.fullName { width: 340px;}
#personnelCrewManagement .group .item-wrap .item-list .item-line .input-wrap.crewCode { width: 50px; overflow: hidden;float: inherit; }
/** item-personnelCrew transfer listing **/
#personnelCrewManagement .group .item-personnelCrew-wrap .item-header .personnelId { width: 150px; }
#personnelCrewManagement .group .item-personnelCrew-wrap .item-header .tocrewCode { width: 80px; }
#personnelCrewManagement .group .item-personnelCrew-wrap .item-header .crewCode { width: 80px; }
#personnelCrewManagement .group .item-personnelCrew-wrap .item-header .start { width: 150px; }
#personnelCrewManagement .group .item-personnelCrew-wrap .item-header .end { width: 155px; }
#personnelCrewManagement .group .item-personnelCrew-wrap .item-list-loading { padding: 88px 0; }
#personnelCrewManagement .group .item-personnelCrew-wrap .item-list .item-line .input-wrap { float: left; height: 45px; line-height: 45px; padding: 0 10px; font-size: 2.1em; border-right: 2px solid #a1a9af; overflow: hidden; word-wrap: break-word; }
#personnelCrewManagement .group .item-personnelCrew-wrap .item-list .item-line .input-wrap.personnelId { width: 130px; float: left;}
#personnelCrewManagement .group .item-personnelCrew-wrap .item-list .item-line .input-wrap.tocrewCode { width: 60px; float: left;}
#personnelCrewManagement .group .item-personnelCrew-wrap .item-list .item-line .input-wrap.crewCode { width: 60px; float: left;}
#personnelCrewManagement .group .item-personnelCrew-wrap .item-list .item-line .input-wrap.start { width: 130px; float: left;}
#personnelCrewManagement .group .item-personnelCrew-wrap .item-list .item-line .input-wrap.end { width: 115px; float: left;}

#personnelCrewManagement a.save-button {margin: 13px; width: 130px; float: right;}
#personnelCrewManagement a.delete-button {margin: 13px; width: 130px;}


#applicationBody .additionalHrs-approve-button {
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border-bottom-width: 11px;
	border-radius: 38px;
	border-top-width: 0;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	height: 49px;
	line-height: 40px;
	margin-bottom: 1px;
	margin-left: 80px;
	margin-right: 0px;
	margin-top: 16px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	padding-left: 28px;
	padding-right: 51px;
	width: 46px;
}

#applicationBody .additionalHrs-reject-button {
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border-radius: 24px;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	height: 49px;
	margin-bottom: 16px;
	padding-left: 36px;
	padding-top: 0;
	width: 46px;
	border-width: 0 33px 0 23px;
	margin-left: 237px;
	margin-right: 13px;
	margin-top: -50px;
	padding-bottom: 0;
	padding-right: 36px;
}
#applicationBody .additionalHrs-details-button {
	
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
		float:right;
	border-radius: 24px;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 47px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	height: 49px;
	margin-bottom: 16px;
	padding-left: 36px;
	padding-top: 0;
	width: 46px;
	border-width: 0 33px 0 23px;
	margin-left: 237px;
	margin-right: 83px;
	margin-top: -65px;
	padding-bottom: 0;
	padding-right: 36px;
	
}

#requestAdditionalHoursView .form-style .group .has-lookup input .supervisor {padding-right: 0px;}

/** Additional hour request  **/

#additionalHrsReqDetailsWS .fauxWrap{padding-top:10px;}
#additionalHrsReqDetailsWS .group .group-headers {line-height: 44px;text-align: center;font-size: 2.8em;color: #000;font-weight: bold;border-bottom: 3px solid #7b8187;}
#additionalHrsReqDetailsWS .group .group-headers .request-personnelId {height: 40px;line-height: 44px;font-size: 0.8em;color: #000;font-weight: bold;}
#additionalHrsReqDetailsWS .group .group-headers .request-personnelIdShift {font-size: 0.8em;}
#additionalHrsReqDetailsWS .group .form-part {float: left;}
#additionalHrsReqDetailsWS .group .form-part input {-webkit-border-radius:0; width: 170px; line-height: 40px; height: 45px; color: #7b8187; background-color: #f5f6f8; float: left; padding-left: 2px; border: none; display: block; font-size: 2.0em; font-family: Helvetica, Arial, sans-serif; border-bottom: 2px solid #acaea7;border-right: 2px solid #acaea7;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line input.personnelId {-webkit-border-radius:0;width: 183px;float: left;height: 45px;border: none;padding: 0 9px;border-bottom: 2px solid #acaea7;border-right: 2px solid #acaea7;background-color: #f4f5f7;color: #7b8187;font-size: 2.0em;font-family: Helvetica, Arial, sans-serif;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line input.startDate {-webkit-border-radius:0;width: 183px;float: left;height: 45px;border: none;padding: 0 9px;border-bottom: 2px solid #acaea7;background-color: #f4f5f7;color: #7b8187;font-size: 2.0em;font-family: Helvetica, Arial, sans-serif;}
#additionalHrsReqDetailsWS .group .list-header {height: 40px;width: 705Px;border-bottom: 2px solid #7f7f88;background-color: #d0d5d9;font-size:  1em;color:  #7b8187;border-right: 2px #a1a9af;/* padding-top: 10px; */line-height: 2;}
#additionalHrsReqDetailsWS .group .list-header span {display: block;float: left;height: 48px;text-align: center;color: #7b8187;font-weight: bold;font-size: 1.9em;border-right: 2px solid #a1a9af;}
#additionalHrsReqDetailsWS .group .list-header span:last-of-type { border-right: none; }
#additionalHrsReqDetailsWS .group .list-header span.wrkDay {width: 38px;min-height:  45px;vertical-align:  middle;}
#additionalHrsReqDetailsWS .group .list-header span.startDate {width: 126px;vertical-align:  middle;}
#additionalHrsReqDetailsWS .group .list-header span.StartTime {width: 100px;}
#additionalHrsReqDetailsWS .group .list-header span.endTime {width: 98px;}
#additionalHrsReqDetailsWS .group .list-header span.wrkShift {width: 113px;}
#additionalHrsReqDetailsWS .group .list-header span.wrkApprove {width: 107px;}
#additionalHrsReqDetailsWS .group .list-header span.wrkReject {width: 80px;}
#additionalHrsReqDetailsWS .group .item-list .line {color: #7b8187;border-bottom: 2px solid #a1a9af;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line div {display: table-cell;width: 500px;height: 100%;font-size: 1.8em;border-right: 2px solid #a1a9af;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line:last-of-type {display: table-row;min-height:  45px;text-align:  center;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkDay {width: 46px;vertical-align: middle;word-break:  break-all;padding: 2px 2px;font-weight: bold;font-size: 1.4em;margin-right: -60x;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .startDate {width: 168px;vertical-align: middle;word-break:  break-all;padding: 2px 3px;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .startDate .dateFieldAsLabel {width: 145px;vertical-align: middle;word-break:  break-all;margin-right: -30px;font-weight: bold;color: gray;font-size: 1.0em;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .startTime {width: 139px;vertical-align: middle;word-break:  break-all;padding-left: -2px;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .startTime .timeFieldAsLabel{width: 98px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;font-weight: bold;color: gray;font-size: 1.0em;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .endTime {width: 121px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .endTime .timeFieldAsLabel{width: 98px;vertical-align: middle;font-weight: bold;color: gray;font-size: 1.0em;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkShift {width: 143px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkShift .timeFieldAsLabel{width: 98px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;font-weight: bold;color: gray;font-size: 1.0em;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkApprove {width: 100px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;}
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkReject {width: 100px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;}
#additionalHrsReqDetailsWS .group .group-headers textarea {font-size: 0.9em;
color: #2e5cac;font-weight: normal;
height: 78px;border: none;width: 100%;
font-family: Helvetica, Arial, sans-serif;
padding: 11px 0;}
 /* Approve */
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkApprove a.filter-button {
 display: inline-block;
 width: 90px;
 height: 40px;
 line-height: 40px;
 color: #f5f6f8;
 text-decoration: none;
 text-align: center;
 border-radius: 9px;
 argin: 0 0 14px 13px;
 background: -webkit-linear-gradient(#d8dbde, #8e9498);
 background: -o-linear-gradient(#d8dbde, #8e9498);
 background: -moz-linear-gradient(#d8dbde, #8e9498);
 background: linear-gradient(#03B158, #03B158);
 }
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkApprove a.filter-button.selected{ background: transparent url('../images/MM/MM-filter-button-50.png') no-repeat 0px 0px; margin-right: 19px; }
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkApprove a.filter-button.selected span { display: inline-block; width: 271px; height: 60px; line-height: 60px;
 -moz-box-shadow: inset -3px -3px 5px -1px #285095;
 -webkit-box-shadow: inset -3px -3px 5px -1px #285095;
 box-shadow:   inset -3px -3px 5px -1px #285095; }
 /* Reject */
 #additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkReject a.filter-button {
 display: inline-block;
 width: 90px;
 height: 40px;
 line-height: 40px;
 color: #f5f6f8;
 text-decoration: none;
 text-align: center;
 border-radius: 9px;
 argin: 0 0 14px 13px;
 background: -webkit-linear-gradient(#d8dbde, #8e9498);
 background: -o-linear-gradient(#d8dbde, #8e9498);
 background: -moz-linear-gradient(#d8dbde, #8e9498);
 background: linear-gradient(#EC0B00, #EC0B00);
 }
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkReject a.filter-button.selected{ background: transparent url('../images/MM/MM-filter-button-50.png') no-repeat 0px 0px; margin-right: 19px; }
#additionalHrsReqDetailsWS .group .item-list .line .item-line .wrkReject a.filter-button.selected span { display: inline-block; width: 271px; height: 60px; line-height: 60px;
 -moz-box-shadow: inset -3px -3px 5px -1px #285095;
 -webkit-box-shadow: inset -3px -3px 5px -1px #285095;
 box-shadow:   inset -3px -3px 5px -1px #285095; }
#additionalHrsReqDetailsWS .group .item-list .line .item-line .item-list-loading { display: none; width: 704px; position: absolute; top: 48px; padding: 64px 0; text-align: center; background-color: #f5f6f8; }
#requestAdditionalHoursView div.additional-hour-request .form-style {height: 550px;background-color: transparent;border: none;box-shadow: none;padding: 13px;margin: 13px;border-radius: 18px;}
#requestAdditionalHoursView div.additional-hour-request div.request-personnelIdDetails {text-align: center; font-size: 2.8em; color: #ffffff; }

/**   TechLog changes **/
ul.tab-navigation-fue {height: 80px;margin-top: 0.5cm;margin-left: 0.4cm;font-size: 1.4em;font-weight: 500;width: 100%;}
ul.tab-navigation-fue li {list-style-type: none;}
ul.tab-navigation-fue li a {display: block;float: left;width: 100px;height: 58px;line-height: 58px;font-size: 1.4em;font-weight: 600;color: #FFFFFF;background-color: #454B50;text-align: center;border: 1px solid #000;text-decoration: none;}
ul.tab-navigation-fue li.selected a { background-color: #d7dee5; color: #000000;background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px;} 
ul.tab-navigation-fue li:first-child a { border-right-color: #575d62; }
ul.tab-navigation-fue li:last-child a { border-left-color: #575d62; }
ul.tab-navigation-fue li a.left-edge {border-top-left-radius: 0.5em;border-bottom-left-radius: 0.5em;width: 100px;}  
ul.tab-navigation-fue li a.right-edge {border-top-right-radius: 0.7em;border-bottom-right-radius: 0.7em;width: 100px;}
ul.tab-navigation-fue li a.fluid {display: block;float: left;width: 70px;height: 58px;line-height: 58px;font-size: 1.4em;color: #FFFFFF;background-color: #454B50;text-align: center;border: 1px solid #000;text-decoration: none;}
ul.tab-navigation-fue li a.planned {display: block;float: left;width: 80px;height: 58px;line-height: 58px;font-size: 1.4em;color: #FFFFFF;background-color: #454B50;text-align: center;border: 1px solid #000;text-decoration: none;}
ul.tab-navigation-fue li.selected a.left-edge {border-top-left-radius: 0.5em;border-bottom-left-radius: 0.5em;width: 135px;  background-color: #d7dee5; color: #000000;}  
ul.tab-navigation-fue li.selected a.right-edge {border-top-right-radius: 0.7em;border-bottom-right-radius: 0.7em;width: 90px;  background-color: #d7dee5; color: #000000;}
ul.tab-navigation-fue li.selected a.fluid {display: block;float: left;width: 100px;height: 58px;line-height: 58px;font-size: 1.8em; background-color: #d7dee5; color: #000000; text-align: center;border: 1px solid #000;text-decoration: none;}
ul.tab-navigation-fue li.selected a.planned {display: block;float: left;width: 80px;height: 58px;line-height: 58px;font-size: 1.4em;background-color: #d7dee5;color: #000000;text-align: center;border: 1px solid #000;text-decoration: none;}
ul.tab-navigation-fue li.selected a { background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px; }
ul.tab-navigation-fue li a.crs {display: block;float: left;width: 60px;height: 58px;line-height: 58px;font-size: 1.4em;color: #FFFFFF;background-color: #454B50;text-align: center;border: 1px solid #000;text-decoration: none;}
ul.tab-navigation-fue li a.techlog {width: 160px;}
ul.tab-navigation-fue li div.notification div.notificationBadge{
    position: relative;
    color: #ffffff;
    font-size: 14px;
    float: right;
    border-radius: 50%;
    border: 2px solid #FFF;
    background: #B40404;
    width: 20px;
    text-align: center;
    font-weight: 900;
}
#fluidEntryForm .button {display: block;padding: 0 36px;font-weight: bold;font-size: 2.8em;color: #f5f6f8;height: 79px;line-height: 79px;background: transparent url('../images/MM/MM-button-bg.png') repeat-x 0px 0px;border: 3px solid #00337f;border-radius: 30px;text-decoration: none;text-align: center;text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187, -1px 1px 0 #7b8187;margin-top: 22px;}
div.techlogEntry select.deferalSelectOption {width: 100%;font-size: 2em;font-weight: bold;color: #000;height: 57px;line-height: 38px;background-color: #f5f6f8;border: none;padding-left: 0.5cm;}

div.techlogEntry select.select-small {width: 66%;font-size: 1.5em;font-weight: bold;color: #2e5cac;height: 38px;line-height: 58px;background-color: #f5f6f8;border: none;padding-left: 0.5cm;}

div.techlogEntry select.select-small-ddaction {width: 50%;font-size: 1.5em;font-weight: bold;color: #2e5cac;height: 38px;line-height: 58px;background-color: #f5f6f8;border: none;padding-left: 1cm;}


div.techlogEntry select.select-small-ddtype {width: 57%;font-size: 1.5em;font-weight: bold;color: #2e5cac;height: 38px;line-height: 58px;background-color: #f5f6f8;border: none;}

div.techlogEntry select.select-small-category {width: 57%;font-size: 1.5em;font-weight: bold;color: #2e5cac;height: 38px;line-height: 58px;background-color: #f5f6f8;border: none;padding-left:2.5cm;}

div.techlogEntry select.select-small-ep {
width: 57%;
font-size: 1.5em;
font-weight: bold;
color: #2e5cac;
height: 38px;
line-height: 58px;
background-color: #f5f6f8;;
border: none;
padding-left:2.5cm;
}


#techLogEntryForm .group .form-item .innerBox {
    width: 33%;
    height: 62px;
    border-left:2px solid #8A8B8B;
    float:left;
}
#techLogEntryForm .group .form-item .innerBox:nth-child(3n+1) {
    clear: both;
}

#techLogEntryForm .group .form-item .cell-left-border {border-left:none;}

#techLogEntryForm .group .form-item  .innerBox > input {
	 display: block;
	 float: right;
	 text-align: right;
	 font-size: 2.3em;
	 color: #2e5cac;
	 height: 62px;
	 line-height: 58px;
	 background-color: transparent;
	 border: none;
	 width: 100px;
	 /* padding-right:0.2cm; */
	} 

#techLogEntryForm  {background-color: transparent;padding: 0px;border-color:  transparent;box-shadow: none;}
#techLogEntryForm .group {background-color: #e3ecf5;border: 3px solid #848484;border-radius: 30px;margin: 0 0 2px 0;overflow: hidden;}
#techLogEntryForm .group:last-of-type { margin-bottom: 0px; }
#techLogEntryForm .group .group-header { height: 44px; line-height: 44px; padding-left: 25px; font-size: 2.8em; color: #fff; font-weight: bold; border-bottom: 3px solid #7b8187; background: #7c8288 url('../images/MM/MM-form-style-header-bg.png') repeat-x 0px 0px; }
#techLogEntryForm .group .form-item {overflow: -webkit-paged-x;overflow-y: hidden;border-bottom: 2px solid #8a8b8b;}
#techLogEntryForm .group .form-item .half-width {float:left;width:49%;}
#techLogEntryForm .group .form-item .split-width {float:left;width:25%; font-size: 1.8em;}
#techLogEntryForm .group .form-item .split-width label {font-size: 2.1em;wid: ;}
#techLogEntryForm .group .form-item .split-width input {height: 58px;line-height: 58px;background-color: transparent;border: none;font-size: 2em;color: #2e5cac;text-align: right;width: 70px;}
#techLogEntryForm .group .form-item .half-width .readonly{color:#7b8187 !important;}
#techLogEntryForm .group .form-item .half-width .leftPart{float:left; width: 50%; }
#techLogEntryForm .group .form-item .half-width .rightPart{padding-right:10px; float:right; width: 45%;}
#techLogEntryForm .group .form-item .half-width input.rightPart {height: 58px;line-height: 58px;background-color: transparent;border: none;font-size: 2.3em;color: #2e5cac;text-align: right;}
#techLogEntryForm .group .form-item .half-width input.leftPart {
height: 58px;
line-height: 58px;
background-color: transparent;
border: none;
font-size: 1em;
color: #2e5cac;
}
#techLogEntryForm .group .form-item .half-width .rightPart.longWidth {
  width: 55% !important;
}
#techLogEntryForm .group .form-item .half-width .leftPart.shortWidth {
  width: 45% !important;
}
#techLogEntryForm .group .form-item .half-width .leftPart.shortWidth.ata {
  width: 30% !important;
}
#techLogEntryForm .group .form-item .half-width .leftPart.shortWidth.ep {
  width: 65% !important;
}
#techLogEntryForm .group .form-item .form-item-auth > input {
	 display: block;
	 float: right;
	 text-align: right;
	 font-size: 2.5em;
	 color: #2e5cac;
	 height: 62px;
	 line-height: 58px;
	 background-color: transparent;
	 border: none;
	 padding-right:0.2cm;
	} 
	
	#techLogEntryForm .group .form-item .mc > input {
	 display: block;
	 float: right;
	 text-align: right;
	 font-size: 2.5em;
	 color: #2e5cac;
	 height: 62px;
	 line-height: 58px;
	 background-color: transparent;
	 border: none;
	 padding-right:0.2cm;
	  width: 110px;
	} 
#techLogEntryForm .group .form-item .form-item-mel > input {
	 display: block;
	 float: right;
	 text-align: right;
	 font-size: 2.5em;
	 color: #2e5cac;
	 height: 62px;
	 line-height: 58px;
	 background-color: transparent;
	 border: none;
	 width: 110px;
	} 
#techLogEntryForm .group .form-item .mc > input {
	 display: block;
	 float: right;
	 text-align: right;
	 font-size: 2.5em;
	 color: #2e5cac;
	 height: 62px;
	 line-height: 58px;
	 background-color: transparent;
	 border: none;
	 width: 110px;
	}
#techLogEntryForm .group .form-item .form-item-rsn label {
    font-size: 2.1em;
}
#techLogEntryForm .group .form-item .form-item-rsn select {float: right;background-color: transparent;color: #2e5cac;height: 62px;padding-left: 0.25cm;font-size: 2em;padding-top: 0cm;wi;width: 50%;border: none;}

#techLogEntryForm .group .form-item .form-item-rsn > input {
	 display: block; float: right; text-align: right; font-size: 2em; color: #2e5cac; height: 58px; line-height: 58px; background-color: transparent; border: none; width: 400px;  padding-right:0.2cm; 
	} 
#techLogEntryForm .group .form-item .form-item-auth > label  {font-size: 2em;font-weight: bold;color: #000;height: 58px;line-height: 58px;}
#techLogEntryForm .group .form-item  .innerBox > label  {font-size: 2em;font-weight: bold;color: #000;height: 58px;line-height: 58px;float:  left;padding-left:0.2cm;}
#techLogEntryForm .group .form-item .half-width:nth-child(odd)  {border-right: 2px solid #8a8b8b;}
#techLogEntryForm .group .form-item .half-width:nth-child(even)  {padding-left:10px;}
#techLogEntryForm .group .form-item:last-of-type {border-bottom: none;}
#techLogEntryForm .group .form-item > label, 
#techLogEntryForm .group .form-item > div { font-size: 1.5em; font-weight: bold; color: #000; height: 58px; line-height: 58px; }
#techLogEntryForm .group .form-item > input { display: block; float: right; text-align: right; font-size: 3.5em; color: #2e5cac; height: 58px; line-height: 58px; background-color: transparent; border: none; width: 400px; }
#techLogEntryForm .group .no-label {  }
#techLogEntryForm .group .no-label  input { float: none; width: 682px; text-align: right; }
#techLogEntryForm .group .form-item  textarea { font-size: 3.4em; color: #2e5cac; font-weight: normal; background: transparent; border: none; width: 100%; font-family: Helvetica, Arial, sans-serif; padding: 11px 0; }
#techLogEntryForm .group .form-item-label-changed textarea { color: #2e5cac; }
#techLogEntryForm .group .has-lookup  a.lookup { display: block; float: right; width: 54px; height: 54px; background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px; margin: 2px 0 0 0; }
#techLogEntryForm .group .disabled   a.lookup { background-image: url('../images/MM/MM-lookup-button-disabled.png'); }
#techLogEntryForm .group .has-lookup  input.ata {width: 140px;font-size: 2.1em;}
#techLogEntryForm .group input.page {width: 140px;font-size: 2.1em;}
#techLogEntryForm .group div.page-1 {pointer-events: none;}
#techLogEntryForm .group .has-lookup  input.rightPart {  width:40% !important; }
#techLogEntryForm .group .readonly > label,
#techLogEntryForm .group .readonly > input,
#techLogEntryForm .group .readonly > textarea { color: #7b8187; }
#techLogEntryForm .group .highlight > label,
#techLogEntryForm .group .highlight > input,
#techLogEntryForm .group .highlight > textarea { color: #000; }

#techLogEntryForm .group .form-item .half-width.log-type .leftPart.shortWidth { width: 50% !important; }
#techLogEntryForm .group .has-lookup.log-type  input.rightPart {  width:30% !important; }

#techLogEntryForm a.save-button { margin: 0 auto; width: 170px; }
#techLogEntryForm .group .form-item  .half-width > label   {font-size: 2em;font-weight: bold;color: #000;height: 58px;line-height: 58px;float:  left;}
#techLogEntryForm a.saveFuelInfoChanges {display: block;width: 100px;margin: 0 auto;font-size: 3.5em;margin-top: 12px;}
.logtypeActionGroup
.logtypeDescGroup

#techLogEntryForm .group .form-item .techlogEntry {} 
#techLogEntryForm .group .form-item .techlogEntry.innerBox.cell-left-border{} 
#techLogEntryForm .group .form-item .techlogEntry.innerBox.cell-left-border select.deferalSelectOption {float: left;background-color: transparent;color: #2e5cac;height: 58px;padding-left: 0.5cm;font-size: 2em;padding-top: 0.15cm;wi;width: 90%;}
#techLogEntryForm .group .form-item .techlogEntry select {background-color: transparent;color: #2e5cac;height: 62px;font-size: 2em;padding-top: 0.15cm;wi;width: 70%;font-weight:  normal;}
#techLogEntryForm .group .form-item .techlogEntry select.mc {wi;width: 70%;float:  right;}

#techLogEntryForm .group .form-item .techlogEntry select.select-small-ddtype {background-color: transparent;color: #2e5cac;height: 58px;padding-left: 0.25cm;font-size: 2em;padding-top: 0cm;wi;width: 48%;font-weight:  normal;float: right;}
#techLogEntryForm .group .form-item .techlogEntry select.select-small-ddaction {float: right;background-color: transparent;color: #2e5cac;height: 58px;padding-left: 0.25cm;font-size: 2em;padding-top: 0cm;wi;width: 50%;font-weight:  normal;}
#techLogEntryForm .group .form-item .techlogEntry select.select-small-category {background-color: transparent;color: #2e5cac;height: 58px;padding-left: 0.25cm;font-size: 2em;padding-top: 0cm;wi;width: 49%;font-weight:  normal;float:  right;}
#techLogEntryForm .group .form-item .techlogEntry select.deferalSelectOption {/* float: right; */background-color: transparent;color: #2e5cac;height: 58px;padding-left: 0.5cm;font-size: 2em;padding-top: 0cm;width: 100%;: 10%font-weight: normal;}
#techLogEntryForm .group .form-item .techlogEntry select.select-small-ep {float: right;background-color: transparent;color: #2e5cac;height: 58px;padding-left: 0.25cm;font-size: 2em;padding-top: 0cm;wi;width: 45%;font-weight:  normal;}
#techLogEntryForm .group .form-item .techLogCheckBox {padding-left:10px;font-size: 2em;}

/** Flight Info EK MM POC **/

#fuelDetail a.saveFuelInfoChanges {display: block;width: 100px;margin: 0 auto;margin-top: 25px;font-size: 3.5em;}

#fuelDetail .group .form-item .half-width .rightPart.longWidth {
  width: 55% !important;
}
#fuelDetail .group .form-item .half-width .leftPart.shortWidth {
  width: 46.5% !important;
  margin-left: 4px;
}

#fuelDetail .group .form-item .half-width.actualUpliftInLiters .leftPart.shortWidth {
  width: 60% !important;
  margin-left: 4px;
  font-size: 0.8em;
}
#fuelDetail .group .form-item .half-width.actualUpliftInLiters input.rightPart {
    width: 110px;
}
#fuelDetail .group .form-item .half-width.discrepancyPercentage .leftPart.shortWidth {
  width: 60% !important;
  margin-left: 4px;
  font-size: 0.8em;
}
#fuelDetail .group .form-item .half-width.discrepancyPercentage input.rightPart {
    width: 110px;
}
#fuelDetail .group .form-item .half-width.litres lable {margin-right: 5px;font-size: 0.695em;width: 120px;}

#fuelDetail {padding: 0px;margin: 3px;box-shadow: none}
#fuelDetail .group {border: 3px solid #0a1947;border-radius: 25px;margin: 0 3 13px 0;overflow: hidden;}
#fuelDetail .group .form-item .half-width {border-right:1px solid;float:left;width:49.9%;font-size: 3.5em;}
#fuelDetail .group .form-item .litres{border-right:1px none; float:left; width:49.9%; font-size: 3.5em;}
#fuelDetail  .group .form-item .half-width .readonly{color:#7b8187 !important;}
#fuelDetail .group .form-item .half-width .leftPart{float:left; width: 50%; }
#fuelDetail .group .form-item .fuel-used input {width: 200px;}
#fuelDetail .group .form-item .fuel-used >label {width: 200px;font-size: .7em;}
#fuelDetail .group .form-item input {display: block;float: right;text-align: right;font-size: 1em;color: #2e5cac;height: 58px;line-height: 58px;background-color: transparent;border: none;width: 300p;/* font-weight:  bold; */}

#fuelDetail .group .form-item .half-width .rightPart{padding-right:0px; float:right; width: 50%;}
#fuelDetail .group .form-item .half-width input.rightPart {height: 58px;line-height: 58px;background-color: transparent;border: none;font-size: 0.8em;color: #2e5cac;width: 170px;text-align: right;padding-right: 2px;}
#fuelDetail .group .form-item .half-width.actualUpliftInKG input.rightPart {margin-right: 5px;padding-right: 5px;width: 120px;}
#fuelDetail .group .form-item .half-width.discrepancyInKG input.rightPart {margin-right: 5px;padding-right: 5px;width: 120px;}
#fuelDetail .group .form-item .half-width.UOM input.rightPart {margin-right: 5px;font-size: 0.695em;width: 120px;}
#fuelDetail .group .form-item .half-width.litres.SG input.rightPart {font-size: 0.7em;}
#fuelDetail .group .form-item .half-width.receiptNo input.rightPart {margin-right: 5px;font-size: 0.695em;}

#flightInfoForm .group .form-item .half-width input.leftPart {
height: 58px;
line-height: 58px;
background-color: transparent;
border: none;
font-size: 0.75em; width: 100px;
color: #2e5cac;
}

/**Fuel Info for EK MM POC**/

#fuelDetail .group .form-item .half-width .smallfont {font-size: 0.7em;font-weight: bold;color: #000;height: 58px;line-height: 58px;}

#fuelDetail .group .form-item {overflow: hidden;padding: 0 15px;}
#fuelDetail .group .form-item .half-width {float:left;width: 49.7%;}
#fuelDetail .group .form-item .half-width.right {width:49.9%;}
#fuelDetail .group .form-item .half-width.left {margin-left:0px;border-right: 2px solid #a1a9af;}
#fuelDetail .group .form-item .half-width.left .leftPart.shortWidth {margin-left: 0px;font-size: 0.8em;width: 180px !important;}

#fuelDetail .group .form-item .actualUpliftInKG {font-size:2.9em}
#fuelDetail .group .form-item .actualUpliftInLiters {font-size:2.9em}
#fuelDetail .group .form-item .discrepancyInKG {font-size:2.9em}
#fuelDetail .group .form-item .discrepancyPercentage {font-size:2.9em;}

#fuelDetail .group .form-item .one-third {float:left;width: 25.3%;font-size:  1.5em;border-right:}
#fuelDetail .group .form-item .one-third input {display: block;float: right;text-align: right;font-size: 1.5em;height: 58px;line-height: 58px;background-color: transparent;width: 33%;border-right: 2px solid #a1a9af;padding-right: 5px;margin-right: 5px;border-radius: unset;}

#fuelDetail .group .form-item .one-third.right {width: 49.4%;font-size: 3em;}
#fuelDetail .group .form-item .one-third.right input {display: block;float: right;text-align: right;font-size: .8em;;height: 58px;line-height: 58px;background-color: transparent;border: none;width: 45%;}
#fuelDetail .group .form-item .one-third.left {margin-left:0px;}
#fuelDetail .group .form-item .one-third.left .leftPart.shortWidth {margin-left: 0px;font-size: 1.5em;width: 180px !important;}
#fuelDetail .form-style .group .form-item .one-third label { font-size: 3.5em; font-weight: bold; color: #000; height: 58px; line-height: 58px; }
#fuelDetail .form-style .group .form-item .one-third input {display: block;float: right;text-align: right;font-size: 3.5em;height: 58px;line-height: 58px;background-color: transparent;border: none;width: 320px;}

#fuelDetail .group .form-item .full-width {float:left;width: 100%;font-size:  0.8em;}
#fuelDetail .group .form-item .full-width select {font-size: 3em;background-color: #ffffff;width: 500px;float:  right;margin-top: 5px;height: 50px;line-height:  50px;}
.form-style .group .form-item .one-third label {font-size: 1em;font-weight: bold;color: #000;height: 58px;line-height: 58px;}

#fuelDetail .group .form-item .req-uplift > label {font-size: .7em;color: #000;height: 58px;line-height: 58px;width: 400px;}
#fuelDetail .group .form-item .half-width select {float: left;background-color: transparent;height: 59px;font-size: 0.68em;width: 51.9%;/* font-weight:  bold; */}
#fuelDetail .group .form-item .fuelSupplier > label {font-size: 2.7em;color: #000;height: 58px;line-height: 58px;width: 400px;}

/** Tech Log - CRS ENTRY**/
a.techLogSubmit {display: block; font-size: 3.5em; margin: 0 auto; width:100px;}

/** Tech Log - Fluid ENTRY**/
#fluidEntryForm .group .form-item {overflow: hidden; border-bottom: 2px solid #8a8b8b; padding: 0 15px; }
#fluidEntryForm .group .form-item .two-elements {float:left; width:49%;}
#fluidEntryForm .group .form-item .two-elements .readonly{color:#7b8187 !important;}
#fluidEntryForm .group .form-item   label { padding: 0 7px; font-size: 0.75em; font-weight: bold; color: #000; height: 58px; line-height: 58px; width: 60%; float:center; }
#fluidEntryForm .group .form-item  .two-elements input { display: block; float: right; text-align: center; font-size: 0.75em;height: 58px; line-height: 58px;  border: none; width: 40%; }

#fluidEntryForm .group .form-item .two-elements:nth-child(odd)  {border-right: 2px solid #8a8b8b;}
#fluidEntryForm .group .form-item .two-elements:nth-child(even)  {padding-left:10px;}
#fluidEntryForm .group .form-item:last-of-type {border-bottom: none;}
#fluidEntryForm .group .form-item > label,  
#fluidEntryForm .group .form-item > div { font-size: 3.5em; font-weight: bold; color: #000; height: 58px; line-height: 58px; }

#fluidEntryForm .group .form-item .three-elements  {float:left;width: 33%;}
#fluidEntryForm .group .form-item .three-elements:nth-child(even)  {border-left: 2px solid #8a8b8b; border-right: 2px solid #8a8b8b;}
#fluidEntryForm .group .form-item  .three-elements input { display: block; float: right; text-align: center; font-size: 0.75em; height: 58px; line-height: 58px;  border: none; width: 40%; }

#fluidEntryForm  .group-vertical {height: 115px;top: 110px;width: 705px;background-color: #e3ecf5;border: 3px solid #000;border-radius: 25px;margin: 0 0 13px 0;overflow: hidden;}
#fluidEntryForm  .group-vertical .form-item {overflow: hidden;border: none;float:left;width: 19.7%;border-radius: unset;margin: 0px;background-color: #e3ecf5;border-left: 2px solid #8a8b8b;border-right: none;/*! border: none; */}

#fluidEntryForm  .group-vertical .form-item .form-row-border {border-bottom: 2px solid #8a8b8b;}

#fluidEntryForm  .group-vertical .form-item label{ font-size: 2em; font-weight: bold; color: #000; height: 58px; line-height: 58px; width: 60% ;display: block;   text-align: center;}
#fluidEntryForm  .group-vertical .form-item input {display: block;float: left;text-align: center;font-size: 1em;height: 56px;line-height: 58px;;border: none;width: 145px;border-top: 2px solid #8a8b8b;border-radius: unset;}
#fluidEntryForm  .group-vertical .form-item > label,  
#fluidEntryForm  .group-vertical .form-item > div {font-size: 2.6em;font-weight: bold;color: #000;height: 58px;line-height: 58px;width: 100%;}

#fluidEntryForm  .group-vertical.idg .form-item {overflow: visible;border: none;float:left;width: 24.7%;border-radius: unset;margin: 0px;border-right: none;border-left: 2px solid #8a8b8b;}
#fluidEntryForm  .group-vertical.idg .form-item label{font-size: 2em;font-weight: bold;color: #000;height: 58px;line-height: 58px;width: 100%;display: block;text-align: center;}
#fluidEntryForm  .group-vertical.idg .form-item input {display: block;float: left;text-align: center;font-size: 1em;height: 56px;line-height: 58px;border: none;width: 177px;border-top: 2px solid #8a8b8b;border-radius: unset;}
#fluidEntryForm  .group-vertical.idg .form-item > label,  
#fluidEntryForm  .group-vertical.idg .form-item > div {font-size: 2.6em;font-weight: bold;color: #000;height: 58px;line-height: 58px;}

#fluidEntryForm  .group-vertical.apu .form-item {overflow: visible;border: none;float:left;width: 100%;border-radius: unset;margin: 0px;border-right: none;border-left: 2px solid #8a8b8b;}
#fluidEntryForm  .group-vertical.apu .form-item label{font-size: 2em;font-weight: bold;color: #000;height: 58px;line-height: 58px;width: 100%;display: block;text-align: center;}
#fluidEntryForm  .group-vertical.apu .form-item input {display: block;float: left;text-align: center;font-size: 1em;height: 56px;line-height: 58px;border: none;width: 777px;border-top: 2px solid #8a8b8b;border-radius: unset;}
#fluidEntryForm  .group-vertical.apu .form-item > label,  
#fluidEntryForm  .group-vertical.apu .form-item > div {font-size: 2.6em;font-weight: bold;color: #000;height: 58px;line-height: 58px;}

#fluidEntryForm  .group-vertical.bug .form-item {overflow: visible;border: none;float:left;width: 49.5%;border-radius: unset;margin: 0px;border-right: none;border-left: 2px solid #8a8b8b;}
#fluidEntryForm  .group-vertical.bug .form-item label{font-size: 2em;font-weight: bold;color: #000;height: 58px;line-height: 58px;width: 100%;display: block;text-align: center;}
#fluidEntryForm  .group-vertical.bug .form-item input {display: block;float: left;text-align: center;font-size: 1em;height: 56px;line-height: 58px;border: none;width: 348px;border-top: 2px solid #8a8b8b;border-radius: unset;}
#fluidEntryForm  .group-vertical.bug .form-item > label,  
#fluidEntryForm  .group-vertical.bug .form-item > div {font-size: 2.6em;font-weight: bold;color: #000;height: 58px;line-height: 58px;}


#fluidEntryForm h1.group-title {height:55px;font-size: 2.2em}
#fluidEntryForm h1.group-title .form-item {width: 330px;float: right;padding-right: 160px;}
#fluidEntryForm h1.group-title .form-item label{height: 40px; position: absolute;line-height: 58px;width: 130px;display: block;text-align: right;font-size:1em}
#fluidEntryForm h1.group-title .form-item input {display: inline-flex;text-align: left;font-size: 1.2em;width: 137px;height: 45px;float:  right;}
#fluidEntryForm h1.group-title .form-item a.FluidTypeLookup {display: block;float: right;width: 54px;height: 54px;background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px;}
#fluidEntryForm h1.group-title .form-item a.OilTypeLookup {display: block;float: right;width: 54px;height: 54px;background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px;}
#fluidEntryForm h1.group-title .customCheckbox {display: inline-block;float: right;width: 31px;height: 31px;background: transparent url('../images/MM/MM-checkboxes.png') no-repeat 0px 0px;background-position: 0px -155px;right: 40px;position:  absolute;margin: 20px;}
#fluidEntryForm h1.group-title .customCheckbox.hover { background-position: 0px -186px; }
#fluidEntryForm h1.group-title .customCheckbox.checked { background-position: 0px -217px; }
#fluidEntryForm h1.group-title .customCheckbox.disabled { background-position: 0px -248px; }

#fluidEntryForm h1.group-title .form-item label {
    font-size: 1.2em;
    width: 140px;
    position: absolute;
    padding: 2px;
    text-align:  right;
    height: 40px;
}

#fluidEntryForm h1.group-title label.customerSupplied{
    position: absolute;
    right: 40px;
    font-size:0.7em;
}
#fluidEntryForm h1.group-title input.rightPart{height: 58px;line-height: 58px;background-color: transparent;font-size: 0.9em;color: #2e5cac;text-align: right;padding-right: 10px;float: right;border-right: none;}

#fluidEntryForm h1.group-title.idg{height:30px;padding-top:5px;}
#fluidEntryForm h1.group-title.portable{height:30px;padding-top:5px;}
#fuelDetail .form-style .group .form-item select.fuelSupplierSelectOption {float: left;background-color: #ffffff;height: 55px;padding-left: 0.5cm;font-size: 1em;padding-top: 0.15cm;width: 50%;}
#crsEntryForm {background-color: #454B50;border-color:#454B50;box-shadow:none;}
#crsEntryForm .group {background-color:#e3ecf5;border: 3px solid #000;}
#crsEntryForm .button {display: block;padding: 0 36px;font-weight: bold;font-size: 2.8em;color: #f5f6f8;height: 79px;line-height: 79px;background: transparent url('../images/MM/MM-button-bg.png') repeat-x 0px 0px;border: 3px solid #00337f;border-radius: 30px;text-decoration: none;text-align: center;text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187, -1px 1px 0 #7b8187;margin-top: 25px;}


/** Instruction Steps **/
#woTaskStepInstruction {  }
#woTaskStepInstruction .group {  }
#woTaskStepInstruction .header-group .woTask{font-size: 3.1em; color: #969da3; font-weight: bold;padding-left: 20px;border-bottom: 2px solid #a1a9af;}
#woTaskStepInstruction .header-group .woDesc{font-size: 3.1em; color: #969da3; font-weight: bold;padding-left: 20px;overflow: auto;}
#woTaskStepInstruction .group .form-woNo { float: left; border-right: 2px solid #a1a9af;  width: 300px;}
#woTaskStepInstruction .group .form-woTask { float: left; width: 300px;}
#woTaskStepInstruction .group .form-woNo label{font-size: 2.5em;}
#woTaskStepInstruction .group .form-woTask label {width: 160px; font-size: 2.5em;}
#woTaskStepInstruction .group .form-woNo input{width: 240px;color: #7B8187;font-size: 2.5em;}
#woTaskStepInstruction .group .form-woTask input { width: 146px;color: #7B8187;font-size: 2.5em;}
#woTaskStepInstruction .group .form-instructions { float: left; border-left: 2px solid #a1a9af; width: 97%;}
#woTaskStepInstruction .group .form-instructions label{font-size: 2.5em;}
#woTaskStepInstruction .group .form-instructions textArea{width: 100%;font-size: 2.5em;}
#woTaskStepInstruction .group .form-signoffType { float: left;border-left: 0px solid #a1a9af;  width: 622px;}
#woTaskStepInstruction .group .form-signoffType label{ display: inline-block; width: 202px; font-size: 2.5em;}
#woTaskStepInstruction .group .form-signoffType input{font-size: 2.5em; width: 161px;}
#woTaskStepInstruction a.save-button {margin: 13px; width: 130px; float: right;}
#woTaskStepInstruction a.delete-button {margin: 13px; width: 130px;}

#woTaskStepInstruction .group .item-wrap { border-radius: 0 0 26px 26px; position: relative; }
#woTaskStepInstruction .group .item-wrap .item-header { height: 44px; line-height: 44px; background-color: #d0d5d9; border-bottom: 2px solid #a1a9af; border-top: 2px solid #a1a9af; color: #7b8187; font-size: 2.1em; font-weight: bold; text-align: center; position: relative; }
#woTaskStepInstruction .group .item-wrap .item-header div { float: left; border-right: 2px solid #a1a9af; }
#woTaskStepInstruction .group .item-wrap .item-header div:last-of-type { border-right: none; }
#woTaskStepInstruction .group .item-wrap .item-header .step { width: 50px; }
#woTaskStepInstruction .group .item-wrap .item-header .instruction { width: 267px; }
#woTaskStepInstruction .group .item-wrap .item-header .firstStamp { width: 75px; }
#woTaskStepInstruction .group .item-wrap .item-header .secondtamp { width: 75px; }
#woTaskStepInstruction .group .item-wrap .item-header .thirdStamp { width: 75px; }
#woTaskStepInstruction .group .item-wrap .item-header .phase { width: 65px; }
#woTaskStepInstruction .group .item-wrap .item-list-loading { display: none; width: 704px; position: absolute; top: 48px; padding: 64px 0; text-align: center; background-color: #f5f6f8; }
#woTaskStepInstruction .group .item-wrap .item-list { height: 300px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
#woTaskStepInstruction .group .item-wrap .item-list .item-line { height: 80px; color: #7b8187; border-bottom: 2px solid #a1a9af; }
#woTaskStepInstruction .group .item-wrap .item-list .selected { background-color: #bcd9fd; }
#woTaskStepInstruction .group .item-wrap .item-list .item-line .input-wrap { overflow: auto; float: left; height: 80px; width: 92px;line-height: 45px;font-size: 1.8em; border-right: 2px solid #a1a9af; overflow: hidden; word-wrap: break-word; }
#woTaskStepInstruction .group .item-wrap .item-list .item-line .step{width:50px;text-align: center;}
#woTaskStepInstruction .group .item-wrap .item-list .item-line .instruction{width:267px; line-height: 25px;}
#woTaskStepInstruction .group .item-wrap .item-list .item-line .firstStamp{width:75px; line-height: 25px;}
#woTaskStepInstruction .group .item-wrap .item-list .item-line .secondtamp{width:75px; line-height: 25px;}
#woTaskStepInstruction .group .item-wrap .item-list .item-line .thirdStamp{width:75px; line-height: 25px;}
#woTaskStepInstruction .group .item-wrap .item-list .item-line .phase{width:65px; line-height: 25px;}
#woTaskStepInstruction .group .item-wrap .item-list .item-line .input-wrap:last-of-type { border-right: none; }

/** Labor used this task **/
#laborsUsedForTaskWS .fauxWrap{padding-top:10px;}
#laborsUsedForTaskWS .group .form-part {float: left;}
#laborsUsedForTaskWS .group .form-part input {-webkit-border-radius:0; width: 170px; line-height: 40px; height: 45px; color: #7b8187; background-color: #f5f6f8; float: left; padding-left: 2px; border: none; display: block; font-size: 2.0em; font-family: Helvetica, Arial, sans-serif; border-bottom: 2px solid #acaea7;border-right: 2px solid #acaea7;}
#laborsUsedForTaskWS .group .item-list .line .item-line input.desc {-webkit-border-radius:0;width: 183px;float: left;height: 45px;border: none;padding: 0 9px;border-bottom: 2px solid #acaea7;border-right: 2px solid #acaea7;background-color: #f4f5f7;color: #7b8187;font-size: 2.0em;font-family: Helvetica, Arial, sans-serif;}
#laborsUsedForTaskWS .group .item-list .line .item-line input.craft {-webkit-border-radius:0;width: 183px;float: left;height: 45px;border: none;padding: 0 9px;border-bottom: 2px solid #acaea7;background-color: #f4f5f7;color: #7b8187;font-size: 2.0em;font-family: Helvetica, Arial, sans-serif;}
#laborsUsedForTaskWS .group .list-header {height: 45px;border-bottom: 2px solid #7f7f88;background-color: #d0d5d9;font-size:  1em;color:  #7b8187;border-right: 2px #a1a9af;}
#laborsUsedForTaskWS .group .list-header span { display: block; float: left; height: 48px;text-align: center; color: #7b8187; font-weight: bold; font-size: 1.9em; border-right: 2px solid #a1a9af; }
#laborsUsedForTaskWS .group .list-header span:last-of-type { border-right: none; }
#laborsUsedForTaskWS .group .list-header span.craft {width: 162px;min-height:  45px;vertical-align:  middle;}
#laborsUsedForTaskWS .group .list-header span.desc {width: 266px;vertical-align:  middle;}
#laborsUsedForTaskWS .group .list-header span.calchours {width: 129px;}
#laborsUsedForTaskWS .group .list-header span.charhours {width: 130px;}
#laborsUsedForTaskWS .group .item-list .line {color: #7b8187;border-bottom: 2px solid #a1a9af;}
#laborsUsedForTaskWS .group .item-list .line .item-line div {display: table-cell;height: 100%;font-size: 1.8em;border-right: 2px solid #a1a9af;}
#laborsUsedForTaskWS .group .item-list .line .item-line:last-of-type {display: table-row;min-height:  45px;}
#laborsUsedForTaskWS .group .item-list .line .item-line .craft {width: 154px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;}
#laborsUsedForTaskWS .group .item-list .line .item-line .desc {width: 255px;vertical-align: middle;text-align: -webkit-auto;word-break:  break-all;padding: 2px 5px;}
#laborsUsedForTaskWS .group .item-list .line .item-line .calchours {width: 130px;border-right: 2px solid #acaea7;vertical-align: middle;text-align:  center;}
#laborsUsedForTaskWS .group .item-list .line .item-line input.charhours {-webkit-border-radius:0;float:left;min-width: 130px;font-size: 1.8em;border: none;min-height: 50px;max-width: 140px;height: 100%;text-align:  center;vertical-align:  middle;margin-right: -0px;}
#laborsUsedForTaskWS .group .item-list .line .item-line .item-list-loading { display: none; width: 704px; position: absolute; top: 48px; padding: 64px 0; text-align: center; background-color: #f5f6f8; }
#laborsUsedForTaskWS .group .item-list .line .item-line .calchours.readonly{background-color:rgb(245, 246, 248);} 
.form-style .group .group-header span.addnewrecord { width: 38px; height: 45px;
background: transparent url('../images/MM/MM_Action_AddNewRow.png') no-repeat 0px 0px;padding-left:0px;float:right;background-position: 0px 10px;padding-top:0px;padding-bottom:0px}


/** Labors Used For Package **/
#laborsUsedForPackageWS .laborsUsedForPackageBody{width: 708px;min-height: 420px;}
#laborsUsedForPackageWS .group .list-header {height: 45px;font-size: 1em;background-color: #d0d5d9;color:  #7b8187;border-right: 2px #a1a9af;border-bottom: 2px solid #7f7f88;}
#laborsUsedForPackageWS .group .list-header span { display: block;float: left;text-align: center;font-weight: bold;font-size: 1.9em;border-right: 2px solid gray;}
#laborsUsedForPackageWS .group .list-header span:last-of-type {border-right: none;}
#laborsUsedForPackageWS .group .list-header span.task {width: 187px;text-align: -webkit-center;min-height: 45px;}
#laborsUsedForPackageWS .group .list-header span.craft {width: 110px;min-height: 45px;}
#laborsUsedForPackageWS .group .list-header span.desc {width: 129px;min-height:  45px;}
#laborsUsedForPackageWS .group .list-header span.calchours {width: 110px;word-wrap: break-word;min-height:  45px;}
#laborsUsedForPackageWS .group .list-header span.charhours {width: 90px;word-wrap: break-word;text-align: -webkit-center;min-height:  45px;}
#laborsUsedForPackageWS .group .item-list .item-line {color: #7b8187;display: table-row;min-height: 45px;}
#laborsUsedForPackageWS .group .item-list .item-line .input-wrap {display: table-cell;height: 100%;font-size: 1.8em;border-right: 2px solid #a1a9af;}
#laborsUsedForPackageWS .group .item-list .item-line .input-wrap:last-of-type { border-right: none; }
#laborsUsedForPackageWS .group .item-list .item-line .input-wrap.task {width: 178px;text-align: -webkit-auto;vertical-align:  middle;word-break:  break-all;padding: 2px 5px;}
#laborsUsedForPackageWS .group .item-list .item-line .input-wrap.craft {width: 100px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;}
#laborsUsedForPackageWS .group .item-list .item-line .input-wrap.desc {width: 120px;vertical-align: middle;text-align: -webkit-auto;word-break:  break-all;padding: 2px 5px;}
#laborsUsedForPackageWS .group .item-list .item-line .input-wrap.calchours {width: 109px;vertical-align:  middle;text-align: center;min-height: 47px;}
#laborsUsedForPackageWS .group .item-list .item-line input.charhours {-webkit-border-radius:0;text-align: center;vertical-align:  middle;font-size: 1.8em;min-height: 45px;max-width: 160px;margin-right: -0px;border: none;border-left: 2px solid gray;}
#laborsUsedForPackageWS .group ul.tab-navigation {height: 90px;width: 722px;}
#laborsUsedForPackageWS .group ul.tab-navigation li { list-style-type: none; }
#laborsUsedForPackageWS .group ul.tab-navigation li a {display: block;float: left;height: 88px;line-height: 88px;font-size: 3.6em;font-weight: bold;color: #7b8187;background-color: #f5f6f8;text-align: center;border: 1px solid #000;text-decoration: none;}
#laborsUsedForPackageWS .group ul.tab-navigation li.selected a { background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px; color: #f5f6f8; text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac; }
#laborsUsedForPackageWS .group ul.tab-navigation li:first-child a {border-right-color: #575d62;width: 350px;border: 1px solid #6f757a;}
#laborsUsedForPackageWS .group ul.tab-navigation li:last-child a {border-left-color: #575d62;width: 350px;border: 1px solid #6f757a;}
#laborsUsedForPackageWS .group .item-list .item-line input.charhours.readonly{background-color:rgb(245, 246, 248);} 
img#commitChanges {
    position: absolute;
    height: 50px;
    width: 163px;
    left: 0px;
}

/**Equipment Used This Task**/
#equipmentUsedForTaskWS .fauxWrap{padding-top:10px;}
#equipmentUsedForTaskWS .group .form-part {float: left;}
#equipmentUsedForTaskWS  .group .form-part input {-webkit-border-radius:0; width: 170px; line-height: 60px; height: 60px; color: #7b8187; background-color: #f5f6f8; float: left; padding-left: 2px; border: none; display: block; font-size: 2.0em; font-family: Helvetica, Arial, sans-serif; border-bottom: 2px solid #acaea7;border-right: 2px solid #acaea7;}
#equipmentUsedForTaskWS .group .item-list .line .item-line input.equipmentItem {-webkit-border-radius:0;background-color:#FFFFFF}
#equipmentUsedForTaskWS .group .item-list .line .item-line input.serial {-webkit-border-radius:0;background-color:#FFFFFF}
#equipmentUsedForTaskWS .group .list-header {height: 60px;border-bottom: 2px solid #7f7f88;background-color: #d0d5d9;font-size:  1em;color:  #7b8187;border-right: 2px #a1a9af;}
#equipmentUsedForTaskWS .group .list-header span { display: block; float: left; height: 64px;text-align: center; color: #7b8187; font-weight: bold; font-size: 1.9em; border-right: 2px solid #a1a9af; }
#equipmentUsedForTaskWS .group .list-header span:last-of-type { border-right: none; }
#equipmentUsedForTaskWS .group .list-header span.equipmentItem {width: 145px;min-height:  60px;vertical-align:  middle;word-wrap: break-word;}
#equipmentUsedForTaskWS .group .list-header span.serial {width: 90px;vertical-align:  middle;word-wrap: break-word;}
#equipmentUsedForTaskWS .group .list-header span.fromDateTime {width: 160px;word-wrap: break-word;}
#equipmentUsedForTaskWS .group .list-header span.toDateTime {width: 160px;word-wrap: break-word;}
#equipmentUsedForTaskWS .group .list-header span.hours {width: 76px;word-wrap: break-word;}
#equipmentUsedForTaskWS .group .list-header span.cycles {width: 58px;word-wrap: break-word;}
#equipmentUsedForTaskWS .group .item-list .line {color: #7b8187;position: relative;max-height: 65px;min-height: 65px;}
#equipmentUsedForTaskWS .group .item-list .line .item-line div {display: table-cell;font-size: 1.8em;border-right: 2px solid #a1a9af;border-bottom: none;position: relative;}
#equipmentUsedForTaskWS .group .item-list .line .item-line:last-of-type {min-height:  60px;border-top: 2px solid #a1a9af !important;display: table;max-height: 60px;top: -2px;position: relative;}
#equipmentUsedForTaskWS .group .item-list .line .item-line .equipmentItem {width: 135px;vertical-align: middle;word-break: break-all;padding: 2px 5px;}
#equipmentUsedForTaskWS .group .item-list .line .item-line .serial {width: 81px;vertical-align: middle;text-align: -webkit-auto;word-break:  break-all;padding: 2px 5px;}
#equipmentUsedForTaskWS .group .item-list .line .item-line .fromDateTimeDiv {min-height: 60px;max-width: 160px;min-width:  160px;vertical-align:  middle;border-right: 2px solid #a1a9af;background-color:#FFFFFF;}
#equipmentUsedForTaskWS .group .item-list .line .item-line input.fromDate {-webkit-border-radius:0;border: none;height: 30px;margin-top: 0;width: 160px;}
#equipmentUsedForTaskWS .group .item-list .line .item-line input.outTime {-webkit-border-radius:0;border: none;width: 160px;height: 30px;margin-bottom: 0;border-top: 2px solid #a1a9af;}
#equipmentUsedForTaskWS .group .item-list .line .item-line .toDateTimeDiv {min-height: 60px;max-width: 160px;min-width:  160px;vertical-align:  middle;border-right: 2px solid #a1a9af;background-color:#FFFFFF;}
#equipmentUsedForTaskWS .group .item-list .line .item-line input.toDate {-webkit-border-radius:0;height: 30px;border: none;width: 160px;margin-top: 0;}
#equipmentUsedForTaskWS .group .item-list .line .item-line input.inTime {-webkit-border-radius:0;height: 30px;border: none;width: 160px;margin-bottom: 0;border-top: 2px solid #a1a9af;}
#equipmentUsedForTaskWS .group .item-list .line .item-line input.hours {-webkit-border-radius:0;min-width: 40px;font-size: 1.8em;border: none;min-height: 60px;max-width: 76px;height: 100%;text-align:  center;vertical-align:  middle;margin-right: -0px;border: none;border-right: 2px solid #a1a9af;padding-top: 3px;background-color: #f4f5f7;}
#equipmentUsedForTaskWS .group .item-list .line .item-line input.cycles {-webkit-border-radius:0;min-width: 40px;font-size: 1.8em;border: none;min-height: 60px;max-width: 57px;height: 100%;text-align:  center;vertical-align:  middle;margin-right: -0px;padding-top: 3px;}
#equipmentUsedForTaskWS .group .item-list .line .item-line .item-list-loading { display: none; width: 704px; position: absolute; top: 48px; padding: 64px 0; text-align: center; background-color: #f5f6f8; }
#equipmentUsedForTaskWS .group .item-list .line .item-line input.fromDate.readonly{background-color:rgb(245, 246, 248);} 
#equipmentUsedForTaskWS .group .item-list .line .item-line input.outTime.readonly{background-color:rgb(245, 246, 248);} 
#equipmentUsedForTaskWS .group .item-list .line .item-line input.toDate.readonly{background-color:rgb(245, 246, 248);} 
#equipmentUsedForTaskWS .group .item-list .line .item-line input.inTime.readonly{background-color:rgb(245, 246, 248);} 
#equipmentUsedForTaskWS .group .item-list .line .item-line input.cycles.readonly{background-color:rgb(245, 246, 248);} 



/** Equipment Used For Package **/
#equipmentUsedForPackageWS .equipmentUsedForPackageBody{width: 708px;min-height: 420px;}
#equipmentUsedForPackageWS .group .list-header {height: 45px;font-size: 1em;background-color: #d0d5d9;color:  #7b8187;border-right: 2px #a1a9af;border-bottom: 2px solid #7f7f88;}
#equipmentUsedForPackageWS .group .list-header span {display: block;float: left;text-align: center;font-weight: bold;font-size: 1.9em;border-right: 2px solid gray;}
#equipmentUsedForPackageWS .group .list-header span:last-of-type {border-right: none;}
#equipmentUsedForPackageWS .group .list-header span.task {width: 115px;text-align: -webkit-center;min-height: 45px;}
#equipmentUsedForPackageWS .group .list-header span.equipmentItem {width: 100px;min-height:  45px;vertical-align:  middle;word-wrap: break-word;}
#equipmentUsedForPackageWS .group .list-header span.serial {width: 70px;word-wrap: break-word;min-height: 45px;}
#equipmentUsedForPackageWS .group .list-header span.fromDateTime {width: 142px;word-wrap: break-word;min-height: 45px;}
#equipmentUsedForPackageWS .group .list-header span.toDateTime {width: 143px;word-wrap: break-word;min-height: 45px;}
#equipmentUsedForPackageWS .group .list-header span.hours {width: 60px;word-wrap: break-word;min-height: 45px;}
#equipmentUsedForPackageWS .group .list-header span.cycles {width: 50px;word-wrap: break-word;}
#equipmentUsedForPackageWS .group .item-list .item-line {color: #7b8187;display: table;min-height: 60px;}
#equipmentUsedForPackageWS .group .item-list .item-line .input-wrap {display: table-cell;height: 100%;font-size: 1.5em;display:  table-cell;border-right: 2px solid #a1a9af;}
#equipmentUsedForPackageWS .group .item-list .item-line .input-wrap:last-of-type { border-right: none; }
#equipmentUsedForPackageWS .group .item-list .item-line .input-wrap.deleteEquip{ border-right: none;border-bottom:2px solid #a1a9af;min-height:60px; }
#equipmentUsedForPackageWS .group .item-list .item-line .input-wrap.task {width: 105px;text-align: -webkit-auto;vertical-align:  middle;word-break:  break-all;padding: 2px 5px;}
#equipmentUsedForPackageWS .group .item-list .item-line .input-wrap.equipmentItem {width: 91px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;}
#equipmentUsedForPackageWS .group .item-list .item-line .input-wrap.serial {width: 60px;vertical-align: middle;word-break:  break-all;padding: 2px 5px;border-right: 2px solid #a1a9af;}
#equipmentUsedForPackageWS .group .item-list .item-line .input-wrap.fromDateTimeDiv {min-height: 60px;max-width: 142px;vertical-align:  middle;border-right: 2px solid #a1a9af;background-color:#FFFFFF;}
#equipmentUsedForPackageWS .group .item-list .item-line input.fromDate {-webkit-border-radius:0;border: none;height: 30px;width: 141px;}
#equipmentUsedForPackageWS .group .item-list .item-line input.outTime {-webkit-border-radius:0;border: none;width: 141px;height: 30px;border-top: 2px solid #a1a9af;}
#equipmentUsedForPackageWS .group .item-list .item-line .input-wrap.toDateTimeDiv {min-height: 60px;max-width: 142px;vertical-align:  middle;border-right: 2px solid #a1a9af;background-color:#FFFFFF;}
#equipmentUsedForPackageWS .group .item-list .item-line input.toDate {-webkit-border-radius:0;height: 30px;border: none;width: 140px;}
#equipmentUsedForPackageWS .group .item-list .item-line input.inTime {-webkit-border-radius:0;height: 30px;border: none;width: 142px;border-top: 2px solid #a1a9af;}
#equipmentUsedForPackageWS .group .item-list .item-line input.hours {-webkit-border-radius:0;min-width: 55px;font-size: 1.8em;border: none;min-height: 60px;max-width: 60px;height: 100%;text-align:  center;vertical-align:  middle;margin-right: -0px;border: none;border-right: 2px solid #a1a9af;padding-top: 3px;background-color: #f4f5f7;}
#equipmentUsedForPackageWS .group .item-list .item-line input.cycles {-webkit-border-radius:0;min-width: 40px;font-size: 1.8em;border: none;min-height: 60px;max-width: 57px;height: 100%;text-align:  center;vertical-align:  middle;margin-right: -0px;padding-top: 3px;}
#equipmentUsedForPackageWS .group ul.tab-navigation {height: 90px;width: 722px;}
#equipmentUsedForPackageWS .group ul.tab-navigation li { list-style-type: none; }
#equipmentUsedForPackageWS .group ul.tab-navigation li a {display: block;float: left;height: 88px;line-height: 88px;font-size: 3.6em;font-weight: bold;color: #7b8187;background-color: #f5f6f8;text-align: center;border: 1px solid #000;text-decoration: none;}
#equipmentUsedForPackageWS .group ul.tab-navigation li.selected a { background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px; color: #f5f6f8; text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac; }
#equipmentUsedForPackageWS .group ul.tab-navigation li:first-child a {border-right-color: #575d62;width: 350px;border: 1px solid #6f757a;}
#equipmentUsedForPackageWS .group ul.tab-navigation li:last-child a {border-left-color: #575d62;width: 350px;border: 1px solid #6f757a;}
#equipmentUsedForPackageWS .group .item-list .item-line input.fromDate.readonly{background-color:rgb(245, 246, 248);} 
#equipmentUsedForPackageWS .group .item-list .item-line input.outTime.readonly{background-color:rgb(245, 246, 248);}
#equipmentUsedForPackageWS .group .item-list .item-line input.toDate.readonly{background-color:rgb(245, 246, 248);}
#equipmentUsedForPackageWS .group .item-list .item-line input.inTime.readonly{background-color:rgb(245, 246, 248);}
#equipmentUsedForPackageWS .group .item-list .item-line input.cycles.readonly{background-color:rgb(245, 246, 248);}
img#commitChanges {
    position: absolute;
    height: 50px;
    width: 163px;
    left: 0px;
}

/**equipmentPopup page **/
#equipmentPopup { height: 902px; padding: 250px 0 0 0; }
#equipmentPopup .popup-inner { width: 524px; margin: 0 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#equipmentPopup .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none;}
#equipmentPopup .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: left; }
#equipmentPopup .popup-inner form .form-item input { width: 470px; text-align: left; color: #cbd3da; font-size: 3.1em;height:90px;}
#equipmentPopup .popup-inner form .form-item-label-changed input { color: #333333; }
#equipmentPopup .popup-inner .button-wrap { text-align: center; }
#equipmentPopup .popup-inner a.button { display: inline-block; width: 120px; font-weight: bold; margin : 15px 0 0 0 ;}
#equipmentPopup .popup-inner a.cancelButton { width: 120px; margin-left: 15px; }
#equipmentPopup .popup-inner .button-wrap { text-align: center; }
#equipmentPopup .popup-inner form .form-item label.notUsed{
    position: absolute;
    left: 510px;
    font-size:2.5em;
}
#equipmentPopup .popup-inner form .form-item div.customCheckbox{
	position: relative;
	left: 90px;
} 
#equipmentPopup .popup-inner form .form-item-equipmentNotUsed{height:70px;}
#equipmentPopup .popup-inner form .group{margin:15px 0 0 0;}


/**laborsRemarksPopupView page **/
#laborsRemarksPopupView { height: 902px; padding: 250px 0 0 0; }
#laborsRemarksPopupView .popup-inner { width: 524px; margin: 0 0 0 118px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#laborsRemarksPopupView .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none;}
#laborsRemarksPopupView .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: left; }
#laborsRemarksPopupView .popup-inner form .form-item input { width: 470px; text-align: left; color: #cbd3da; font-size: 3.1em;height:90px;}
#laborsRemarksPopupView .popup-inner form .form-item-label-changed input { color: #333333; }
#laborsRemarksPopupView .popup-inner .button-wrap { text-align: center; }
#laborsRemarksPopupView .popup-inner a.button { display: inline-block; width: 120px; font-weight: bold; margin : 15px 0 0 0 ;}
#laborsRemarksPopupView .popup-inner a.cancelButton { width: 120px; margin-left: 15px; }
#laborsRemarksPopupView .popup-inner .button-wrap { text-align: center; }
#laborsRemarksPopupView .popup-inner form .form-item-laborsCraftCode{height:70px;}
#laborsRemarksPopupView .popup-inner form .group{margin:15px 0 0 0;}

.dateFieldAsLabel {border: 0px;background-color: transparent;color: black;pointer-events: none;clip-path: inset(0 1px 0 0);}

.timeFieldAsLabel {border: 0px;background-color: transparent;color: black;pointer-events: none;clip-path: inset(0 1px 0 0);}

/* OhfPopUp menu Content (Hidden by Default) */
div#ohfMenu {
	background: #4c5155;
	border: 2px solid #000;
	width: 580px;
	top: 1px;
	right: 388px;
	/* display: none; */
	position: relative;
	z-index: 1;
	text-align: left;
	height: 175px;
	font-weight: normal;
}

/*OhfPopUp menu Content*/
div#ohfMenu a {
               height: 40px;
               padding-left: 12px;
               text-decoration: none;
               display: block;
               color: white;
               background: none;
               text-decoration: none;
}



/**
* Task Tagging changes
*/

div#eventTrackerForm {
	border-radius: 12px;
}

div#eventTrackerForm input {
	display:block;
	width:400px
}

div#eventTrackerViewFilter .eventTypeWrap span.eventType {
	font-size: 3em;
	font-weight: bold;
	float: left;
	line-height: 35px;
	padding-left: 25px;
	width:285px;
	position:  relative;
}

div#eventTrackerViewFilter .eventTypeWrap a.toggleButton {
	display: block;
	width: 107px;
	height: 35px;
	margin: 20px 0px 20px 305px;
	background: transparent url(../images/MET/on-off-slider.png) no-repeat 0px -35px;	
}

div#eventTrackerViewFilter .eventTypeWrap a.toggleButton.toggleState-true{
	background-position: 0px 0px;	
}

div#eventTrackerViewFilter .eventTypeWrap a.toggleButton.readonly-true{
	cursor:not-allowed;pointer-events:none;color: #7b8187;	
}
div#eventTrackerViewFilter .eventTypeWrap span.refMaterialIcon.readonly-true {
	cursor:not-allowed;pointer-events:none;color: #7b8187;
}

div#eventTrackerViewFilter .dateTimeLables {
	height: 0px;
	float: left;
} 
div#eventTrackerViewFilter .dateTimeLables input{font-size: 2.2em;line-height: 35px;max-width: 150px;left: 110px;text-align: left;position: relative;font-weight: bold;/*! top: -10px; */font-family:  Helvetica, Arial, sans-serif;display: inline-grid;}
#woTaskStepInstruction a.preview-button {display: block;position: fixed;
    top: 10px;
    z-index: 9999;
    left: 550px;
    width: 139px;
    height: 50px;
    margin: 4px 22px 0 22px;
    line-height: 50px;
    font-size: 2.4em;
    font-weight: normal;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: transparent url(../images/MM/MM-header-button-bg.png) no-repeat 0px 0px;
    border: none;
    border-radius: 0px;
    text-shadow: none;float: right;
    background-position: 0px -50px;
    padding: 0 11px 0 0;}




div#eventTrackerViewFilter .dateTimeLables input.hide-true{
	display:none; 
}

div#notes textarea{
	width: 690px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 10px;
	font-size: 3em;
	max-width: 690px;
	max-height:100%;
}

div#eventTrackerViewFilter a.actionCommand.click-me{
margin-bottom: 10px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
height: 75px;
left: 105px;
width: 145px;
line-height:  75px;
position: absolute;
}

div#eventTrackerViewFilter a.actionCommand.click-me.newAlert{
left: 440px;
}
div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap{
border-bottom: 3px solid #929496;
height:  auto;
word-wrap: break-word;
text-overflow: clip;
}

div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap div.notesId{
border-bottom: none;
height:  auto;
word-wrap: break-word;
text-overflow: clip;
}

div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap div.notesId.eventClass{
 display:none;
}

div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap div.notesId.readonly-true{
 outline:none;
 pointer-events:  none;
}
img#createGroundEvents {
 position: absolute;
 height: 85px;
 width: 225px;
 right: 0px;
}

img#createNewAlert {
    position: absolute;
    height: 85px;
    width: 225px;
    right: 0px;
}

div#eventTrackerViewFilter .form-style .group .form-item.form-description textarea {
	font-size: 3.4em;
	color: #2e5cac;
	font-weight: normal;
	background: transparent;
	border-radius: 18px;
	width: 690px;
	min-width: 690px;
	max-width: 690px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 11px 0;
	user-select: none;
	outline: none;
	}

div#milestoneAndAlertsOverviewWorkspace ul.tab-navigation {
height: 70px;
}

div#milestoneAndAlertsOverviewWorkspace ul.tab-navigation a {
width: 33.04%;
height: 70px;
line-height:  70px;
}
div#milestoneAndAlertsOverviewWorkspace ul.tagOptionFilter {
height: auto;
line-height: 60px;
}

div#milestoneAndAlertsOverviewWorkspace ul.tagOptionFilter li {
display: block;
}

div#milestoneAndAlertsOverviewWorkspace ul.tagOptionFilter span.tagOption {width: 245px;display: block;float: left;height: 70px;line-height: 70px;font-size: 4.5em;font-weight:  normal;color: #ffffff;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;text-align: center;border: 1px solid #000;text-decoration: none;border-top-left-radius: 10px;cursor: pointer;border-top-right-radius:  10px;}
div#milestoneAndAlertsOverviewWorkspace ul.tagOptionFilter span.tagOption.selected {
	background: #68a1e6 url(../images/MM/MM-selected-tab-bg.png) no-repeat 0px 0px;
	text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac;
}


div#milestoneAndAlertsOverviewWorkspace ul.filterSortOptions {
height: auto;
line-height: 60px;
z-index:  4;
}

div#milestoneAndAlertsOverviewWorkspace ul.filterSortOptions li {
display: block;
}
div#milestoneAndAlertsOverviewWorkspace ul.filterSortOptions div.filterSortMenuOption {width: 369px;display: block;float: left;height: 50px;line-height: 50px;font-size: 3.5em;font-weight:  normal;color: #ffffff;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;text-align: center;border: 1px solid #000;text-decoration: none;}
div#milestoneAndAlertsOverviewWorkspace ul.filterSortOptions div.filterSortMenuOption.sort {width: 369px;display: block;float: left;height: 50px;line-height: 50px;font-size: 3.2em;color: #ffffff;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;text-align: center;border: 1px solid #000;text-decoration: none;}
div#milestoneAndAlertsOverviewWorkspace .eventTypeWrap span.eventType {
	font-size: 3em;
	font-weight: bold;
	float: left;
	line-height: 35px;
	padding-left: 25px;
	width:285px
}

div#milestoneAndAlertsOverviewWorkspace .eventTypeWrap a.toggleButton {
	display: block;
	width: 107px;
	height: 35px;
	margin: 20px 0px 20px 315px;
	background: transparent url(../images/MET/on-off-slider.png) no-repeat 0px -35px;	
}

div#milestoneAndAlertsOverviewWorkspace .eventTypeWrap a.toggleButton.toggleState-true{
	background-position: 0px 0px;	
}

div#milestoneAndAlertsOverviewWorkspace .eventTypeWrap span.eventTime {
	font-size: 1em;
}

div#notes textarea{
	width: 688px;
	margin-right: 0;
	font-size: 3em;
	margin-left: 13px;
}

form.eventTypes-style .group
{
  border: 3px solid #989696;
  box-shadow: 0 0 0px #a1a9af !important;
  border-radius: 15px 15px 0px 0px;
  overflow: hidden;
  width: 99.1%;
} 

div#metLocationAndCategoryView a.loadButton{
	margin-bottom: 10px;
    margin-top: 10px;
	margin-left: 235px;
    margin-right: 235px;	
}
  
div#eventTrackerViewFilter a.loadButton{
	margin-bottom: 10px;
    margin-top: 10px;
	margin-left: 250px;
    margin-right: 250px;	
}

div#milestoneAndAlertsOverviewWorkspace div#eventTypesForm div.eventTypeWrap{
		 border-bottom: 1px solid white;
		 font-size:  2em;
		 width: 100%;
}

div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table {width: 100%;display: table;le; */}


div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header {
    height: 60px;
    font-size: 1em;
    width: max-content;
    z-index:  -10;
}

div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header span {
display: block;float: left;height: 60px;line-height:  60px;text-align: center;color: #ffffff;font-weight: bold;font-size: 2em;word-wrap: break-word;border-right: 2px solid rgba(255, 250, 255, 1);word-break: break-word;background: rgba(25, 83, 190, 0.75);border-bottom: 3px solid rgba(255, 250, 255, 1);border-top: 3px solid rgba(255, 250, 255, 1);}
div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header span.icon {
position: inherit;
font-size: 2.5em;
width: 45px;
line-height: 60px;
height: 60px;
float:  left;
}
div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header span.event {
width: 234px;
min-height: 60px;
vertical-align: middle;
word-wrap: break-word;
}
div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header span.category {
width: 154px;
}
div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header span.tagType {
width: 100px;
text-align:  center;
}

div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header span.tagDetail {width: 110px;text-align:  center;}
div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header span.eventTime {width: 191px;height:  60px;float:  left;border-right: 2px solid rgba(255, 250, 255, 1);}
div#milestoneAndAlertsOverviewWorkspace .form-style .group .form-item.form-description textarea {
	font-size: 3.4em;
	color: #2e5cac;
	font-weight: normal;
	background: transparent;
	border: none;
	width: 690px;
	min-width: 690px;
	max-width: 690px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 11px 0;
	}
div#milestoneAndAlertsOverviewWorkspace div#eventTypesForm {border-radius: 0;border: none;}
div#milestoneAndAlertsOverviewWorkspace div#eventTypesForm {display: table-row;border-radius: 0;border: none;}
div#milestoneAndAlertsOverviewWorkspace div#eventTypesForm h3.section-title{width: 742px;height: 28px;line-height: 28px;font-size: 2em;border: none;margin-bottom: 4px;}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .form-style {padding: 0px;border-top-right-radius:  14px;border-top-left-radius: 14px;border: none;}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .form-style .flightInfo {
padding: 0px;
border-top-right-radius:  14px;
border-top-left-radius: 14px;
border: none;
}

div#milestoneAndAlertsOverviewWorkspace .flightInfo {
padding: 10px;
border-radius:  14px;
border-top-right-radius:  14px;
border-top-left-radius: 14px;
height: 275px;
}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .form-style.eventRecords {overflow:  visible;background-color: transparent;}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .form-style div#arrvDepInfo {
height: 220px;
padding: 0px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group.menu {
position: relative;
border: none;
border-top-right-radius:  10px;
border-top-left-radius:  10px;
background-color: #4e82cd;
min-width: 729px;
z-index: 10;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group ul.tagOptionFilter {position: relative;border: none;border-top-right-radius:  10px;border-top-left-radius:  10px;background-color:  transparent;}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group ul.tagOptionFilter li {
border-top-right-radius: 10px;
background-color:  transparent;
}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter div#eventTrackerForm {
height: 55px;
border-top-left-radius:  14px;
border-top-right-radius:  14px;
background-color: #c0c5cc59;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group {border: none;position:  relative;overflow:  visible;background-color: #4b7ca8;display: table-row;}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .form-item{

}


div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group div.eventDetailsForm {

}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group div.eventDetailsForm.table{overflow-x: scroll;z-index: 2;background-color:  #e4e7ea;display: inline-grid;position: relative;width: 742px;}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .eventDetailsForm .event-list{padding-top: 5px;position: relative;z-index: 3;min-height: 500px;}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .eventDetailsForm .event-list div.eventDetails{
	display: table-row;
	position: relative;
	width: auto;
	overflow: scroll;
	word-wrap: break-word;
	overflow-wrap: break-word;
	min-height: 24px;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span {
	display: table-cell;
	font-size: 18px;
	word-wrap:  break-word;
	word-break: break-word;
	padding: 0px;
	vertical-align: middle;
	padding-left: 5px;
	border-bottom: 1px solid white;
	font-weight:  bold;
	position: relative;
	overflow-wrap: break-word;
}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.icon,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span.icon {
	border-right: 2px solid #ffffff;
	min-width: 40px;
	text-align:  center;
	max-width:  40px;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span.eventName,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.eventName {
	border-right: 2px solid #ffffff;
	min-width: 229px;
	max-width: 229px;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span.eventCategory,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.eventCategory {
	border-right: 2px solid #ffffff;
	min-width: 149px;
	max-width: 149px;
}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.tagDetail,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span.tagDetail {
	border-right: 2px solid #ffffff;
	min-width: 104px;
	word-break:  break-all;
	max-width:  104px;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails div,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm div {
	position: relative;
	display: inline-grid;
	min-height: 24px;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm div.eventDateTime .startDateTime,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails div.eventDateTime .startDateTime {
	font-size: 16px;
	left: 3px;
	text-align:  left;
	font-weight:  bold;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	display: table-cell;
	width: 190px;
	line-height: 23px;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm div.eventDateTime .startDateTime.timeFieldAsLabel,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails div.eventDateTime .startDateTime.timeFieldAsLabel {
	font-size: 16px;
	float: right;
	line-height: 23px;
	text-align: left;
	left: 103px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	display: table-cell;
	}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm div.eventDateTime .endDateTime,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails div.eventDateTime .endDateTime {
	font-size: 16px;
	float: left;
	height: auto;
	min-width: 120px;
	text-align:  left;
	position: relative;
	font-weight:  bold;
	font-family: Helvetica, Arial, sans-serif;
	display:  table-cell;
	margin-left: 3px;
	width: 150px;
	line-height: 23px;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm div.eventDateTime .endDateTime.timeFieldAsLabel ,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails div.eventDateTime .endDateTime.timeFieldAsLabel {
	font-size: 16px;
	float: right;
	margin-top:  23px;
	line-height: 23px;
	text-align:  left;
	left: 100px;
	font-weight:  bold;
	font-family: Helvetica, Arial, sans-serif;
	display: table-cell;
}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm div.eventDateTime .dateFieldAsLabel.hide-true,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails div.eventDateTime .dateFieldAsLabel.hide-true{
	display:none; 
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm div.eventDateTime .timeFieldAsLabel.hide-true,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails div.eventDateTime .timeFieldAsLabel.hide-true{
	display:none;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm div.eventDateTime .timeFieldAsLabel,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails div.eventDateTime .timeFieldAsLabel {
	font-size: 1em;
	line-height: 35px;
	width: 135px;
	font-weight:  bold;
	float:left;
	position: absolute;
	top: auto;
	font-family: Helvetica, Arial, sans-serif;
}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div#eventRecordDetails{padding-top: 5px;position: relative;z-index:  3;min-height: 500px;}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span.eventTime,
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.eventTime {border-right:  none;width: 182px;position:  relative;right:  0px;}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .eventDetailsForm .event-list div#eventDetailsDiv{
    border-bottom: 2px solid white;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter div#eventDetailsDiv:nth-child(odd){background-color: rgba(150, 167, 214, 0.42);}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .eventDetailsForm .event-list div#eventDetailsDiv:nth-child(even){background-color: rgba(229, 229, 259, 0.2);}


div#eventTrackerViewFilter div.flight-details .field label {
	width: 80px;
	display: inline-block;
	font-weight:  bold;
}

div#eventTrackerViewFilter div.flight-details span {display: block;}

div#eventTrackerViewFilter div.flight-details{background-image: none;background-color: #fffffff7;}
div#eventTrackerViewFilter form.flightInfo span.title {display: block;font-size: 3.1em;font-weight: bold;line-height: 50px;border-bottom: 2px solid #a1a9af;background-color: #d6dce194;text-align: center;color: #7b8187;height: 50px;border-radius: 18px 18px 0px 0px;}
 
div#eventTrackerViewFilter div.flight-details span.section {
	width: 369px;
	float: left;
	border-bottom-left-radius: 14px;
	height: 225px;
	border-right:  2px solid gray;
	position:  absolute;
	}
 div#eventTrackerViewFilter div.flight-details span.section.arrv {
	width: 369px;
	border-bottom-left-radius: 14px;
	height: 225px;
	border-right:  2px solid gray;
	}

	div#eventTrackerViewFilter div.flight-details span.section.dep {
	width: 371px;
	border-bottom-left-radius: 14px;
	height: 225px;
	border-right: none;
	float:right;
	position:  relative;
	}
div#eventTrackerViewFilter div.flight-details span.left {
background-color: #7b8187;
color: #f5f6f8;
font-weight: bold;
font-size: 3.1em;
padding: 2px 0;
text-align: center;
 }
 
div#eventTrackerViewFilter div.flight-details span.sec-title {text-align: center;font-size: 3.1em;font-weight: bold;color: #7b8187;margin: 8px 0;min-height: 35px;max-height: 35px;}
 
div#eventTrackerViewFilter div.flight-details span.field {font-size: 2.6em;color: #7b8187;margin-left: 52px;line-height: 38px;display: table;}

div#eventTrackerViewFilter div.flight-details span.field span {float:right;}

div#eventTrackerViewFilter div.flight-details span.field label::after {
    content: ' :';
}
div#milestoneAndAlertsOverviewWorkspace div#filterMenu {max-width: 200px;font-size: 25px;text-align:  left;position: relative;display: grid;background-color: #5a6169;padding-left: 20px;left: 70px;padding-right: 20px;cursor: default;z-index: 150;}

div#milestoneAndAlertsOverviewWorkspace div#filterMenu span {

background-color: #5a6169;
}

div#milestoneAndAlertsOverviewWorkspace div#sortMenu {max-width: 200px;text-align: left;display: grid;left: 60px;background-color: #5a6169;padding-left: 20px;padding-right: 20px;position: relative;z-index:  150;cursor: default;font-size: 28px;width: 175px;}
div#milestoneAndAlertsOverviewWorkspace div#sortMenu a {
text-decoration: none;
color: #ffffff;
}

div#eventTypesForm h3.section-title {width: 734px;height: 58px;line-height: 58px;color: #f5f6f8;font-weight: bold;font-size: 3.0em;text-align: center;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;border: 1px solid #535454;}

div#eventTypesForm {
border: none;
border-radius: 20px;
}
form#eventContainer {
background-color: #e4e7ea;
padding: 1px;
margin: 13px;
border: none;
border-radius: 18px;
box-shadow:  none;
}

div#eventTrackerViewFilter .form-style{margin-bottom: 0px;padding-bottom:  0;}
div#eventTrackerViewFilter .form-style.taskDetails{margin-top: 10px;margin-bottom: 0px;padding-bottom:  0;border-bottom-left-radius: 0;border-bottom-right-radius:  0;border-bottom:  none;background-color: #e4e7ea;}
div#eventTrackerViewFilter .form-style.click-me{margin-bottom: 0px;height: 120px;}
div#eventTrackerViewFilter .form-style.eventTypesForm{padding: 0;margin: 0 13px;border-radius: 25px;box-shadow: 0 0 12px #0a1947;}
div#eventTrackerViewFilter .form-style .group{background-color: #e4e7ea;border-top-left-radius: 20px;border-top-right-radius: 20px;}
div#eventTrackerViewFilter .form-style.taskDetails .group{border: 3px solid gray;margin-bottom: 0px;padding-bottom:  0;border-radius: 18px 18px 18px 18px;background-color: #ffffff;}
div#eventTrackerViewFilter .form-style.taskDetails .group.description{border-top: none;}
div#eventTrackerViewFilter .eventTypeWrap span.refMaterialIcon {display: none;}
div#eventTrackerViewFilter .eventTypeWrap span.refMaterialIcon.true {
	display: block;
	width: 25px;
	height: 30px;
	background: transparent url('../images/MM/MM_Action_AttachReferenceMaterial.png') no-repeat 0px 0px;
	padding-left:0px;
	float:right;
	background-position: 0px 5px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:10px;
}
#equipmentUsedForTaskWS .form-style{
	overflow: hidden;
}

#equipmentUsedForTaskWS .form-style .group {
	overflow: hidden;
	border-radius: 30px;
}

#equipmentUsedForTaskWS .form-style .group.equipment-used-group {
	overflow: hidden;
	position: relative;
	
}
#equipmentUsedForTaskWS .group .item-list .line .item-line div.deleteEquip {
	border-right:none;
}

#equipmentUsedForTaskWS div#equipmentListContainer {
	min-height: 420px;
	height: auto;
	border-radius: 30px;
}
div#systemLookupView ul.commentsInnerList{
	padding-left:0;
}

div#milestoneAndAlertsOverviewWorkspace div#sortMenu div.sortOption {
	position: relative;
	display:inline-block
}

div#milestoneAndAlertsOverviewWorkspace div#sortMenu div.sortOption span.asc{
	background: transparent url('../images/MM/MM-techLog-arrow-opened.png') no-repeat 0px 0px;
	width: 30px;
	height: 30px;
	position: relative;
	display: -webkit-inline-box;
	top: 8px;
	left: 10px;	}

div#milestoneAndAlertsOverviewWorkspace div#sortMenu div.sortOption span.desc{
	background: transparent url('../images/MM/MM-techLog-arrow-opened.png') no-repeat 0px 0px;
	width: 30px;
	height: 30px;
	transform: scaleY(-1);
	display: -webkit-inline-box;
	position:  relative;
	top: 4px;
	left: 10px; }

#eventTypeLookupFilter div.form-item.description label {
	display: block;
	float: left;
	width: 250px;
	height: 56px;
	line-height: 56px;
	padding: 0 8px 0 0;
	text-align: right;
	font-size: 25px;}
	
div#eventTrackerViewFilter .eventTypeWrap a.toggleButton.eventClass-M.actionMapped-true {
	cursor:not-allowed;pointer-events:none;color: #7b8187;
}

div#eventTrackerViewFilter h4.section-title {font-size: 3em;}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.icon.eventClass-A.ack-true {
	background: transparent url('../images/MM/MM_Misc_AcknowledgedAlert_001.png') no-repeat 10px 0px;
}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.icon.eventClass-A.ack-false {
	background: transparent url('../images/MM/MM_Misc_UnacknowledgedAlert_001.png') no-repeat 10px 0px;
}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.icon.eventClass-A.openAlert-false {
	background: transparent url('../images/MM/MM_Misc_ClosedAlert_001.png') no-repeat 10px 0px;
}

div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.personnelId {border-right: 2px solid #ffffff;min-width: 187.5px;word-break: break-all;border-left: 2px solid #ffffff;}
div#milestoneAndAlertsOverviewWorkspace div#eventTrackerViewFilter .group .event-list div.eventDetails span.userName {
	
min-width: 185px;
	
word-break: break-all;
}

div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header span.personnelID {
	width: 192.5px;
    height: 60px;
    float: left;
    border-right: 2px solid #ffffff;
}

div#milestoneAndAlertsOverviewWorkspace div.eventDetailsForm.table div.list-header span.userName {
	width: 188px;
    height: 60px;
    float: left;
    border-right: none;
}

#referenceMaterialsContainer .ref a.actionCommand {
	display: initial;
	background-color: #e4e7ea;
	text-decoration: none;
	border: none;
	border-radius: 18px;
	color: #000;
	font-size: 2.4em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 56px;
	height: 14opx;
	width: 30px;
	position: relative;
	padding: 14px 10px;
	float:  right;
	top: -115px;
	right: 5opx;
	bottom: 145px;
	border-radius: unset;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	text-align: center;
	padding-top: 15px;
	padding-right: 15px;}
	
#mmProceduresView #kioskPopup { display: none !important; }
#applicationHeader .removeOnExit.mmProceduresView .lookupFilter.mobileMechLookupSpy { left: 175px; }


/** Notification workspace **/
div#mobileNotificationWorkspace .notify-wrap { color: #5f646c; background: #fff url('../images/MM/notification-alert-alert.png') no-repeat 10px 50%; border: 2px solid #5f646c; margin: 8px; border-radius: 10px; padding: 4px; min-height: 200px; }
div#mobileNotificationWorkspace .notify-wrap .time { text-align: right; font-size: 2.0em; }
div#mobileNotificationWorkspace .notify-wrap .text { margin: 6px 0 0 65px; font-size: 1.7em; font-weight: bold; }
div#mobileNotificationWorkspace .notify-wrap .buttons { margin: 12px 0 6px 0; text-align: center; }
div#mobileNotificationWorkspace .notify-wrap .buttons a.button { padding-left: 0; padding-right: 0; width: 200px; display: inline-block; margin-left: 20px; margin-right: 20px; }
div#mobileNotificationWorkspace .notify-wrap .buttons a.view.disabled { 
	background: #858585;
	background: -webkit-linear-gradient(#858585, #626262);
	background: -o-linear-gradient(#858585, #626262);
	background: -moz-linear-gradient(#858585, #626262);
	background: linear-gradient(#858585, #626262);
	border-color: #454545;
	opacity: 0.4;
}
div#mobileNotificationWorkspace .notify-wrap.notified-true .buttons a.view { display: none; }

.header-wrapper .notificationList a.reload-button { left: 3%; }

span.clock-timer-ON {
    border: 4px solid;
    border-radius: 8px;
    background-color: green;
    position: absolute;
    left: 345px;
    font-size: large;
}

span.clock-timer-OFF {
    border: 4px solid;
    border-radius: 8px;
    background-color: gray;
    position: absolute;
    left: 345px;
    font-size: large;
}

#detailTaskView .applicationFooter ul #applicationMenu li span.clock-timer-ON {
    border: 3px solid;
    border-radius: 6px;
    background-color: green;
    position: absolute;
    left: 310px;
    font-size: large;
    top: 15px;
}

#detailTaskView .applicationFooter ul #applicationMenu li span.clock-timer-OFF {
    border: 3px solid;
    border-radius: 6px;
    background-color: gray;
    position: absolute;
    left: 310px;
    font-size: large;
    top: 15px;
}

div#taskCardIcon form.form-style-icon-group.dtoClassName h4 {
    width: 300px;
    color: #7b8187;
    font-size: 2em;
}

.form-style-icon-group.dtoClassName ul#sortable .background-dark {
	background: #77717180;
	height: 28px;
    margin: 0 1px 1px 1px;
    padding: 0.3em;
    font-size: 17px;
    font-weight: bold;
    width:100%;
    border-radius: 10px;
    padding-top: 10px;
   	padding-left: 20px;
 }

.form-style-icon-group.dtoClassName  ul#sortable .background-light {
	background: #b5b0b057;
	height: 28px;
    margin: 0 1px 1px 1px;
    padding: 0.3em;
    font-size: 17px;
    font-weight: bold;
    width:100%;
    border-radius: 10px;
    padding-top: 10px;
   	padding-left: 20px;
 }
 
 form.form-style-icon-group.dtoClassName {
    background-color: #e4e7ea;
    padding: 13px;
    margin: 13px;
    border: 3px solid #5d6268;
    border-radius: 18px;
    box-shadow: 0 0 12px #0a1947;
    width: 85%;
    position: absolute;
    left: 50px;
    height: 100%;
}

ul#sortable {
    top: 10px;
    position: relative;
    left: 40px;
    list-style: none;
     width: 90%;
}
div#taskCardIcon {
    height: 930px;
}
.form-style-icon-group.dtoClassName ul#sortable .selected-Dark {
   	height: 25px;
    margin: 0 1px 1px 1px;
    padding: 0.3em;
    font-size: 17px;
    font-weight: bold;
    background: #C1E272;
    width: 100%;
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 20px;
}

.form-style-icon-group.dtoClassName ul#sortable .selected-Light {
    height: 25px;
    margin: 0 1px 1px 1px;
    padding: 0.3em;
    font-size: 17px;
    font-weight: bold;
    background: #c1e2728f;
    width:100%;
    border-radius: 10px;
   	padding-top: 10px;
   	padding-left: 20px;
}
#detailTaskView .applicationFooter #applicationMenu li a span{ display: block; }

#detailTaskView .applicationFooter ul li span.clock-timer-OFF {
   border: 2px solid;
    border-radius: 4px;
    background-color: gray;
    position: absolute;
    left: 55px;
    border-color: white;
    font-size: small;
    top: 2px;
    color: white;
}

#detailTaskView .applicationFooter ul li span.clock-timer-ON {
   border: 2px solid;
    border-radius: 4px;
    background-color: green;
    position: absolute;
    left: 55px;
    border-color: white;
    font-size: small;
    top: 2px;
    color: white;
}

.applicationFooter #applicationMenu li.show-status-true span.status-icon {
    display: block;
    width: 31px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    top: 10px;
    right: 30px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    background: transparent url(../images/MM/MM-action-status-icons.png) no-repeat 0px 0px;
}

.task-view-list .task-wrap .left a.userAssigned { background: transparent url('../images/MM/MM_Action_MyAssignment_001.png') no-repeat 0px 0px; }

div#mm-groundTimeOverviewDiv a#mm-groundTimeOverview {
	position:  absolute;
	padding:  0 10px;
	height: 40px;
	line-height:  40px;
	margin: -50px 0 0 540px;
	font-weight:  normal;
	font-size:  3em;
	border-radius: 15px;
	}
.form-style .group .has-lookup input#fo_groundStation{ width: 215px; padding-right: 11px; }
.form-style .group .has-lookup input#fo_customer{ width: 215px; padding-right: 11px; }
.form-style .group .has-lookup input#fo_prodGroup{ width: 215px; padding-right: 11px; }
#flyoutPage form .group .form-item-nextFlightHrs { margin-top: -10px;line-height: 30px; }
#flyoutPage form .group .form-item-nextFlightHrs label {font-size: 2.1em;font-weight: bold;color: #f5f6f8;text-align: center;line-height: 10px;}
#taskTimeCardWS .form-style{margin:0px;}
#taskTimeCardWS .group .list-header {height: 45px;border-bottom: 2px solid #7f7f88;background-color: #d0d5d9;font-size:  1em;color:  #7b8187;border-right: 2px #a1a9af;}
#taskTimeCardWS .group .list-header span { display: block; float: left; height: 48px;text-align: center; color: #7b8187; font-weight: bold; font-size: 2.5em; border-right: 2px solid #a1a9af; }
#taskTimeCardWS .group .list-header span:last-of-type { border-right: none; }
#taskTimeCardWS .group .list-header span.craft {width: 125px;}
#taskTimeCardWS .group .list-header span.crew {width: 125px;}
#taskTimeCardWS .group .list-header span.employee {width: 180px;}
#taskTimeCardWS .group .list-header span.from {width: 130px;}
#taskTimeCardWS .group .list-header span.to {width: 130px;}
#taskTimeCardWS .group .item-list .taskTimeCardViewPage {color: #7b8187;border-bottom: 2px solid #a1a9af;}
#taskTimeCardWS .group .item-list .taskTimeCardViewPage .taskTimeCardForm div {display: table-cell;height: 100%;font-size: 1.8em;border-right: 2px solid #a1a9af;}
#taskTimeCardWS .group .item-list .taskTimeCardViewPage .taskTimeCardForm:last-of-type {display: table-row;min-height:  45px; }
#taskTimeCardWS .group .item-list .taskTimeCardViewPage .taskTimeCardForm .craft {width: 125px;height:45px;vertical-align:middle;word-break:break-all;}
#taskTimeCardWS .group .item-list .taskTimeCardViewPage .taskTimeCardForm .crew {width: 125px;height:45px;vertical-align:middle;word-break:break-all;}
#taskTimeCardWS .group .item-list .taskTimeCardViewPage .taskTimeCardForm .employee {width: 180px;height:45px;vertical-align:middle;word-break:break-all;}
#taskTimeCardWS .group .item-list .taskTimeCardViewPage .taskTimeCardForm .from {width: 130px;height:45px;vertical-align:middle;}
#taskTimeCardWS .group .item-list .taskTimeCardViewPage .taskTimeCardForm .to {width: 130px;height:45px;vertical-align:middle;border-right: none;}
#taskTimeCardWS .group .item-list h3.section-title div{float:left;}
.task-view-list .task-wrap .right a.BLUE span.clock-on-image { display: block; float: right; width: 79px; height: 81px; background: transparent url('../images/MM/MM_Action_ClockOff_001.png') no-repeat 0px 0px; z-index: 50;}
.task-view-list .task-wrap .right a.BLUE span.label-wrapper{ padding: 0 79px 0 2px; }
.task-view-list .task-wrap .right a.BLUE span.clock-on-timer{ padding: 0 0 4px 0; }


.form-style .groupTimeCapturePopup .group .selectedGroup-header{ height: 44px; line-height: 44px; padding-left: 25px; font-size: 2.8em; color: #fff; font-weight: bold; border-bottom: 3px solid #7b8187; background: #7c8288 url('../images/MM/MM-form-style-header-bg.png') repeat-x 0px 0px; }
.form-style .groupTimeCapturePopup .group .selected-item-wrap{border-radius:0 0 26px 26px;position:relative;}
.form-style .groupTimeCapturePopup .group .item-header{ height: 44px; line-height: 44px; background-color: #d0d5d9; border-bottom: 2px solid #a1a9af; border-top: 2px solid #a1a9af; color: #7b8187; font-size: 2.1em; font-weight: bold; text-align: center; position: relative; }
.form-style .groupTimeCapturePopup .group .item-header .personnelId{width:250px;border-right:2px solid #a1a9af;float:left;}
.form-style .groupTimeCapturePopup .group .item-header .personnelName{width:325px;float:left;}
.form-style .groupTimeCapturePopup .group .item-list .item-line .input-wrap { float: left; height: 45px; line-height: 45px; padding: 0 15px; font-size: 2.1em; border-right: 2px solid #a1a9af; overflow: hidden; word-wrap: break-word; padding;0,10px;width:194px;}
.form-style .groupTimeCapturePopup .group .selected-item-wrap .item-list .item-line .input-wrap.personnelId-view{ width: 230px; }
.form-style .groupTimeCapturePopup .group .selected-item-wrap .item-list .item-line .input-wrap.personnelName-view{ width: 406px; }
.form-style .groupTimeCapturePopup .group .selected-item-wrap .item-list .item-line .input-wrap.personnelId-view span.remove-line { display: block;
float:left;width:29px;height:29px;margin:8px 4px 0 0;background: transparent url('../images/MM/MM-raise-demand-delete-line-button.png') no-repeat 0px 0px;}
.form-style .groupTimeCapturePopup .group .item-list .item-line { height: 45px; color: #7b8187; border-bottom: 2px solid #a1a9af; }
#ClockOnAction .popup-inner .groupTimeCapturePopup .group .selected-items-group .selected-item-wrap .item-list {height: 130px; min-height:0px;overflow:auto; overflow-x:hidden;}
#ClockOnAction .popup-inner .groupTimeCaptureGroup  form{width:700px;}
#ClockOnAction .popup-inner .groupTimeCapturePopup .group .selected-items-group {border-radius: 0px;box-shadow: 0 0 0px; border:2px solid #000000;}
#ClockOnAction .group .item-wrap .item-list {height: 142px;}
#ClockOffAction .popup-inner .groupTimeCapturePopup .group .selected-items-group .selected-item-wrap .item-list {height: 130px; min-height:0px;overflow:auto; overflow-x:hidden;}
#ClockOffAction .popup-inner .groupTimeCaptureGroup  form{width:700px;}
#ClockOffAction .popup-inner .groupTimeCapturePopup .group .selected-items-group {border-radius: 0px;box-shadow: 0 0 0px; border:2px solid #000000;}
#ClockOffAction .group .item-wrap .item-list {height: 142px;}
#ClockOnAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAssign div{width:130px;}
#ClockOnAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAll div{width:200px;}
#ClockOnAction .group ul.tab-navigation li.selected div { background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px;color: #f5f6f8; text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac; }
#ClockOnAction .group ul.tab-navigation li div { width: 233px; height: 58px; line-height: 58px; border: 1px solid #6f757a; background-color: #f5f6f8; background: -webkit-linear-gradient(#f4f5f7, #ccd4db); background: -o-linear-gradient(#f4f5f7, #ccd4db); background: -moz-linear-gradient(#f4f5f7, #ccd4db); background: linear-gradient(#f4f5f7, #ccd4db); display: block; float: left;font-weight: bold; color: #7b8187; text-align: center; border: 1px solid #000; text-decoration: none;}
.groupTimeCapturePopup ul.tab-navigation li div{width:100px;font-size:2.6em;line-height:58px;height:58px;}
#ClockOnAction .groupTimeCaptureGroup ul.tab-navigation li div{width:100px;}

#ClockOnAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAssign a{width:0px;background:none;height:0px;line-height;0px;border:none;float:none;font-size:0em;}
#ClockOnAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAll a{width:0px;background:none;height:0px;line-height;0px;border:none;float:none;font-size:0em;}
#ClockOnAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapCrew a{width:0px;background:none;height:0px;line-height;0px;border:none;float:none;font-size:0em;}
#ClockOnAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapGroup a{width:0px;background:none;height:0px;line-height;0px;border:none;float:none;font-size:0em;}

#ClockOffAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAssign div{width:130px;}
#ClockOffAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAll div{width:200px;}
#ClockOffAction .group ul.tab-navigation li.selected div { background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px;color: #f5f6f8; text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac;  }
#ClockOffAction .group ul.tab-navigation li div { width: 233px; height: 58px; line-height: 58px; border: 1px solid #6f757a; background-color: #f5f6f8; background: -webkit-linear-gradient(#f4f5f7, #ccd4db); background: -o-linear-gradient(#f4f5f7, #ccd4db); background: -moz-linear-gradient(#f4f5f7, #ccd4db); background: linear-gradient(#f4f5f7, #ccd4db); display: block; float: left;font-weight: bold; color: #7b8187; text-align: center; border: 1px solid #000; text-decoration: none; }
.groupTimeCapturePopup ul.tab-navigation li div{width:100px;font-size:2.6em;line-height:58px;height:58px;}
#ClockOffAction .groupTimeCaptureGroup ul.tab-navigation li div{width:100px;}

#ClockOffAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAssign a{width:0px;background:none;height:0px;line-height;0px;border:none;float:none;font-size:0em;}
#ClockOffAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapAll a{width:0px;background:none;height:0px;line-height;0px;border:none;float:none;font-size:0em;}
#ClockOffAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapCrew a{width:0px;background:none;height:0px;line-height;0px;border:none;float:none;font-size:0em;}
#ClockOffAction .groupTimeCaptureGroup ul.tab-navigation li.groupTimeCapGroup a{width:0px;background:none;height:0px;line-height;0px;border:none;float:none;font-size:0em;}
div .flightDetails span.nextFlight{width: 734px; height: 40px; line-height: 40px; padding: 0 5px; color: #f5f6f8; font-weight: bold; font-size: 2.0em;  }
div .flightDetails span.nextFlight-Inbound{width: 734px; height: 40px; line-height: 40px; padding: 0 55px; color: #f5f6f8; font-weight: bold; font-size: 2.0em;margin-right: -53px; background: transparent url('../images/MM/MM_Misc_InboundFlight_001.png') no-repeat 5px 1px; }
div .flightDetails span.nextFlight-Outbound {width: 734px; height: 40px; line-height: 40px; padding: 0 55px; color: #f5f6f8; font-weight: bold; font-size: 2.0em;margin-right: -53px; background: transparent url('../images/MM/MM_Misc_OutboundFlight_001.png') no-repeat 5px 1px; }
div .flightDetails span.wrkNextTowTime {width: 1000px;height: 40px;line-height: 40px;text-align: left;color: #e81432;font-weight: bold;font-size: 2.0em;background: transparent;}
div .flightDetails span.wrkTimeRemaining {width: 734px;height: 40px;line-height: 40px;color: #f5f6f8;font-weight: bold;font-size: 2.0em;background: transparent;}
.discussionSectionHeaderText{height: 58px;line-height: 58px;color: #f5f6f8;font-weight: bold;font-size: 3.0em;text-align: center;background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);opacity: 0.9;}

.discussionSectionOpen{background: transparent url('../images/MM/MM-techLog-arrow-opened.png') no-repeat 0px 0px;width: 30px;height: 30px;position: absolute;left: 30px;margin-top: 12px;}
.discussionSectionClose{background: transparent url('../images/MM/MM-techLog-arrow-closed.png') no-repeat 0px 0px;width: 30px;height: 30px;position: absolute;left: 35px;margin-top: 8px;}
.discussionDiv {  background-color: #E0E3E9;border-radius: 18px;padding: 13px;margin: 13px; display:none;}
#discussion {    background-color: black;    /* height: 210px; */}
#discussion .discussionReplyButton{display: block;font-size: 35px;height: 50px;border: 3px solid #17777a;text-decoration: none;text-align: center;width: 150px;float: right;;line-height: 50px;margin-top: 10px;border-radius: 10px;}
#discussion .discussionCancelButton {float: left;}
#discussion .discussion{background-color: #1e1f1f;border-radius: 18px;padding-bottom: 5px;}
#discussion .discussionPostButton {margin-top: -85px;margin-left: 550px;width: 70px;}

.discussionCount{font-size: 15px;color: #ffffff;position: absolute;left: 20px;line-height: 60px;bottom: -12px;left: 10px;}

.openAlertCounts{font-size: 20px;
    color: #ffffff;
    position: relative;
    left: 20px;
    line-height: 25px;
    bottom: 0.px;
    left: 10px;
    margin-left: 18px;
    margin-top: 35px;
    background-color: #a1a9af;
    border-radius: 50%;
    top:37px;
    }

.task-view-list .task-wrap .right a.task-details-discussion.workspaceCommand {width: 40px; margin-right: -4px; height: 40px; background: #fc2300; display: block; position: relative; bottom: -78px; right: -190px; border: 1px solid black; }

#itemPopup { height: 902px; padding: 250px 0 0 0; }
#itemPopup .popup-inner {width: 724px;margin: 0 0 0 25px;background-color: #f5f6f8;border: 3px solid #7b8187;border-radius: 18px;overflow: hidden;box-shadow: 0 0 12px #0a1947;}
#itemPopup .popup-inner h4 {font-size: 3.1em;font-weight: bold;color: #f5f6f8;line-height: 67px;height: 67px;text-align: center;background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px;border-bottom: 2px solid #545a5f;border-radius: 30px;   }
#itemPopup .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none; }
#itemPopup .popup-inner form .form-item {  }

#itemPopup .popup-inner .button-wrap { text-align: center; }
#itemPopup .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#itemPopup .popup-inner a.cancel { width: 120px; margin-left: 15px; }
#itemPopup .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: none; }
#itemPopup .popup-inner form .form-item input {width: 410px;float: right;text-align: right;color: #2e5cac;font-size: 3.1em;}


#itemPopup .popup-inner form .form-item input.category {height: 58px;line-height: 58px;font-size: 2.3em;font-weight: bold;color: #7b8187;text-align: right;text-transform: uppercase;width: 347px;}

#itemPopup .popup-inner form .form-item-serialized{height:70px;}
#itemPopup .popup-inner form .form-item input.serialized{height:70px;width: 10px}
#applicationHeader .header-wrapper .newItemButton {right: 221px; }
#itemPopup label.serialized{     position: absolute;  left: 510px;  font-size:2.5em; }
#itemPopup .popup-inner form .form-item div.customCheckbox{ position: relative; left: 90px; }

.contextMenuWrap .contextMenuItem.disabled {
    color: grey;
}

input[type=checkbox]{
    vertical-align: middle;
    position: relative;
    bottom: 3px;
    zoom : 2.1;
}
.editAction{float: right;margin-top: 20px;font-size: 20px;font-weight: bold;}

.createEvent{
	    margin-right: 150px;
	    border: none;
	    border-radius: 10px;
}

#viewTaskInsctructionPdfListContainer .signature .ovalWithoutSign {
	position: absolute;
	bottom: 10px;
	left: 0px;
	font-size: 1.1em;
}

#viewTaskInsctructionPdfListContainer .signature .jalOvalWithoutSign {
	position: absolute;
	bottom: 4px;
	left: 0px;
	font-size: 1.1em;
}

#viewTaskInsctructionPdfListContainer .signature .circleWithoutSign {
	position: absolute;
	bottom: 7px;
	left: 0px;
	font-size: 1.1em;
}

#viewTaskInsctructionPdfListContainer .signature .rectangle {
	position: absolute;
	bottom: 4px;
	left: 0px;
	font-size: 1.1em;
}
#viewTaskInsctructionPdfListContainer .signature .rectangleSstamp {
	position: absolute;
    bottom: 10px;
    left: -4px;
    font-size: 1.1em;
}
#viewTaskInsctructionPdfListContainer .signature .rectangleSstampWithoutSign {
	position: absolute;
    bottom: 24px;
    left: -4px;
    font-size: 1.1em;
}
#viewTaskInsctructionPdfListContainer .signature .rectangleWithoutSign {
	position: absolute;
	bottom: 4px;
	left: 0px;
	font-size: 1.1em;
}

.task-view-list .monitoring-InspectionWS .task-wrap.reviewMonitor-original-WO { background-image: none; background-color: lightblue; }
.task-view-list .monitoring-InspectionWS .task-wrap.reviewMonitor-cover-sheet { background-image: none; background-color: Orange; }
.task-view-list .monitoring-InspectionWS .task-wrap.reviewMonitor-record-sheet {background-image: none;background-color: white;  }
.task-view-list .monitoring-InspectionWS .right a.raise-nri { background-position: 0px -162px; pointer-events:none}
.task-view-list .monitoring-InspectionWS .right a.raise-nri span{ display:none; }
.task-view-list .monitoring-InspectionWS .left a.part-demand { background-position: 0px -324px; pointer-events:none}
.task-view-list .monitoring-InspectionWS .left a.part-demand span{ display:none; }
.task-view-list .monitoring-InspectionWS .task-wrap .left a.new-assignments {pointer-events:none}


#viewTaskInsctructionPdfListContainer .signature .triangleWithoutSign {
	position: absolute;
	bottom: 6px;
	left: 0px;
	font-size: 1.1em;
}

svg#SJX {
    width: 200px;
}
.form-style .group .has-lookup a#verifySerialAssetLookupNO {display:none;}
form-style .group .has-lookup a#verifySerialTerminalGateLookup {display:none;}

#ThreadedDiscussionEditAction .button-wrap a.editSavebutton{ display:inline-block; float:left;margin-left: 10px;}
#ThreadedDiscussionEditAction .button-wrap a.editCancelButton{float:right;margin-right: 10px;}
#ThreadedDiscussionEditAction textarea { font-size: 2.5em; height: 400px; }

#ThreadedDiscussionReplyAction .button-wrap a.discussionReplyButton{display:inline-block; float:left;margin-left: 10px;}
#ThreadedDiscussionReplyAction .button-wrap a.discussionCancelButton{float:right;margin-right: 10px;}

div.editText-false { display: none;}

div.commentDate{
	width: 310px;
    height: 30px;
    display: inline-block;
    padding: 5px;
    margin-left: 35px;
    font-size: 25px
}
div.editText-true{
width: 25px;
    height: 10px;
    padding: 5px;
    display: inline-block;
    position: static;
    font-size: 25px;
}

div#acknowledgeNotes{
display: inline-block;
	float:right;
}

div#acknowledgeNotes.passive-true{
	display:none;
}

div#acknowledgeNotes.acknowledged-true{
	  display: inline-block; width: 23px; height: 23px;float:right;
	  background: transparent url('../images/MM/MM-task-sign-off-checkbox.png') no-repeat 0px -115px; 
	  pointer-events:none;
}

div#acknowledgeNotes.acknowledged-true input[type=checkbox]{display:none; pointer-events:none;}

div.group.media{
    display: inline-block;
    float: right;
    width: 80px;	
    padding-top: 10px;
    padding-right: 40px;
    height: 25px;
}

div.group.media .uploadImage{
display: inline-block;
width: 5px;
padding-left: 45px;
}

.doNotOperateTaskSignoff.alertsOn-true {
    width: 15px;
    height: 15px;
    background-color: red;
    top: 45px;
    float: right;
    position: relative;
    left: 20px;
    transform: rotate(45deg);
    top: 62px;
    left: 45px
}


#ackFooterNotofication {
	position: relative;
    color: #FFFFFF;
    font-size: 11px;
    border: 2px solid #FFF;
    background: #B40404;
    text-align: center;
    font-weight: bold;
    float: right;
    top: 30px;
    left: 25px;
    width: 20px;
    height: 16px;
    bottom: 0px;
    padding-top: 4px;
}


div.discussionDiv.passiveAcknowledgement div#acknowledgeNotes input[type=checkbox]{ display:none; pointer-events:none;}

a.acknowledge.button {  
	display: block; width: 150px; height: 50px; line-height: 50px;
	font-size: 2.4em; font-weight: normal; color: #dbe4eb; text-align: center; text-decoration: none; 
	position: absolute; bottom: 15px; right: 46px; background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px -100px; }

div#edited-true {
	background-color: lightgray;
    display: inline-block;
    color: lightslategray;
    width: 50px;
    text-align: center;
    font-family: inherit;
    font-size: 1.5em;
    font-weight: bold;
}

div#edited-false {
	display:none;
}

div.ackFooterNotofication a.task-details-discussion {text-decoration:none;color:#FFFFFF; }

div#aosThreadHeadersView .uploadImage span.refMaterialIcon{ bottom:38px;}

.form-style div#createWoTaskStepInstructionView .group { overflow:hidden;}
div#acknowledgeNotes.acknowledged-true.unacknowledge-true{pointer-events:unset;}
#applicationHeader .header-wrapper .addApplicableProcAdditionalDocumentsView .lookupFilter {left:175px;}
div.addApplicableProcAdditionalDocumentsView a.header-button span.inner { zoom: 0.9;padding-left: 7px;}

#captureNAStampReasonPDFSavePage .form-style .group{ border-radius: 0px; }


.task-view-list .accessPannelChildtask .right a.sign-off {
    background-position: 0px -162px;
    pointer-events: none;
}


.task-view-list  .task-wrap.accessPannelChildtask .right a.sign-off span {
	display:none;
}

.task-view-list .accessPannelChildtask .right a.clock-on {
	background-position: 0 -81px;
	cursor: not-allowed;
    pointer-events: none;
}

.task-view-list .task-wrap.accessPannelChildtask .right span.clock-on-image {
	background-position: 0px -162px;
}

.task-view-list .accessPannelChildtask .right a.clock-on span.label-wrapper {
	color: #7b8187;
}
.task-view-list .task-wrap.accessPannelChildtask .right a.clock-on span.clock-on-image{ background-position: 0px -162px} 

a.roleMenuActionFalse {display: none;} 

span.containsRefMat-true {border:2.5px Solid Red;}

#applicationHeader .header-wrapper .lookupFilter.priorTasksSpyAndFilterIcon {left: 177px;}
#applicationHeader .header-wrapper .priorTasksSpyAndFilterIcon input { width: 420px; height: 47px; margin-left: 0px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url(../images/MM/MM-spyglass.png) no-repeat 446px 50%; }

.searchtaskDiv { border-radius: 18px;padding: 13px;margin: 13px; display:none;}

.form-style .group.priorSearchLookup-true{float: right;font-weight: bold;}
.form-style .group.priorSearchLookup-false{display: none;}

#priorTaskStepInstruction {  }
#priorTaskStepInstruction .group {  }
#priorTaskStepInstruction .header-group .woTask{font-size: 3.1em; color: #969da3; font-weight: bold;padding-left: 20px;border-bottom: 2px solid #a1a9af;}
#priorTaskStepInstruction .header-group .woDesc{font-size: 3.1em; color: #969da3; font-weight: bold;padding-left: 20px;overflow: auto;}
#priorTaskStepInstruction .group .form-woNo { float: left; border-right: 2px solid #a1a9af;  width: 300px;}
#priorTaskStepInstruction .group .form-woTask { float: left; width: 300px;}
#priorTaskStepInstruction .group .form-woNo label{font-size: 2.5em;}
#priorTaskStepInstruction .group .form-woTask label {width: 160px; font-size: 2.5em;}
#priorTaskStepInstruction .group .form-woNo input{width: 240px;color: #7B8187;font-size: 2.5em;}
#priorTaskStepInstruction .group .form-woTask input { width: 146px;color: #7B8187;font-size: 2.5em;}
#priorTaskStepInstruction .group .form-instructions { float: left; border-left: 2px solid #a1a9af; width: 97%;}
#priorTaskStepInstruction .group .form-instructions label{font-size: 2.5em;}
#priorTaskStepInstruction .group .form-instructions textArea{width: 100%;font-size: 2.5em;}
#priorTaskStepInstruction .group .form-signoffType { float: left;border-left: 0px solid #a1a9af;  width: 622px;}
#priorTaskStepInstruction .group .form-signoffType label{ display: inline-block; width: 202px; font-size: 2.5em;}
#priorTaskStepInstruction .group .form-signoffType input{font-size: 2.5em; width: 161px;}

#priorTaskStepInstruction .group .item-wrap { border-radius: 0 0 26px 26px; position: relative; }
#priorTaskStepInstruction .group .item-wrap .item-header { height: 44px; line-height: 44px; background-color: #d0d5d9; border-bottom: 2px solid #a1a9af; border-top: 2px solid #a1a9af; color: #7b8187; font-size: 2.1em; font-weight: bold; text-align: center; position: relative; }
#priorTaskStepInstruction .group .item-wrap .item-header div { float: left; border-right: 2px solid #a1a9af; }
#priorTaskStepInstruction .group .item-wrap .item-header div:last-of-type { border-right: none; }
#priorTaskStepInstruction .group .item-wrap .item-header .step { width: 50px; }
#priorTaskStepInstruction .group .item-wrap .item-header .instruction { width: 267px; }
#priorTaskStepInstruction .group .item-wrap .item-header .firstStamp { width: 75px; }
#priorTaskStepInstruction .group .item-wrap .item-header .secondtamp { width: 75px; }
#priorTaskStepInstruction .group .item-wrap .item-header .thirdStamp { width: 75px; }
#priorTaskStepInstruction .group .item-wrap .item-header .phase { width: 65px; }
#priorTaskStepInstruction .group .item-wrap .item-list-loading { display: none; width: 704px; position: absolute; top: 48px; padding: 64px 0; text-align: center; background-color: #f5f6f8; }
#priorTaskStepInstruction .group .item-wrap .item-list { height: 950px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
#priorTaskStepInstruction .group .item-wrap .item-list .item-line { height: 80px; color: #7b8187; border-bottom: 2px solid #a1a9af; }
#priorTaskStepInstruction .group .item-wrap .item-list .selected { background-color: #bcd9fd; }
#priorTaskStepInstruction .group .item-wrap .item-list .item-line .input-wrap { overflow: auto; float: left; height: 80px; width: 92px;line-height: 45px;font-size: 1.8em; border-right: 2px solid #a1a9af; overflow: hidden; word-wrap: break-word; }
#priorTaskStepInstruction .group .item-wrap .item-list .item-line .step{width:50px;text-align: center;}
#priorTaskStepInstruction .group .item-wrap .item-list .item-line .instruction{width:267px; line-height: 25px;}
#priorTaskStepInstruction .group .item-wrap .item-list .item-line .firstStamp{width:75px; line-height: 25px;}
#priorTaskStepInstruction .group .item-wrap .item-list .item-line .secondtamp{width:75px; line-height: 25px;}
#priorTaskStepInstruction .group .item-wrap .item-list .item-line .thirdStamp{width:75px; line-height: 25px;}
#priorTaskStepInstruction .group .item-wrap .item-list .item-line .phase{width:65px; line-height: 25px;}
#priorTaskStepInstruction .group .item-wrap .item-list .item-line .input-wrap:last-of-type { border-right: none; }

.searchGroup span.searchGroupIcon.true{display:block}
.searchGroup span.searchGroupIcon{background: url('../images/MM/MM-spyglass.png') no-repeat 0px 0px;font-family :'roboto', sans-serif;color :#6D6E71;width: 30px;height: 30px;float: right;d;background-size: cover;position: relative;margin-right: 25px;margin-top: 9px;margin-left: 50px;/* background-color: white; */}

.form-style .group .customRadio, .form-style .group .radio-prior-item .customCheckbox {margin:0px}
.searchGroup span.searchGroupIcon {
    background: url(../images/MM/MM-spyglass.png) no-repeat 0px 0px;
    font-family: 'roboto', sans-serif;
    color: #6D6E71;
    width: 30px;
    height: 30px;
    background-size: cover;
    position: relative; 
}
.prioirSearchForm .searchGroupIcon{margin-left:90px;}
#prioirSearchFormId .radio-prior-item.sameProc{width:270px;}

a.logItem.actionCommand.multiClickButton.frameworkCommandBinded {
    display: block;
    float: left;
    width: 100px;
    height: 58px;
    line-height: 58px;
    font-size: 1.4em;
    color: #FFFFFF;
    background-color: #454B50;
    text-align: center;
    border: 1px solid #000;
    text-decoration: none;
}

.form-style .group .workPackageAssignment.lead-true .form-item {
  background-color: lightgreen;
    border-radius: 28px;
}

a.actionCommand.generateOnCallPackageAction.frameworkCommandBinded {
  text-decoration: none;
   color: white;
   font-weight: bold;
   background-color: #454B50;
   border: 2px solid #000;
   padding: 12px 10px;
   float: right;
   text-align: center;
   font-size: 25px;
   line-height: 0px;
}

.flightContractView {
    float: left;
    font-size: 15px;
    font-weight: bold;
    background-color: #454B50;
    color: white;
}

form.form-style.flightsCustomerContract {
    height: 15px;
    background-color: #454B50;
    border-radius: inherit;
}

#applicationBody .previewTaskCard-view {
	padding-left: 0;
    padding-right: 0;
    width: 200px;
    display: inline-block;
    margin-left: 50px;
    margin-right: 20px;
    font-size: 1.0em;
    text-align: center;
    height: 79px;
    line-height: 60px;
}

#applicationBody .previewTaskCard-acknowledge {
	padding-left: 0;
    padding-right: 0;
    width: 200px;
    display: inline-block;
    margin-left: 30px;
    margin-right: 20px;
    font-size: 1.0em;
    text-align: center;
    height: 79px;
    line-height: 60px;
}

#applicationBody #detailTaskView .signoff-page .form-style .group .form-item select {
	float: right;
	height:55px;
	background-color: #f5f6f8;
}

div#detailTaskView .signoff-page .hideELB-true{
	display:none;
}

.aogAnnociate{
	outline-style:solid;
	outline-color:coral;
	border:2px;
}

span#videoView{
    font-size: 2.1em;
    position: absolute;
    right: 20px;
    left: 30px;
     margin-top: 5px;
    font-weight: bold;
}

span#audioView{
	font-size: 2.1em;
	position: absolute;
	right: 24px;
	left: 10px;
	margin-top: 10px;
	font-weight: bold;
}

.multi-task-view-list .task-wrap, .multi-task-view-list-view .task-wrap {
    height: 194px;
    border: 1px solid #5d6268;
}

.multi-task-view-list .task-wrap.numChildren-0.SelectedTask, .multi-task-view-list-view .task-wrap.numChildren-0.SelectedTask {
	background-color: lightcyan;
}
.multi-task-view-list .task-wrap.numChildren-0, .multi-task-view-list-view .task-wrap.numChildren-0 {
    background-color: white;
    width:710px
}
.multi-task-view-list .task-wrap .left div, .multi-task-view-list-view .task-wrap .left div {
    height: 40px;
    font-size: 1.2em;
    color: #000;
    padding: 0 0 4px 0;
}
#multiClockOnWorkspace #multiTaskClockOnCheckBoxDiv {padding: 0 15px;}
h3.multi-section-title {
    height: 58px;
    line-height: 58px;
    color: #f5f6f8;
    font-weight: bold;
    font-size: 2.7em;
    text-align: left;
    background-color:gray;
    border: 1px solid #000;
}
#ClockOnAction .groupTimeCaptureGroup .task-details, #ClockOffAction .groupTimeCaptureGroup .task-details {text-decoration : none;}
#multiClockOnWorkspace h3.section-title, #multiClockOffWorkspace h3.section-title {
    text-align: left;
    padding: 0 15px;
    width: 680px;
    background-color:black;
    cursor: pointer;
}
#multiClockOnWorkspace h3.section-title #header-info-on {
    text-align:center;
    padding: 0 15px;
}
#multiClockOnWorkspace h3.section-title .viewCommand  {
    text-decoration:none;
    color:white;
    display: inline-block;
    transform:none;
}
#multiClockOnWorkspace h3.section-title .expand  {
    text-decoration:none;
    color:white;
    display: inline-block;
    transform:rotate(90deg);
}
#multiClockOnWorkspace .form-style , #multiClockOffWorkspace .form-style {
    background-color: gray;
    padding: 13px;
    margin: 13px;
    border: 3px solid #5d6268;
    border-radius: 18px;
    box-shadow: 0 0 12px #0a1947;
}
#multiClockOnWorkspace h1,#header-info, #multiClockOffWorkspace h1,#header-info {color:white;}
#multiClockOnWorkspace .section-loading {display : none;}
#multiClockOnWorkspace #applyMultiTask, #multiClockOffWorkspace #applyMultiTask {
    width: 150px;
    height: 50px;
    background-color: darkgray;
    display: block;
    color: white;
    position: absolute;
    right: 46px;
    font-weight: bold;
    top: 130px;
    font-size: 25px;
    border-radius: 9px;
}
#multiClockOnWorkspace .taskId, #multiClockOnWorkspace .taskTitle, #multiClockOnWorkspace .wo,
#multiClockOffWorkspace .taskId, #multiClockOffWorkspace .taskTitle, #multiClockOffWorkspace .wo {
    font-size: 1.92em;
    padding: 0 15px;
}
.form-style .group .multi-task {
    height: 44px;
    line-height: 44px;
    padding-left: 25px;
    font-size: 2.8em;
    color: black;
    font-weight: bold;
}
.form-style .group .task-details {text-decoration:none;}

/* When comma separate things, they're independent of each other - hence they need to reference the class again, otherwise it applies this css to all td and causes problem. */
#multiClockOffWorkspace .multi-task-view-list .task-wrap .selectedTaskToClockOff table, #multiClockOffWorkspace .multi-task-view-list .task-wrap .selectedTaskToClockOff td  {background-color:lightcyan;}
#multiClockOffWorkspace .multi-task-view-list-view table, #multiClockOffWorkspace .multi-task-view-list-view td {
    border: 1px solid black;
    border-collapse: collapse;
    font-size:1.0em;
    background-color:white;
    text-align:center;
    vertical-align:middle;
}
#multiClockOffWorkspace .multi-task-view-list-view td     {
    width:250px;
    font-size: 1.4em;
    height: 49.5px;
    font-weight: 100;
}
#multiClockOffWorkspace .multi-task-view-list .task-wrap {
	height : 120px;
}
#multiClockOffWorkspace .multi-task-view-list-view .task-wrap {
    height: 50px;
    display:block;
}
#multiClockOffWorkspace .multi-task-view-list-view .task-wrap .left div {
    height: 46px;
    color: #000;
    padding: 0 0 4px 0;
}
#multiClockOffWorkspace .groupClockOnOff, #multiClockOnWorkspace .groupClockOnOff {
    position: absolute;
    top: 133px;
    right: 300px;
    font-size: 1.8em;
}
#multiClockOnWorkspace header h1.section-title, #multiClockOffWorkspace header h1.section-title  {height: 75px;}

#flyoutPage form .group .filtering a.filter-button.readyToWork {
width: 175px;
}

#flyoutPage form .group a.filter-button.readyToWork.selected span {width: 175px;}

#flyoutPage form .group .grouping a.filter-button.disable{
    color: rgb(128, 128, 128);
	pointer-events: none;
}

input[name="recordCheckBox"] {
	float: left;
    top: 30px;
    width: 30px;	
}

#flyoutPage form.readyToWork {
	margin:0px;
}

.readyToWork a.task-details.viewCommand {
	right: 1px;
	position: absolute;
	width: 67px;
	height: 150px;
	background: #cbd3da url(../images/MM/MM-right-arrow.png) no-repeat 50% 50%;
    margin-right: 18px;
    border:none;
}


#readyToWorkListContainer{
	/* margin: 0px 40px 0px 40px; */
}

h3.section-title.readyToWorkHeader{
	width:596px;
	height:90px;
	padding-left:0px;
	line-height:40px;
	border-radius:10px 10px 0 0;
}

h3.section-title.readyToWorkDummyHeader,
h3.section-title.currentClockedOnDummyHeader{
	width:596px;
	height:90px;
	padding-left:0px;
	line-height:40px;
	border-radius:10px;
}

span.readyToWork{
	position: relative;
    width: 320px;
    height: 100px;
    top:26px;
	left: 26px;
    color: #f5f6f8;
	font-size:0.75em;
}

input#currentClockedOnHeaderCheckBox,
input#readyToWorkHeaderCheckBox{
	left: 8px;
    height: 30px;
    width: 12px;
    bottom: 0px;
    top: 6px;
    float: left;
    zoom: 2.3;
}


.readyToWorkHeader a.clock-on,
.readyToWorkDummyHeader a.clock-on,
.currentClockedOnDummyHeader a.clock-on {
    display: block;
    float: right;
    width: 165px;
    height: 81px;
    background: transparent url(../images/MM/MM-task-clock-on-bg.png) no-repeat 0px 0px;
    text-decoration: none;
    margin: 5px 10px 0 0;
}


.readyToWorkDummyHeader a.clock-on,
.currentClockedOnDummyHeader a.clock-on {
    pointer-events: none;
}

.readyToWorkHeader a.clock-on span.clock-on-image, 
.currentClockedOnDummyHeader a.clock-on span.clock-on-image, 
.readyToWorkDummyHeader a.clock-on span.clock-on-image {
    display: block;
    float: left;
    width: 79px;
    height: 81px;
    background: transparent url(../images/MM/MM-task-clock-on-buttons.png) no-repeat 0px 0px;
    z-index: 50;
}


.readyToWorkHeader a.clock-on span.label-wrapper,
.currentClockedOnDummyHeader a.clock-on span.label-wrapper,
.readyToWorkDummyHeader a.clock-on span.label-wrapper  {
    display: block;
    padding: 0 0px 0 0px;
    font-size: 0.7em;
    text-align: center;
    color: #0000009e;
}

.readyToWorkHeader a.clock-on span.label-wrapper span,
.currentClockedOnDummyHeader a.clock-on span.label-wrapper span,
.readyToWorkDummyHeader a.clock-on span.label-wrapper span{
    display: block;
    height: 35px;
    padding: 4px 0 1px 0;
}

.readyToWorkHeader a.clock-on span.label-wrapper span.clock-on-timer,
.currentClockedOnDummyHeader a.clock-on span.label-wrapper span.clock-on-timer,
.readyToWorkDummyHeader a.clock-on span.label-wrapper span.clock-on-timer{
    padding: 0 0 4px 0;
}

.readyToWorkHeader a.clock-on span.label-wrapper span,
.currentClockedOnDummyHeader a.clock-on span.label-wrapper span,
.readyToWorkDummyHeader a.clock-on span.label-wrapper span {
    display: block;
    height: 35px;
    padding: 4px 0 1px 0;
}


.currentClockedOnHeader a.clock-on span.label-wrapper{
    font-size: 2.0em;
    text-align: center;
    color: #605252;
    padding-top: 10px;
    font-weight: bold;
}


.readyToWorkHeader a.clocked-OFF span.clock-on-image{ 
	float: right; background-position: 0px -81px; 
}

.readyToWorkHeader a.clocked-OFF span.label-wrapper,
.readyToWorkDummyHeader a.clocked-OFF span.label-wrapper { 
	display: block; height: 35px; padding: 0px 0 1px 0; 
}

.currentClockedOnDummyHeader a.clock-on span.clock-on-image
{
		background-position: 0px -162px;
}
   
.readyToWorkDummyHeader a.clocked-OFF span.clock-on-image{
   float: right; 
   background-position: 0px -162px;
}

.currentClockedOnDummyHeader a.clock-on,
.readyToWorkDummyHeader a.clock-on{
	background-position: 0px -81px;
}
   
.currentClockedOnDummyHeader a.clock-on span.label-wrapper,
.readyToWorkDummyHeader a.clock-on span.label-wrapper{
	color: #887b7b9e;
}


#readyToWorkListContainer .task-wrap .left div.taskId {height:20px;}

#readyToWorkListContainer form {margin:0px;}

#multiClockOnSearchTaskFilter .form-style .group .form-item input,
#searchPriorTasksFilter .form-style .group .form-item input{
		display: block;
		float: left;
		text-align: left;
		font-size: 3.5em;
		color: #2e5cac;
		width: 300px;
		height: 58px;
		line-height: 58px;
		margin-left:10px;
		background-color: #ffffff;
}

#multiClockOnSearchTaskFilter .form-style .group .form-item input[type="Date"]{
    width:305px;
    border: 1px solid black;
}


#multiClockOnSearchTaskFilter .form-style .group .form-item input.date-val{
		width: 305px;
		border: 1px solid black;
}

#applicationHeader .header-wrapper .multiClockOnSearchTaskView .lookupFilter  input[name="mobileMechGeneralSearch"]{
	width: 420px;
    margin-left: 80px;
}

span.restrictCheck{
		display: inline-block;
		width: 23px;
		height: 23px;
		float: left;
		background: transparent url(../images/MM/MM-task-sign-off-checkbox.png) no-repeat 0px -92px;
		pointer-events: none;
		zoom: 1.2;
		margin-top: 50px;
		margin-left: 15px;
}

span.readyToWorkHeaderSpan.restrictCheck,span.currentClockedOnHeaderSpan.restrictCheck{		
		zoom: 1.3;
		margin-top: 26px;
		margin-left: 13px;		
}
	
input.restrictCheck{
	display:none;
	pointer-events:none;
}

.restrictCheck span.readyToWork{
	left: 6.75px;
}

.task-view-list .task-wrap.restrictCheck .left {
	padding-left: 29.5px;
}

.task-view-list .task-wrap.readyToWork .left div { 
    padding:0 0 10px 0;
    height:20px;
    font-size: 1.52em;
 }
 
 .task-view-list .task-wrap.packageSelectionReadyToWork .left div.packageId {
	 display:none;
 }
 
 .task-view-list .task-wrap.packageSelectionReadyToWork .left{
	padding-top: 30px;
 }
 	.task-view-list #readyToWorkTaskListContainer .task-wrap {
    width: 596px;
    height: 150px;
}
#applicationHeader .header-wrapper .lookupFilter input[name="mobileMechMultiClockOnSearch"] {
    width: 420px;
    margin-left: 80px;
	background: #454b50 url(../images/MM/MM-spyglass.png) no-repeat 445px 50%;
}

#changePasswordPage .popup-inner form .form-item input { width: 270px; }
#changePasswordPage .popup-inner h2 { height:80px; border-bottom: #f5f8fa;}
#changePasswordPage .popup-inner form .form-item input { width: 270px; }
#changePasswordPage .popup-inner h2 {height:80px;border-bottom: #f5f8fa;border-color: #959da3;}
div.disableOpenId{display: none;}
hr {border: none; border-top: 3px double #333; color: #333; overflow: visible; text-align: center; height: 5px;}
hr:after {background: #fff; content: 'OR'; padding: 0 4px; position: relative; top: -8px; font-size:13px;}
img#addTaskActivity {
 	background: #0000 url('../images/MM/Add_To_Package.png') no-repeat 50% 50%;
	position: absolute;
	height: 39px;
	width: 40px;
	left: 52px;
	background-size: 37px;
	top: 5px;
}
.form-item.progInsp.disabled .progressInspIcon {
	background-image: url('../images/MM/MM-lookup-button-disabled.png');
}