/* version - 1.64 2019/09/11 (c) http://rosco.com, support@rosco.solutions */
/* styles to override and enhance Rosco */

/* Global CSS Variables (CSS Custom Properties)*/
:root {

  /* layout/panels  */
  --page-bg-color: white;
  --layout-main-panel-bgcolor: whitesmoke;
  --layout-sub-panel-bgcolor: white;
  --layout-tab-bgcolor: whitesmoke;
  --layout-tab-bgcolor-hover: aliceblue;
  --layout-tab-bgcolor-selected: aliceblue;
  --layout-heading-color: darkslategray;
  --layout-heading-color-hover: darkslategray;
  --layout-heading-color-selected: darkslategray;
  --layout-text-color: black;
  --layout-text-color-hover: black;  
  --layout-text-color-selected: black;
  --layout-input-bgcolor: white;
  --layout-input-color: black;  
  --layout-border-color: whitesmoke;
  --layout-border-style: dotted;
  --layout-icon-color: darkslategray;
  --layout-icon-bgcolor-hover: aliceblue;  
  --layout-icon-bgcolor-selected: black;

  /* content/grids */
  --chart-bgcolor: white;
  --grid-bgcolor: white;
  --form-bgcolor: white;
  --report-bgcolor: white;
  --content-evenrow-bgcolor: aliceblue;
  --content-oddrow-bgcolor: white;
  --content-row-bgcolor-hover: cornflowerblue;
  --content-row-bgcolor-selected: cornflowerblue;  
  --content-evenrow-color: black;
  --content-oddrow-color: black;
  --content-row-color-hover: black;
  --content-row-color-selected: black;    
  --content-input-bgcolor: white;
  --content-input-color: black;
  --content-input-bgcolor-disabled: whitesmoke;
  --content-input-color-disabled: grey;
  --content-border-color: lightgray;
  --content-border-style: dotted;
  --content-icon-color: darkslategray;
  --content-icon-bgcolor-hover: aliceblue;  
  --content-icon-bgcolor-selected: black;  

  /* general selected/hover buttons/items */
  --general-bgcolor-selected: cornflowerblue;
  --general-color-selected: white;
  --general-bgcolor-hover: cornflowerblue;
  --general-color-hover: white;
  --general-bgcolor-success: limegreen;
  --general-color-success: white;
  --general-bgcolor-warning: orange;
  --general-color-warning: white;
  --general-bgcolor-critical: red;
  --general-color-critical: white;
  
  /* general global styles */
  --heading-family: 'Titillium Web',Arial,sans-serif;
  --body-family: 'Titillium Web',Arial,sans-serif;
  --h1-size: 26px;  
  --h2-size: 23px;
  --h3-size: 21px; 
  --h4-size: 18px; 
  --h5-size: 16px; 
  --p-size: 14px;
  --body-size: 14px;
  --h1-weight: 300;  
  --h2-weight: 500;
  --h3-weight: 500; 
  --h4-weight: 500; 
  --h5-weight: 500; 
  --p-weight: 500;
  --body-weight: 500;
  --icon-font-size: 16px;
}


/* global styles */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-family,'Titillium Web',Arial,sans-serif) !important;
  color: var(--layout-heading-color, darkslategray) !important;
}
p, input, textarea, select, button, meter, progress, .w2ui-reset { 
  font-family: var(--layout-family) !important;
  color: var(--layout-text-color) !important; 
}
body { 
  font-family: var(--body-family);
  color: var(--layout-text-color);  
}
h1 { 
  font-size: var(--h1-size);  
  font-weight: var(--h1-weight);
}
h2 { 
  font-size: var(--h2-size);
  font-weight: var(--h2-weight);
}
h3 {
  font-size: var(--h3-size);
  font-weight: var(--h3-weight);
}
h4 { 
  font-size: var(--h4-size);  
  font-weight: var(--h4-weight); 
}
h5 { 
  font-size: var(--h5-size);  
  font-weight: var(--h5-weight); 
}
p, input, textarea, select, button, meter, progress   { 
  font-size: var(--p-size) !important;  
  font-weight: var(--p-weight) !important; 
}
body { 
  font-size: var(--body-size) !important;  
  font-weight: var(--body-weight) !important;
  background-color: var(--page-bg-color) !important;   
}


