textarea {
    resize: vertical;
}

.ui-jqgrid-header-override {
    font-weight: bold;
    text-align: center !important;
}

/* Fit width to page */
div[data-role="content"] table {
    width: 100%;
    /* overflow-y: hidden; */
}

/* jQuery Mobile doesn't always hide icons on combos with no icon. */
.ui-select .ui-icon-none {
    display: none;
}
/* STR #94074 */
.ui-select .ui-state-disabled {
    opacity: 1.0;
}
table {
    border-spacing: 0px !important;
    border-collapse: collapse !important;
}

.cgi-li {
    padding: 0px !important;
}

.cgi-li a {
    padding: 0px !important;
}


/*ParkingRestriction table style*/
#restrictionsTable tr:not(:first-child){
	color:#333333 !important;	
    font-size: 15px !important;
    font-family: Open-Sans-Semibold !important;
}

#restrictionsTable tr:nth-child(odd){
    background-color:#FFFFFF !important;
    border:0px;
}
#restrictionsTable tr:nth-child(even){
    background-color:#F2F2F2 !important;
    border:0px;
}
/*ParkingRestriction style end */


.panelDialog {
    z-index: 25000;
}

.NonOrderActivityDialog {
    width: 80% !important;
    left: 10% !important;
    right: 10% !important;
    z-index: 1500;
}

.nonOrderActivityTitle {
    text-align: center;
}

.SmallDialog {
    width: 40% !important;
    left: 30% !important;
    right: 30% !important;
}

.MediumDialog {
    width: 60% !important;
    left: 20% !important;
    right: 20% !important;
}
.cgi-warning {
        background-color: orange !important;
        color: white !important;
        font-weight:bolder !important;
}
.LargeDialog {
    width: 80% !important;
    left: 10% !important;
    right: 10% !important;
}

.askPositionPopup {
    width: 250px;
}

/* set the z-index to a high value so tha date picker and Time picker are always on top of PopUp (example NonOrderActivity) */
.ui-datebox-container {
    z-index: 20000 !important;
}

div.ui-force-oppacity{
    opacity: 1.0 !important;
}

/* Hack to have JQM loader not transparent. */
.ui-loader {
    opacity: 1.0 !important;
}

/* to add blue border line on top of each popup */
.ui-popup {
    border-top:8px solid #069BD7;
    width:100%
}

.ui-panel-content-wrap {
    background: url(/Cache/images/background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-attachment: scroll;
    background-color: white;
}

.cgi-loading-overlay {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    filter: alpha(opacity=0.0);
    opacity: 0.0;
    z-index: 1000;
}

input[readonly="readonly"], textarea[readonly="readonly"] {
    cursor: default !important;
}

/* jQuery Mobile panel size hacks. */
/* TODO: Parametrize this to allow resizing of sliding panels only on certain platforms. Done in JS for now. */
/*#page-main #left-sliding-pane.ui-panel {
    width: 30em;
}
*/

#page-main #left-sliding-pane.ui-panel-closed {
    width: 0;
}

#page-main .ui-panel-position-left.ui-panel-display-reveal {
    left: 0;
}

#page-main .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
    left: 30em;
    right: -30em;
}

#page-main .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(30em,0,0);
    -moz-transform: translate3d(30em,0,0);
    transform: translate3d(30em,0,0);
}

#left-sliding-pane, #right-sliding-pane {
    background: rgb(255, 255, 255);
    border-bottom: 8px solid #069BD7;
    min-height:auto;
    top:20px;
}

#left-sliding-pane table[data-columnsheight]{
    height:auto !important;
}
#switchuser-dialog {
    max-width: 480px;
}

#instantmessenger-dialog {
 border: 1px solid #921e21;
 border-radius: 4px;
    z-index: 1000 !important;
}

 #instantmessenger-dialog-content {
 border: 1px solid #921e21;
 border-radius: 4px;
}

 #InstantMessengerUsers-container, #InstantMessengerConversations-container {
 border: 1px solid #921e21;
 border-radius: 4px;
 min-height: 495px;
 max-height: 495px;
 overflow: auto;
}

.shadow-select {
    -webkit-box-shadow: -10px 0px 10px -2px rgba(255, 0, 0, .8), 10px 0px 10px -2px rgba(255, 0, 0, .8);
    box-shadow: -10px 0px 10px -2px rgba(255, 0, 0, .8), 10px 0px 10px -2px rgba(255, 0, 0, .8);
    -moz-box-shadow: -10px 0px 10px -2px rgba(255, 0, 0, .8), 10px 0px 10px -2px rgba(255, 0, 0, .8);
}

.red-gradient {
    background: #ff0000;
    border-color: #707070;
    background: -moz-linear-gradient(top, #ff0000 0%, #707070 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #ff0000 0%,#707070 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff0000 0%,#707070 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff0000 0%,#707070 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff0000 0%,#707070 100%); /* W3C */
}

.yellow-gradient {
    background: #ffff00;
    border-color: #707070;
    background: -moz-linear-gradient(top, #ffff00 0%, #707070 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #ffff00 0%,#707070 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffff00 0%,#707070 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffff00 0%,#707070 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffff00 0%,#707070 100%); /* W3C */
}

.green-gradient {
    background: #00ff00;
    border-color: #707070;
    background: -moz-linear-gradient(top, #00ff00 0%, #707070 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #00ff00 0%,#707070 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00ff00 0%,#707070 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00ff00 0%,#707070 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00ff00 0%,#707070 100%); /* W3C */
}

.grey-gradient {
    background: #c0c0c0;
    border-color: #707070;
    background: -moz-linear-gradient(top, #c0c0c0 0%, #707070 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #c0c0c0 0%,#707070 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c0c0c0 0%,#707070 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c0c0c0 0%,#707070 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c0c0c0 0%,#707070 100%); /* W3C */
}

.ui-autocomplete {
    z-index: 25000 !important;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-jqgrid-btable .ui-state-highlight {
    background: rgb(180, 54, 54); /* The Fallback */
    background: rgba(180, 54, 54, 0.4);
}
/*jqgrid-list-grid-table*/
div[data-border-selectedjoblist="styleone"] .ui-jqgrid-btable .ui-state-highlight,
div[data-border-selectedjoblist="styletwo"] .ui-jqgrid-btable .ui-state-highlight,
div[data-border-selected-itemgrid="styleone"] .ui-jqgrid-btable .ui-state-highlight,
div[data-border-selected-itemgrid="styletwo"] .ui-jqgrid-btable .ui-state-highlight {
    border-style: solid;
    border-color: #069BD7;
    border-width: 3px;
    background-image: none !important;
    text-decoration: none !important;
    background: white;
}
div[data-border-disabled-itemgrid="styleone"] .ui-jqgrid-btable .disabled-item-grid,
div[data-border-disabled-itemgrid="styletwo"] .ui-jqgrid-btable .disabled-item-grid {
    border-color: rgb(128,128,128) !important;   
}
.active-reassign {
    content: url("/Cache/images/PfieldReassign.png");
}
.toggle-reassign {
    content: url("/Cache/images/PfieldReassignActive.png");
}
.disable-reassign {
    content: url("/Cache/images/PfieldReassignDisable.png");
}
/***********************************************/
/*************cgi-jqm-minify********************/
/***********************************************/
/*.cgi-jqm-minify .ui-collapsible-set
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.cgi-jqm-minify .ui-mini 
{
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	padding: 0 !important;
}

.cgi-jqm-minify td {
	padding: 0 !important;
}

.cgi-jqm-minify span {
	font-size: 10px;
}

.cgi-jqm-minify .ui-collapsible-content {	
	padding-left : 5px !important;
	padding-right: 5px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	
}

.cgi-jqm-minify input.ui-input-text
{
	padding-left : 2px !important;
	padding-right: 2px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.cgi-jqm-minify .ui-btn-inner {
	font-size: 0px;
	padding-top: 2px !important;	
	padding-bottom: 2px !important;		
}*/
/***********************************************/
/************cgi-jqm-minifyV2*******************/
/***********************************************/
.cgi-jqm-minify .ui-collapsible-set, .cgi-jqm-minify td {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.cgi-jqm-minify .ui-collapsible-set .ui-btn-inner {
    min-height: 18px;
}

.cgi-jqm-minify .ui-collapsible-set .ui-btn-text, .cgi-jqm-minify .ui-collapsible-heading {
    top: 2px;
}

.cgi-jqm-minify .ui-mini {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
}

.cgi-jqm-minify span {
    font-size: 11px;
}

.cgi-jqm-minify .ui-collapsible-content, .cgi-jqm-minify .tab-selected {
    padding: 6px;
}

.cgi-jqm-minify input.ui-input-text {
    padding-left: 5px !important;
    padding-right: 0px !important;
    padding-top: 2px !important;
    padding-bottom: 0px !important;
    width: 96% !important;
}

.cgi-jqm-minify .ui-btn-inner {
    font-size: 5px;
    margin-bottom: 1px;
}

/*List items requires a bigger font size to be readable*/
.cgi-jqm-minify .ui-btn-inner.ui-li {
    font-size: 10px;
}

.cgi-jqm-minify .ui-input-datebox .ui-btn-inner {
    top: -2px;
}

.cgi-jqm-minify .ui-select .ui-btn-inner {
    min-height: 15px;
}

.cgi-jqm-minify .ui-navbar {
    margin-bottom: 0 !important;
    margin-top: 8px !important;
}

.cgi-jqm-minify .ui-select .ui-icon {
    overflow: visible;
}

/**************************************************************/
/* style to be used in validation result form                 */
/* assign and unassign validations                            */
/**************************************************************/
#gview_validation-result-grid-table .ui-widget-content {
    border-style: solid;
	border-width: 10px;
	border-color: white;
	border-spacing: 6px;
	margin: 10px;
}

#gview_validation-result-grid-table .ui-icon {
	background-color: lightgrey;
}

#gview_validation-result-grid-table .validationKey {
	background: lightgrey;
	cursor: pointer;
}

#gview_validation-result-grid-table .ui-icon-selected {
	background-color: darkgrey;
}

#gview_validation-result-grid-table .validationKeySelected {
	background: darkgrey;
	cursor: pointer;
}	
/**************************************************************/


/*
#gview_validation-result-grid-table td {
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	border-spacing: 4px;
}
*/
/***********************************************/
/************cgi-jqm-minifyV3*******************/
/***********************************************/
/*.cgi-jqm-minify3 .ui-collapsible-set {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.cgi-jqm-minify3 .ui-collapsible-set .ui-btn-inner {
    min-height: 18px;
}

.cgi-jqm-minify3 .ui-collapsible-set .ui-btn-text, .cgi-jqm-minify3 .ui-collapsible-heading {
    top: 2px;
}

.cgi-jqm-minify3 .ui-mini {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
}

.cgi-jqm-minify3 span {
    font-size: 14px;
	font-weight: normal;
}

.cgi-jqm-minify3 .ui-collapsible-content, .cgi-jqm-minify3 .tab-selected {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.cgi-jqm-minify3 input.ui-input-text {
    padding-left: 3px !important;
    padding-right: 0px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    width: 96% !important;
	font-weight: normal;
}

.cgi-jqm-minify3 .ui-btn-inner {
    font-size: 5px;
    margin-bottom: 1px;
}

.cgi-jqm-minify3 .ui-input-datebox .ui-btn-inner {
    top: -2px;
}

.cgi-jqm-minify3 .ui-select .ui-btn-inner {
    min-height: 15px;
}

.cgi-jqm-minify3 .ui-navbar {
    margin-bottom: 0 !important;
    margin-top: 8px !important;
}
.cgi-jqm-minify3 .ui-select .ui-icon {
    overflow: visible;
    right: 9px !important;
}
.cgi-jqm-minify3 .ui-listview {
    margin:0px;
}*/

/* Scroll bar of the dispatch content page */
#bottom-scrollbar {
    padding: 0px; 
    overflow-x: scroll !important;
    background: #fff !important; 
    overflow-y: hidden;
    height: 20px;
}

