/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.cell-title {
  font-weight: bold; }

.cell-effort-driven {
  text-align: center; }

.cell-selection {
  border-right-color: silver;
  border-right-style: solid;
  background: #f5f5f5;
  color: gray;
  text-align: right;
  font-size: 10px; }


/* MIXINS   
----------------------------------------------------------*/
#myGrid {
  width: 100%;
  background: white;
  outline: 0;
  border: 1px solid gray;
  font-size: 1.0em;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Calibri, Arial, "Lucida Grande", sans-serif; }
  #myGrid.edit-mode {
    border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px; }
    #myGrid.edit-mode.blue {
      border-left: 4px solid #3999DD;
      border-top: 4px solid #3999DD;
      border-right: 4px solid #3999DD; }
    #myGrid.edit-mode.green {
      border-left: 4px solid #9CDD3C;
      border-top: 4px solid #9CDD3C;
      border-right: 4px solid #9CDD3C; }

#grid-filter-wrapper {
  margin: 0 0 0 0;
  position: relative; }

.edit-tag {
  /*position:	absolute;*/
  top: 159px;
  width: 58px;
  display: none;
  padding: 0 5px;
  color: White;
  text-transform: uppercase;
  font-size: 10px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px; }
  .edit-tag.blue {
    background-color: #3999DD;
    border-left: 4px solid #3999DD;
    border-top: 4px solid #3999DD;
    border-right: 4px solid #3999DD; }
  .edit-tag.green {
    background-color: #9CDD3C;
    border-left: 4px solid #9CDD3C;
    border-top: 4px solid #9CDD3C;
    border-right: 4px solid #9CDD3C; }

.hawt-pop {
  z-index: 10000;
  position: absolute;
  background: white;
  padding: 0;
  border: 1px solid grey;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 1.0em;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Calibri, Arial, "Lucida Grande", sans-serif; }
  .hawt-pop a.button {
    font-size: 9px;
    margin-bottom: 5px; }

.grid-header {
  border: 1px solid gray;
  border-bottom: 0;
  border-top: 0;
  background: url("../images/header-bg.gif") repeat-x center top;
  color: black;
  height: 24px;
  line-height: 24px; }
  .grid-header label {
    display: inline-block;
    font-weight: bold;
    margin: auto auto auto 6px; }
  .grid-header .ui-icon {
    margin: 4px 4px auto 6px;
    background-color: transparent;
    border-color: transparent; }
    .grid-header .ui-icon.ui-state-hover {
      background-color: white; }
  .grid-header #txtSearch {
    margin: 0 4px 0 4px;
    padding: 2px 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid silver; }

.options-panel {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid silver;
  background: #f0f0f0;
  padding: 4px;
  margin-bottom: 20px;
  width: 320px;
  position: absolute;
  top: 0px;
  left: 650px; }

/* Individual cell styles */

.cell-move-handle:hover {
  background: #b6b9bd; }

.percent-complete-bar {
  display: inline-block;
  height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

/* TextCellEditor, DateCellEditor */
input.editor-text {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
  border: none !important; }

.ui-datepicker-trigger {
  margin-top: 2px;
  padding: 0;
  vertical-align: top; }

/* PercentCompleteCellEditor */
input.editor-percentcomplete {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
  float: left; }

.editor-percentcomplete-picker {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 100%;
  background: url("../images/pencil.gif") no-repeat center center;
  overflow: visible;
  z-index: 1000;
  float: right; }

.editor-percentcomplete-helper {
  border: 0 solid gray;
  position: absolute;
  top: -2px;
  left: -9px;
  background: url("../images/editor-helper-bg.gif") no-repeat top left;
  padding-left: 9px;
  width: 120px;
  height: 140px;
  display: none;
  overflow: visible; }

.editor-percentcomplete-wrapper {
  background: beige;
  padding: 20px 8px;
  width: 100%;
  height: 98px;
  border: 1px solid gray;
  border-left: 0; }

.editor-percentcomplete-buttons {
  float: right; }
  .editor-percentcomplete-buttons button {
    width: 80px; }

.editor-percentcomplete-slider {
  float: left; }

.editor-percentcomplete-picker:hover .editor-percentcomplete-helper, .editor-percentcomplete-helper:hover {
  display: block; }

/* YesNoSelectCellEditor */
select.editor-yesno {
  width: 100%;
  margin: 0;
  vertical-align: middle; }

/* YesNoCheckboxCellEditor */
input.editor-checkbox {
  margin: 0;
  height: 100%;
  padding: 0;
  border: 0; }

.grid-buttons {
  float: left;
  padding-bottom: 20px;
  clear: both;
  margin-right: 10px; }

#query-edit-buttons inline {
  display: inline; }

.grid-summary {
  width: 100%;
  font-size: 1.2em;
  margin: 0 0 20px 0; }
  .grid-summary label {
    color: #7A7A7A; }
  .grid-summary div {
    margin: 0 0 5px 0; }

.grid-query {
  margin: 0; }
  .grid-query form {
    padding: 0 0 0 0; }
  .grid-query label {
    color: #7A7A7A;
    display: block; }

.grid-query-edit {
  display: none; }

.grid-query-section {
  margin: 0 10px 0 0;
  height: 44px;
  float: left;
  width: 200px; }
  .grid-query-section select {
    width: 200px; }
  .grid-query-section.date {
    width: 100px; }
  .grid-query-section a {
    color: grey;
    text-decoration: none;
    margin: 0 5px 0 5px; }
    .grid-query-section a span {
      font-family: Tahoma, Arial, Sans-Serif;
      font-size: 12px; }

#query-set-range {
  font-size: 10px; }

#query-range-date {
  display: inline; }

#cancel-set-range {
  font-size: 16px; }