/* login form */
div#formLogin {
  margin: auto !important;
  width: auto !important;
  max-width: 600px !important;
}

/* main layout top/bottom, left/right menu panels */
.w2ui-layout > div .w2ui-panel .w2ui-panel-content  {
    background-color: var(--layout-main-panel-bgcolor);
    padding: 1px;
	margin: 1px;
    border-width: 1px;
    border-color: var(--layout-border-color);
    border-style: var(--layout-border-style);
}

/* main sub-panels */
.accordion-content-config {
    background: var(--layout-sub-panel-bgcolor);
}

/* selections/hovers */
.jstree-proton .jstree-hover,
a.jstree-anchor.jstree-hovered,
.w2ui-toolbar table.w2ui-button.checked,
.w2ui-toolbar table.w2ui-button.checked .w2ui-tb-image > span,
.lm_item.lm_stack.lm_selected .lm_header li.lm_tab.lm_active {
	background-color: var(--general-bgcolor-selected) !important;
	color: var(--general-color-selected) !important;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd,
tr.search:first-child, 
tr.search:nth-child(odd),
#rrt-fields tr:nth-child(odd) {
    background-color: var(--content-oddrow-bgcolor);
    color: var(--content-oddrow-color);
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even,
tr.search:nth-child(even),
#rrt-fields tr:nth-child(even) {
    background-color: var(--content-evenrow-bgcolor);
    color: var(--content-evenrow-color);
}

.jstree-proton .jstree-wholerow-hovered {
	background: inherit !important;
}


/* success, warning, critical */
.rosco-success,
.w2ui-button.button-success,
.w2ui-button.button-success:hover {
	background: var(--general-bgcolor-success) !important;
}
.rosco-success,
.w2ui-button.button-success .w2ui-tb-image span,
.w2ui-button.button-success .w2ui-tb-image span:hover {
	color: var(--general-color-success) !important;
}
.rosco-warning,
.w2ui-button.button-warning,
.w2ui-button.button-warning:hover {
	background: var(--general-bgcolor-warning) !important;
}
.rosco-warning,
.w2ui-button.button-warning .w2ui-tb-image span,
.w2ui-button.button-warning .w2ui-tb-image span:hover {
	color: var(--general-color-warning) !important;
}
.rosco-critical,
.w2ui-button.button-critical,
.w2ui-button.button-critical:hover {
	background: var(--general-bgcolor-critical) !important;
}
.rosco-critical,
.w2ui-button.button-critical .w2ui-tb-image span,
.w2ui-button.button-critical .w2ui-tb-image span:hover {
	color: var(--general-color-critical) !important;
}






/* desktop and mobile menus */
@media only screen and (max-width: 1250px) {
  div.grid-mobile-menu {
    display: inherit;
  }
  div.grid-desktop-menu {
    display: inherit;
  }  
  td.grid-mobile-controls {
    display: inherit;
  }
  td.grid-desktop-controls {
    display: none;
  }
}
@media only screen and (min-width: 1251px) {
  div.grid-mobile-menu {
    display: none;
  }
  div.grid-desktop-menu {
    display: inherit;
  }  
  td.grid-mobile-controls {
    display: none;
  }
}

/* cursors */
.w2ui-tabs .w2ui-tab.closable {
  cursor: pointer;
}
.w2ui-tabs .w2ui-tab-close {
  cursor: pointer;
}
div.w2ui-tab.active {
  cursor: pointer;
}
.w2ui-tb-image {
  cursor: pointer;
}
.w2ui-tb-caption {
  cursor: pointer;
}
.menu-icon {
  cursor: pointer;
}
.rosco-menu-text {
  cursor: pointer;
}