#bottom-scrollbar p {
    padding: 0px; 
        white-space: nowrap;
}

#ui-datepicker-div {
    z-index: 25!important;
}

/* 
    Replaced fastclick with this CSS hack for iOS and Windows Phone.
    Android browser / Chrome already has the 300ms wait time removed.
 */
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}


.shadow-yellow {
    -webkit-box-shadow: 0px 0px 12px #FFF700;
    box-shadow: 0px 0px 12px #FFF700;
    -moz-box-shadow: 0px 0px 12px #FFF700;
}

ul > li.ui-overlay-e:nth-child(2n+1) {
    background-color: #F9F9F9;
}

/*Mail*/
.mail-folder {
    list-style-type: none;
    cursor: pointer;
}

.mail-folder-selected {
    background-color: #BBBBBB;
}

.mail-folder-image {
    height: 16px;
    width: 16px;
    padding-right: 3px;
    padding-left: 2px;
}

.mail-folder-control {
    height: 16px;
    width: 16px;
    float: right;
}

.mail-folder-info {
}

.mail-attach {
    padding-right: 10px;
}
.mail-attach-control {
    height: 16px;
    width: 16px;
    margin-bottom: -2px;
    margin-left: 1px;
}

.mail-folder-other {
    margin-top: -18px;
    float: right;
}

[controlname=Inbox_MailCheck] .ui-btn-inner {
    padding-left: 0 !important;
}

.no-text-transform {
    text-transform: none !important;
}

textarea[id^=Job_FreeFormat-] {
    text-transform: uppercase;
}

.mail-indicator {
    width: 34px;
    height: 24px;
    padding-top: 7px;
    cursor: pointer;
}

.mail-indicator-off {
    opacity: 0.21;
}

.timesheet-checkin {
    width: 34px;
    height: 24px;
    padding-top: 7px;
    cursor: pointer;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.clickable, .clickable label {
    cursor: pointer !important;
}

.compElectronicSignature {
    border: 2px dotted black;
}

.absolute-overlay {
    position: absolute; 
    top: 0; 
    right: 0; 
    left: 0; 
    bottom: 0;
    cursor: pointer;
}

.absolute-overlay-wrapper {
    position: relative;
}

.mailUDFElement{
    border-top: #757575;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 5px;
    padding: 5px;
}

/* used to outline field on UDF Template when an error occurs*/
.Shadow-red {
    -webkit-box-shadow: 0px 0px 12px #FF0000;
    box-shadow: 0px 0px 12px #FF0000;
    -moz-box-shadow: 0px 0px 12px #FF0000;
}

/* used to outline field on UDF Template when a warning occurs*/
.Shadow-Warning {
    -webkit-box-shadow: 0px 0px 12px #FFA500;
    box-shadow: 0px 0px 12px #FFA500;
    -moz-box-shadow: 0px 0px 12px #FFA500;
}

/* used to outline field on Timesheet Template when a warning occurs*/
.InnerShadow-Warning {
    -webkit-box-shadow: inset 0px 0px 16px #FF0000;
    box-shadow: inset 0px 0px 16px #FF0000;
    -moz-box-shadow: inset 0px 0px 16px #FF0000;
}

/* used to outline title for required fields on UDF Template*/
.InnerShadow-red {
    -webkit-box-shadow: inset 0px 0px 6px #FF0000;
    box-shadow: inset 0px 0px 6px #FF0000;
    -moz-box-shadow: inset 0px 0px 6px #FF0000;
}

.disabledImage {
    opacity: 0.25; 
    filter: alpha(opacity=25);
}

.crewmaterialreplenish-equipmentmaterials-header > td {
    background-color: white;
    padding: 4px 0 0 4px;
}

.ui-collapsible-content .ui-listview-inset.crewmaterialreplenish-ul {
    margin: 0;
    box-shadow: none;
}

.crewmaterialreplenish-ul > li > div > table > tbody > tr > td {
    padding: 0;
}

.crewmaterialreplenish-equipmentmaterials-header:not(.crewmaterialreturn-equipmentmaterials-header) > td > table > tbody > tr > td:nth-child(1),
.crewmaterialreplenish-equipmentmaterials-header:not(.crewmaterialreturn-equipmentmaterials-header) > td > table > tbody > tr > td:nth-child(2),
.crewmaterialreplenish-equipmentmaterials-header:not(.crewmaterialreturn-equipmentmaterials-header) > td > table > tbody > tr > td:nth-child(1) label,
.crewmaterialreplenish-equipmentmaterials-header:not(.crewmaterialreturn-equipmentmaterials-header) > td > table > tbody > tr > td:nth-child(2) label {
    cursor: pointer;
}

[controlname='EquipmentMaterialsHeader_SelectAll'] {
    width: 120px !important;
    float: right;
    margin-right: 4px;
}


[controlname='JobMaterialRequirement_SelectAll'] {
    margin-right: 6px;
    width: auto !important;
}

[controlname='EquipmentMaterialsList_Add'] {
    width: 38px !important;
}

tr.crewmaterialreplenish-equipmentmaterials-header:not(.crewmaterialreturn-equipmentmaterials-header) > td > table > tbody > tr > td:nth-child(4),
tr.crewmaterialreplenish-equipmentmaterials-header:not(.crewmaterialreturn-equipmentmaterials-header) > td > table > tbody > tr > td:nth-child(5) {
    width: 34px !important; /* override htmleditor style attribute */
}

.paginate-no-item-li {
    font-style: italic;
    padding: 5px;
    background: white;
    border-top: 2px solid #D6D6D6;
    color: black;
}

.frameless-popup >  div > table > tbody > tr > td > div {
    margin: 0;
}
    
.frameless-popup > div > table > tbody > tr > td {
    padding: 0;
}

.frameless-popup td > div > div > h3 > a,
.frameless-popup td > div > div > h3 > a > span,
.frameless-popup td > div > div > div {
    border: 0;
}

.crewmaterialreplenish-equipmentmaterials-header-2 > td {
    background: white;
}

[controlname='EquipmentMaterialsList'] > ul,
[controlname='EquipmentMaterialsPurXferList'] > ul {
    background: white;
}

[controlname='EquipmentMaterialsList'] > ul > li:not(.paginate-no-item-li),
[controlname='EquipmentMaterialsPurXferList'] > ul > li:not(.paginate-no-item-li) {
    margin: 0 0 0 100px;
    border-left: 2px solid #D6D6D6;
}

[controlname='CrewMaterialReplenishList'] > ul > li,
[controlname='CrewMaterialPurXferList'] > ul > li {
    margin: 15px 0;
}

[controlname='CrewMaterialReplenishList'] > ul > li > div > table > tbody > tr,
[controlname='CrewMaterialPurXferList'] > ul > li > div > table > tbody > tr {
    background: white;
}

.crewmaterialreplenish-equipmentmaterials-header-2 > td {
    padding: 0 0 0 100px;
}

.crewmaterialreplenish-equipmentmaterials-header-2 > td > table > tbody {
    border-left: 2px solid #D6D6D6;
}

#AddEquipmentMaterial-container table[controlname='Columns'] > tbody > tr > td {
    vertical-align: middle !important;
}