#opparam-insert-wrapper {
  width: 600px; }

#opparam-insert-form form label {
  display: block; }
.x-grid-row .x-grid-cell {height: 23px!important}

.x-grid-row .x-grid-cell.selected {
	background: #DFE8F6 !important;
	border-top-color: #DFE8F6 !important;
}

.x-grid-row-over .x-grid-cell.selected {
  background: #DFE8F6 !important;
  border-top-color: #ddd !important; }

.x-grid-row .x-grid-cell.invalid, .x-grid-row .x-grid-cell.invalid.inactive {
  background-color: #FBE3E4 !important;
  border-bottom-color: #FAFAFA !important;
  border-left: none !important;
  border-top-color: #FBE3E4 !important; }
.x-grid-row .x-grid-cell.invalid, .x-grid-row .x-grid-cell.invalid.inactive {background-color: #FBE3E4 !important;border-bottom-color: #FAFAFA !important;border-left: none !important;border-top-color: #FBE3E4 !important;}
.x-grid-row .x-grid-cell.invalid.selected{background: #DFE8F6 !important;border-top-color: #DFE8F6 !important;}
.x-grid-row-over .x-grid-cell.invalid{background: #FBE3E4 !important;}


.x-grid-row .x-grid-cell.inactive {
    background-color: rgba(235, 235, 235, .5) !important;
    color: #707070;
}

.x-grid-row .x-grid-cell.status {
    color: #707070 !important;
}

    .x-grid-row .x-grid-cell.status a {
        color: #0224ff !important;
    }
/* Mid Green (Renderer for a row, needs to be before all other colors as those are conditional and should override this) */
.x-grid-row .x-grid-cell.invalid.midGreen {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.midGreen {
    background-color: rgba(76, 211, 82, 0.3) !important;
    color: rgb(0, 37, 2) !important;
    border-color: rgba(3, 156, 10, 0.22) !important;
}

.x-grid-row-selected .x-grid-cell.midGreen {
    background-color: rgba(76, 211, 82, 0.3) !important
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.midGreen {
    background-color: rgba(76, 211, 82, 0.3) !important
}

.x-grid-row .x-grid-cell.warning.midGreen, .x-grid-row .x-grid-cell.warning.midGreen {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.midGreen {
    background-color: #ebf2de !important;
}

.midGreen .x-grid-cell {
    background-color: rgba(76, 211, 82, 0.3) !important
}

.midGreen .x-grid-cell.inactive {
    background-color: rgba(76, 211, 82, 0.3) !important
}



.x-grid-row .x-grid-cell.status.green {
    color: rgb(0, 37, 2) !important;
    background-color: rgba(58, 254, 0, 0.3) !important;
}

.x-grid-row .x-grid-cell.status.blue {
    color: rgb(0, 2, 37) !important;
    background-color: rgba(0, 254, 239, 0.3) !important;
}

.x-grid-row .x-grid-cell.status.yellow {
    color: rgb(56, 51, 0) !important;
    background-color: rgba(255, 238, 0, 0.3) !important;
}

.x-grid-row .x-grid-cell.status.orange {
    color: #000000 !important;
    background-color: rgba(255, 138, 0, 0.3) !important;
}

.x-grid-row .x-grid-cell.status.red {
    background-color: rgba(255, 0, 0, 0.3) !important;
    color: rgb(95, 0, 0) !important;
}

.x-grid-row .x-grid-cell.t2 {background-color: #A5CFF2 !important;color: #707070;}

.x-grid-row-selected .x-grid-cell.inactive{background: #DFE8F6 !important;}
.x-grid-row-selected .x-grid-cell.t2{background: #A5CFF2 !important;}
.x-grid-row-over.x-grid-row-selected .x-grid-cell.inactive{background: #DFE8F6 !important;}
.x-grid-row-over.x-grid-row-selected .x-grid-cell.t2{background: #A5CFF2 !important;}

/* Light Blue */
.x-grid-row .x-grid-cell.invalid.t2, .x-grid-row .x-grid-cell.invalid.lightBlue {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.t2, .x-grid-row .x-grid-cell.lightBlue {
    background-color: #A5CFF2 !important;
    color: #707070;
}

.x-grid-row-selected .x-grid-cell.t2, .x-grid-row-selected .x-grid-cell.lightBlue {
    background-color: #A5CFF2 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.t2, .x-grid-row-over.x-grid-row-selected .x-grid-cell.lightBlue {
    background-color: #A5CFF2 !important;
}

.x-grid-row .x-grid-cell.warning.lightBlue, .x-grid-row .x-grid-cell.warning.lightBlue {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightBlue {
    background-color: #A5CFF2 !important;
}

.lightBlue .x-grid-cell {
    background-color: #A5CFF2 !important;
}

    .lightBlue .x-grid-cell.inactive {
        background-color: #A5CFF2 !important;
    }

/* White*/
.x-grid-row .x-grid-cell.invalid.white {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.white {
    background-color: #FFFFFF !important;
    color: #707070;
}

.x-grid-row-selected .x-grid-cell.white {
    background-color: #FFFFFF !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.white {
    background-color: #FFFFFF !important;
}

.x-grid-row .x-grid-cell.warning.white, .x-grid-row .x-grid-cell.warning.white {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.white {
    background-color: #FFFFFF !important;
}

.white .x-grid-cell {
    background-color: #FFFFFF !important;
}

    .white .x-grid-cell.inactive {
        background-color: #FFFFFF !important;
    }


/* Purple */
.x-grid-row .x-grid-cell.invalid.purple {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.purple {
    background-color: #ea63ff !important;
    color: #707070;
}

.x-grid-row-selected .x-grid-cell.purple {
    background-color: #ea63ff !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.purple {
    background-color: #ea63ff !important;
}

.x-grid-row .x-grid-cell.warning.purple, .x-grid-row .x-grid-cell.warning.purple {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.purple {
    background-color: #ea63ff !important;
}

.purple .x-grid-cell {
    background-color: #ea63ff !important;
}

    .purple .x-grid-cell.inactive {
        background-color: #ea63ff !important;
    }


/* Light Purple */
.x-grid-row .x-grid-cell.invalid.lightPurple {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.lightPurple {
    background-color: #ccc1da !important;
    color: #707070;
}

.x-grid-row-selected .x-grid-cell.lightPurple {
    background-color: #ccc1da !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.lightPurple {
    background-color: #ccc1da !important;
}

.x-grid-row .x-grid-cell.warning.lightPurple, .x-grid-row .x-grid-cell.warning.lightPurple {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightPurple {
    background-color: #ccc1da !important;
}

.lightpurple .x-grid-cell {
    background-color: #ccc1da !important;
}

    .lightpurple .x-grid-cell.inactive {
        background-color: #ccc1da !important;
    }


/* Light Green */
.x-grid-row .x-grid-cell.invalid.lightGreen {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.lightGreen {
    background-color: #ebf2de !important;
    color: #707070;
}

.x-grid-row-selected .x-grid-cell.lightGreen {
    background-color: #ebf2de !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.lightGreen {
    background-color: #ebf2de !important;
}

.x-grid-row .x-grid-cell.warning.lightGreen, .x-grid-row .x-grid-cell.warning.lightGreen {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightGreen {
    background-color: #ebf2de !important;
}

.lightGreen .x-grid-cell {
    background-color: #ebf2de !important;
}

    .lightGreen .x-grid-cell.inactive {
        background-color: #ebf2de !important;
    }




/* Light Orange */
.x-grid-row .x-grid-cell.invalid.lightOrange {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.lightOrange {
    background-color: #fad6b4 !important;
    color: #707070;
}

.x-grid-row-selected .x-grid-cell.lightOrange {
    background-color: #fad6b4 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.lightOrange {
    background-color: #fad6b4 !important;
}

.x-grid-row .x-grid-cell.warning.lightOrange, .x-grid-row .x-grid-cell.warning.lightOrange {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightOrange {
    background-color: #fad6b4 !important;
}

.lightOrange .x-grid-cell {
    background-color: #fad6b4 !important;
}

    .lightOrange .x-grid-cell.inactive {
        background-color: #fad6b4 !important;
    }


/* Red Change */
.x-grid-row .x-grid-cell.invalid.redChange {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.redChange {
    background-color: #e6b9b7 !important;
}

.x-grid-row-selected .x-grid-cell.redChange {
    background-color: #e6b9b7 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.redChange {
    background-color: #e6b9b7 !important;
}

.x-grid-row .x-grid-cell.warning.redChange, .x-grid-row .x-grid-cell.warning.redChange {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.redChange {
    background-color: #e6b9b7 !important;
}


/* Yellow */
.x-grid-row .x-grid-cell.invalid.yellow {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.yellow {
    background-color: #FFEE00 !important;
    color: #707070;
}

.x-grid-row-selected .x-grid-cell.yellow {
    background-color: #FFEE00 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.yellow {
    background-color: #FFEE00 !important;
}

.x-grid-row .x-grid-cell.warning.yellow, .x-grid-row .x-grid-cell.warning.yellow {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.yellow {
    background-color: #FFEE00 !important;
}

.yellow .x-grid-cell {
    background-color: #FFEE00 !important;
}

    .yellow .x-grid-cell.inactive {
        background-color: #FFEE00 !important;
    }

/* Blue */
.x-grid-row .x-grid-cell.invalid.blue {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.blue {
    background-color: #0000FF !important;
    color: #FEFEFE;
}

.x-grid-row-selected .x-grid-cell.blue {
    background-color: #0000FF !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.blue {
    background-color: #0000FF !important;
}

.x-grid-row .x-grid-cell.warning.blue, .x-grid-row .x-grid-cell.warning.blue {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.blue {
    background-color: #0000FF !important;
}

.blue .x-grid-cell {
    background-color: #0000FF !important;
}

    .blue .x-grid-cell.inactive {
        background-color: #0000FF !important;
    }



/* Green */
.x-grid-row .x-grid-cell.invalid.green {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.green {
    background-color: #00D11C !important;
    color: #707070;
}

.x-grid-row-selected .x-grid-cell.green {
    background-color: #00D11C !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.green {
    background-color: #00D11C !important;
}

.x-grid-row .x-grid-cell.warning.green, .x-grid-row .x-grid-cell.warning.green {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.green {
    background-color: #00D11C !important;
}

.green .x-grid-cell {
    background-color: #00D11C !important;
}

    .green .x-grid-cell.inactive {
        background-color: #00D11C !important;
    }



/* Red */
.x-grid-row .x-grid-cell.invalid.red {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.red {
    background-color: #FF0000 !important;
    color: #EEEEEE;
}

.x-grid-row-selected .x-grid-cell.red {
    background-color: #FF0000 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.red {
    background-color: #FF0000 !important;
}

.x-grid-row .x-grid-cell.warning.red, .x-grid-row .x-grid-cell.warning.red {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.red {
    background-color: #FF0000 !important;
}

.red .x-grid-cell {
    background-color: #FF0000 !important;
}

    .red .x-grid-cell.inactive {
        background-color: #FF0000 !important;
    }


/* LightRed */
.x-grid-row .x-grid-cell.invalid.lightred {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.lightred {
    background-color: #ff7070 !important;
}

.x-grid-row-selected .x-grid-cell.lightred {
    background-color: #ff7070 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.lightred {
    background-color: #ff7070 !important;
}

.x-grid-row .x-grid-cell.warning.lightred, .x-grid-row .x-grid-cell.warning.lightred {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightred {
    background-color: #ff7070 !important;
}

.lightred .x-grid-cell {
    background-color: #ff7070 !important;
}

    .lightred .x-grid-cell.inactive {
        background-color: #ff7070 !important;
    }


/* LightYellow */
.x-grid-row .x-grid-cell.invalid.lightyellow {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.lightyellow {
    background-color: #feff92 !important;
}

.x-grid-row-selected .x-grid-cell.lightyellow {
    background-color: #feff92 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.lightyellow {
    background-color: #feff92 !important;
}

.x-grid-row .x-grid-cell.warning.lightyellow, .x-grid-row .x-grid-cell.warning.lightyellow {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightyellow {
    background-color: #feff92 !important;
}

.lightyellow .x-grid-cell {
    background-color: #feff92 !important;
}

    .lightyellow .x-grid-cell.inactive {
        background-color: #feff92 !important;
    }


/* LightOrange */
.x-grid-row .x-grid-cell.invalid.lightorange {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.lightorange {
    background-color: #ffbd62 !important;
}

.x-grid-row-selected .x-grid-cell.lightorange {
    background-color: #ffbd62 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.lightorange {
    background-color: #ffbd62 !important;
}

.x-grid-row .x-grid-cell.warning.lightorange, .x-grid-row .x-grid-cell.warning.lightorange {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightorange {
    background-color: #ffbd62 !important;
}

.lightorange .x-grid-cell {
    background-color: #ffbd62 !important;
}

    .lightorange .x-grid-cell.inactive {
        background-color: #ffbd62 !important;
    }


/* LightGreen */
.x-grid-row .x-grid-cell.invalid.lightgreen {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.lightgreen {
    background-color: #b9fe53 !important;
}

.x-grid-row-selected .x-grid-cell.lightgreen {
    background-color: #b9fe53 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.lightgreen {
    background-color: #b9fe53 !important;
}

.x-grid-row .x-grid-cell.warning.lightgreen, .x-grid-row .x-grid-cell.warning.lightgreen {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightgreen {
    background-color: #b9fe53 !important;
}

.lightgreen .x-grid-cell {
    background-color: #b9fe53 !important;
}

    .lightgreen .x-grid-cell.inactive {
        background-color: #b9fe53 !important;
    }

/* LightGray */
.x-grid-row .x-grid-cell.invalid.lightgray {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.lightgray {
    background-color: #ededed !important;
}

.x-grid-row-selected .x-grid-cell.lightgray {
    background-color: #ededed !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.lightgray {
    background-color: #ededed !important;
}

.x-grid-row .x-grid-cell.warning.lightgray, .x-grid-row .x-grid-cell.warning.lightgray {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightgray {
    background-color: #ededed !important;
}

.lightgray .x-grid-cell {
    background-color: #ededed !important;
}

    .lightgray .x-grid-cell.inactive {
        background-color: #ededed !important;
    }


/* LightBlue */
.x-grid-row .x-grid-cell.invalid.lightblue {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.lightblue {
    background-color: #A5CFF2 !important;
}

.x-grid-row-selected .x-grid-cell.lightblue {
    background-color: #A5CFF2 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.lightblue {
    background-color: #A5CFF2 !important;
}

.x-grid-row .x-grid-cell.warning.lightblue, .x-grid-row .x-grid-cell.warning.lightblue {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.lightblue {
    background-color: #A5CFF2 !important;
}

.lightblue .x-grid-cell {
    background-color: #A5CFF2 !important;
}

    .lightblue .x-grid-cell.inactive {
        background-color: #A5CFF2 !important;
    }

/* Gray */
.x-grid-row .x-grid-cell.invalid.gray {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.gray {
    background-color: #808080 !important;
    color: #FFFFFF;
}

.x-grid-row-selected .x-grid-cell.gray {
    background-color: #808080 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.gray {
    background-color: #808080 !important;
}

.x-grid-row .x-grid-cell.warning.gray, .x-grid-row .x-grid-cell.warning.gray {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.gray {
    background-color: #808080 !important;
}

.gray .x-grid-cell {
    background-color: #808080 !important;
}

    .gray .x-grid-cell.inactive {
        background-color: #808080 !important;
    }



/* Orange */
.x-grid-row .x-grid-cell.invalid.orange {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.orange {
    background-color: #FF8800 !important;
    color: #707070;
}

.x-grid-row-selected .x-grid-cell.orange {
    background-color: #FF8800 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.orange {
    background-color: #FF8800 !important;
}

.x-grid-row .x-grid-cell.warning.orange, .x-grid-row .x-grid-cell.warning.orange {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.orange {
    background-color: #FF8800 !important;
}

.orange .x-grid-cell {
    background-color: #FF8800 !important;
}

    .orange .x-grid-cell.inactive {
        background-color: #FF8800 !important;
    }

/* Dark Red */
.x-grid-row .x-grid-cell.invalid.darkRed {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.darkRed {
    background-color: #AD0000 !important;
    color: #EEEEEE;
}

.x-grid-row-selected .x-grid-cell.darkRed {
    background-color: #AD0000 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.darkRed {
    background-color: #AD0000 !important;
}

.x-grid-row .x-grid-cell.warning.darkRed, .x-grid-row .x-grid-cell.warning.darkRed {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.darkRed {
    background-color: #AD0000 !important;
}

.darkred .x-grid-cell {
    background-color: #AD0000 !important;
}

    .darkred .x-grid-cell.inactive {
        background-color: #AD0000 !important;
    }

/* Cream */
.x-grid-row .x-grid-cell.invalid.cream {
    background-color: #FBE3E4 !important;
    border-bottom-color: #FBE3E4 !important;
    border-left: none !important;
    border-top-color: #FBE3E4 !important;
}

.x-grid-row .x-grid-cell.cream {
    background-color: #FFFDD0 !important;
}

.x-grid-row-selected .x-grid-cell.cream {
    background-color: #FFFDD0 !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.cream {
    background-color: #FFFDD0 !important;
}

.x-grid-row .x-grid-cell.warning.cream, .x-grid-row .x-grid-cell.warning.cream {
    background-color: #FFE38D !important;
    border-left: none !important;
    border-top-color: #FFE38D !important;
}

.x-grid-cell.cream {
    background-color: #FFFDD0 !important;
}

.cream .x-grid-cell {
    background-color: #FFFDD0 !important;
}

    .cream .x-grid-cell.inactive {
        background-color: #FFFDD0 !important;
    }

#paster {
  position: absolute;
  left: -1000px;
  top: 0; }

.grid-number {
  text-align: right; }

.grid-col-center {
  text-align: center; }

.outoftolerance {
  background-color: #FFD6AD !important; }

.grid-label {
  float: left;
  padding: 0 0 5px 0; }

.grid-add-columns {
  margin: 0 5px 0 0 !important; }

#paste {
  position: absolute;
  left: -1000px; }

#grid-not-found {
  margin: 20px; }
  #grid-not-found span {
    font-size: 1.2em; }

.acknowledge .x-grid-cell {
  font-weight: bold; }

.x-grid-cell-inner {
padding: 4px;
}

.fullscreen-grid .x-toolbar {
  border: none; }

.fullscreen-grid .x-grid-header-ct {
  border: none;
  border-top: 1px solid #c5c5c5; }

.fullscreen-grid .x-grid-body {
  border-width: 1px 0; }

td.x-grid-cell.icons .x-grid-cell-inner {
  padding: 2.5px 4px; }

td.popup-inside-column.x-grid-td .x-grid-cell-inner {
    position: inherit;
}

.x-form-invalid-tip-body .last {
  padding: 0 15px 0 0px; }

#grid-hawtness a {
  text-decoration: underline;
  color: #77A0DE; }

#grid-hawtness a.x-btn {
    text-decoration: none !important;
}
.x-grid-row-summary td.x-grid-cell div {
  background: #ecf3fa !important;
  font-weight: bold !important;
}

.x-grid-row-summary td.x-grid-cell div.x-grid-checkcolumn-cell-inner {
    line-height: none !important;
}

.highlight-orange .x-grid-cell { background: #E6B7A5 !important;}
.radio_group  {
    margin-left: 20px;
}

div.link {
    text-decoration: underline;
    color: #77A0DE;
    display: inline;
}
div.link:hover { cursor: pointer;}

.x-grid-with-row-lines .x-grid-item {
    border-color: #dcdcdc !important;
}

.selectedCell {
    background-color: #ecf3fa !important;
}

.x-cols-icon {
    margin-left: 0 !important;
}

.x-grid-row-summary .x-grid-checkcolumn-cell-inner {
    line-height: normal !important;
}


/* Highlight cell*/
.x-grid-row .x-grid-cell.highlight {
    /*background-color: rgba(255, 255, 22, 0.18) !important;*/
    color: #000000 !important;
    /*animation: name duration timing-function delay iteration-count direction fill-mode play-state;*/
    /*animation: highlight .7s linear 1s infinite alternate;*/
    /*
    animation-name: highlight;
    animation-duration: 7s;
    */
    font-weight: bold;
    font-size: 10px;
}

@keyframes highlight {
    from {
        box-shadow: inset 0 0 4px 0px #ffe4b2d9;
    }

    to {
        box-shadow: inset 0 0 4px 2px #f9d28ad9;
    }
}

.x-grid-row.submiterror {
    /*orange*/
    background: rgba(255, 158, 68, 0.4) !important;
    color: #000000 !important;
}
.x-grid-row.submiterror a {
    color: #0224ff !important;
}


.x-grid-row.reqdenied, .to-denied{
    /*red*/
    background: rgba(255, 68, 68, 0.6) !important;
    color: rgb(95, 0, 0) !important;
    border-color: rgba(255, 68, 68, 0.6) !important;
}

.entity.denied {
    /*red*/
    background: rgba(251, 138, 138, 0.8) !important;
    color: rgb(95, 0, 0) !important;
    border-color: rgba(255, 68, 68, 0.3) !important;
}
.x-grid-row.reqdenied a {
    color: #0224ff !important;
}

.x-grid-row.reqapproval {
    /*white*/
    background: rgba(255, 255, 255, 0.4) !important;
    color: #000000 !important;
}
.x-grid-row.reqapproval a {
    color: #0224ff !important;
}

.x-grid-row.reqcurtailment {
    /*purple*/
    background: rgba(68, 51, 204, 0.4) !important;
    color: #000000 !important;
}

.x-grid-row.reqcurtailment a {
    color: #0224ff !important;
}

.x-grid-row .x-grid-cell.invalid.reqcurtailment {
    background-color: rgba(68, 51, 204, 0.4) !important;
    border-bottom-color: rgba(68, 51, 204, 0.4) !important;
    border-left: none !important;
    border-top-color: rgba(68, 51, 204, 0.4) !important;
}

.x-grid-row .x-grid-cell.reqcurtailment {
    background-color: rgba(68, 51, 204, 0.4) !important;
    color: #000000;
}

.x-grid-row-selected .x-grid-cell.reqcurtailment {
    background-color: rgba(68, 51, 204, 0.4) !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.reqcurtailment {
    background-color: rgba(68, 51, 204, 0.4) !important;
}

.x-grid-row .x-grid-cell.warning.reqcurtailment, .x-grid-row .x-grid-cell.warning.reqcurtailment {
    background-color: rgba(68, 51, 204, 0.4) !important;
    border-left: none !important;
    border-top-color: rgba(68, 51, 204, 0.4) !important;
}

.x-grid-cell.reqcurtailment {
    background-color: rgba(68, 51, 204, 0.4) !important;
}

.reqcurtailment .x-grid-cell {
    background-color: rgba(68, 51, 204, 0.4) !important;
}

.reqcurtailment .x-grid-cell.inactive {
    background-color: rgba(68, 51, 204, 0.4) !important;
}

.x-grid-row.reqconfirmed{
    /*green*/
    background: rgba(76, 211, 82, 0.3) !important;
    color: rgb(0, 37, 2) !important;
    border-color: rgba(3, 156, 10, 0.22) !important;
}
.entity.approved {
    /*green*/
    background: rgba(159, 232, 163, 0.92) !important;
    color: rgb(0, 37, 2) !important;
    border-color: rgba(3, 156, 10, 0.22) !important;
}
.x-grid-row.reqconfirmed a {
    color: #0224ff !important;
}

.x-grid-row.reqpending {
    /*yellow*/
    background: rgba(255, 238, 58, 0.4) !important;
    color: rgb(56, 51, 0) !important;
    border-color: rgba(185, 171, 20, 0.78) !important;
}

.entity.pending {
    /*yellow*/
    background: rgba(249, 236, 101, 0.8) !important;
    color: rgb(56, 51, 0) !important;
    border-color: rgba(220, 204, 31, 0.75) !important;
}
.x-grid-row.reqpending a {
    color: #0224ff !important;
}

.x-grid-row.reqstudy {
    /*pink*/
    background: rgba(242, 75, 238, 0.4) !important;
    color: #000000 !important;
}
.x-grid-row.reqstudy a {
    color: #0224ff !important;
}

.x-grid-row.expired {
    /*gray*/
    background: rgba(200, 200, 200, 0.4) !important;
    color: #5d5d5d !important;
}

.to-expired{
  background: rgba(234, 234, 234, 0.8) !important;
}
.x-grid-row.expired a {
    color: #0224ff !important;
}

.x-grid-row.tagunsubmitted {
    /*white*/
    background: rgba(255, 255, 255, 0.4) !important;
    color: #000000 !important;
}
.x-grid-row.tagunsubmitted a {
    color: #0224ff !important;
}

.x-grid-row.requnsubmitted {
    /*white*/
    background: rgba(255, 255, 255, 0.4) !important;
    color: #000000 !important;
}
.x-grid-row.requnsubmitted a {
    color: #0224ff !important;
}


.dot {
    height: 10px;
    width: 10px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid #dadada;
    display: inline-block;
    background-color: #008800;
    box-shadow: 0 0 4px 4px #88FF88;
    /*animation: greenFade 30s;*/
}
.redDot {
    background-color: red !important;
    box-shadow: 0 0 4px 4px #FF8888 !important;
}
@keyframes greenFade {
    from {
        background-color: #008800;
        box-shadow: 0 0 4px 4px #88FF88;
    }

    to {
        background-color: red;
        box-shadow:  0 0 4px 4px #FF8888;
    }
}
/* Highlight cell*/


/*TimeStamp for ETAG Summary page*/
div#lastUpdated {
    font-size: 11px;
    margin: 0 5px;
    color: #454545;
}

/*TimeStamp for ETAG Summary page*/


.textboxAsLabel {
    border: 1px solid transparent !important;
    border-width: 1px !important;
    background-image: none !important;
    background-color: transparent !important;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 2px !important
}


/*Loading Spinner*/
.lds-roller {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #d4d4d4;
	margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/*Loading Spinner*/

/*ETAG Request entity */
.entity {
    border: 1px solid #e4e3e3;
    padding: 2px;
    border-radius: 2px;
    background: #eee;
    display: inline-flex;
    position: relative;
    margin-right: 2px;
    padding: 2px 5px;
    font-size: 10px;
}


.entity .type {
    display: none;
    color: #000;
    font-size: 9px;
    position: absolute;
    left: 0px;
    background: #fbfbfb;
    border-radius: 50px;
    padding: 0 3px;
    top: -5px;
    border: 1px solid #dcdcdc;
    z-index: 1;
    box-shadow: 0 0 2px 3px rgba(171, 171, 171, 0.40);
}
.entity:hover{
  box-shadow: inset 0 0 5px white;
}
.entity:hover > .type {
    display: block;
}
/*ETAG Request entity */

/*ETAG Tag Listing*/
.etag_dropdown li {
    font-size: 11px;
    height: 22px;
    padding: 1px 5px;
}

.etag_dropdown .header {
    font-weight: 800;
    background: #b5b5b5;
    border-bottom: 1px solid #868686;
}

.etag_dropdown .row:hover {
    background: #e0e7ef !important;
}

.etag_dropdown .columnheader {
    min-width: 15px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    text-overflow: clip;
    word-break: break-word;
    overflow: hidden;
    height: 24px;
    margin: auto;
    border-right: 1px solid #e2e2e2;
    padding: 4px 1px;
}

.etag_dropdown .column {
    min-width: 15px;
    display: inline-block;
    text-align: left;
    white-space: nowrap;
    text-overflow: clip;
    word-break: break-word;
    overflow: hidden;
    height: 24px;
    margin: auto;
    border-right: 1px solid #e2e2e2;
    padding: 4px 1px;
}

li.row {
    border: none;
    border-bottom: 1px solid;
    border-color: #e2e2e2;
    line-height: normal;
    color: #2d2d2d;
}

.x1 {
    width: 30px;
}

.x2 {
    width: 100px;
}

.x3 {
    width: 200px;
}

.x4 {
    width: 220px;
}
/*End of ETAG Tag Listing*/

/*Removed margins so rowwidget subgrid would fit better*/

#effdate_btn .x-btn.x-btn-pressed {
	border-color: #c7c7c7 !important;
	background-image: none !important;
	background-color: #ffeeee !important;
	color:#666 !important
}
#effdate_btn .x-btn-inner-default-small {
	color: #666 !important;
}

#effdate_btn .x-btn-default-small {
	background-color: #f5f5f5 !important;
	border-color: #d8d8d8 !important;
}
.locationcol .x-grid-cell-inner {
    white-space: pre!important;
}

.terminatedMWCheckout {
    background: rgba(200, 200, 200, 0.65) !important;
    color: rgba(200, 200, 200, 0.65) !important;
}

.x-grid-row .x-grid-cell.invalid.terminatedMWCheckout {
    background-color: rgba(200, 200, 200, 0.65) !important;
    border-bottom-color: rgba(200, 200, 200, 0.65) !important;
    border-left: none !important;
    border-top-color: rgba(200, 200, 200, 0.65) !important;
}

.x-grid-row .x-grid-cell.terminatedMWCheckout {
    background-color: rgba(200, 200, 200, 0.65) !important;
    color: rgba(200, 200, 200, 0.65);
}

.x-grid-row-selected .x-grid-cell.terminatedMWCheckout {
    background-color: rgba(200, 200, 200, 0.65) !important;
}

.x-grid-row-over.x-grid-row-selected .x-grid-cell.terminatedMWCheckout {
    background-color: rgba(200, 200, 200, 0.65) !important;
}

.x-grid-row .x-grid-cell.warning.terminatedMWCheckout, .x-grid-row .x-grid-cell.warning.terminatedMWCheckout {
    background-color: rgba(200, 200, 200, 0.65) !important;
    border-left: none !important;
    border-top-color: rgba(200, 200, 200, 0.65) !important;
}

.x-grid-cell.terminatedMWCheckout {
    background-color: rgba(200, 200, 200, 0.65) !important;
}

.terminatedMWCheckout .x-grid-cell {
    background-color: rgba(200, 200, 200, 0.65) !important;
}

.terminatedMWCheckout .x-grid-cell.inactive {
    background-color: rgba(200, 200, 200, 0.65) !important;
}
.outageAvailabilitySeparater {
    background-color: #A9A9A9 !important;
    color: #000000;
}
.outageAvailabilityDispatchCap {
    font-weight: bold;
}
.wrap-text {
    white-space: normal !important;
    word-wrap: break-word;
}
span.redtext {
    color: #f00;
}

span.bluetext {
    color: blue;
}