/* form */
.w2ui-form .w2ui-page {
  background-color: var(--form-bgcolor);
}
div.dataSet {
  height: 150px;  
  margin-bottom: 15px
}
div.dataSetToolbar {
  height: 30px;  
}
div.wfParent {
  display:inline-block;  
  margin-right: 10px;
}
div.wfParentLabel {
  margin-bottom: 3px; 
}
.rosco-hidden {
  display: none !important;
}
.rosco-column {
  float: left; 
  background-color: var(--form-bgcolor);
  padding: 20px;
}

/* fields */
.w2field {
  padding: initial;
  border-radius: inherit;
  border: none;
}
.w2ui-field label {
  width: 30% !important;
  font-size: var(--p-size);
}
.w2ui-field input, textarea {
  width: 69% !important;
    border-width: 1px;
    border-color: var(--layout-border-color);
    border-style: var(--layout-border-style);
}
.w2ui-field select {
  width: 69% !important;
}
select {
  border-color: var(--content-border-color);
  border-style: var(--content-border-style);
}
.w2ui-field input[type=checkbox] {
  width: 15px !important;
  margin-left: -1px;
}
.w2ui-field input[type=date] {
  width: 50% !important;
}
input[type="text"]:disabled {
   background-color: var(--content-input-bgcolor); 
   color: var(-content-input-color);
   border-width: 1px;
   border-color: var(--content-border-color);
   border-style: var(--content-border-style);
   padding: 3px 3px 3px 3px;
}
input:not([type=button]):disabled, select:disabled, textarea:disabled, input:not([type=button])[readonly], select[readonly], textarea[readonly] {
   border-width: 1px;
   border-color: var(--content-border-color);
   border-style: var(--content-border-style);
}
input:not([type=button]):disabled, select:disabled, textarea:disabled, input:not([type=button])[readonly], select[readonly], textarea[readonly] {
  background-color: var(--content-input-bgcolor-disabled);
  color: var(--content-input-color-disabled);
}
td.value>input.w2field, td.value>span>input.w2field {
  padding: 1px 0 0 0;
  border-width: 2px;
  border-style: inset;
}
td.value>span>input.w2field {
  margin-top: 1px;
}

/* w2ui menus */
.w2ui-drop-menu {
  width: 100%;
  background-color: var(--layout-sub-panel-bgcolor) !important;
}

#busyMessage {
  opacity: 0;
  color: grey;
} 

#saveLocalStorage {
  opacity: 0;
  color: green;
} 
#userIdDisplay {
  opacity: 0;
  color: grey;
}

#userIdDisplay:hover {
  opacity: 1;
}


/* selectize formating */
.selectize-control {
  white-space: normal;    
}
.selectize-input {
  position: static;
  height: 80px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 99%;
}
.selectize-input input[type="text"] {
  height: initial;
}
.selectize-dropdown {
  height: 200px;
  position: static;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 3px;
}
.selectize-control.multi .selectize-input > div {
  background: #e1f0ff;
}

/* other */
.roscobranding {
  text-align: center;
  background-color: var(--layout-main-panel-bgcolor);
}
.rosco-title {
  font-weight: var(--p-weight);
  font-size: var(--p-size);
}
.rosco-description {
  font-size: var(--p-size);
  overflow-y: auto;
  height: auto !important;
  margin-top: 3px;
  margin-bottom: 15px;
}
.rosco-line {
  border: 0;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
  height: 1px;
}
.rosco-error {
    color:red;
}
.rosco-message{
    text-align: center;    
}
.rosco-text-report {
    background-color: var(--report-bgcolor);
    overflow: auto;
}


/* layout and tree */
h4.accordion-toggle {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0.1em;
  background: none;
  border-bottom:1px solid #c0c0c0;
}
.accordion-toggle {
  cursor: pointer;
  padding: 7px;
}
.accordion-content {
  margin-bottom: 10px;
}
.accordion-content.default {
  display: none;
}

h4.accordion-toggle-config {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0.1em;
  background: none;
  border-bottom:1px solid #c0c0c0;
}
.accordion-toggle-config {
  cursor: pointer;
  padding: 7px;
}
.accordion-content-config {
  padding: 5px 5px 5px 10px;
  border: 1px solid #c0c0c0;
}
.accordion-content-config.default {
  display: none;
}