.Warning-Border {   
    border-style: solid;
    border-color: #FFA500;
    border-width: medium;
}

.Error-Border {   
    border-style: solid;
    border-color: #FF0000;
    border-width: medium;
}

.PortableValidation-Warning-Border {
    border-style: solid;
    border-color: #FFA500;
    border-width: medium;
}

.PortableValidation-Error-Border {
    border-style: solid;
    border-color: #FF0000;
    border-width: medium;
}

div.ui-input-text input.ui-input-text.PortableValidation-Error-Border {
    border-style: solid;
    border-color: #FF0000;
    border-width: medium;
}

.hasdata-udf{
    text-decoration: underline !important;
    font-weight:bolder;
}

a.hasdata-udf.ui-link-inherit{
    text-decoration: underline !important;
}
/*Override de Multiline Height to accomodate 2 lines without a scroll bar*/
textarea.ui-mini {
    height: 3.4em;
    /* height: 55px; */
}

!div#panel-dialog-content > div#approval-reject-container{
    max-width: 800px;
    word-wrap: break-word;
}

!div#panel-dialog > div#panel-dialog-content > div#approval-reject-container{
    left: auto;
}
.dialog-content-notify {
    margin-left: 0px !important;
    padding-bottom: 40px!important;
    border-bottom: 2px solid #F2F2F2 !important;
    margin-top: 25px !important;
    font-size:16px!important;
    font-family:Open-Sans-Regular!important;
    color:#3D3D3D!important;
}
.btn-cancel-no-close {
	border: 1px solid #069BD7;
	background: #FFFFFF;
	font-weight: bold;
	color: #069BD7;
	text-shadow: 0 0px 0 #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #ffffff ));
	background-image: -webkit-linear-gradient( #ffffff, #ffffff);
	background-image:    -moz-linear-gradient( #ffffff, #ffffff);
	background-image:     -ms-linear-gradient( #ffffff, #ffffff);
	background-image:      -o-linear-gradient( #ffffff, #ffffff);
	background-image:         linear-gradient( #ffffff, #ffffff);
}
.btn-cancel-no-close:hover {
	border: 1px solid #0082BE;
	background: #FFFFFF;
	font-weight: bold;
	color: #0082BE;
	text-shadow: 0 0px 0 #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #ffffff));
	background-image: -webkit-linear-gradient( #ffffff, #ffffff);
	background-image:    -moz-linear-gradient( #ffffff, #ffffff);
	background-image:     -ms-linear-gradient( #ffffff, #ffffff);
	background-image:      -o-linear-gradient( #ffffff, #ffffff);
	background-image:         linear-gradient( #ffffff, #ffffff);
}
.btn-yes-ok{
    border: 1px solid #069BD7;
	background: #069BD7;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #069bd7), to( #069bd7));
	background-image: -webkit-linear-gradient( #069bd7, #069bd7);
	background-image:    -moz-linear-gradient( #069bd7, #069bd7);
	background-image:     -ms-linear-gradient( #069bd7, #069bd7);
	background-image:      -o-linear-gradient( #069bd7, #069bd7);
	background-image:         linear-gradient( #069bd7, #069bd7);
}
.btn-yes-ok:hover{
    border: 1px solid #0082BE;
	background: #0082BE;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #0082be), to( #0082be));
	background-image: -webkit-linear-gradient( #0082be, #0082be);
	background-image:    -moz-linear-gradient( #0082be, #0082be); 
	background-image:     -ms-linear-gradient( #0082be, #0082be);
	background-image:      -o-linear-gradient( #0082be, #0082be);
	background-image:         linear-gradient( #0082be, #0082be);
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ui-icon-loading {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

#AuditLogDialog-popup{
    width:80%; 
}



/*Make textarea resizable and scrollable in these control*/
[controlname].ui-disabled,
textarea.ui-disabled {
	pointer-events: auto !important;
}
/*Keep OtherStatus button with it color */
div[controlname="Action_OtherStatus"]{
	opacity: 1 !important;
}
div[controlname="Action_OtherStatus"].ui-disabled{
	opacity: 0.5 !important;
}
/* readonly fields */
.ui-input-text.ui-shadow-inset.ui-corner-all.ui-btn-shadow.ui-mini.ui-body-a.ui-disabled {
    background-color: #f3f3f3; /* same color as body-b (form background) */
}

.ui-input-text.ui-shadow-inset.ui-corner-all.ui-btn-shadow.ui-mini.ui-body-c.ui-disabled {
    background-color: #f3f3f3; /* same color as body-b (form background) */
}

.ui-input-text.ui-shadow-inset.ui-corner-all.ui-btn-shadow.ui-mini.ui-body-d.ui-disabled {
    background-color: #f3f3f3; /* same color as body-b (form background) */
}

.ui-input-text.ui-shadow-inset.ui-corner-all.ui-btn-shadow.ui-mini.ui-body-e.ui-disabled {
    background-color: #f3f3f3; /* same color as body-b (form background) */
}

.ui-indetermine-checkbox {
    background: #d5d5d5;
    background: -moz-linear-gradient(top, #d5d5d5 38%, #000000 38%, #000000 40%, #ffffff 40%, #ffffff 65%, #000000 65%, #000000 67%, #d5d5d5 67%, #d5d5d5 67%);
    background: -webkit-linear-gradient(top, #d5d5d5 38%,#000000 38%,#000000 40%,#ffffff 40%,#ffffff 65%,#000000 65%,#000000 67%,#d5d5d5 67%,#d5d5d5 67%);
    background: linear-gradient(to bottom, #d5d5d5 38%,#000000 38%,#000000 40%,#ffffff 40%,#ffffff 65%,#000000 65%,#000000 67%,#d5d5d5 67%,#d5d5d5 67%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#d5d5d5',GradientType=0 );
}
.ui-checkbox.ui-3state-null .ui-btn-inner > .ui-icon {
	background-position: 	-37px -1px;
	background-image: url(/Cache/images/icons-18-white.png);
	background-color: #ababab !important/*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}
.PragmaContextualMenu {
    display: none;
    z-index: 2000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    min-width: 180px;
}

.pragma-ContextualMenu-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 0;
}
/*Allows modifying text size in HTML Editor's DropDowns*/
.CustomFontSizeDDNormal span{
	font-size: 12px
}
.CustomFontSizeDDBig span{
	font-size: 15px
}
.CustomFontSizeDDVeryBig span{
	font-size: 18px
}

.pragma-ContextualMenu-item {
    cursor: pointer;
    transition: all .3s ease;
    user-select: none;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    color: rgb(51, 51, 51);
    position: relative;
    box-sizing: border-box;
}

    .pragma-ContextualMenu-item:hover {
        background-color: #DEF;
    }

.pragma-ContextualMenu-link {
    position: relative;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    color: inherit;
    background-color: transparent;
    width: 100%;
    height: 32px;
    line-height: 32px;
    display: table-row;
    cursor: pointer;
    padding-top: 0px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 6px;
    text-align: left;
    outline: transparent;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.pragma-ContextualMenu-linkIcon {
    display: table-cell;
    vertical-align: middle;
}

.pragma-ContextualMenu-linkContent {
    white-space: nowrap;
    height: inherit;
    display: table-cell;
    align-items: center;
    max-width: 100%;
}

.pragma-ContextualMenu-linktext {
    margin-top: 0px;
    margin-right: 4px;
    margin-bottom: 0px;
    margin-left: 4px;
    vertical-align: middle;
    display: inline-block;
    flex-grow: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pragmaGridSortNone {
}

.pragmaGridSortAsc {
	left: 3px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 5px transparent;
	margin: 4px 4px 0 3px;
	background: transparent;
	border-bottom: solid 7px #000;
	border-top-width: 0;
}

.pragmaGridSortDesc {
	left: 3px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 5px transparent;
	margin: 4px 4px 0 3px;
	background: transparent;
	border-top: solid 7px #000;
	border-bottom-width: 0;
}
.cgi-grid-header{
    position: sticky;
    top: 0px;
    z-index: 10;
}

#udfContainerTree .pragmaDeletedNode{
    display:none;
}

#jobtypejobtemplateudf-container .pragmaDeletedNode {
    display: none;
}

.CUDetailsSearchGrid {
    margin-bottom: -4px;
    margin-left: -5px;
    margin-top : -2px
}

.udfContainerSelectable.udfContainerSelected {
    background: #f90;
}

.tabControlContainer a {
    -webkit-touch-callout: none !important;
}

.udf-error-div {
	font-size: 16px;
    line-height: 35px;	
}

.udf-error-div td {
    padding-left: 0.9%;
}

.udf-error-div td:nth-child(2n-1) {
    width: 3%;
}

.udf-error-div-header {
    font-family: Open-Sans-Semibold;
    line-height: 35px;
}

.udf-error-div-header tr {
    border: 2px solid white;
}

.udf-error-div-Content {
    font-family: Open-Sans-Regular;
}

.udf-error-div-Content tr:nth-child(2n) {
    background: #DBDBDB;
}

.udf-error-div-Content td {
    border: 2px solid white;
}

.udf-error-div-Content td:nth-child(1) {
    background: #069BD7;
}

.udf-error-div-Content a {
  color: inherit;
  text-decoration: inherit;
}

/* style for popup Time appointment in workList*/
.ui-popup-time-appointment {
	text-align:center;
	height:100px;
	border: 0px solid rgb(170, 170, 170);
    -webkit-border-radius:9px;
    background-color:#cea3a3 ;
    background-image: linear-gradient( #cea3a3,#c6a9a9);
}
/*Style for popup search CUMU*/

#searchcumu-dialog input[id^="TxtCUCATALOG"] {
    color:#737272 !important;
}
#CUMUAttributes-container div[controlname^="ACTION"] span.ui-btn-inner {
    padding: 0px !important;
}

#CUMUAttributes-container div[controlname^="GRID"] li > div.ui-btn-inner {
    padding-right: 0px !important;
}
#CUMUAttributes-container div[controlname^="GRID"] a {
    padding: 0 !important;
}
#FacilityAttributes-container div[controlname^="GRID"] a {
    padding: 0 !important;
}
#FacilityAttributes-container div[controlname^="GRID"] a[data-shadow="true"] {
    -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/
}

/*Style for multiSelect Div */
.ui-listboxMultiselect {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 7px;
}
.ui-popupMultiSelect{
    width: 400px;
    min-height:475px; 
    border: 1px solid lightgrey;
    box-shadow: 2px 2px lightgrey;
    -webkit-border-radius:9px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: none!important;
    background-color: #FFFFFF!important;
}
.ui-listboxMultiselect a{
    padding-left: 2.5em !important;
    padding-right: 1em !important;
    font-size:16px; 
    font-family:Open-Sans-Bold;
    color: rgb(115, 114, 114);
    min-height: 22px;
}
.ui-listboxMultiselect span  
.ui-icon{
    background-color: #FFFFFF !important;
}
.ui-listboxMultiselect a::after{
    right: auto;
    left: 9px;
    transform: scaleX(-1);
}
.ui-itemMultiSelect {
    color:#0082BE!important;
}

.ui-itemMultiSelect-highlight {
    color: #0082BE !important;
}

.ui-listboxMultiselect li
    .ui-btn-hover-c:visited,
    .ui-btn-hover-c:hover,
    .ui-btn-hover-c a.ui-link-inherit {
	background: none !important;
}
.ui-itemMultiSelect::-webkit-scrollbar {
    width: 20px;
}

/* Track */
.ui-itemMultiSelect::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.ui-itemMultiSelect::-webkit-scrollbar-thumb {
  background: lightgrey; 
  border-radius: 10px;
}

/* Handle on hover */
.ui-itemMultiSelect::-webkit-scrollbar-thumb:hover {
  background: grey; 
}
 /*Style for multiSelect Div end*/
 /*Style padding =0 only for balise a in gridRow */
.ui-grid-datainner {
    padding: 0px !important;
}

    /*style for grid with borders (header not included)*/
div[data-border-grid="true"] li:not(:first-of-type){
    box-shadow: 0px 2px 4px rgba(0,0,0,.17) !important;
    border: 1px solid #E0E0E0 !important;
    box-sizing: border-box !important; 
    margin: 10px 0px !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    padding:20px !important;
}
div[data-border-selected-itemgrid="styleone"] li.selectedItemGrid, 
div[data-border-selected-itemgrid="styletwo"] li.selectedItemGrid,
td.selectedItemGrid {
    border-style: solid !important;
    border-color: #0082BE !important;
    border-width: 3px !important;
    background-image: none !important;
    text-decoration: none !important;
}
div[data-border-selected-itemgrid="styletwo"] li.selectedItemGrid {
    background-color: white !important;
}

    /*joblist-container section for tabs border and for item selected border*/
div[data-border-gridjoblist="true"] #joblist-container > li {
    box-shadow: 0 5px 5px rgba(0,0,0,.2) !important; 
    margin: 10px !important; 
    border-style:solid !important;
    border-color:rgba(0,0,0,.1)!important;
    border-radius: 5px;
}
div[data-border-selectedjoblist="styleone"] #joblist-container > li  > .ui-btn-active,
div[data-border-selectedjoblist="styletwo"] #joblist-container > li  > .ui-btn-active { 
    border-style: solid;
    border-color: #069BD7;
    border-width: 2px;
    background-image: none !important;
    text-decoration: none !important;
    background: white;    
}

#joblist-container li textarea.ui-input-text:read-only,
#jobdetails-container textarea.ui-input-text:read-only {
    overflow-y: auto;
    height: auto !important;
}

/*style for button with data-custom-icon property*/
a[data-custom-icon="true"] span.ui-icon {
    background-image: url('images/icons-18-blue.png') !important;
}
/*style for accordeon with data-custom-icon property*/
div[data-custom-icon="true"] .ui-collapsible-heading span.ui-icon {
    background-image: url('images/icons-18-blue.png') !important;
}
/*style borders for accordeon with data-borderacc property*/
div[data-borderacc-bottom="true"] .ui-collapsible-heading {
    border-bottom: 3px solid #D3D3D3;
}
div[data-borderacc-top="true"] .ui-collapsible-heading {
    border-top: 3px solid #D3D3D3;
}
div[data-borderacc-right="true"] .ui-collapsible-heading {
    border-right: 3px solid #D3D3D3;
}
div[data-borderacc-left="true"] .ui-collapsible-heading:hover {
    border-left: 3px solid #D3D3D3;
}

/* CSS for procedure reporting grid*/
.procedure-reporting-highlight-grid-row {
    border-color:#0082BE !important;
    border-style: solid !important;
}

.procedure-reporting-highlight-grid-row * {
    background-color: white !important;
}
.procedure-reporting-highlight-grid-row a[id^="ICONCHAT"] *,
.procedure-reporting-highlight-grid-row a[id^="ICONCARRET"] * {
    background-color: transparent !important;
}
.procedure-reporting-highlight-grid-row-icon {
    background-color: transparent !important;
}

.procedure-reporting-highlight-grid-row .ui-icon-PfieldChevronRightGray {
    background-image: url('images/PfieldChevronRightBlue.png');

}
.procedure-reporting-highlight-step-grid-row {
    color:#0082BE !important;
}

.procedure-reporting-remove-grid-shadow {
    box-shadow:none;
}

.procedure-reporting-hide-grid-horzscroll {
    overflow-x: hidden !important;
}
/* end */

.variant-control-parent,
.variant-control-parent *:not(.ui-icon):not(.clrBtnTextbox-clear-button) {
    background: transparent !important;
}

/* Grid Group Header */
.grouped-row-header {
    min-height: 87px !important;
    background-color: transparent !important;
}
.grouped-row-header.expanded-by-default {
    padding-top: 20px !important;
    margin-bottom: -20px;
}
.grouped-row-header-text {
    font-size: 18px;
    font-family: Open-Sans-Bold;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #7B7B7B;
    text-align: center;
    margin-left: 16px;
    margin-right: auto;
    position: relative;
}
.groupbtn {
    min-width: 92px !important;
    min-height: 48px !important;
    background-position: left center;
}
.groupicon {
    min-width: 48px !important;
    min-height: 48px !important;
    background-position: right center;
}
.grouptext {
    font-size: 18px;
    font-family: Open-Sans-Bold;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    color: white;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
}

.completedicon {
    float: left !important;
    background-image: url(/Cache/images/PfieldStepCompleted.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    height: 48px;
    width: 48px;
    visibility: hidden;
}

/* Group Button */
[id^=groupbtn_] {
    background-image: url('/Cache/images/step-node-expand.png');
    background-repeat: no-repeat;
    margin-top: 7px;
    background-position: center right;
}
[id^=groupbtn_][expandedbydefault="true"] {
    background-image: none;
    margin-left: 0 !important;
    min-width: 0 !important;
    width: 0;
}
[id^=groupbtn_][isgroupcollapsed="true"] {
    background-image: url('/Cache/images/step-node-expand.png') !important;
    background-repeat: no-repeat;
    margin-top: 7px;
}
[id^=groupbtn_][isgroupcollapsed="false"] {
    background-image: url('/Cache/images/step-node-collapse.png') !important;
    background-repeat: no-repeat;
    margin-top: 7px;
}
[isgroupcollapsed="true"] .groupicon {
    background-image: url('/Cache/images/step-node.png') !important;
    background-repeat: no-repeat;
}
[isgroupcollapsed="false"] .groupicon {
    background-image: url('/Cache/images/step-node-selected.png') !important;
    background-repeat: no-repeat;
}
.groupbtn-child {
    background-image: url('/Cache/images/step-node-line-v.png') !important;
    background-repeat: repeat-y !important;
    background-position-x: +52px !important;
}

/*Custom Icons Pfield*/
.ui-icon-PfieldCriticalCondition {
	background-image: url('images/PfieldCriticalCondition.png');
	}
.ui-icon-PfieldCriticalCondition-24 {
	background-image: url('images/PfieldCriticalCondition-24.png');
	}
.ui-icon-PfieldAdd {
	background-image: url('images/PfieldAdd.png');
	}
.ui-icon-PfieldAttachment {
	background-image: url('images/PfieldAttachment.png');
	}
.ui-icon-PfieldAttachment-24 {
	background-image: url('images/PfieldAttachment-24.png');
	}
.ui-icon-PfieldBellCount {
	background-image: url('images/PfieldBellCount.png');
	}
.ui-icon-PfieldBellDisable {
	background-image: url('images/PfieldBellDisable.png');
	}
.ui-icon-PfieldCalendar {
	background-image: url('images/PfieldCalendar.png');
	}
.ui-icon-PfieldCarrotRight {
	background-image: url('images/PfieldCarrotRight.png');
	}
.ui-icon-PfieldCarrotUpward {
	background-image: url('images/PfieldCarrotUpward.png');
	}
.ui-icon-PfieldCheck {
	background-image: url('images/PfieldCheck.png');
	}
.ui-icon-PfieldCheckboxEmpty {
	background-image: url('images/PfieldCheckboxEmpty.png');
	}
.ui-icon-PfieldChevronRightBlue {
	background-image: url('images/PfieldChevronRightBlue.png');
	}
.ui-icon-PfieldChevronRightGray {
	background-image: url('images/PfieldChevronRightGray.png');
	}
.ui-icon-PfieldClock {
	background-image: url('images/PfieldClock.png');
	}
.ui-icon-PfieldClock-24 {
	background-image: url('images/PfieldClock-24.png');
	}
.ui-icon-PfieldClose {
	background-image: url('images/PfieldClose.png');
	}
.ui-icon-PfieldCloseTree {
	background-image: url('images/PfieldCloseTree.png');
	}
.ui-icon-PfieldCollapse{
	background-image: url('images/PfieldCollapse.png');
	}
.ui-icon-PfieldComment {
	background-image: url('images/PfieldComment.png');
	}
.ui-icon-PfieldCUViewDetailsIcon-18 {
    background-image: url('images/PfieldCUViewDetailsIcon-18.png');
}
.ui-icon-PfieldCUViewDetailsIcon-36 {
    background-image: url('images/PfieldCUViewDetailsIcon-36.png');
}
.ui-icon-PfieldDelta{
	background-image: url('images/PfieldDelta.png');
	}
.ui-icon-PfieldDelta-24{
	background-image: url('images/PfieldDelta-24.png');
	}
.ui-icon-PfieldConditionDetails {
    background-image: url('images/PfieldConditionDetails.png');
}
.ui-icon-PfieldDownCarrot{
	background-image: url('images/PfieldDownCarrot.png');
	}
.ui-icon-PfieldEdit{
	background-image: url('images/PfieldEdit.png');
	}
.ui-icon-PfieldEditDisabled{
	background-image: url('images/PfieldEditDisabled.png');
	}
.ui-icon-PfieldElectric {
	background-image: url('images/PfieldElectric.png');
	}
.ui-icon-PfieldExpandNode {
	background-image: url('images/PfieldExpandNode.png');
	}
.ui-icon-PfieldFilterIcon {
	background-image: url('images/PfieldFilterIcon.png');
	}
.ui-icon-PfieldGasPin{
	background-image: url('images/PfieldGasPin.png');
	}
.ui-icon-PfieldGreenEllipse {
	background-image: url('images/PfieldGreenEllipse.png');
	}
.ui-icon-PfieldHome {
	background-image: url('images/PfieldHome.png');
	}
.ui-icon-PfieldLeftScroll {
	background-image: url('images/PfieldLeftScroll.png');
	}
.ui-icon-PfieldMap {
	background-image: url('images/PfieldMap.png');
	}
.ui-icon-PfieldMenu {
	background-image: url('images/PfieldMenu.png');
	}
.ui-icon-PfieldMinus {
	background-image: url('images/PfieldMinus.png');
	}
.ui-icon-PfieldOpenTree {
	background-image: url('images/PfieldOpenTree.png');
	}
.ui-icon-PfieldPlus {
	background-image: url('images/PfieldPlus.png');
	}
.ui-icon-PfieldPS {
	background-image: url('images/PfieldPS.png');
	}
.ui-icon-PfieldQuestion {
	background-image: url('images/PfieldQuestion.png');
	}
.ui-icon-PfieldRedEllipse {
	background-image: url('images/PfieldRedEllipse.png');
	}
.ui-icon-PfieldRightScroll {
	background-image: url('images/PfieldRightScroll.png');
	}
.ui-icon-PfieldSave {
	background-image: url('images/PfieldSave.png');
	}
.ui-icon-PfieldSaveDisable {
	background-image: url('images/PfieldSaveDisable.png');
	}
.ui-icon-PfieldSaveWithText {
	background-image: url('images/PfieldSaveWithText.png');
	}
.ui-icon-PfieldSelectedPS {
	background-image: url('images/PfieldSelectedPS.png');
	}
.ui-icon-PfieldTruck {
	background-image: url('images/PfieldTruck.png');
	}
.ui-icon-PfieldWR {
	background-image: url('images/PfieldWR.png');
	}
.ui-icon-PfieldWRSelected {
	background-image: url('images/PfieldWRSelected.png');
	}
.ui-icon-PfieldYellowEllipse {
	background-image: url('images/PfieldYellowEllipse.png');
	}
.ui-icon-PfieldAddAttachment {
	background-image: url('images/PfieldAddAttachment.png');
	}
.ui-icon-PfieldAddAttachmentBlue {
	background-image: url('images/PfieldAddAttachmentBlue.png');
	}
.ui-icon-PfieldAttachmentError {
	background-image: url('images/PfieldAttachmentError.png');
	}
.ui-icon-PfieldDownload {
	background-image: url('images/PfieldDownload.png');
	}
.ui-icon-PfieldTrash {
	background-image: url('images/PfieldTrash.png');
	}
.ui-icon-PfieldAttachmentWhite {
	background-image: url('images/PfieldAttachmentWhite.png');
	}
.ui-icon-PfieldLatLong {
	background-image: url('images/PfieldLatLong.png');
	}
.ui-icon-PfieldDependency {
	background-image: url('images/PfieldDependency.png');
	}
.ui-icon-PfieldSaveWhite {
	background-image: url('images/PfieldSaveWhite.png');
	}
.ui-icon-PfieldExternalLink {
	background-image: url('images/PfieldExternalLink.png');    
	}
.ui-icon-PfieldFacilityDetailsLink {
    background-image: url('images/PfieldFacilityDetailsLink.png');
    height: 100%;
    width: 100%;
    border-radius: unset;
}
.ui-icon-PfieldReassign {
    background-image: url('images/PfieldReassign.png');
}
.ui-icon-PfieldReassignActive {
    background-image: url('images/PfieldReassignActive.png');
}
.ui-icon-PfieldReassignDisable {
    background-image: url('images/PfieldReassignDisable.png');
}
.ui-icon-PfieldDetailsAction {
    background-image: url('images/PfieldDetailsAction.png');
	}
.ui-icon-PfieldDetailsActionDisabled {
    background-image: url('images/PfieldDetailsActionDisabled.png');
	}
.ui-icon-PfieldEmptyMultiSelect {
    background-image: url('images/PfieldEmptyMultiSelect.png');
	}
.ui-icon-PfieldEmptyMultiSelectFilled {
    background-image: url('images/PfieldEmptyMultiSelectFilled.png');
	}
.ui-icon-PfieldEmptyMultiSelectWhite {
    background-image: url('images/PfieldEmptyMultiSelectWhite.png');
	}
.ui-icon-PfieldMapAction {
    background-image: url('images/PfieldMapAction.png');
	}
.ui-icon-PfieldFetchCondition-Active {
    background-image: url('images/PfieldFetchCondition-Active.png');
    border-radius: 0px;
	}
.ui-icon-PfieldMapActionDisabled {
    background-image: url('images/PfieldMapActionDisabled.png');
	}
.ui-icon-PfieldSupervisorHome {
    background-image: url('images/PfieldSupervisorHome.png');
	}
.ui-icon-PfieldTurnbyTurn {
    background-image: url('images/PfieldTurnbyTurn.png');
	}
.ui-icon-PfieldTurnbyTurnDisabled {
    background-image: url('images/PfieldTurnbyTurnDisabled.png');
	}
.ui-icon-PFieldNotSelect {
    background-image: url('images/PFieldNotSelect.png');
}
.ui-icon-PFieldSearch {
    background-image: url('images/PFieldSearch.png');
}
.ui-icon-PFieldSelect {
    background-image: url('images/PFieldSelect.png');
}
.ui-icon-PFieldCollapseFolder {
    background-image: url('images/PFieldCollapseFolder.png')!important;
}
.ui-icon-PFieldExpandFolder {
    background-image: url('images/PFieldExpandFolder.png') !important;
}
.ui-icon-PFieldFirstPage {
    background-image: url('images/PFieldFirstPage.png');
}
.ui-icon-PFieldLastPage {
    background-image: url('images/PFieldLastPage.png');
}
.ui-icon-PFieldNextPage {
    background-image: url('images/PFieldNextPage.png');
}
.ui-icon-PFieldPreviusPage {
    background-image: url('images/PFieldPreviusPage.png');
}
.ui-icon-PfieldNotificationModal_Ok {
    background-image: url('images/PfieldNotification_Modal_Ok.png');
}
.ui-icon-PfieldNotificationModal_yes_no {
    background-image: url('images/PfieldNotificationModal_yes_no.png');
}
.ui-icon-PfieldNotificationModal-stop {
    background-image: url('images/PfieldNotificationModal-stop.png');
}
.ui-icon-PfieldCopyWork {
	background-image: url('images/PfieldCopyWork.png');
	}
.ui-icon-PfieldRepeatGroupEnable {
    background-image: url('images/PfieldRepeatGroupEnable.png');
}
.ui-icon-PfieldRepeatGroupDisable {
    background-image: url('images/PfieldRepeatGroupDisable.png');
}
.ui-icon-PfieldDeleteGroupEnable {
    background-image: url('images/PfieldDeleteGroupEnable.png');
}
.ui-icon-PfieldDeleteGroupDisable {
    background-image: url('images/PfieldDeleteGroupDisable.png');
}

.ui-icon-PFieldAddComment {
    background-image: url('images/PFieldAddComment.png');
}
.ui-icon-PFieldAttributeCompletedMandatory {
    background-image: url('images/PFieldAttributeCompletedMandatory.png');
}
.ui-icon-PFieldAttributeCompleted-NonManadatory {
    background-image: url('images/PFieldAttributeCompleted-NonManadatory.png');
}
.ui-icon-PFieldAttribute-NotCompletedMandatory {
    background-image: url('images/PFieldAttribute-NotCompletedMandatory.png');
}
.ui-icon-PFieldAttribute-NotCompleted-NonMandatory {
    background-image: url('images/PFieldAttribute-NotCompleted-NonMandatory.png');
}
.ui-icon-PFieldComments {
    background-image: url('images/PFieldComments.png');
}
.ui-icon-PFieldNextRow {
    background-image: url('images/PFieldNextRow.png');
}

.ui-icon-Clear-Text-Button-A {
    background-image: url('images/Clear-Text-Button-A.png') !important;
}
.ui-icon-Clear-Text-Button-B {
    background-image: url('images/Clear-Text-Button-B.png') !important;
}
.ui-icon-Clear-Text-Button-C {
    background-image: url('images/Clear-Text-Button-C.png') !important;
}
.ui-icon-Clear-Text-Button-D {
    background-image: url('images/Clear-Text-Button-D.png') !important;
}
.ui-icon-Clear-Text-Button-E {
    background-image: url('images/Clear-Text-Button-E.png') !important ;
}

.clrBtnTextbox-textbox {
    padding-right: 30px;
}

.clrBtnTextbox-button-container {
    position: relative;
}

.clrBtnTextbox-clear-button {
    border-radius: 0px !important;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: none;
    border: none;
    z-index: 99;
    background-repeat: no-repeat !important;
}

/* If resized, remove manual positioning and apply default CSS */
.clrBtnTextbox-clear-button.resized {
    top: 28px !important;
    right: 10px !important;
    left: auto !important;
}

.clrBtnTextbox-button-search {
    margin-right: 27px !important;
}

.ui-icon-PFieldPreviousRow {
    background-image: url('images/PFieldPreviousRow.png');
}
.ui-icon-PfieldStepCompleted {
    background-image: url('images/PfieldStepCompleted.png');
}
.ui-icon-PfieldStepSatisfied {
    background-image: url('images/PfieldStepSatisfied.png');
}
.ui-icon-PfieldTimeReporting {
    background-image: url('images/PfieldTimeReporting.png');
	}
.ui-icon-PFieldMapRequiredFilled {
    background-image: url('images/PFieldMapRequiredFilled.png');
}
.ui-icon-PFieldMapRequiredNotFilled {
    background-image: url('images/PFieldMapRequiredNotFilled.png');
}
.ui-icon-PFieldPreviousRowFilled {
    background-image: url('images/PFieldPreviousRowFilled.png');
}
.ui-icon-PFieldNextRowFilled {
    background-image: url('images/PFieldNextRowFilled.png');
}
.ui-icon-MapPinIcon {
    background-image: url('images/MapPinIcon.png');
}
.ui-icon-PfieldUndoIcon {
    background-image: url('images/PfieldUndoIcon.png');
}
.ui-icon-PFieldNextDaysWork {
    background-image: url('images/PFieldNextDaysWork.png');
}
.ui-icon-ViewAttributes {
    background-image: url('images/view-attributes.png');
}
.ui-icon-PfieldUnconfirmedQuestionMark {
    background-image: url('images/PfieldUnconfirmedQuestionMark.png');
}
.ui-icon-PfieldUnconfirmedExclamationMark {
    background-image: url('images/PfieldUnconfirmedExclamationMark.png');
}
.ui-icon-PfieldConfirm {
    background-image: url('images/PfieldConfirm.png');
}
.ui-icon-rework_red_18x18 {
    background-image: url('/Cache/images/rework_red_18x18.png');
}
.ui-icon-rework_red_24x24 {
    background-image: url('/Cache/images/rework_red_24x24.png');
}
.ui-icon-rework_red_44x44 {
    background-image: url('/Cache/images/rework_red_44x44.png');
}

/* Rework icon field */
div[controlname="Job_UDF102"] {
    pointer-events: none;
}

/*Custom Fonts*/ 
@font-face {
  font-family:'Open-Sans-Bold';
  src: url(/Cache/fonts/OpenSans-Bold-webfont.woff) format("woff"),
       url(/Cache/fonts/OpenSans-Bold.ttf) format('truetype');
}
@font-face {
  font-family:'Open-Sans-Regular';
  src: url(/Cache/fonts/OpenSans-Regular-webfont.woff) format('woff'),
       url(/Cache/fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'Open-Sans-Semibold';
  src:url(/Cache/fonts/OpenSans-Semibold-webfont.woff) format('woff'),
      url(/Cache/fonts/OpenSans-Semibold.ttf) format('truetype');
}
@font-face {
  font-family:'Futura-Bold';
  src:url(/Cache/fonts/Futura-Bold.woff) format('woff'),
      url(/Cache/fonts/Futura-Bold-font.ttf) format('truetype'),
      url(/Cache/fonts/Futura-Bold.ttf) format('truetype');
}
@font-face {
  font-family:'Open-Sans-ExtraBold';
  src:url(/Cache/fonts/OpenSans-ExtraBold-webfont.woff) format('woff'),
      url(/Cache/fonts/OpenSans-ExtraBold.ttf) format('truetype');
}


/* Color
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-color,
.ui-icon-color-searchfield:after {
    background-color: transparent;
    background-image: url(images/icons-18-color.png) /*{global-icon-set}*/;
    background-repeat: no-repeat;    
    width: 18px;
    height: 18px;
}
.ui-icon-locked {
    background-position: -860px -1px;
}
.ui-icon-unlocked {
    background-position: -896px -1px;
}
.ui-icon-arrow-left {
    background-position: -933px -1px;
}
.ui-icon-arrow-right {
    background-position: -969px -1px;
}
.ui-icon-attach {
    background-position: -1006px -1px;
}
.ui-icon-mail {
    background-position: -1042px -1px;
}
.ui-icon-ellipsis {
	background-position: 	-1081px -1px;
}

/* Colored Icons
-----------------------------------------------------------------------------------------------------------*/

.ui-icon-PfieldEdit,
.ui-icon-PfieldExternalLink,
.ui-icon-PfieldConditionDetails,
.ui-icon-ViewAttributes {
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}
/* Equipment */
.ui-icon-color-equipment {
    background-position: -1px -1px;
}
/* Toolbox */
.ui-icon-color-toolbox {
    background-position: -37px -1px;
}

/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
	
	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
	.ui-icon-search, .ui-icon-searchfield:after, 
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
		background-image: url(images/icons-36-white.png);
		-moz-background-size: 864px 18px;
		-o-background-size: 864px 18px;
		-webkit-background-size: 864px 18px;
		background-size: 864px 18px;
	}
    .ui-icon-locked {
        background-position: -860px -1px;
    }

    .ui-icon-unlocked {
        background-position: -896px -1px;
    }

    .ui-icon-arrow-left {
        background-position: -933px -1px;
    }

    .ui-icon-arrow-right {
        background-position: -969px -1px;
    }

    .ui-icon-attach {
        background-position: -1006px -1px;
    }

    .ui-icon-mail {
        background-position: -1042px -1px;
    }

    .ui-icon-ellipsis {
        background-position: -1081px -1px;
    }
}

.cgi-attachment-pendingsync {
    font-style: italic !important;
    color: grey !important;
}

/*Notification*/ 
.cgi-notif-source
{
    font-style:italic; 
    margin-bottom:0.85em;
    font-weight: bold;
}

.cgi-notif-title
{
    font-weight: bold;
    display: inline;
}

.cgi-notif-message
{
    font-weight: normal;
    display: inline;
}
#popup-notif-button-info .notification-btn {
    padding: 9px;
}
#popup-notif-button-alert .notification-btn {
    padding:6px;
}

.emergency
{
    background-color: #CA4C40 !important;
    color: white;
}
.urgent {
    background-color: #FFBF00 !important;
}

table[data-columnsheight]{
     display:block;
     overflow:hidden;
}

a[id|='Action_Notification']{
    border:none;
    box-shadow:none;
    background: transparent;

}
/*.ui-btn:focus{
    border:none;
    box-shadow:none;
}*/
.ui-btn .ui-btn-hover-c{
    background: transparent;
}

 /*Image size is changed to 54px. Padding is adjusted as per image size for all notificationcount classes*/
.notificationcount{
    padding:10px 22px;
    position:absolute;
    top:0px;
    display:inline-block;
    font-size:16px;
    min-width:10px;
    font-weight:bold;
    color:white;
    line-height:1;
    vertical-align:baseline;
    font-family:'Open-Sans-Bold';
    z-index:10;
}

.notificationcount-dbldigit{   
    padding:9px 19px;
    position:absolute;
    top:0px;
    display:inline-block;
    font-size:16px;
    min-width:10px;
    font-weight:bold;
    color:white;
    line-height:1;
    vertical-align:baseline;
    font-family:'Open-Sans-Bold';
    z-index:10;
}

.notificationcount-exceed{
    padding:0px 16px;
    position:absolute;
    top:10px;
    display:inline-block;
    font-size:16px;
    min-width:10px;
    font-weight:bold;
    color:white;
    line-height:1;
    vertical-align:baseline;
    font-family:'Open-Sans-Bold';
    z-index:10;
}


/*Not used
.activeimage-count{
    left:-14px;
    z-index:1;
    top:-20px;
    position:relative;
    right:500px;
    height:65px;
    width:65px;
}*/
.notification-blink{
    -moz-animation:blink normal 1s infinite ease-in-out;
    -webkit-animation:blink none 1s infinite ease-in-out;
    animation:blink normal 1s infinite ease-in-out;
    -ms-animation:blink normal 1s infinite ease-in-out;
       
}

/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
    }
} 

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

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}
div[controlname^="Action_NextStatus"] .ui-btn-inner{
     padding-right:20px !important;
}
div .groupHeader {
    overflow-x: hidden;
     align : right;
}
/* Override the color for mail dialog links */
#MailDestinationDialog .ui-body-e .ui-link-inherit {
	color: #000000 !important /*{e-body-color}*/;
}

.disabled-supervisor {
    pointer-events: none;
    opacity: 0.4;
}

#MapInfoPanel-container ul[id$="-listview"] li {
    box-shadow: 0 5px 5px rgba(0,0,0,.2) !important;
    margin: 10px !important;
    border-style:solid !important;
    border-radius: 5px;
}

/*Superviosr styles - start*/

/* Separate grid border, make sure spacing is 0. */
div[data-border-grid="true"] #crew-list-grid-table {
    border-collapse: separate !important;
    border-spacing: 0px 0px !important;
}

div[data-border-grid="true"] #assignment-list-grid-table {
    border-collapse: separate !important;
    border-spacing: 0px 0px !important;
}

div[data-border-grid="true"] #job-list-grid-table {
    border-collapse: separate !important;
    border-spacing: 0px 0px !important;
}

/* Add borders to cells instead of rows */
div[data-border-grid="true"] .ui-jqgrid-btable tr:not(.ui-state-highlight):not(.disabled-item-grid) td {
    border-top: 3px solid #E0E0E0 !important;
    border-bottom: 3px solid #E0E0E0 !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding:5px !important; 
}

/* Selected row */
div[data-border-selected-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight:not([data-priority-border]) td:not(:last-child),
div[data-border-selected-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight:not([data-priority-border]) td:not(:last-child) {
    border-top: 3px solid #069BD7 !important;
    border-bottom: 3px solid #069BD7 !important; 
    border-right:0px!important;  
    padding:5px !important; 
}

div[data-border-selected-itemgrid="styleone"][data-border-grid="true"] tr[data-priority-border] td:not(:last-child), 
div[data-border-selected-itemgrid="styletwo"][data-border-grid="true"] tr[data-priority-border] td:not(:last-child) {   
    border-right: 0px !important;
    padding:5px !important; 
}

div[data-border-selected-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight td:first-of-type, 
div[data-border-selected-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight td:first-of-type {   
    border-right: 0px !important;
    padding:5px !important; 
}

div[data-border-selected-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight td:last-child,
div[data-border-selected-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight td:last-child {   
    border-left: 0px !important;
    padding:5px !important; 
}

/* Normal row. first child */
div[data-border-grid="true"] .ui-jqgrid-btable tr:not(.ui-state-highlight):not(.disabled-item-grid) td:first-child {
    border-left: 3px solid #E0E0E0 !important;
    padding:5px !important; 
    border-radius:3px 0px 0px 3px!important;
}

/* Selected row first child */
div[data-border-selected-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight:not([data-priority-border]) td:first-child,
div[data-border-selected-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight:not([data-priority-border]) td:first-child {
    border-left: 3px solid #069BD7 !important;
    padding:5px !important; 
    border-radius:3px 0px 0px 3px!important;
}

div[data-border-selected-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight td:first-child,
div[data-border-selected-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight td:first-child {   
    padding:5px !important; 
    border-radius:3px 0px 0px 3px!important;
}

/* Normal row. last child */
div[data-border-grid="true"] .ui-jqgrid-btable tr:not(.ui-state-highlight):not(.disabled-item-grid) td:last-child {
    border-right: 3px solid #E0E0E0 !important;
    padding:5px !important; 
    border-radius:0px 3px 3px 0px!important;
}

/* Selected row last child */
div[data-border-selected-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight:not([data-priority-border]) td:last-child,
div[data-border-selected-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.ui-state-highlight:not([data-priority-border]) td:last-child {
    border-right: 3px solid #069BD7 !important;   
    border-radius:0px 3px 3px 0px!important;
    border-top: 3px solid #069BD7 !important;
    border-bottom: 3px solid #069BD7 !important;  
    padding:5px !important; 
}

div[data-border-grid="true"] tr.ui-state-hover:not([data-priority-border]) td{
    background-color:#FFFFFF;   
}

.supervisor-grid .ui-jqgrid .ui-jqgrid-htable th{
    height: 40px;
}

.supervisor-grid .ui-state-default{
    border: 1px solid transparent;
    background: #7C7C7C!important; 
}

.supervisor-grid .ui-jqgrid-pager td{    
    background: #7C7C7C!important;
    font-weight: bold;
    color: #FFFFFF!important;
    border:1px solid #7C7C7C!important;
}

.supervisor-grid .ui-jqgrid-pager{    
    height:45px;
}

.supervisor-grid .ui-pg-table .ui-paging-info{
    font-weight: bold;
    color: #FFFFFF!important;
    margin-top: 11px;
    margin-right: 20px;
}

div[data-border-grid="true"] .supervisor-cbox{
    background-size: 28px 28px!important;
}

div[data-border-grid="true"] .jqgfirstrow{display:none;}

div[data-border-grid="true"] .ui-jqgrid .ui-jqgrid-hbox{
    padding-left: 5px;
}

.supervisor-grid .ui-jqgrid-bdiv{
    background: #E0E0E0;
}

.supervisor-grid .ui-th-column:not(.supervisor-cbox){    
    background: #7C7C7C!important;
    font-weight: bold;
    color: #FFFFFF!important;
    border:1px solid #7C7C7C!important;
    text-align: left!important;
    padding-left: 5px!important;
}

.supervisor-grid .ui-th-column:not(.supervisor-cbox){    
    width: 100%!important;
}
/* disabled row */
div[data-border-disabled-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid:not([data-priority-border]) td:not(:last-child),
div[data-border-disabled-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid:not([data-priority-border]) td:not(:last-child) {
    border-top: 3px solid #808080 !important;
    border-bottom: 3px solid #808080 !important; 
    border-right:0px!important;  
    padding:5px !important; 
}

div[data-border-disabled-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid td:first-of-type,  
div[data-border-disabled-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid td:first-of-type {   
    border-right: 0px !important;
    padding:5px !important; 
}

div[data-border-disabled-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid td:last-child,
div[data-border-disabled-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid td:last-child {   
    border-left: 0px !important;
    padding:5px !important; 
}

div[data-border-disabled-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid:not([data-priority-border]) td:first-child,
div[data-border-disabled-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid:not([data-priority-border]) td:first-child {
    border-left: 3px solid #808080 !important;
    padding:5px !important; 
    border-radius:3px 0px 0px 3px!important;
}

div[data-border-disabled-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid td:first-child,
div[data-border-disabled-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid td:first-child {   
    padding:5px !important; 
    border-radius:3px 0px 0px 3px!important;
}

div[data-border-disabled-itemgrid="styleone"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid:not([data-priority-border]) td:last-child,
div[data-border-disabled-itemgrid="styletwo"][data-border-grid="true"] .ui-jqgrid-btable tr.disabled-item-grid:not([data-priority-border]) td:last-child {
    border-right: 3px solid #808080 !important;   
    border-radius:0px 3px 3px 0px!important;
    border-top: 3px solid #808080 !important;
    border-bottom: 3px solid #808080 !important;  
    padding:5px !important; 
}

.supervisor-grid tr.jqgrow:not([data-priority-border]) td{     
    color: #3D3D3D!important; 
}
/*.active-PfieldRoute {
    content: url("/Cache/images/PfieldTurnbyTurn.png");
}*/
.disable-PfieldRoute {
    content: url("/Cache/images/PfieldTurnbyTurnDisabled.png");
}


.supervisor-grid table tr td{
    text-align:left!important;
}
.ui-jqgrid-labels th.supervisor-cbox.pField-selectedSphereHeader {
    background-image: url("/Cache/images/SelectSphere_SelectedHeader.png")!important;
    background-repeat: no-repeat!important;
    background-size: 25px 25px!important;
    background-position: 2px 7px!important;
    padding-right: 6px;
}
table tr td.pField-selectedSphereRow {
    background-image: url("/Cache/images/PfieldEmptyMultiSelectFilled.png")!important;
    background-repeat: no-repeat!important;
    background-position: 2px 2px!important;   
}
div[data-border-grid="true"] table tr td.supervisor-cbox{
    background-size: 28px 28px!important;
    width: 20px;
}
/*Supervisor styles - end*/

a[id*="FACILITYDETAILS"][id$="btn"], a[id*="FacilityDetailsLink"][id$="btn"] {
    min-height: 50px;
    width: auto;
}

/*for vertical tab*/
.tablist-left {
    width: 200px;
    height: 350px;
    display: inline-block;
    background-color: #D6D6D6;
}


.tablist-left .ui-li{
	background-color: #D6D6D6;
}

ul.tablist-left {
	list-style-type: none;
}

.tablist-content {
    width: 450px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

div.tablist-header {
	display: -webkit-box;
	margin-bottom: -10px;
}

/* Make wild card field visible */
#wildcard-dialog .ui-body-d {
	background-color: #eee /*{d-body-border}; */;
}

/*Common CSS for All List odd row*/
div[data-altrowcolor-setting] ul .cgi-li:not(.ui-li-divider):nth-of-type(odd) div{
    background-color: var(--global-oddrowcolor)!important;
    border:0px;
    background:none;
    box-shadow:none;
}
div[data-altrowcolor-setting] .cgi-li:nth-of-type(odd) .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner {
    background-color: var(--global-oddrowcolor)!important;
    background: none;
    border: 0px;
    box-shadow: none;
    background-image: none;
}

/*Common CSS for All List EVEN row*/
div[data-altrowcolor-setting] ul .cgi-li:not(.ui-li-divider):nth-of-type(even) div{
    background-color: var(--global-evenrowcolor)!important;
    border:0px;
    background:none;
    box-shadow:none;
}
div[data-altrowcolor-setting] .cgi-li:nth-of-type(even) .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner {
    background-color: var(--global-evenrowcolor)!important;
    background: none;
    border: 0px;
    box-shadow: none;
    background-image: none;
}


#TimeReporting-container .ui-checkbox .ui-btn, #TimeReporting-container .ui-radio .ui-btn {
    text-align: center;
}

div[controlname*="ReportingGrid"][data-altrowcolor-setting] > div:nth-of-type(even),
div[controlname*="ReportingGrid"][data-altrowcolor-setting] > div:nth-of-type(even) div,
div[controlname*="ReportingGrid"][data-altrowcolor-setting] > div:nth-of-type(even) div .ui-btn-inner {
    background-color: var(--global-evenrowcolor)!important;
    background: none;
    border: 0px;
    box-shadow: none;
    background-image: none;
}

div[controlname*="ReportingGrid"] > div .ui-checkbox,
div[controlname*="ReportingGrid"] .ui-input-datebox input[data-role=datebox] + a {
    overflow: hidden;
}

/*Common CSS for All List*/
div[data-altrowcolor-setting] li [data-theme="c"][data-role="button"].ui-btn-up-c, [data-theme="c"][data-role="button"].ui-btn-hover-c {
    background:none !important;
  }

/*Common CSS for All List paging previous/next bar*/
div[data-altrowcolor-setting] li.cgi-li.ui-bar-e {
    color: black;
    background: var(--global-oddrowcolor)!important;
    border: 0 !important;
}

div[data-altrowcolor-setting] li{
    border:none!important;
}
#griddetailpanel-dialog{
    max-width:850px;
    max-height:95vh;
    margin-bottom:20px;
    overflow:auto;
}
#griddetailpanel-dialog .btn-disabled{
    opacity: 0.5 !important;
}

#griddetailpanel-dialog-title{
    display: inline-grid!important;
    max-width: 850px!important;
}
#griddetailpanel-dialog .panel-dialog-close-button{
    margin-top: 40px!important;
}

[data-role="button"].ui-disabled{
    opacity: 0.5 !important
}
/*CSS for padding property*/

div[textpadding=true] .ui-select .ui-btn-inner {
    padding:var(--data-textpadding)!important;
}
input[textpadding=true]:not([data-role=datebox]) {
    padding: var(--data-textpadding) !important;
    width: calc(100% - calc(var(--data-textpadding, 0px)*2)) !important;
    max-width:100% !important;
}
label[textpadding=true]{
    padding-left:var(--data-textpadding)!important;
}
div[textpadding=true] div.ui-input-datebox {
    padding: var(--data-textpadding) !important;
    width: calc(100% - calc(var(--data-textpadding, 0px))) !important;
}
textarea[textpadding=true] {
    padding-left: var(--data-textpadding) !important;
    padding-right: var(--data-textpadding) !important;
}
span[textpadding=true]{
    padding:var(--data-textpadding)!important;
}
.disable-delete {
    pointer-events: none;
    opacity: 0.3;
}
.enable-delete{
    pointer-events: all;
    opacity: 1;
}
.disable-addAttachment {
    pointer-events: none;
    opacity: 0.3;
}
.enable-addAttachment {
    pointer-events: all;
    opacity: 1;
}
div#griddetailpanel-dialog .ui-select .ui-btn-text {
    text-align: left !important;
}
.coordinatePanelStyle{
    min-height: inherit;
    padding-bottom:50px;
    top: 20%;
    border-top: 10px solid #069BD7 !important;
    min-width:250px;
    height:260px !important;
}

div.softdeletebtn .deletable span.ui-icon {
    background-image: url('/Cache/images/PfieldUndoIcon.png');
    background-position: center;
}

.inner-grid-container-wrapper{
    width:auto !important;
}

#txt-plannedactivity-personnel ul {
    max-height: 100px;
    overflow: hidden;
    overflow-y: auto;
}

.tab-state-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    padding: 0 5px 0 5px;
}

.tab-state-icon:active {
    pointer-events: none;
}

.tab-icon-required {
    background: center no-repeat url('/Cache/images/UdfTemplateRequired.png');
}

.tab-icon-completed {
    background: center no-repeat url('/Cache/images/UdfTemplateCompleted.png');
}

.tab-icon-optional {
    background: center no-repeat url('/Cache/images/UdfTemplateOptional.png');
}

.tab-icon-invalid-optional {
    background: center no-repeat url('/Cache/images/UdfTemplateInvalidOptional.png');
}

.cell-pattern-required {
    background-color: #F9F9FD !important;
    opacity: 0.8 !important;
    background-size: 10px 10px !important;
    background-image: repeating-linear-gradient(45deg, #FFA0A0, #FFFFFF 1px, #F9F9FD 0, #F9F9FD 50%) !important;
}

[controlname='CU CATALOG (CUCATALOG)'] span {
    margin: 5px;
    line-height: normal;
}

.CreateButtonHtml-disabled {
    color: rgba(6, 155, 215, 0.5) !important;
}