.w2ui-layout > div .w2ui-panel {
  border: none;
}

a.jstree-anchor {
    font-size: var(--p-size);
    color: var(--layout-text-color);
}
.no-checkbox > i.jstree-checkbox {
  display:none;
}
.no-icon > i.jstree-themeicon {
  display:none;
}
.vakata-context {
  z-index: 999999;
}

.view-node.jstree-checked {
  background: var(--general-bgcolor-selected) !important;
  border-radius: 3px !important;
  box-shadow: inset 0 0 1px #3392e3 !important;
  color: var(--general-color-selected) !important;
}

.data-entry-search {
  outline: none !important;
  width: 130px;
  border-radius: 10px;
  line-height: normal;
  height: 16px;
  border-width: 1px;
  border-color: var(--content-border-color);
  border-style: var(--content-border-style);
  color: var(--content-input-color);
  background-color: var(--content-bginput-color);
  padding: 3px 18px 3px 23px;
  margin: 0px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.data-entry-search-clear {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -20px;
  border-radius: 15px;
  cursor: default;
}
.data-entry-search-clear:before {
  position: relative;
  top: -2px;
  left: 4px;
  opacity: 0.6;
  color: inherit;
  text-shadow: inherit;
  content: 'x';
  cursor: default;
}
.data-entry-search-clear:hover {
  background-color: #D77F7F;
  color: white;
}
div.rosco-box {
  border: 3px solid silver;
}
div#layout_mainLayout_panel_main .w2ui-panel-content{
  overflow: hidden !important;
}

/* tabs */
.lm_header .lm_tab i {
    margin-left: -18px;
    margin-top: 4px;
}
.lm_header .lm_tab .lm_title {
    padding-left: 15px;
}
.w2ui-layout > div .w2ui-panel .w2ui-panel-tabs {
  background-color: #f3f6fa;
}
.w2ui-tabs {
  background-color: transparent;
}
.w2ui-tabs .w2ui-tab {
  margin: 1px 1px -2px -1px;
}
.w2ui-tabs table {
  display: flex;
  border-bottom: 1px solid transparent;
  padding: 0px;
}
.w2ui-tabs tr {
  display: flex;
}
#tabs_layout_main_tabs_right {
  max-width: 1%;
}
.w2ui-tabs .w2ui-tab-close {
  text-shadow: none;
  float: left;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}
.w2ui-tabs .w2ui-tab-close:before {
  top: 2px;
  left: 2px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;  
  border-radius: 8px;
}
.w2ui-tabs .w2ui-tab-close:hover:before {
  background-color: darkred;
  color: white;
}
.w2ui-tabs .w2ui-tab.closable {
  padding: 5px 12px 5px 16px;
  overflow: hidden;
 }
div#row2-tabs {
  background-color: white;
    border-width: 1px;
    border-color: var(--layout-border-color);
    border-style: var(--layout-border-style);
  margin-top: -1px;
  min-height: 30px;
}
#row2-tabs .w2ui-tab {
  background-color: white;
  border: none;
}
div.w2ui-tab.active {
  font-weight: bold;
}

/* w2ui search on toolbar */
.search-icon{
   font-size: var(--icon-font-size); 
}
.w2ui-toolbar .w2ui-toolbar-search {
  min-width: 60px;
}
.w2ui-toolbar .w2ui-toolbar-search .w2ui-search-all {
  outline: none !important;
  min-width: 100px;
  width: 50%;
  border-radius: 10px;
  line-height: normal;
  height: 22px;
    border-width: 1px;
    border-color: var(--layout-border-color);
    border-style: var(--layout-border-style);
  color: #000000;
  background-color: #ffffff;
  padding: 3px 18px 3px 23px;
  margin: 0px;
}
.w2ui-toolbar .w2ui-toolbar-search .w2ui-search-down {
  position: absolute;
  margin-top: -7px;
  margin-left: 6px;
}
.w2ui-toolbar .w2ui-toolbar-search .w2ui-search-clear {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -20px;
  border-radius: 15px;
  cursor: default;
}
.w2ui-toolbar .w2ui-toolbar-search .w2ui-search-clear:hover {
  background-color: #D77F7F;
  color: white;
}
.w2ui-toolbar .w2ui-toolbar-search .w2ui-search-clear:before {
  position: relative;
  top: 1px;
  left: 5px;
  opacity: 0.6;
  color: inherit;
  text-shadow: inherit;
  content: 'x';
  cursor: default;
}

/*modifications for the resizer*/
.w2ui-layout > div .w2ui-resizer:hover, .w2ui-layout > div .w2ui-resizer.active {
    background-color: rgba(225, 225, 225, 0.2);
    -webkit-box-shadow: inset 0px 0px 0px 6px #e1e1e1, inset 0px 0px 0px 9px #bbbbbb;
    -moz-box-shadow: inset 0px 0px 0px 6px #e1e1e1, inset 0px 0px 0px 9px #bbbbbb;
    box-shadow: inset 0px 0px 0px 6px #e1e1e1, inset 0px 0px 0px 9px #bbbbbb;
}
#layout_layout_resizer_left:hover ,#layout_layout_resizer_right:hover  { 
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#layout_layout_resizer_top:hover ,#layout_layout_resizer_bottom:hover  { 
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

/* general table css */
tr.border-bottom {
    border-bottom: 1px solid silver;
}

tr.border-top {
    border-top: 1px solid silver;
}

/* search panel */ 
table.search {
  width: 99%;
}
tr.search {
  height: auto;
  border-color: var(--content-border-color);
  border-style: var(--content-border-style);
}
td.search.caption {
  font-weight: 500;
  color: var(--layout-heading-color);
}
td.search.caption,
td.search.operator, 
td.search.value {
  float: none;
  width: 100%;
  max-width:100%;
}
td.search.caption select,
td.search.operator select,
td.search.value select,
td.search.operator input,
td.search.value input {
    width: 90% !important;
    float: right;
    margin-right: 2%;
    margin-bottom: 3px !important;
}
td.value>input.w2field, td.value>span>input.w2field {
    border-color: var(--content-border-color) !important;
    border-width: 1px !important;
    border-style: dotted !important;
    padding: 1px 0 0 5px !important;
}
td.search.value input[type="checkbox"] {
    width: 20px !important;
    float: left !important;
    margin-left: 9% !important
}
td.search.caption.border-bottom {
  float: none;
  width: 100%;
  max-width:100%;
  word-break: break-word !important;
  padding-left: 3px;
}
td.search.operator.border-bottom{
  float: left;
  min-width: 80px;
  width: 15%;
}
td.search.value.border-bottom {
  float: left;
  max-width: 300px;
}
td.search.value>input.w2field, td.value>span>input.w2field {
  width: 130px;
}
td.search.value>select {
  width: 130px;
}
td.search.button {
  height:25px;
}
tr.search:hover, #rrt-home tr:hover, #rrt-fields tr:hover {
  background:#e6f0ff;
}
a.fa.fa-search.search-icon {
  color: transparent;
  padding-left: 4px;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 2px; 
}
a.fa.fa-search.search-icon:hover {
  color: silver;
  cursor: pointer; 
}
tr.search>td {
  display: block;
}
td.search>select:hover, td.search>button:hover {
  cursor: pointer;
}

/* CKEditor */
.cke_top { padding: 6px 0 0 6px !important; }
.cke_voice_label,
.cke_button_label,
.cke_combo_label { display: none !important; }
a.cke_button { padding: 3px 4px !important; }
.cke_combo_text { padding-left: 6px !important; line-height: 24px !important; }
.cke_combo_open { height: 18px !important; line-height: 16px !important;}
.cke_combo_arrow { margin: 10px 0 0 !important; }

/* right hand menu */
#rrt-fields td:nth-child(odd) {
    width: 9%;
}
#rrt-fields td:nth-child(even) {
    width: 90%;
}
/* right hand menu - text report panel */
#rrt-text-report {
    border: none !important;
}
#rrt-text-report .rosco-column {
    padding: 0px !important;	
}
#rrt-text-report .rosco-column .w2ui-group {
    padding: 0px !important;
	margin: 0px !important;
	border: none !important;
	background: var(--layout-sub-panel-bgcolor) ;
}
#rrt-text-report .rosco-column .w2ui-group textarea {
    min-width: 95% !important;	
}



.rosco-button {
  margin: 0px 1px;
  border-radius: 4px;
  height: 24px;
    border-width: 1px;
    border-color: var(--layout-border-color);
    border-style: var(--layout-border-style);
  background-color: transparent;
}
.rosco-button .w2ui-tb-image {
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 2px 4px 3px 3px !important;
  border: 0px !important;
  text-align: center;
}
.rosco-button .w2ui-tb-image > span {
  font-size: 15px;
  margin-top: 3px;
  display: block;
  color: #8d99a7;
}
.rosco-button .w2ui-tb-caption {
  color: #000000;
  padding: 0px 4px 0px 2px;
}
.rosco-button .w2ui-tb-count {
  padding: 0px 4px 0px 0px;
}
.rosco-button .w2ui-tb-count > span {
  border: 1px solid #9da4af;
  border-radius: 20px;
  width: auto;
  height: 18px;
  padding: 2px 7px;
  background-color: #e7f0fc;
  color: #667274;
  box-shadow: 0 0 2px #ffffff;
  text-shadow: 1px 1px 1px #e6e6e6;
}
.rosco-button .w2ui-tb-down {
  padding: 3px;
}
.rosco-button .w2ui-tb-down > div {
  border: 4px solid transparent;
  border-top: 5px solid #8D99A7;
  margin-top: 5px;
}
.rosco-button.over {
  border: 1px solid #cccccc;
  background-color: #eeeeee;
}
.rosco-button.over .w2ui-tb-caption {
  color: #000000;
}
.rosco-button.down {
  border: 1px solid #aaaaaa;
  background-color: #dddddd;
}
.rosco-button.down .w2ui-tb-caption {
  color: #666666;
}
.rosco-button.checked {
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
}
.rosco-button.checked .w2ui-tb-caption {
  color: #000000;
}
.rosco-button table {
  height: 17px;
  border-radius: 4px;
  cursor: default;
}

.rosco-menu-text {
    padding: 8px 10px 8px 5px;
    width: auto;
}

/* dhtmlx Schedule */
.dhx_cal_event.dhx_cal_select_menu {
    display:none;
}

/* Golden Layout */
div.lm_dragProxy {
  z-index: 300;
}
.lm_dragging {
  z-index: 300;
}
div.lm_dropTargetIndicator {
  z-index: 200;
}
div.lm_content h2, div.lm_content h3, div.lm_content p {
    padding-left: 20px;
}
.lm_tab:hover {
    background: var(--layout-tab-bgcolor-selected) !important;
}
.lm_tab.lm_active {
    background: var(--layout-tab-bgcolor-selected) !important;
    color: var(--layout-heading-color-selected) !important;
}
.lm_selected .lm_header {
    background: var(--layout-tab-bgcolor) !important;
    color: var(--layout-heading-color) !important;
}
.lm_header .lm_tab {
	font-size: var(--p-size) !important;  
    font-weight: var(--p-weight) !important;
	font-family: var(--body-family) !important;
	margin-top: 0px !important;
}
.lm_header .lm_tab .lm_title {
    padding-top: 0px !important;
	margin-top: -1px;
}


/* Rosco reporting css styles */
.rosco-report h1 {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 0px;
}
.rosco-report h3 {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 2px;
  margin-top: 5px;
  page-break-before: always;
  page-break-after: avoid;
}
.rosco-report table {
  page-break-inside: avoid;
}

@media all {
	.page-break	{ display: none; }
}

@media print {
  .page-break	{ display: block; page-break-before: always; }
}

/* Classes to inform user of record or field condition
Typically used by actions */

.lockField_Locked {
  background-color: rgb(158, 158, 158) !important;
}