html, body {
  display: flex;
  flex-flow:column nowrap;
  height: 100%;
  padding: 0;
  margin: 0;
  background:#e9f0f9;
  /*color:#a5939a;*/
  color:#000;
  font-size:12px;
  font-family: 'Open Sans', sans-serif;
  overflow:hidden;
}

:root
{
  --mc-alert-width-collapsed: 0;
  --mc-alert-height-collapsed: 0;
  --mc-alert-height: 40rem;
  --mc-alert-width: 33rem;
  --mc-primary-color: #21325c;
  --primary-subtle:   #cce5ff;
  --secondary-subtle: #e2e3e5;
  --success-subtle:   #d4edda;
  --danger-subtle:    #f8d7da;
  --warning-subtle:   #fff3cd;
  --info-subtle:      #d1ecf1;
  --light-subtle:     #fefefe;
  --dark-subtle:      #d6d8d9;  
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background : rgba(0,0,0,.25);
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

*:disabled, .disabled {
  pointer-events: none !important;
  color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  cursor: not-allowed;
  /*opacity: 0.6;
  filter: grayscale(100%);*/
}

.btn.btn-xs {
	padding: .13rem .25rem;
	font-size: .75rem;
	line-height: 1.5;
	border-radius: .2rem;
}

.flex-full
{
  flex: 1 1 0 !important;
}

.clear{
  float:none;
  height:0px;
  line-height:0px;
  overflow:hidden;
  clear:both;
  display:block;
}
.weightNormal {
  font-weight: normal;
}

input[type="checkbox"], input[type="radio"]
{
  accent-color: var(--mc-primary-color);
}

.table.align-middle > tbody > tr > td { vertical-align: middle; }

/* left menu */
#menu a{
  background-size: 16px 16px !important; 
  background-position: 10px center !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 31px;
  height: 31px;
  color:#fff;
  text-decoration:none;
  padding: 0 16px 0 40px;
  font-size: 12px;
}

#menu .materialsubmenu a{
  margin-top:0px;
  padding:0 0 0 40px;
}

#menu a.activeMainMenu, #menu a.activeMainMenu:hover {background-color: var(--mc-primary-color) !important;}

#menu
{
  overflow: hidden;
  padding-top: 10px;
  flex: 0 0 auto;
  width: 40px;
}

#menu a .badge { font-size: 100% !important; }


#menu.menuStateAuto:not(:hover) > div, #menu.menuStateClose > div
{
  overflow: hidden scroll;
  box-sizing: content-box;
  padding-right: 64px;
  width: 100%;
  height: 100%;
}

#menu a.menulessons{
  background: url(../imgcore/icons/menuicons/lessons.png) no-repeat 4px center;
}

#menu a.packages{
  background: url(../imgcore/icons/menuicons/packages.png) no-repeat 4px center;
}

#menu a.minta{
  background: url(../imgcore/icons/menuicons/minta.png) no-repeat 4px center;
}

#menu a.mintamozgas{
  background: url(../imgcore/icons/menuicons/mintamozgas.png) no-repeat 4px center;
}

#menu a.subjects{
  background: url(../imgcore/icons/menuicons/subjects.png) no-repeat 4px center;
}

#menu a.teachers{
  background: url(../imgcore/icons/menuicons/teachers.png) no-repeat 4px center;
}

#menu a.stats{
  background: url(../imgcore/icons/menuicons/stats.png) no-repeat 4px center;
}

#menu a.records{
  background: url(../imgcore/icons/menuicons/records.png) no-repeat 4px center;
}

#menu a.promo{
  background: url(../imgcore/icons/menuicons/promo.png) no-repeat 4px center;
}

#menu a.creditpaks{
  background: url(../imgcore/icons/menuicons/shopingbag.png) no-repeat 4px center;
}

#menu a.calendar{
  background: url(../imgcore/icons/menuicons/calendaricon.png) no-repeat 4px center;
}

#menu a.ordersandinvoices{
  background: url(../imgcore/icons/menuicons/ordersandinvoices.png) no-repeat 4px center;
}

#menu a.coupons{
  background: url(../imgcore/icons/menuicons/coupons.png) no-repeat 4px center;
}

#menu a.seo{
  background: url(../imgcore/icons/menuicons/seo.png) no-repeat 4px center;
}

#menu a.prodcats{
  background: url(../imgcore/icons/menuicons/prodcatsicon.png) no-repeat 4px center;
}

#menu a.products{
  background: url(../imgcore/icons/menuicons/productsicon.png) no-repeat 4px center;
}

#menu a.orders{
  background: url(../imgcore/icons/menuicons/ordersicon.png) no-repeat 4px center;
}

#menu a.bannereditor{
  background: url(../imgcore/icons/menuicons/bannereditoricon.png) no-repeat 4px center;
}

#menu a.students{
  background: url(../imgcore/icons/menuicons/students.png) no-repeat 4px center;
}

#menu a.settings{
  background: url(../imgcore/icons/menuicons/settings.png) no-repeat 4px center;
}

#menu a.stockok{
  background: url(../imgcore/icons/menuicons/stockok.png) no-repeat 4px center;
}

#menu a.stockalarm{
  background: url(../imgcore/icons/menuicons/stockalarm.png) no-repeat 4px center;
}

#menu a.faqs{
  background: url(../imgcore/icons/menuicons/faqs.png) no-repeat 4px center;
}

#menu a.egyebtetelek{
  background: url(../imgcore/icons/menuicons/egyebtetelek.png) no-repeat 4px center;
}

#menu a.partnerlogos{
  background: url(../imgcore/icons/menuicons/partnerlogos.png) no-repeat 4px center;
}

#menu a.news{
  background: url(../imgcore/icons/menuicons/news.png) no-repeat 4px center;
}

#menu a.staticpages{
  background: url(../imgcore/icons/menuicons/staticpages.png) no-repeat 4px center;
}

#menu a:hover, #menu a.active{
  background-color:#0E6390;
}

/* left menu end */

/* header */

#header{
  background-color: var(--mc-primary-color) !important;
  height:40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#header > *
{
  display: flex;
  align-items: center;
}

.header-striped
{
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px;  
}

#main
{
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
}


.defaultformtableerrorholder{
  color:red;
}

#logo{
  background: url(../imgcore/partylogo.png) no-repeat !important;
  width: 177px;
  height:28px;
}
#testLogo{
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 2rem 0 2rem;
}

.headerIndButtCont {
  color: #000000;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 1rem 0 1rem;
}
.headerIndButt {
  display: inline-block;
  margin: 0 0.25rem;
  height: 28px;
  width: 28px;
  line-height: 28px;
  text-decoration: none;
  color: #303030;
  font-weight: bold;
  font-size: 1.5rem;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
}
.headerIndButtActive {
  color: #000000;
}

/* header end */

#content
{
  padding: 10px;
}

#content.contentNoScroll {
  overflow-y: visible;
}

#content .navbar{
  background:#fff;
}

#menu.menuStateOpen, #menu.menuStateAuto:hover {
  width:215px;
  overflow: hidden auto !important;
}

#content .box{
  /*background:#f8fafc;*/
  background:#fff;
  padding:10px;
}

#loading{
  z-index: 99999;
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  background: url(../imgcore/loading.png) no-repeat center center !important;
  display: none;
}

#content .title{
  background:#b6d1f2 !important;
  /*margin-top:10px;
  line-height:50px;
  font-size:30px;*/
  line-height:20px;
  font-size:15px;
  color:#fff;
}

#menuFixState {
  display: block;
  width: 28px;
  height: 28px;
  text-decoration: none;
  margin-left: 6px;
}
#menuFixState.menuStateAuto {
  background: rgba(0,0,0,0) url('../../makeup/images/menu-auto.svg.png ') no-repeat scroll center center / 80%;
}
#menuFixState.menuStateOpen {
  background: rgba(0,0,0,0) url('../../makeup/images/menu-open.svg.png ') no-repeat scroll center center / 80%;
}
#menuFixState.menuStateClose {
  background: rgba(0,0,0,0) url('../../makeup/images/menu-close.svg.png ') no-repeat scroll center center / 80%;
}

/* grid */

.gridlimiter{
  margin-top:10px;
}

.dropbutitems.gridpagerselector{
  max-height:150px;
  overflow-y:auto;
}

.gridlimiter .gridlimiterinfo{
  line-height:30px;
  height:30px;
  display:block;
  float:left;
}

.gridlimiter .levelsbutton{
  float:left;
  margin-right:5px;
}

.gridlimiter .gridpager{
  line-height:30px;
  height:30px;
  float:right;
}

.gridlimiter .gridpager a{
  margin:0 5px 0 5px;
  color:var(--secondary);
  text-decoration:none;
}

.gridlimiter .gridpager a:hover{
  text-decoration:underline;
}



.gridlimiter .levelsbutton{
 background:transparent;
}

.sorteritemholder
{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 3px 6px;
  line-height: 1;
  cursor: auto;
  border-bottom: 1px solid #fff;
}

.sorteritemholder:hover:not(:last-child)
{
  border-bottom: 1px dashed var(--secondary);
}

.sorteritemholder.active > a > i.fa-eye
{
  color: #212529 !important;
}

.sorteritemholder > a
{
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  line-height: 1;
  font-size: 14px;
  margin: 0;
  text-decoration: none;
}

.sorteritemholder > a:hover, .sorteritemholder.active > .shorteron
{
  text-decoration: none;
  background: none !important;
  color: #212529 !important;
}

.sorteritemholder > .span
{
  flex: 1 1 auto;
  color: var(--secondary);
  text-align: left;
  display: inline-block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.sorteritemholder.active > .span
{
  font-weight: bold;
  color: #212529;
}

.gridsorterdesc{
  background: url(../imgcore/icons/gray_light/arrow_up_alt1_16x16.png) no-repeat center center #fff !important;
}

.gridsorterdesc.shorteron, .gridsorterdesc:hover{
  background: url(../imgcore/icons/gray_dark/arrow_up_alt1_16x16.png) no-repeat center center #fff !important;
}

.gridsorterasc{
  background: url(../imgcore/icons/gray_light/arrow_down_alt1_16x16.png) no-repeat center center #fff !important;
}

.gridsorterasc.shorteron, .gridsorterasc:hover{
  background: url(../imgcore/icons/gray_dark/arrow_down_alt1_16x16.png) no-repeat center center #fff !important;
}

.levelsbutton.actionbutton svg
{
  width: 14px;
  height: 14px;
}

.levelsbutton.actionbutton a
{
  line-height: 14px;
}

.levelsbutton.actionbutton .custom-switch
{
  margin-top: 6px;
}


.levelsbutton.actionbutton .resetcol{
  padding-left:35px !important;
  padding-right:5px;
  /*width:165px;*/
  background: url(../imgcore/icons/white/transfer_24x18.png) no-repeat 5px center;
}

.levelsbutton.actionbutton .delfilters{
  padding-left:35px !important;
  padding-right:5px;
  /*width:130px;*/
  background: url(../imgcore/icons/white/x_21x21.png) no-repeat 5px center;
}

.levelsbutton.gridsorter .dropbutitems{
  width:220px;
  max-height: 348px;
}

.levelsbutton.gridsorter{
  float:right;
  background: url(../imgcore/icons/gray_dark/layers_12x11.png) no-repeat left center #fff !important;
  padding-left:15px;
}

.levelsbutton.gridmarkerselector{
  float:right;
  background: url(../imgcore/icons/gray_dark/pin_12x12.png) no-repeat left center #fff !important;
  padding-left:15px;
  margin-right:15px;
}

.levelsbutton.graydark .dropbut, .levelsbutton.gridmarkerselector .dropbut, .levelsbutton.gridsorter .dropbut{
  background: url(../imgcore/icons/gray_dark/rolldown.png) no-repeat center center transparent;
}

.levelsbutton.gray .dropbut, .levelsbutton.gridmarkerselector .dropbut, .levelsbutton.gridsorter .dropbut .white {
  background: url(../imgcore/icons/white/rolldown.png) no-repeat center center transparent !important;
}

.levelsbutton.gray .dropbut:hover, .levelsbutton.gray .dropbut.activedropbut, .levelsbutton.gridmarkerselector .dropbut:hover, .levelsbutton.gridmarkerselector .dropbut.activedropbut, .levelsbutton.gridsorter .dropbut.activedropbut, .levelsbutton.gridsorter .dropbut:hover{
  background-color: #DEDEDE;
}

.levelsbutton.actionbutton .buttonlink{
  display:inline-block;
  margin:0px;
  height:30px;
  line-height:30px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
  text-decoration:none;
}

.custom-switch-sm
{
  --switch-size: 1.25rem;
  --switch-gap: 4px;
}

.custom-switch-md
{
  --switch-size: 1.5rem;
  --switch-gap: 4px;
}

.custom-switch-lg
{
  --switch-size: 1.66rem;
  --switch-gap: 4px;
}

.custom-switch
{
  height: var(--switch-size) !important;
  padding-left: calc(var(--switch-size) * 1.75) !important;
  line-height: var(--switch-size) !important;
  min-height: auto !important;
}

.custom-switch .custom-control-label
{
  vertical-align: middle !important;
  line-height: 0 !important;
  padding-left: 0.5rem;
}

.custom-switch .custom-control-label::before {
  top: calc(0rem - var(--switch-size) / 2) !important;
  height: var(--switch-size) !important;
  width: calc(var(--switch-size) * 1.75) !important;
  border-radius: var(--switch-size) !important;
  left: calc(var(--switch-size) * -1.75) !important;
  cursor: pointer;
}

.custom-switch .custom-control-label::after {
  top: calc(0rem - var(--switch-size) / 2 + var(--switch-gap) / 2) !important;
  left: calc(var(--switch-size) * -1.75 + var(--switch-gap) / 2) !important;
  width: calc(var(--switch-size) - var(--switch-gap)) !important;
  height: calc(var(--switch-size) - var(--switch-gap)) !important;
  border-radius: calc(var(--switch-size) - (var(--switch-size) / 2)) !important;
  cursor: pointer;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(calc(var(--switch-size) * 0.75)) !important;
}

.custom-switch.lime
{
  background-color: transparent !important;
  color: inherit !important;
}

.lime .custom-control-input:focus~.custom-control-label::before {
  border-color: #8CBF26 !important;
  box-shadow: 0 0 0 0.2rem rgba(140, 191, 38, 0.25) !important;
}

.lime .custom-control-input:checked~.custom-control-label::before {
  border-color: #8CBF26 !important;
  background-color: #8CBF26 !important;
}

.lime .custom-control-input:active~.custom-control-label::before {
  background-color: #8CBF26 !important;
  border-color: #8CBF26 !important;
}

.lime .custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #8CBF26 !important;
}

.lime .custom-control-input-green:not(:disabled):active~.custom-control-label::before {
  background-color: #8CBF26 !important;
  border-color: #8CBF26 !important;
}

/* akcio gombok */
.levelsbutton.actionbutton .add{
  padding-left:25px;
  padding-right:5px;
  background: url(../imgcore/icons/white/plus_16x16.png) no-repeat 5px center;
}
.levelsbutton.actionbutton .minus{
  padding-left:25px;
  padding-right:5px;
  background: url(../imgcore/icons/white/minus_16x4.png) no-repeat 5px center;
}
.levelsbutton.actionbutton .validity{
  padding-left:25px;
  padding-right:5px;
  background: url(../imgcore/icons/white/calendar_16x16.png) no-repeat 5px center;
}

.levelsbutton.actionbutton .start{
  padding-left:25px;
  padding-right:5px;
  background: url(../imgcore/icons/white/play_12x16.png) no-repeat 9px center;
}

.levelsbutton.actionbutton .lime{
  color:#fff;
  background-color: #8CBF26;
}

.levelsbutton.actionbutton .lime:hover{
  background-color: #749f1f;
}

.levelsbutton.actionbutton .blue{
  background-color: #0090FF !important;
  color: #fff;
}

.levelsbutton.actionbutton .blue:hover{
  background-color:#017cdb !important;
}

.levelsbutton.actionbutton .red{
  background-color: #f00 !important;
  color: #fff;
}

.levelsbutton.actionbutton .red:hover{
  background-color:#e22 !important;
}


.levelsbutton.actionbutton.gray{
  background-color: #EFEFEF !important;
}

.levelsbutton.actionbutton.gridmultifuncselector{
  padding-left:25px;
  background: url(../imgcore/icons/gray_dark/target_16x16.png) no-repeat 5px center;
}
.levelsbutton.actionbutton.linkoptions{
  padding-left:25px;
  background: url(../imgcore/icons/gray_dark/paperclip_14x16.png) no-repeat 5px center;
}


/* header levelsbutton */
.levelsbutton.headerbutton
{
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
}

.levelsbutton.headerbutton .fas
{
  margin-right: 5px;
  font-size: 16px;
  color:#fff;
}


.levelsbutton.headerbutton .buttontext{
  height:40px;
  line-height:40px;
  color:#fff;
}

.levelsbutton.headerbutton .dropbut{
  height:40px;
  background-color:#58B1FC;
}

.levelsbutton.headerbutton .dropbut.activedropbut, .levelsbutton.headerbutton .dropbut:hover{
  height:40px;
  background-color:#2597f7;
}

.levelsbutton.headerbutton .dropbutitems{
  margin-top:40px;
}

.levelsbutton.headerbutton .dropbutitems a:hover{
  background:#EFEFEF;
  color:#000;
}

.levelsbutton.headerbutton.languagebutton{
  padding-left:25px;
  background: url(../imgcore/icons/white/home_16x16.png) no-repeat 5px center;
  margin-right:30px;
}


/* header levelsbutton end */

.levelsbutton.actionbutton{
  float:left;
  margin-right:10px;
}

.gridchkboxholder{
  width:30px;
  height:30px;
  overflow:hidden;
  line-height:30px;
  text-align:center;
  float:left;
}

.gridrowchkboxdiv{
  border:2px solid transparent;
  display:inline-block;
}

.gridchkboxholder.on .gridrowchkboxdiv{
  border:2px solid #017cdb;
}

.gridsearchbut{
  border:0;
  padding:0;
  margin:0;
  line-height:30px;
  color:#fff;
  padding-left:25px;
  padding-right:5px;
  height:30px;
  background: url(../imgcore/icons/white/magnifying_glass_16x16.png) no-repeat 5px center #FF863D;
  cursor:pointer;
}

.gridsearchbut:hover{
  background-color:#fe6c14;
}

.gridmover{
  position:fixed;
  right:37px;
  bottom:20px;
  background:red;
  height:30px;
  width:60px;/*150px;*/
  overflow:hidden;
  opacity:0.2;
  filter:alpha(opacity=20);
}

.gridmover:hover{
  opacity:1;
  filter:alpha(opacity=100);
}

.gridmover a{
  float:left;
}

.gridmover a:hover{
  background-color: #017cdb;
}

.gridtablewordwrapset{
  margin:0px;
  padding:0px;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/article_12x12.png) no-repeat center center #0090FF;
}

.gridtablewordwrapset.on{
  background: url(../imgcore/icons/white/articleon_12x12.png) no-repeat center center #0090FF;
}

.gridtabledownload{
  margin:0px;
  padding:0px;
  display:block !important;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/download_12x16.png) no-repeat center center #0090FF;
}
.gridtableback{
  margin:0px;
  padding:0px;
  display:block !important;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/arrow_left_16x16.png) no-repeat center center #0090FF;
}
#header .gridtableback {
  margin-left: 1rem;
}

.gridtablereload{
  margin:0px;
  padding:0px;
  display:block !important;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/reload_12x14.png) no-repeat center center #0090FF;
}

.gridtablerightmover{
  margin:0px;
  padding:0px;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/arrow_right_12x12.png) no-repeat center center #0090FF;
}

.gridtableleftmover{
  margin:0px;
  padding:0px;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/arrow_left_12x12.png) no-repeat center center #0090FF;
}

.gridtable
{
  border-collapse: separate;
  border-spacing: 0;
}
.gridtable th{
  background:#efefef;
  text-align:left;
  color:#000;
  font-weight:bold;
}

.gridtable .row:hover{
  background:#efefef;
  cursor:pointer;
}

.gridtable.wordwrapon .row td{
  white-space:normal !important;
}

.gridtable th, .gridtable td{
  white-space: nowrap;
}

.gridtable .gridwordsearchpanel
{
  background:#dedede;
}

.gridtable .gridwordsearchpanel > td
{
  margin: 0 !important;
  padding: 0 !important;
  height: 35px;
  border-bottom:2px solid black;
  border-right:1px solid black;  
  text-align: center;
  vertical-align: middle;
}

.gridtable .gridwordsearchpanel > td > *
{
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 6px;
}

.gridtable > thead .rbc
{
  display: inline-block;
  margin: 0;
  padding: 0 6px;
  height: 30px;
}

.gridtable > thead .rbc > p
{
  text-align: left;
  margin: 0;
}


.gridtable .row td{
  border-bottom:1px solid #dddddd;
}

.gridlb{
  margin-right:8px;
}

.gridtable .headholder{
  background: url(/core/imgcore/verticalline.png) #5B5B5B;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.gridtable > tbody > tr > td .shiftSelChkBox
{
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-top: -1px;
}

.gridrowdropbut.activedropbut .dropbutitems{
  left:-30px !important;
}

.gridrowbutton{
  float:left;
}

.gridrowbutton{
  display:block;
  width:30px;
  height:20px;

}

.gridrowbutton.blue{
  background-color: #0090FF !important;
}

.gridrowbutton.blue:hover{
  background-color:#017cdb !important;
}

.gridrowbutton.lime{
  background-color: #8CBF26 !important;
}

.gridrowbutton.lime:hover{
  background-color: #749f1f !important;
}

.gridrowbutton.edit{
  background: url(../imgcore/icons/white/pen_12x12.png) no-repeat center center;
}

.gridrowbutton.view{
  background: url(../imgcore/icons/white/eye_12x9.png) no-repeat center center;
}

.gridrowbutton.download{
  background: url(../imgcore/icons/white/download_12x16.png) no-repeat center center;
}

.gridrowbutton.statmore{
  background: url(../imgcore/icons/white/chart_12x12.png) no-repeat center center;
}

.gridrowbutton.start{
  background: url(../imgcore/icons/white/play_12x16.png) no-repeat center center;
}

.gridrowbutton.check{
  background: url(../imgcore/icons/white/check_12x10.png) no-repeat center center;
}

.gridrowbutton.moresettings{
  cursor:auto;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/cog_12x12.png) no-repeat center center #AAAAAA;
}

.gridtable .rowmenu .gridlb
{
  margin-right:1px;
  display: inline-flex;
}

.gridtable > thead.fixed, .gridtable > * > tr.fixed {
	position: sticky;
	overflow: hidden;
	top: 0;
	z-index: 20;
}

.gridtable td.fixed, .gridtable th.fixed {
	position: sticky;
	left: 0;
	z-index: 19;
}
/* grid end */

/* inputok */
input[type=text]{
  border:1px solid #b6d1f2;
  padding:3px;
  background:#fff;
}
.input_currency, .input_int, .quantitytxtbox {
  text-align: right;
}

select{
  border:1px solid #b6d1f2;
  padding: 5px 3px;
  background:#fff;
}

.ui-corner-all
{
  border-radius: 0 !important;
}

/* layer */
.layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../imgcore/layerbg.png);
  overflow: hidden;
  z-index: 60;
  /*display:none;*/
}

/* popup */
.popup{
  margin:auto;
  width:80%;
  background:#ffffff;
  padding: 10px 20px 20px 20px;
}

.flex .popup
{
  width: auto !important;
  max-height: 100vh;
}
.flex .popup .popupbody.overflow-hidden {
  overflow-y: auto !important;
}

.popupclose, .popupcloseAjaxLink {
  display:block;
  padding:0px;
  font-size:16px;
  background:#000;
  color:#fff;
  align-self: flex-end;
  margin-bottom: 10px;
}

.popupPaddingBelow {
  margin-top: 0;
  max-height: 85vh;
  max-height: calc(100vh - 6rem);
}

/* default form */
.defaultform .defaultformtable{
  width:100%;
}

.defaultform .defaultformtablecaptiontd {
  text-align:right;
  width: 30%;
  color:#888888;
  font-weight:bold;
}
.defaultform .defaultformtablecaptiontd b {
  color: #000000;
}

.defaultform td{
  padding:10px;
}
.bagMassPurgeInfoTable {
  font-size: 0.8rem;
}
.defaultform .bagMassPurgeInfoTable td {
  padding: 0.1rem 0.3rem;
}

.defaultform input[type=text], .defaultform input[type=password], .defaultform select, .defaultform textarea{
  border:1px solid #CCCCCC;
  padding:5px;
  background:#fff;
  width:95%;
  box-sizing: border-box;
  display:block;
  color:#555555;
  min-height: 30px;
}
.defaultform select.massSignSel {
  display: inline-block;
  max-width: 20rem;
}

.defaultform input[type=text].bg-warning, .defaultform input[type=password].bg-warning, .defaultform select.bg-warning, .defaultform textarea.bg-warning
{
  background-color: var(--warning-subtle) !important;
}

.defaultform input[type=text].bg-danger, .defaultform input[type=password].bg-danger, .defaultform select.bg-danger, .defaultform textarea.bg-danger
{
  background-color: var(--danger-subtle) !important;
}

.defaultform textarea{
  min-height:150px;
}

.defaultform .imgsholder:hover{
  background-color: #efefef;
  cursor:move;
}

.defaultform .intervalinput{
  width:100px !important;
  display:inline-block !important;
}

.defaultform .defaulttimefielddate{
  width:100px !important;
  display:inline-block !important;
}

.defaultform .defaulttimefieldhour{
  width:100px !important;
  display:inline-block !important;
  margin-left:10px;
  margin-right:10px;
}

.defaultform .defaulttimefieldmin{
  width:100px !important;
  display:inline-block !important;
}

/* default form end */

/* default form tabs */

.defaultformtabcontent.inactivetab
{
  display: none;
}

.defaultformtabcontent.activetab
{
  display: block;
  position:relative;
  flex: 1 1 0 !important;
}

.defaultformtab{
  background: #000;
  color: #fff;
  display: inline-block;
  margin: 0 2px 2px 0;
  padding:3px 10px;
  cursor:pointer;
  border-radius: 10px;
}

.defaultformtab.activetab{
  background:var(--mc-primary-color);
}

.defaultformtab.taberror{
  background:red !important;
}

/* default form tabs end */

/* kategorialistak */
.catlistitemmenu{
  float:left;
  width:220px;
}
.catlistitemtitle{
  float:left;
}

.catlistitemmenu a{
  display:block;
  float:left;
  padding:0px;
  width:20px;
  height:20px;
  margin-right:10px;
}

.catlistlevel{
  padding:10px;
  margin-bottom:2px;
  line-height:16px;
}

.level1{
  background:#DEDEDE;
  font-size:16px;
}

.level2{
  background:#EFEFEF;
  font-size:14px;
}

.catlistitemmenu .blue{
  background-color: #0090FF !important;
}

.catlistitemmenu .blue:hover{
  background-color:#017cdb !important;
}

.catlistitemmenu .lime{
  background-color: #8CBF26 !important;
}

.catlistitemmenu .lime:hover{
  background-color: #749f1f !important;
}

.catlistitemmenu .gray{
  background-color: #AAAAAA !important;
}

.catlistitemmenu .gray:hover{
  background-color: #888 !important;
}

.catlistitemmenu .magenta{
  background-color: #a200ff !important;
}

.catlistitemmenu .magenta:hover{
  background-color: #8701d4 !important;
}

.gridrowbutton.orange{
  color:#fff;
  background-color: #FF863D;
}

.gridrowbutton.orange:hover{
  background-color: #fe6c14;
}

.catlistitemmenu .orange{
  background-color: #FF863D !important;
}

.catlistitemmenu .orange:hover{
  background-color: #fe6c14 !important;
}

.catlistitemmenu .red{
  background-color: #fb3838 !important;
}

.catlistitemmenu .red:hover{
  background-color: #dc2a2a !important;
}

.catlistitemmenu .edit{
  background: url(../imgcore/icons/white/pen_12x12.png) no-repeat center center;
}

.catlistitemmenu .seo{
  background: url(../imgcore/icons/white/seo_12x12.png) no-repeat center center;
}

.catlistitemmenu .open{
  background: url(../imgcore/icons/white/folder_fill_12x12.png) no-repeat center center;
}

.catlistitemmenu .delete{
  background: url(../imgcore/icons/white/trash_stroke_12x12.png) no-repeat center center;
}

.catlistitemmenu .moveup{
  background: url(../imgcore/icons/white/arrow_up_12x12.png) no-repeat center center;
}

.catlistitemmenu .movedown{
  background: url(../imgcore/icons/white/arrow_down_12x12.png) no-repeat center center;
}

.catlistitemmenu .replace{
  background: url(../imgcore/icons/white/move_12x12.png) no-repeat center center;
}

.catlist .addsubcat{
  width:20px;
  height:20px;
  margin-top:10px;
  background: #8CBF26 url(../imgcore/icons/white/plus_12x12.png) no-repeat center center;
  display:block;
  float:left;
}

.catlist .addsubcat:hover{
  background-color: #749f1f;
}

.catlist .subcatclose{
  width:20px;
  height:20px;
  margin-top:10px;
  background: #FF863D url(../imgcore/icons/white/x_11x11.png) no-repeat center center;
  display:block;
  float:left;
}

.catlist .subcatclose:hover{
  background-color: #fe6c14;
}

/* dropdown */
.levelsbutton{
  display:inline-block;
  padding:0px;
}

.levelsbutton .buttontext{
  display:block;
  height:30px;
  line-height:30px;
  float:left;
  margin: 0 5px 0 5px;
  cursor:pointer;
}

.levelsbutton:hover .buttontext
{
  text-decoration:underline;
}

.dropbutholder{
  position:relative;
  width:15px;
  float:right;
}

.dropbut{
  background: url(../imgcore/icons/white/rolldown.png) no-repeat center center #5AB4DA;
  height:30px;
  width:15px;
  overflow:hidden;
  display:block;
  cursor:pointer;
}

.dropbut:hover, .dropbut.activedropbut{
  background-color: #50a1c3;
}

.dropbutitems{
  margin-top:30px;
}

.dropbut.activedropbut .dropbutitems{
  display:block;
  position:absolute;
  right:0px;
  overflow: hidden auto;
  z-index: 33;
  max-height: calc(100vh - 50px);
}

.dropbutitems{
  border:#B6D1F2 solid 1px;
  box-shadow: 1px 2px 5px #DEDEDE;
  width:130px;
  background:#fff;
  z-index:10;
  /*text-align:right;*/
}

.dropbutitems a{
  display:block;
  padding:5px;
  text-decoration:none;
  color:var(--secondary);
}

.dropbutitems a.active{
  font-weight: bold;
  color: #212529;
  border-bottom: 1px dashed #212529;
}

.dropbutitems a:hover{
  background:#B6D1F2;
  color:#fff;
}

/* rendszeruzenetek */
.systemmsg.alertmsg{
  padding-left:40px;
  background: url(../imgcore/icons/gray_light/denied_32x32.png) left top no-repeat;
  /*line-height:32px;*/
}

.systemmsg.confirmmsg{
  padding-left:40px;
  background: url(../imgcore/icons/gray_light/question_mark_16x32.png) 16px top no-repeat;
  /*line-height:32px;*/
}

.systemmsg.infomsg{
  padding-left:40px;
  background: url(../imgcore/icons/gray_light/info_16x32.png) 16px top no-repeat;
  /*line-height:32px;*/
}

.systemmsg .systemmsgbuttons{
  margin-top:30px;
}

.systemmsg .systemmsgbuttons a, .systemmsg .systemmsgbuttons .confirmmsgsubmit{
  display:inline-block;
  margin:0px;
  height:30px;
  line-height:30px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
  text-decoration:none;
  border:0px;
  float:left;
  margin-right:10px;
  color:#fff;
}

.systemmsg .systemmsgbuttons a{
  background-color: #FF863D !important;
}

.systemmsg .systemmsgbuttons a:hover{
  background-color: #fe6c14 !important;
}

.systemmsg .systemmsgbuttons .confirmmsgsubmit{
  background-color: #fb3838 !important;
}

.systemmsg .systemmsgbuttons .confirmmsgsubmit:hover{
  background-color: #dc2a2a !important;
}

/* rendszeruzenetek end */

/* system editorwindow */
.systemeditorwindow .popuptitle{
  background:#B6D1F2 !important;
  font-size:14px;
  color:#fff;
  padding:10px;
}
.systemeditorwindow .popupbody{
  background: #EFEFEF;
  flex: 1 1 100%;
}

.systemeditorwindow .defaultformtablesubmit{
  display:block;
  margin:0px;
  height:30px;
  line-height:30px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
  text-decoration:none;
  border:0px;
  margin-right:10px;
  color:#fff;
  background-color: #8CBF26;
}

.systemeditorwindow .defaultformtablesubmitsss:hover{
  background-color: #749f1f;
}

.systemeditorwindow .popupclose, .systemmessage .popupclose,
.systemeditorwindow .popupcloseAjaxLink, .systemmessage .popupcloseAjaxLink {
  display:block;
  width:16px;
  height:16px;
  padding:0px;
  text-decoration:none;
  cursor:pointer;
  background: url(../imgcore/icons/gray_light/x_alt_16x16.png) center center no-repeat;
}

.systemeditorwindow .popupclose:hover, .systemmessage .popupclose:hover,
.systemeditorwindow .popupcloseAjaxLink:hover, .systemmessage .popupcloseAjaxLink:hover {
  display:block;
  width:16px;
  height:16px;
  padding:0px;
  text-decoration:none;
  cursor:pointer;
  background: url(../imgcore/icons/gray_dark/x_alt_16x16.png) center center no-repeat;
}

/* system editorwindow end*/

.systemtable th{
  background:#dedede;
  text-align:left;
}

.systemtable .lightth th{
  background:#efefef;
  text-align:left;
}

.systemtable td, .systemtable th{
  padding: 3px;
}

.systemtablesum{
  padding:3px;
  font-weight:bold;
  background:#efefef;
  margin-top:10px;
}

/* OTT makeup */
html, body{
  /* background: #d3d3d3 url(/makeup/images/adminbg.jpg) no-repeat center top !important; */
  background: #d3d3d3 !important;
}
#header.testHeader {
  background-color: #7D261C !important;
}

#menu{
  background:#5b5b5b !important;
}
#content .title {
  background:#434343 !important;
}

.systemeditorwindow .popuptitle{
  background:#5b5b5b !important;
}

.levelsbutton.headerbutton .dropbut{
  height:40px;
  background-color:var(--mc-primary-color);
}

.levelsbutton.headerbutton .dropbut.activedropbut, .levelsbutton.headerbutton .dropbut:hover{
  height:40px;
  background-color:#344267;
}

#menu a:hover, #menu a.active{
  background-color:#6d6d6d !important;
}

/*.levelsbutton.headerbutton .buttontext {
  color:#000 !important;
}*/

.levelsbutton.headerbutton.languagebutton {
  background-image:url(/core/imgcore/icons/black/home_16x16.png) !important;
}

.levelsbutton.headerbutton.profilebutton {
  background: transparent;
}

.levelsbutton.headerbutton .dropbut {
  background-image:url(/core/imgcore/icons/white/rolldown.png) !important;
}

.tablegroupcheckbox th{
  background: #e1e1e1;
  text-align: left;
}

.tablegroupcheckbox th, .tablegroupcheckbox td{
  padding:2px;
}

.viewedit {
 background: url(../imgcore/views/edit-16.png) no-repeat 4px center;
 display: inline;
}
.viewtrash {
 background: url(../imgcore/views/trash-16.png) no-repeat 4px center;
 display: inline;
}
.viewnew {
 background: url(../imgcore/icons/gray_dark/plus_alt_16x16.png) no-repeat 80px center;
 display: inline;

 display: inline;
}

.ui-resizable-handle { z-index: auto !important; }

/* menuikonok */
#menu a.ugyfelekmenu{
  background: url(../imgcore/icons/menuicons/ugyfelekikon.png) no-repeat 4px center;

}
#menu a.certikmenu{
  background: url(../imgcore/icons/menuicons/certikikon.png) no-repeat 4px center;

}

#menu a.inspekciokmenu{
  background: url(../imgcore/icons/menuicons/inspekciokikon.png) no-repeat 4px center;
}

#menu a.regiokmenu{
  background: url(../imgcore/icons/menuicons/regiokmenu.png) no-repeat 4px center;
}

#menu a.felhasznalokmenu{
  background: url(../imgcore/icons/menuicons/felhasznalokmenu.png) no-repeat 4px center;
}

#menu a.szamlaasszistensmenu{
  background: url(../imgcore/icons/menuicons/szamlaasszistensmenu.png) no-repeat 4px center;
}

#menu a.analizistablamenu{
  background: url(../imgcore/icons/menuicons/analizistablamenu.png) no-repeat 4px center;
}

#menu a.inspekciotablamenu{
  background: url(../imgcore/icons/menuicons/inspekciotablamenu.png) no-repeat 4px center;
}

#menu a.mintakuldestabla{
  background: url(../imgcore/icons/menuicons/mintakuldestabla.png) no-repeat 4px center;
}

#menu a.koltsbevnyermenu{
  background: url(../imgcore/icons/menuicons/koltsbevnyermenu.png) no-repeat 4px center;
}

#menu a.euroarfolyammenu{
  background: url(../imgcore/icons/menuicons/euroarfolyammenu.png) no-repeat 4px center;
}

#menu a.kulturakmenu{
  background: url(../imgcore/icons/menuicons/kulturakmenu.png) no-repeat 4px center;
}

#menu a.exceltablamenu{
  background: url(../imgcore/icons/menuicons/exceltablamenu.png) no-repeat 4px center;
}

#menu a.awimenu{
  background: url(../imgcore/icons/menuicons/awimenu.png) no-repeat 4px center;
}

#menu a.awistatmenu{
  background: url(../imgcore/icons/menuicons/awistatmenu.png) no-repeat 4px center;
}

#menu a.analizisekmenu{
  background: url(../imgcore/icons/menuicons/analizisattekintomenu.png) no-repeat 4px center;
}

#menu a.laborokmenu{
  background: url(../imgcore/icons/menuicons/laborokikon.png) no-repeat 4px center;
}

#menu a.telephelyekmenu{
  background: url(../imgcore/icons/menuicons/telephelyekikon.png) no-repeat 4px center;
}
#menu a.kontaktmenu{
  background: url(../imgcore/icons/menuicons/kontaktokikon.png) no-repeat 4px center;
}
#menu a.ellenorokmenu{
  background: url(../imgcore/icons/menuicons/ellenorokikon.png) no-repeat 4px center;
}
#menu a.alvallalkozocegekmenu{
  background: url(../imgcore/icons/menuicons/alvallalkozokikon.png) no-repeat 4px center;
}
#menu a.szamlazottmenu{
  background: url(../imgcore/icons/menuicons/coins32.png) no-repeat 4px center;
}
#menu a.ellenorarlistakmenu{
  background: url(../imgcore/icons/menuicons/ellenorarlistakikon.png) no-repeat 4px center;
}
#menu a.analizisarlistakmenu{
  background: url(../imgcore/icons/menuicons/analizisarlistakikon.png) no-repeat 4px center;
}
#menu a.inspekcioarlistamenu{
  background: url(../imgcore/icons/menuicons/inspekciosarakikon.png) no-repeat 4px center;
}
#menu a.egyebarakmenu{
  background: url(../imgcore/icons/menuicons/egyebarakikon.png) no-repeat 4px center;
}
#menu a.naplomenu{
  background: url(../imgcore/icons/menuicons/naplozasikon.png) no-repeat 4px center;
}
#menu a.jobs{
  background: url(../imgcore/icons/menuicons/jobs.png) no-repeat 4px center;
}

#menu a.fontawesome
{
  padding-left: 0;
  background: none;
  margin: 0 !important;
  width: 215px;
}

#menu a.fontawesome > span > i
{
  width: 40px;
  text-align: center;
  font-size: 14px;
}


#menu a.inspectors{
  background: url(../imgcore/icons/menuicons/ellenorokikon.png) no-repeat 4px center;
}
#menu a.sites{
  background: url(../imgcore/icons/menuicons/regiokmenu.png) no-repeat 4px center;
}
#menu a.kulturak{
  background: url(../imgcore/icons/menuicons/kulturakmenu.png) no-repeat 4px center;
}
#menu a.jobtipus{
  background: url(../imgcore/icons/menuicons/prodcatsicon.png) no-repeat 4px center;
}
#menu a.arlistak{
  background: url(../imgcore/icons/menuicons/coins32.png) no-repeat 4px center;
}
#menu a.szabvanyok{
  background: url(../imgcore/icons/menuicons/certikikon.png) no-repeat 4px center;
}
#menu a.laborparameter{
  background: url(../imgcore/icons/menuicons/laborokikon.png) no-repeat 4px center;
}
#menu a.laborcsomag{
  background: url(../imgcore/icons/menuicons/analizisekikon.png) no-repeat 4px center;
}

.marginbottom40px {
  margin-bottom: 40px;
}

/* jquery ui multiseect */
.ui-multiselect {
    background:#fff !important;
    width: 100% !important;
}


.gridtable.gridhead .ui-resizable.rbc {
  height: 30px !important;
  overflow: visible !important;
}
.gridtable.gridhead .ui-resizable.rbc p {
  margin: 0;
  overflow: hidden;
}
.gridtable.gridhead .ui-resizable-handle {
  bottom: -3px; right: -7px;
}

.defaultformtabcontent {
  overflow-y: auto;
}

.systemeditorwindow td.td {
  height: 100%;
}
.systemeditorwindow td.td .popup {
  box-sizing: border-box;
}

.systemeditorwindow #formcontainer {overflow: auto;}

.formTabsHolder {
  background: #5b5b5b;
  padding: 10px;
}

.editorwindowfooter {
  background: #5b5b5b;
}

.messageline {
  background: rgba(140,191,38,0.8);
  bottom: 0;
  color: black;
  font-weight: bold;
  position: fixed;
  text-align: center;
  width: 100%; line-height: 30px;
  z-index: 10;
}

.statusbox{
  max-width:400px;
  display:inline-block;
  margin-bottom:5px;
}

.statusbox.left{
  margin-right:20px;
  float:left;
}

.statusbox.right{
  float:right;
}

.textright{
  text-align:right;
}

.kotltscalc b{
  float:right;
}

.buttonlinks a{
  color:#fff;
  background-color: #8CBF26;
  border-radius:10px;
  cursor:pointer;
  display:inline-block;
  margin-left:5px;
  padding:3px 10px;
  text-decoration:none;
}

.buttonlinks a:hover{
  background-color: #749f1f;
}

.gridlightcont{
  background:#baafa6;
  border:0px solid #ffefdf;
  border-left:0px;
  border-right:0px;
}

.box.subtitle{
  color:#fff;
  font-size:15px !important;
  line-height:16px !important;
  padding:5px !important;
  margin: 5px 0 0px 0;
  background: var(--mc-primary-color) !important;
}

.viewsection{
  padding:5px 0px 10px 0px;
  background:#EFEFEF;
  margin-bottom:15px;
}

.viewsection .statusrow{
  padding-left:5px;
}

.gridlighttable th{
  background:#dedede !important;
}

.gridtable td a, .gridtable th a{
  color:var(--mc-primary-color);
  display:block;
  font-weight: normal;
}

.gridtable td a:hover, .gridtable th a:hover{
  text-decoration:none;
  background-color:#496dd5;
  color:#fff;
}

.box.title a{
  color:#fff;
  text-decoration:underline;
}

.box.title a:hover{
  text-decoration:none;
}

.gridlightcont .gridbvrov{
  cursor:auto !important;
}

.newstyleformfield{
  width:225px;
  float:left;
  height:55px;
  padding-right:15px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}

.newstyleformcontainer{
  padding:15px;
}

.newstyleformcontainer .newstyleformerror{
  font-size:10px;
  color:red;
}

.newsstyleform .jquery-ui-singleselect, .newsstyleform .ui-multiselect{
  max-width:220px !important;
  overflow:hidden !important;
}

.newsstyleform input[type="text"], .newsstyleform input[type="password"], .newsstyleform select, .newsstyleform textarea {
  padding:3px !important;
  border-radius:5px !important;
}

.newsstyleform select{
  padding:2px !important;
}

.newsstyleform .ui-multiselect span{
  max-width:200px;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}

.statusrow select{
  width:150px;
}


/* 2015/02/11 Bálint hack, hogy az "inline editor" ne kerüljön a grid fejléce alá */
#ui-datepicker-div
{
 z-index: 10000 !important;
}

/* fasteditor jeloloszinek */

.fasteditoractive{
  background: #FFE39F !important;
}

.fasteditorwasactive{
  background: #8CBF26 !important;
}

.fasteditorhover{
  background: #fff;
}


.gridrowdropbutspecko.activedropbut .dropbutitems{
  left:15px !important;
  top:-30px !important;
  width:200px;
}

.gridmenubar .dropbutitems{
  z-index:25;
}

.gridlimiter{
  background:#5B5B5B !important;
  color:#fff;
  padding: 0 5px 0 5px;
}

.gridlimiter .levelsbutton .buttontext{
  color:#fff;
}

.gridlimiter .gridpager a{
  color:#fff;
}

.viewonoff{
  background: url(/core/imgcore/icons/gray_light/eye_16x12.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewonoff:hover, .active .viewonoff{
  background: url(/core/imgcore/icons/gray_dark/eye_16x12.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewdelete{
  background: url(/core/imgcore/icons/gray_light/trash_stroke_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewdelete:hover{
  background: url(/core/imgcore/icons/gray_dark/trash_stroke_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewmodify{
  background: url(/core/imgcore/icons/gray_light/brush_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewmodify:hover{
  background: url(/core/imgcore/icons/gray_dark/brush_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.dropbutitems a.addCurrentFilter {
  display: none;
}
.dropbutitems .active a.addCurrentFilter {
  display: block;
}
.viewadd, .addCurrentFilter {
  background: url(/core/imgcore/icons/gray_light/plus_alt_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewadd:hover, .addCurrentFilter:hover {
  background: url(/core/imgcore/icons/gray_dark/plus_alt_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.levelsbutton.gridsorter.viewselector{
  background-image: url(/core/imgcore/icons/gray_dark/eye_16x12.png) !important;
  margin-left:20px;
}

.levelsbutton.gridsorter.savedFilterSelector{
  background-image: url(/core/imgcore/icons/gray_dark/equalizer_16x16.png) !important;
  margin-left:20px;
}

/*forint nem letiltottnal*/
.placeholderhuf, .newsstyleform input[type="text"].placeholderhuf{
  background: url(../imgcore/placeholderhuf.png) no-repeat right center #fff !important;
  padding-right:30px !important;
  /* Firefox */
  width: -moz-calc(95% - 27px) !important;
  /* WebKit */
  width: -webkit-calc(95% - 27px) !important;
  /* Opera */
  width: -o-calc(95% - 27px) !important;
  /* Standard */
  width: calc(95% - 27px) !important;
}
/*forint letiltottnal*/
.input_readonly.placeholderhuf, .newsstyleform input[type="text"].placeholderhuf.input_readonly{
  background: url(../imgcore/placeholderhuf.png) no-repeat right center #d3d3d3 !important;
  padding-right:30px !important;
  /* Firefox */
  width: -moz-calc(95% - 27px) !important;
  /* WebKit */
  width: -webkit-calc(95% - 27px) !important;
  /* Opera */
  width: -o-calc(95% - 27px) !important;
  /* Standard */
  width: calc(95% - 27px) !important;
}

/*euro nem letiltottnal*/
.placeholdereur, .newsstyleform input[type="text"].placeholdereur{
  background: url(../imgcore/placeholdereur.png) no-repeat right center #fff !important;
  padding-right:30px !important;
  /* Firefox */
  width: -moz-calc(95% - 27px) !important;
  /* WebKit */
  width: -webkit-calc(95% - 27px) !important;
  /* Opera */
  width: -o-calc(95% - 27px) !important;
  /* Standard */
  width: calc(95% - 27px) !important;
}

/*euro letiltottnal*/
.input_readonly.placeholdereur, .newsstyleform input[type="text"].placeholdereur.input_readonly{
  background: url(../imgcore/placeholdereur.png) no-repeat right center #d3d3d3 !important;
  padding-right:30px !important;
  /* Firefox */
  width: -moz-calc(95% - 27px) !important;
  /* WebKit */
  width: -webkit-calc(95% - 27px) !important;
  /* Opera */
  width: -o-calc(95% - 27px) !important;
  /* Standard */
  width: calc(95% - 27px) !important;
}

.riasztas-100{color:#660a48; font-size:18px; margin:3px;}
.riasztas-101{color:#866c12; font-size:18px; margin:3px;}
.riasztas-102{color:#862e12; font-size:18px; margin:3px;}
.riasztas-103{color:#d14ef2; font-size:18px; margin:3px;}
.riasztas-104{color:#f24e9b; font-size:18px; margin:3px;}
.riasztas-105{color:#d10317; font-size:18px; margin:3px;}

.riasztas-200{color:#660a48; font-size:18px; margin:3px;}
.riasztas-201{color:#866c12; font-size:18px; margin:3px;}
.riasztas-202{color:#862e12; font-size:18px; margin:3px;}
.riasztas-203{color:#d14ef2; font-size:18px; margin:3px;}
.riasztas-204{color:#f24e9b; font-size:18px; margin:3px;}

.riasztas-300{color:#660a48; font-size:18px; margin:3px;}
.riasztas-301{color:#866c12; font-size:18px; margin:3px;}
.riasztas-302{color:#862e12; font-size:18px; margin:3px;}
.riasztas-303{color:#d14ef2; font-size:18px; margin:3px;}

.billgenerator{
  margin-top:0px !important;
  padding-top:0px !important;
}

.billgeneratortable{
  width:100%;
}

.billgeneratortable th{
  background:#dedede;
  text-align:left;
}

.billgeneratortable th, .billgeneratortable td{
  padding:3px;
  border:1px solid #000;
}

.billgeneratortablerow {background: #ffe2e2}
.billgeneratortablerow:nth-child(odd) {background: #fdd4d4}

.billgenbutt{
  border:0px;
  cursor:pointer;
  padding:10px;
  width:200px;
  margin: 10px;
  color:#fff;
  background-color: #8CBF26;
}

.billgenbutt:hover{
  background-color: #749f1f;
}

.billinfo1{
  color:#1313dc;
}

.billinfo2{
  color:#a407bb;
}

.billinfo3{
  color:#dc7b13;
}

.canvasjs-chart-credit{
  display:none;
}

.searchSel_div, .subprod_div {
  width: 95%;
}
.searchSel_div:after, .subprod_div:after {
  content: "";
  display: table;
  clear: both;
}
.defaultform input[type="text"].searchSel_sea,
.defaultform input[type="text"].textSelExistingOrNew_sea,
.defaultform input[type="text"].subprod_sea {
  display: block;
  float: left;
  width: 18%;
  margin: 0 2.99% 0 0;
}
.defaultform select.searchSel_sel,
.defaultform select.subprod_sel {
  display: block;
  float: left;
  width: 79%;
  margin: 0;
}
.subprod_old:after {
  content: "";
  display: table;
  clear: both;
}
.subprod_new {
  display: block;
  clear: both;
  margin: 0.3rem 0 0 0;
}
.defaultform input[type="text"].subprod_enName,
.defaultform input[type="text"].subprod_eniId {
  display: inline-block;
  width: 40%;
  margin: 0 1rem 0 0;
}

.bagHistoryContOuter .subprod_div {
  min-width: 32rem;
}
.bagHistoryContOuter .subprod_sea {
  display: inline-block;
  margin: 0 0.3rem 0 0;
}
.bagHistoryContOuter .subprod_sel {
  display: inline-block;
  height: 2.4rem;
  padding: 0 0.5rem;
}

.defaultform select.textSelExistingOrNew_sel {
  display: block;
  float: left;
  width: 74%;
  margin: 0;
}

.chkRow {
  display: flex;
  align-items: center;
  margin: 0;
}
.chkRow input[type="checkbox"] {
  display: inline-block;
  margin: 0 6px 0 0;
}
.chkRow label {
  display: inline-block;
  margin: 0;
}

.qtInpTons,
.defaultform input[type="text"].qtInpTons {
  display: inline-block;
  width: 100px;
}
.inpPostfix {
  display: inline-block;
  margin: 0 0 0 1rem;
}


.labctrlGridHeaderRow {
  line-height: 2rem;
}
.labctrlGridHeaderItem {
  display: inline-block;
  margin: 0 0.5rem;
}
#lcgridFormSubmit {
  display: none;
}
.lcInpYear {
  display: inline-block;
  width: 6rem;
}
.lcInpMonth {
  display: inline-block;
  width: 3rem;
}
.lcInpLab {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
  margin: 0 0.5rem;
  padding: 0.2rem 0.5rem;
}
.lcInpLab input,
.lcInpLab label {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.lcInpLab.lcInpLabActive label {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.lcInpLab.lcInpLabActive.lcInpLab1 {
  background: #B2EDB3;
}
.lcInpLab.lcInpLabActive.lcInpLab2 {
  background: #FFB3A6;
}

.labctrlTable {
  border-collapse: collapse;
  border: 0 none;
}
.labctrlTable tr {
  border-top: 1px solid #c0c0c0;
}
.labctrlTable th, .labctrlTable td {
  padding: 0.5rem 1rem;
}
.labctrlTable th {
  background: #e0e0e0;
}


.addressToCity_row:after {
  content: "";
  display: table;
  clear: both;
}
.addressToCity_div label {
  display: block;
  margin: 0.8rem 0 0.2rem 0;
}
.defaultform .addressToCity_div .addressToCity_countryid,
.defaultform .addressToCity_div .addressToCity_countyid,
.defaultform .addressToCity_div .addressToCity_cityid {
  display: block;
  width: 45%;
  float: left;
  margin: 0 5% 0 0;
}
.defaultform .addressToCity_div .addressToCity_newcountry,
.defaultform .addressToCity_div .addressToCity_newcity {
  display: block;
  width: 45%;
  float: left;
}
.defaultform .addressToCity_div .addressToCity_zip {
  width: 15rem;
}

.jobTabsCont {
  display: block;
  width: 100%;
  clear: both;
  margin: 1.5rem 0 1rem 0;
  padding: 0;
}
.jobTabsCont:after,
.jobTabsDataItem:after {
  content: "";
  display: table;
  clear: both;
}
.jobTabsLeverCont {
  display: block;
  width: 100%;
  clear: both;
  margin: 0 0 2rem 0;
  padding: 0;
  line-height: 3rem;
  border-bottom: 1px solid #a0a0a0;
}
.jobViewjobTabsLeverCont {
  margin-bottom: 0;
}
.jobTabsLeverItem {
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000000;
  background: #f0f0f0;
  text-decoration: none;
  vertical-align: bottom;
}
.jobTabsLeverContWithAlt .jobTabsLeverItem {
  padding: 0 0.5rem;
  font-size: 0.9rem;
}
.jobTabsLeverContWithAlt .jobTabsLeverSpanAlt {
  display: inline-block;
}
.jobTabsLeverContWithAlt .jobTabsLeverSpan {
  display: none;
}

.jobTabsLeverItem.jobTabsLeverAlert {
  background: #F0A8A8;
}
.jobTabsLeverItem:hover,
.jobTabsLeverItem:active,
.jobTabsLeverItem:focus {
  text-decoration: none;
  background: #e0e0e0;
}
.jobTabsLeverItem.jobTabsLeverAlert:hover,
.jobTabsLeverItem.jobTabsLeverAlert:active,
.jobTabsLeverItem.jobTabsLeverAlert:focus {
  background: #F07878;
}
.jobTabsLeverItem.active,
.jobTabsLeverItem.jobTabsLeverAlert.active {
  font-weight: bold;
  color: #ffffff;
  background: var(--mc-primary-color);
}
.jobTabsLeverDoubleRow {
  display: inline-block;
  line-height: 1.4rem;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  text-align: center;
}
.jobTabsDataItem {
  display: none;
  margin: 0;
  padding: 0 0 5rem 0;
}
.jobTabsDataItem.active {
  display: block;
}


.deleted,
.deleted .faint {
  text-decoration: line-through !important;
  color: #dedede !important;
}
.table .jobTableRowNoLine td,
.table .jobTableRowNoLine th {
  border-top: 0 none;
  padding: 0.25rem 0.75rem 0.5rem;
}
.jobTableRowNoLine p {
  margin: 0;
}
.jobTableRowNoLine h6 {
  font-weight: normal;
  font-style: normal;
  font-size: 1;
  margin: 0 0 0.25rem 0;
  padding: 0;
}
.nullablecheckbox {
  display: inline-block;
  margin: 0 0 0 1rem;
}

.assetOne_div, .assetOne_assetDiv {
  display: block;
  margin: 0;
}
.assetOne_div:after,
.assetOne_siteDiv:after,
.assetOne_assetDiv:after {
  content: "";
  display: table;
  clear: both;
}
.defaultform select.assetType_sel {
  display: block;
  float: left;
  width: 21%;
  margin: 0 2% 0 0;
}
.defaultform select.assetName_sel {
  display: block;
  float: left;
  width: 35%;
  margin: 0 1.99% 0 0;
}
.defaultform input[type="text"].assetName_text {
  display: block;
  float: left;
  width: 35%;
  margin: 0;
}
.defaultform select.assetName_multisel {
  margin-bottom: 0.3rem;
}
.defaultform textarea.assetName_multitext {
  display: block;
  min-height: 80px;
}

.assetOne_siteDiv {
  margin: 0.5rem 0 0 0;
}
.assetOne_siteDiv.hidden {
  display: none;
}
.assetOne_siteDiv input[type="text"].assetSite_text {
  display: block;
  float: left;
  width: 21%;
  margin: 0 1.99% 0 0;
}
.assetOne_siteDiv select.assetSite_sel {
  display: block;
  float: left;
  width: 72%;
  margin: 0;
}
.jobActionTable h3,
.jobActionTable h4,
.jobActionTable .jobTableTitle h3,
.jobActionTable .jobTableTitle h4,
.jobAnalysisTable h3,
.jobAnalysisTable h4,
.jobAnalysisTable .jobTableTitle h3,
.jobAnalysisTable .jobTableTitle h4 {
  display: inline-block;
  margin-right: 2rem;
}
.jobActionTable th .btn,
.jobAnalysisTable th .btn {
  margin-bottom: 0.6rem;
}
.faint {
  color: #808080;
  font-size: 0.9rem;
}
.veryFaint {
  color: #c0c0c0;
  font-size: 0.9rem;
}
.faintBrown {
  color: #533923;
  font-size: 0.9rem;
}

.textareaTT {
  font-family: monospace;
}

.jobTabsCont pre {
  margin-bottom: 0;
  color: #990149;
}

.jobTabsCont .btn {
  line-height: 1.1rem;
}

.jobTableTitle {
  background: #f5f5f5;
}
.jobTableTitle h1,
.jobTableTitle h2,
.jobTableTitle h3,
.jobTableTitle h4 {
  margin: 0.8rem 0;
  font-size: 2rem;
  font-weight: normal;
}
.jobTableSubTitle {
  background: #f0f0f0;
}
.jobTableSubTitle h5 {
  display: inline-block;
  margin: 0.5rem 0;
  font-size: 1rem;
  font-weight: bold;
}
.alignRight {
  text-align: right;
}
.jobStatus {
  float: right;
}
.jobStatus1 {
  color: #AB0000;
}
.jobStatus2 {
  color: #B78016;
}
.jobStatus3 {
  color: #3E8B0B;
}
.jobStatus4 {
  color: #8A8A8A;
}
.jobStatus5 {
  color: #8A8A8A;
}

.jobViewTitleSub {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  font-size: 1rem;
  font-weight: normal;
}
.jobViewTitleLocation {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  font-size: 1.1rem;
  font-weight: normal;
}

.jobViewTitleOrdTitle {
  display: inline-block;
  margin: 0 1rem 0 0;
  font-weight: bold;
}
.jobViewTitleOrd {
  display: inline-block;
  font-size: 1.1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.jobViewTitleOrd li {
  display: inline-block;
  margin: 0 3rem 0 0;
}

.jobAssetQtIn {
  color: #1C6F06;
}
.jobAssetQtOut {
  color: #6F2306;
}
.jobAssetQtArrow {
  font-size: 1.5rem;
  line-height: 1.1rem;
  vertical-align: top;
  display: inline-block;
  margin: 0 1rem;
}

.jobTabsCont a.gridInlineLink,
.gridtable td a.gridInlineLink {
  display: inline-block;
  background-color: rgba(0,0,0,0);
  color: #007bff;
}

.gridtable td a.gridInlineLink {
  display: inline;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.jobTabsCont a.gridStatusLink,
.gridtable td a.gridStatusLink {
  position: relative;
  display: inline-flex;
  align-items: center;
  background-color: rgba(0,0,0,0);
  color: #007bff;
  padding: 1px 3px;
  font-size: 10px;
  line-height: 12px;
  text-decoration: none;
  margin: 1px 0 0 0.8rem;
  cursor: pointer;
}

.gridtable td a.gridStatusLink {
  margin-top: -2px !important;
}

.gridtable td a.gridStatusLink {
  vertical-align: middle;
}

.jobTabsCont a.gridStatusLeft,
.gridtable td a.gridStatusLeft {
  margin-right: 0.8rem;
  margin-left: 0;
}

.jobTabsCont a.gridStatusLink {
  margin: 0.2rem 0.8rem 0 0;
}
.jobTabsCont a.gridStatusLink:hover {
  text-decoration: none;
}
.jobTabsCont a.gridStatusNext,
.jobTabsCont a.gridStatusNext:hover,
.gridtable td a.gridStatusNext {
  background: #00490A;
  border: 1px solid #303030;
  color: #B0DAB6;
  padding: 1px 6px 1px 3px;
}
.jobTabsCont a.gridStatusPrev,
.jobTabsCont a.gridStatusPrev:hover,
.gridtable td a.gridStatusPrev {
  background: #B96666;
  border: 1px solid #7E2727;
  color: #EAC3C3;
  padding: 1px 3px 1px 6px;
}
.statusArrow {
/*  display: inline-block;*/
  color: #ffffff;
  font-size: 18px;
/*  line-height: 9px; */
  line-height: 15px;
  vertical-align: middle;
}

.statusArrow + span, span + .statusArrow
{
  margin-left: 4px;
}

.calcType0 {
  color: #777777;
}
.calcType2 {
  color: #D9540B;
  font-weight: bold;
}
.calcType3 {
  color: #0C39AA;
  font-weight: bold;
}
.calcType4 {
  color: #4B6DC6;
}
.calcType5 {
  color: #931BB1;
  font-weight: bold;
}
.calcType6 {
  color: #E28654;
}
.calcType10 {
  color: #006E00;
}
.calcType11 {
  color: #4A874A;
}
.calcType12 {
  color: #16DB16;
}

.inlineInp,
input.inlineInp,
.defaultform input.inlineInp,
.defaultform input[type="text"].inlineInp,
.defaultform input[type="number"].inlineInp,
.inlineSelectInp,
select.inlineSelectInp,
.defaultform select.inlineSelectInp {
  display: inline-block;
  margin: 0 0.5rem;
}
.inlineNumInp,
input.inlineNumInp,
.defaultform input.inlineNumInp,
.defaultform input[type="number"].inlineNumInp {
  width: 6rem;
}
.inlineTextInp,
input.inlineTextInp,
.defaultform input.inlineTextInp,
.defaultform input[type="text"].inlineTextInp {
  width: 6rem;
}
.inlineYesNoInp,
select.inlineYesNoInp {
  width: 6rem;
}
.inlineSelectInp,
select.inlineSelectInp,
.defaultform select.inlineSelectInp {
  width: 6rem;
}
.inlineNumInp.inlineNumInpFloat2,
input.inlineNumInp.inlineNumInpFloat2,
.defaultform input.inlineNumInp.inlineNumInpFloat2,
.defaultform input[type="number"].inlineNumInp.inlineNumInpFloat2 {
  width: 6rem;
}
.inlineTextInp,
input.inlineTextInp,
.defaultform input.inlineTextInp,
.defaultform input[type="text"].inlineTextInp {
  width: 10rem;
}

.billErrors {
  color: #C11818;
  font-size: 0.9rem;
}
.billItemDetails {
  font-size: 0.9rem;
  color: #808080;
}
.billNom2 {
  color: #08850B;
}
.billNom3 {
  color: #2C5C98;
}
.hidden {
  display: none;
}

.bagGreen {
  color: #077829;
}
.bagRed {
  color: #D90707;
}
.bagYellow {
  color: #887507;
}
.bagWhite {
  color: #444444;
}
.bagUrgentGreen {
  color: #FF1A1A;
  font-weight: bold;
  background: #B5FFAB;
}

.billFormBox {
  display: block;
  float: none;
  margin: 0 0 2rem 0;
  clear: both;
}
.billFormBoxInl {
  display: block;
  float: left;
  margin: 0 4rem 2rem 0;
  clear: none;
}

.activeBillprevItemLine {
  background: #9BBF9F;
}

.infoDL {
  display: block;
  overflow: hidden;
  clear: both;
  margin: 0 0.5rem 0 0;
}
.infoDL dt {
  display: block;
  float: left;
  clear: left;
  min-width: 10rem;
  max-width: 16rem;
  margin: 0 2rem 1rem 0;
}
.infoDL dd {
  display: block;
  float: left;
  margin: 0 0 1rem 0;
}
.bagInfoDL {
  margin: 0;
}
.bagInfoDL dt {
  min-width: 12rem;
  margin: 0 2rem 0.3rem 0;
}
.bagInfoDL dd {
  margin: 0 0 0.3rem 0;
}
.infoDL li {
  margin-bottom: 0.5rem;
}
.bagInfoDLJob {
  clear: left;
}

.billJoPricelist {
  display: inline-block;
  margin: 0 0 0 2rem;
  max-width: 20rem;
}
.thirdCont:after {
  content: "";
  display: table;
  clear: both;
}
.thirdCont .third {
  display: block;
  float: left;
  width: 31%;
  margin: 0 3.49% 0 0;
}
.thirdCont .third:nth-child(3n) {
  margin-right: 0;
}

.fourthCont:after {
  content: "";
  display: table;
  clear: both;
}
.fourthCont .fourth {
  display: block;
  float: left;
  width: 23.5%;
  margin: 0 1.99% 0 0;
}
.fourthCont .fourth:nth-child(4n) {
  margin-right: 0;
}


.indentSmall {
  margin-left: 3rem;
}

.billFormBoxInner textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 6rem;
}

.gridJobButton,
.gridtable td a.gridJobButton {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  vertical-align: baseline;
  padding: 0 4px;
  background: rgba(222,60,60,0.4);
  border: 1px solid #7C1717;
  cursor: pointer;
}
.gridJobButtonLeft,
.gridtable td a.gridJobButtonLeft {
  margin-right: 10px;
}
.gridJobButtonRight,
.gridtable td a.gridJobButtonRight {
  margin-left: 10px;
}

.bg--white {
  background-color: #fff;
}
.jobContBlue {
  background-color: #F0F9FC !important;
}
.jobContGreen {
  background-color: #E6F6E7 !important;
}
.jobContPurple {
  background-color: #FFF7FD !important;
}
.jobContYellow {
  background-color: #FFFEF7 !important;
}


.eBillSubmitFixCont {
  display: block;
  position: fixed;
  top: 5rem;
  right: 4rem;
  padding: 4px;
  background: #a0a0a0;
  color: #000;
  border: 1px solid #909090;
  z-index: 2;
}
.ebillSubmitFix {
  display: block;
  padding: 1rem 2rem;
  margin: 0 0 3px 0;
  background: #711300;
  color: #ffffff;
  border: 2px solid #A4776E;
  font-weight: bold;
  font-size: 1.4rem;
  cursor: pointer;
}

.jobTabsCont pre.greyPre {
  color: #202020;
}
.errorRed {
  color: #E70000;
}
.warningOrange {
  color: #f6a010;
}

.labvalidate_0 { background-color: #e9f0f9 !important; }
.labvalidate_1 { background-color: #bfcad9 !important; }

.joStatus_1  {
  background: #BFBFBF !important;
}
.joStatus_2
{
  background: #FFFFFF !important;
}
.joStatus_3
{
  background: #8EAADC !important;
}
.joStatus_4
{
  background: #C55A11 !important;
}
.joStatus_5
{
  background: #F573F1 !important;
}

.joStatus_7
{
  background: #9F86FC !important;
}
.joStatus_8
{
  background: #FFD966 !important;
}
.joStatus_9
{
  background: #EB9B4D !important;
}

.joStatus_6
{
  background: #FF5050 !important;
}
.joStatus_10
{
  background: #A9D18D !important;
}
.joStatus_99
{
  background: #606060 !important;
}

.bagSt_1
{
  background: #BFBFBF !important;
}
.bagSt2_0, .bbCombSt_Undefined
{
  background: #ffffff !important;
}
.bagSt2_3, .bbCombSt_InStock
{
  background: #FFFF00 !important;
}
.bagSt2_4, .bbCombSt_InLabPrep
{
  background: #FFD966 !important;
}
.bbCombSt_InLabWithLS
{
  background: #FFA766 !important;
}
.bbCombSt_UsedUp {
  background: #A0A0A0 !important;
}
.bagSt2_10
{
}
.bagSt2_12
{
}
.bagSt_3
{
  background: #666666 !important;
  color: #FF5050;
}
.bagSt_4
{
  background: #888888 !important;
  color: #FF5050;
}




.jpcCont {
  column-width: 20rem;
  column-gap: 2.5rem;
  text-align: left;
  padding: 0;
}
.jpcRowCont {
  display: block;
  margin: 0 0 1rem 0;
}
.jpcChk {
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
.defaultform input[type="text"].jpcParamInp {
  display: inline-block;
  width: 4rem;
  margin: 0 0.5rem;
}

.multipleCreateForm {
  background: #F0D1C5 url("../imgcore/tomeges-letrehozas.png") no-repeat scroll bottom left;
}

.lsMainBox {
  height: 85vh;
  height: calc(100vh - 8rem);
  overflow-y: auto;
}
.lmLimSpan, .lmStaSpan, .lmRemSpan {
  text-align: right;
  margin: 0.1rem 0;
  line-height: 1rem;
}
.lmMStaSpan {
  float: left;
  margin: 0 0.5rem 0.2rem 0;
}
.labsampleParamMeasItem .lmMStaSpan select {
  width: 6rem;
  height: 2.1rem;
  font-size: 0.85rem;
}
.labsampleParamMeasItem .lmRemSpan input[type="text"] {
  width: 18rem;
}

.labsampleFlag1 {
  color: #730000;
}
.labsampleFlag2 {
  color: #247E12;
}
.labsampleFlag3 {
  color: #570D6A;
}
.labsampleFlag4 {
  color: #0B1B81;
}
.labsampleFlag {
  display: inline-block;
  margin: 0 0.3rem 0 0;
  padding: 0;
  line-height: 1.8rem;
  vertical-align: middle;
}
.labsampleFlagRequested {
  padding: 0 0.5rem;
  border: 2px solid #FF2CA8;
  background: #EBDB94;
}

.treeRowFlags {
  margin: 0 0 0 6rem;
}
.treeRowFlag {
  display: inline-block;
  margin: 0 0.3rem 0 0;
}
.treeRowFlag input[type="checkbox"] {
  display: inline-block;
  margin: 0 0.1rem 0 0;
}

.labsampleCont *, .labsampleCont *::after, .labsampleCont *::before{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.otherSamplesCont {
  margin: 0 0 0.5rem 3rem;
}
.oneOtherSampleCont {
  display: inline-block;
  margin: 0 3rem 1rem 0;
  line-height: 1.8rem;
}
.oneOtherSampleCont input {
  display: inline-block;
  margin: 0 0.5rem 0 0;
  vertical-align: middle;
}
.oneOtherSampleCont label {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  font-weight: bold;
}
.statCont {
  margin: 0 0 2rem 0;
}
.statItem {
  display: inline-block;
  margin: 0 1rem 0 0;
  padding: 0.3rem 1rem;
  text-decoration: none;
}
.lsBagInfoBlock, .lsEniInfoBlock {
  display: block;
  float: right;
  clear: right;
  margin: 0 0 1rem 2rem;
}
.lsSubLabTabsCont {
  display: block;
  float: right;
  margin: 0 0 1rem 2 rem;
  padding: 0;
}
.lsSubLabTabLever {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #808080;
  height: 3.8rem;
  line-height: 1.4rem;
  padding: 0.5rem 1rem;
  text-align: center;
  background: #e0e0e0;
  color: #000000;
  vertical-align: top;
}
.lsSubLabTabLever:hover, .lsSubLabTabLever:active, .lsSubLabTabLever:focus {
  text-decoration: none;
}
.lsSubLabTabLever b {
  vertical-align: top;
  line-height: 1rem;
}
.lsSubLabTabLever i {
  line-height: 1rem;
  color: #505050;
  vertical-align: top;
}
.lsSubLabTabLever.active {
  background: var(--mc-primary-color);
  color: #ffffff;
}
.lsSubLabTabLever.active i {
  color: #a0a0a0;
}
.labsampleParamSublabHidden, .labsampleParamCont.labsampleParamSublabHidden {
  display: none;
}
.submitFix {
  display: inline-block;
  position: fixed;
  top: 5rem;
  right: 4rem;
  padding: 1rem 2rem;
  background: #711300;
  color: #ffffff;
  border: 2px solid #A4776E;
  font-weight: bold;
  font-size: 1.4rem;
  cursor: pointer;
  z-index: 2;
}
.submitFix2 {
  top: 0;
  right: unset;
  left: 38rem;
  height: 40px;
  padding: 0 2rem;
  line-height: 36px;
}
.cancelBelowSubmitFix {
  display: inline-block;
  position: fixed;
  top: 9.5rem;
  right: 4rem;
  padding: 0.2rem 2.88rem;
  background: #aaaaaa;
  color: #000000;
  border: 2px solid #303030;
  font-weight: normal;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 2;
}

.labsampleCont {
  min-height: 80vh;
  padding-bottom: 10rem;
}
.labsampleGroupOuterCont {
  clear: both;
}
.labsampleGroupTitle {
  line-height: 1.8rem;
}
.labsampleGroupTitleNum {
  display: inline-block;
  margin: 0 0.8rem 0 0;
  font-weight: normal;
  font-size: 1.4rem;
}
.labsampleGroupTitleName {
  display: inline-block;
  margin: 0;
  font-weight: bold;
  font-size: 1.4rem;
  color: #808080;
}
.labsampleParamCont {
  display: block;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid #d5d5d5;
}
.labsampleParamHiddenCont {
  display: none;
}
.labsampleParamOneCont {
  display: flex;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.labsampleParamLabel {
  width: 18rem;
  max-width: 100%;
  padding: 0.3rem 0;
}
.labsampleParamName {
  display: inline-block;
  font-weight: bold;
  font-size: 1.1rem;
}
.labsampleParamDim {
  display: inline-block;
  margin-left: 1rem;
}
.labsampleParamLabelBottom {
  color: #808080;
  font-size: 0.8rem;
  margin: 0.3rem 0 0 0;
}
.labsampleParamMeasList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.labsampleParamMeasItem {
  width: 20rem;
  padding: 0.3rem 0.8rem;
  border: 1px solid rgba(0,0,0,0);
  margin: 0 0 0.5rem 0;
}
.labsampleParamMeasItem.toDelete,
.labsampleParamMeasItem.labsampleParamMeasItemMedian.toDelete {
  background: #c0c0c0;
}

.labsampleParamMeasItem.comValOutOfComBounds,
.labsampleParamMeasItem.labsampleParamMeasItemMedian.comValOutOfComBounds,
.comValMeas.comValOutOfComBounds {
  background: #ffc5c5;
  padding: 0.2rem 0.3rem;
  border: 1px solid #ff0000;
}

.labsampleParamMeasItem.lmDiscarded,
.labsampleParamMeasItem.labsampleParamMeasItemMedian.lmDiscarded,
.comValMeas.lmDiscarded {
  background: #EECFB6;
}

.labsampleParamMeasItem input[type="text"],
.labsampleParamMeasItem select {
  display: inline-block;
  max-width: 100%;
  width: 6rem;
}
.labsampleParamMeasItem input[type="text"] {
  text-align: right;
  padding: 0.2rem 0.8rem;
}
.labsampleParamMeasItem select {
  padding: 0.2rem 0.8rem;
}
.labsampleParamMeasItem input[type="text"].labsampleExpInp {
  width: 3rem;
}
.labsampleParamMeasItem input[type="text"].labResInpDisabled {
  width: 10rem;
}

.labsampleParamMeasInfo {
  margin: 0.3rem 0 0 0;
}
.labsampleParamMeasTime {
  display: block;
  color: #505050;
  font-size: 0.8rem;
  margin: 0 0 0.3rem 0;
}
.labsampleParamMeasUser {
  display: block;
  color: #505050;
  font-size: 0.8rem;
  margin: 0;
}
.labsampleParamMeasItemNew input[type="text"],
.labsampleParamMeasItemNew select,
.labsampleParamMeasItem input[type="text"].inpNull,
.labsampleParamMeasItem select.inpNull {
  background: #EBFAEB;
}
.labsampleParamMeasItemCalc input[type="text"],
.labsampleParamMeasItemCalc select {
  background: #EBEEFA;
}
.labMeasDel,
.labMeasVal {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.8rem 0.2rem 0;
}
.lmMainDiv {
  display: block;
  margin: 0 0 0.2rem 0;
}
.lmMainDiv {
  display: block;
  margin: 0 0 0.2rem 0;
  text-align: right;
}
.lmMainDivHidden,
.lmMainDiv.lmMainDivHidden,
.labctrlTable .labsampleParamMeasItem .lmMainDiv.lmMainDivHidden {
  display: none;
}
.lmSubDiv {
  display: block;
  margin: 0;
}
.lmSubRow {
  display: block;
  margin: 0 0 0.2rem 0;
  line-height: 2rem;
}
.lmSubRow label {
  display: inline-block;
  margin: 0 0.5rem 0 0;
  line-height: 1rem;
  font-size: 0.9rem;
  vertical-align: middle;
  width: 8rem;
}
.lmSubRow input[type="text"] {
  display: inline-block;
  margin: 0 0.3rem 0 0;
  vertical-align: middle;
  line-height: 1.6rem;
}
.lmSubRow .lmDim {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  line-height: 1rem;
  font-size: 0.9rem;
  max-width: 3.6rem;
}
.lmMainDiv .lmDim {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  vertical-align: middle;
  line-height: 1rem;
  font-size: 0.9rem;
  max-width: 3.6rem;
}
.lmMainDiv input[type="text"], .lmMainDiv select {
  border: 1px solid #505050;
  vertical-align: top;
}
.labsampleParamMeasItemOutOfReprod {
  border: 1px solid #590000;
  background: #FFDBDB;
}

.labsampleParamMeasCtrl {
  margin: 0.3rem 0;
}
.labsampleGroupValCont, .labsampleGroupMeasReadyCont {
  display: inline-block;
  margin: 0 0 0 2rem;
}
.labsampleGroupValCont label, .labsampleGroupMeasReadyCont label {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  font-weight: normal;
  color: #C43301;
  vertical-align: middle;
}
.labsampleGroupMeasReadyCont label {
  color: #303030;
}
.labsampleGroupValCont input, .labsampleGroupMeasReadyCont input {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.labsampleParamLabelCtrl {
  margin: 0.5rem 0 0 0;
  line-height: 1.8rem;
}
.labsampleParamLabelCtrl input,
.labsampleParamLabelCtrl label,
.lpmeasreadyChk, .lpmeasreadyLabel, .lpmeasvalidateChk, .lpmeasUnreadyChk, .lpmeasUnreadyLabel {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem 0 0;
}

/* .labSimpleViewCont .labsampleGroupValCont, */
/* .labSimpleViewCont .labsampleGroupMeasReadyCont, */
.labSimpleViewCont .labsampleParamMeasInfo,
.labSimpleViewCont .labsampleParamMeasItemNew,
/* .labSimpleViewCont .labsampleGroupTitle, */
/* .labSimpleViewCont .labsampleParamLabelCtrl, */
.labSimpleViewCont .labsampleParamTime,
.labSimpleViewCont .labsampleParamUser,
.labSimpleViewCont .toggleTextFieldsButton, 
.labSimpleViewCont .lmLimSpan,
.labSimpleViewCont .lmSubDiv,
.labSimpleViewCont .lmMainDiv .lmDim,
.labSimpleViewCont .lmResOtherCont,
.labSimpleViewCont .lmResResDBInfo,
/* .labSimpleViewCont button, */
.labSimpleViewCont .labsampleParamLabelLimits,
.labSimpleViewCont .labRemarkCont,
.labSimpleViewCont .labsampleFlagsCont {
  display: none;
}
.labSimpleViewCont .labsampleParamLabel {
  width: 28rem;
}
.labSimpleViewCont label {
  margin-bottom: 0;
}
.labSimpleViewCont .labsampleParamCont {
  padding: 0;
  margin: 0;
}
.labSimpleViewCont .labsampleParamMeasItem input[type="text"] {
}
.labSimpleViewCont .labsampleParamMeasItem {
}
.labSimpleViewCont p {
  margin-bottom: 0;
}
.labSimpleViewCont .labsampleParamLabelLimits.outOfComBounds {
  display: block;
}
.labSimpleViewCont .labsampleParamOneCont {
  padding: 0;
  margin: 0;
}

.labsampleParamResult {
  padding: 1rem;
  background: #EBFCF9;
  width: 12rem;
}
.lmResRow {
  display: block;
  margin: 0 0 0.3rem 0;
  line-height: 1.4rem;
}
.lmResLabel {
  display: block;
  margin: 0;
  font-style: italic;
}
.lmResValue {
  display: block;
  margin: 0;
  padding: 0 0 0 1rem;
}
.lmResResRowSaved b {
  color: #0B871A;
}
.lmResResDBInfo {
  display: block;
}
.lmResInfoMsg {
  color: #BA0606;
}

.jlInp {
  display: inline-block;
  width: 7rem;
  padding: 0 0.5rem;
  text-align: center;
}

.outOfComBounds {
  color: #C90909;
  font-weight: bold;
}

.bagHistoryContOuter {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.bagHistoryContInner {
  display: block;
  width: 100%;
  padding: 1.5rem;
}

.editorSimpleTable {
  margin: 1rem 0;
  width: 100%;
  border-collapse: collapse;
  border: 0 none;
}
.editorSimpleTable td, .editorSimpleTable th {
  border-top: 1px solid #A2A2A2;
  padding: 0.2rem 0.4rem;
}
.editorSimpleTable th {
  background: #D0D0D0;
  font-weight: bold;
  text-align: center;
}
.editorSimpleTable tr:hover td {
  background: #D3EBF6;
}
.editorSimpleTable .editorSimpleTableTitleLevel1 th {
  background: #D0D0D0;
  color: #000000;
  padding: 0.5rem 0.4rem;
}
.editorSimpleTable .editorSimpleTableTitleLevel2 th {
  background: #127E61;
  color: #FFFFFF;
}
.editorSimpleTable .editorSimpleTableTitleLevel3 th {
  background: #D8E6E2;
  color: #000000;
}
.editorSimpleTable .aligRight {
  text-align: right;
}
.ocMassOutContOuter input {
  display: inline-block;
  margin: 0 1rem 0 0;
}
.ocMassOutContOuter label, .ocMassOutContOuter input[type="text"], .ocMassOutContOuter select {
  display: inline-block;
  margin: 0 1rem 0 0;
  width: 16rem;
  max-width: 95%;
}
.ocMassOutletInpGrey, .defaultform input[type="text"].ocMassOutletInpGrey {
  background: #b0b0b0;
}
.ocMassOutContOuter input[type="text"].fullWidth {
  width: 80%;
}
.ocMassOutContOuter input[type="text"].ocMassOutletLgtUnitPriceInp:disabled {
  background: #f0f0f0;
}

.inpWide {
  min-width: 50rem;
  width: 100%;
  max-width: 100%;
}

.rightButton {
  float: right;
  margin: 0 0 0 1rem;
}

.bagWhereIsItem {
  display: inline-block;
  margin: 0 1rem 0 0;
  padding: 0.2rem 1rem;
  border: 1px solid #a0a0a0;
  vertical-align: middle;
}
.bagWhereIsStock_99 {
  background: #b0b0b0;
}
.bagWhereIsStock_10 {
  background: #f0f0f0;
}
.bagWhereIsStock_11 {
  background: #ffffff;
}
.bagWhereIsStock_12 {
  background: #e0e0e0;
}
.bagWhereIsStock1, .bagWhereIsStock5 {
  background: #BDEFBD;
}
.bagWhereIsStock2 {
  background: #EFBDBD;
}
.bagWhereIsStock3 {
  background: #EFEEBD;
}
.bagWhereIsStock1.bagWhereIsLab, .bagWhereIsStock5.bagWhereIsLab {
  background: url("../imgcore/bagWhereIsLab1.png") repeat scroll;
}
.bagWhereIsStock2.bagWhereIsLab {
  background: url("../imgcore/bagWhereIsLab2.png") repeat scroll;
}


.treeSearchInp {
  display: inline-block;
  margin: 0.4rem 0 1rem 2rem;
  float: right;
}
.treeSearchHide,
.treeRowOuter.treeSearchHide {
  display: none;
}
.treeSearchFound,
.treeRowOuter.treeSearchFound {
  background: #FAE3F4;
}


.showDel {
  display: inline-block;
  float: right;
  margin: 0.3rem 0 0 2rem;
  padding: 0 0.7rem;
  line-height: 2rem;
  border: 1px solid #c0c0c0;
  background: #ffffff;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}
.billprevCont .showDel {
  margin-top: 1.6rem;
}
.showDel:hover {
  text-decoration: none;
}
.allDelHidden .deleted {
  display: none;
}
.allDelHidden .showDel {
  border: 1px solid #c0c0c0;
  background: #c0c0c0;
}

.time2field, .defaultform input[type="text"].time2field {
  width: 6rem;
  max-width: 100%;
}

.jobTaskInpPassData {
  float: right;
  margin: 0 0 1rem 2rem;
}
.jobTaskInpPassList {
  margin: 1rem 0 0 0;
}

.inpAfterHtml {
  color: #808080;
  display: inline-block;
  margin: 0 0 0 4rem;
}
.defPrlPr {
  color: #404040;
  font-weight: bold;
}
.defPrlTi {
  color: #404040;
  font-style: italic;
}

.jobViewJoStatus {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  font-size: 1rem;
}


.acDayQtSum {
  display: block;
  float: right;
  line-height: 1.4rem;
  font-weight: normal;
  vertical-align: middle;
  text-align: right;
  margin: 1.2rem 1rem 0 2rem;
  color: #808080;
}
.acDayQtSumQt {
  font-weight: bold;
  color: #000000;
}

.jobDayReportNewButton, .jobActionTable th .jobDayReportNewButton {
  margin: 0 0 0.3rem 1rem;
}
.jobDayReports {
  display: inline-block;
  margin: 0 0 0 1rem;
}
.jobDayReport {
  display: inline-block;
  margin: 0 0.8rem;
}
.clearLeft {
  clear: left;
}


.alertBlock {
  height: 40px;
  line-height: 40px;
  display: flex;
  position: relative;
}

.alertBlock.alertAlert .fa-bell
{
  animation: bellshake 30s cubic-bezier(.36,.07,.19,.97) infinite both;
  backface-visibility: hidden;
  transform-origin: top center;
}

.alertBlock.animate .alertContent
{
  animation: slide-in 0.2s ease-out 0.2s forwards;
  height: var(--mc-alert-height-collapsed);
  width: var(--mc-alert-width-collapsed);
}

.alertCollapsed.alertBlock .alertContent
{
  height: var(--mc-alert-height-collapsed);
  width: var(--mc-alert-width-collapsed);
}

.alertCollapsed.alertBlock.animate .alertContent
{
  height: var(--mc-alert-height);
  width: var(--mc-alert-width);
  animation: slide-out 0.2s ease-out 0.2s forwards;
}

.alertContent
{
  display: flex;
  background: #F5EFDF;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 99998;
  overflow: hidden;
  height: var(--mc-alert-height);
  width: var(--mc-alert-width);
}

.alertContent > div
{
  flex: 1 1 auto;
  display: flex;
  border: 1px solid #333;
  flex-flow: column nowrap;
}

.alertEmpty .badge.alertMainLeverCnt {
  background: #2f922b;
  color: #fff;
}
.badge.alertMainLeverCnt {
  background: #E64E4E;
  color: #fff;
}

.alertMainLever
{
  padding: 0 6px;
}

.alertMainLever .badge {
  position: absolute;
  top: 6px;
  left: 22px;
}

.alertMainTitle
{
  margin: 0;
  padding: 0.25rem 1rem;
  width: 100%;
  background: #B54545;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.alertMainTitle .btn-xs
{
  min-width: 18px;
  height: 18px;
}

.alertMainTime {
  font-weight: normal;
}
.alertContentInner
{
  flex: 1 1 auto;
  overflow: hidden auto;
  display: flex;
  flex-flow: column nowrap;
}

.alertNewButton {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  border: 0 none;
  background: #36BB36;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3rem;
  text-decoration: none;
  color: #ffffff;
  margin: 0 0 0 1rem;
  padding: 0;
}
.alertItem {
  display: block;
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0 0 2rem 0;
  border-bottom: 1px solid #333333;
}
.alertItem.alertItemCollapsed {
  padding-bottom: 0;
}
.alertItemCont {
  display: block;
  padding: 1rem;
  line-height: 18px;
}

.alertItemCollapsed .alertItemCont {
  display: none;
}
.alertItemStatus1 {
  background: #EEBFBF;
}
.alertItemStatus1 .alertItemLever {
  background: #E9ADAD;
}
.alertItemStatus2 {
  background: #f6f6f6;
}
.alertItemStatus2 .alertItemLever {
  background: #f0f0f0;
}
.alertItemStatus3 {
  background: #A7EC95;
}
.alertItemStatus3 .alertItemLever {
  background: #94E67E;
}
.alertItemStatus10 {
  background: #c0c0c0;
}
.alertItemStatus10 .alertItemLever {
  background: #c5c5c5;
}
.alertItemLever {
  display: flex;
  font-weight: bold;
  font-size: 1rem;
  text-decoration: none;
  color: #000000;
  margin: 0;
  padding: 1rem;
  line-height: 1.1;
  align-items: center;
}
.alertItemLeverTitle
{
  flex: 1 1 auto;
}
.alertItemLeverTime {
  font-weight: normal;
  white-space: nowrap;
}

.alertItemEvents {
  width: 100%;
  border-collapse: collapse;
}
.alertItemEvents td {
  padding: 0.2rem;
  border-bottom: 1px solid rgba(30,30,30,0.1);
}
.alertItemDoneLink {
  display: inline-block;
  float: right;
  height: 2rem;
  border: 0 none;
  background: #207D0E;
  font-weight: bold;
  font-size: 1rem;
  line-height: 2rem;
  text-decoration: none;
  color: #ffffff;
  margin: 0 0 0.5rem 1rem;
  padding: 0 1rem;
}
.alertNoAlert {
  padding: 2rem;
  text-align: center;
}


.allCheckHelperRow, .jpcAllCheckHelperRow {
  text-align: right;
}

.jobSampleBagLeteti {
  background: #f0f0f0;
}
.jobSampleBagHasAnalysis {
  background: #F9DCF2;
}
.jobSampleBagHasOthercosts {
  background: #F4EFD0;
}
.jobSampleBagHasAnalysis.jobSampleBagHasOthercosts {
  background: linear-gradient(90deg, #F9DCF2 50%, #F4EFD0 50%);
}


.jobAnalysisTable .labName {
  display: block;
  margin: 0 0 0.5rem 0;
}
.labNameType1 {
  color: #1BABC5;
}
.labNameType2 {
  color: #A31BC5;
}

.labOrderUrgent1 {
  background: #FFBA87;
}
#content .title.labOrderUrgent1 {
  background: #FFBA87 !important;
}
.labOrderUrgent2 {
  background: #F97E7E;
}
#content .title.labOrderUrgent2 {
  background: #F97E7E !important;
}
.labsampleParamCont.hidden {
  display: none;
}

.lsStatus_1 {
  background: #F4E396 !important;
}
.lsStatus_2 {
  background: #9FF496 !important;
}
.lsStatus_3 {
  background: #C0F7FD !important;
}
.lsStatus_4 {
  background: #FFBEBE !important;
}
.lsStatus_5 {
  background: #f0beff !important;
}
.lsStatus_6 {
  background: #9096fd !important;
}
.lsFlagInl {
  display: inline-block;
  padding: 0 0.3rem;
}
.lsFlagInl_1 {
  background: #f4c796 !important;
}
.lsFlagInl_2 {
  background: #F49F96 !important;
}



.labsampleFlagsCont {
  float: right;
  margin: 0 0 1rem 2rem;
}
.labsampleReportsCont {
  float: left;
  margin: 0 2rem 1rem 0;
}

.labsampleParamMeasItemNewStopped {
  background: #E67E7E;
}

.stoppedAnalGroups {
  color: #900E0E;
}

.analUrgent {
  display: inline-block;
  padding: 0.1rem 0.5rem;
  background: #FF7272;
  color: #000000;
}

.comValTable {
  text-align: left;
  position: relative;
  border-collapse: collapse;
}
.comValTable .comValSampleTr th {
  background: #D7E4CF;
  position: sticky;
  top: 0;
  box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.3);
  z-index: 12;
}
.comValLp {
  width: 100%;
  clear: both;
  margin: 2rem 0;
}
.comValParamTr th {
  background: #f0f0f0;
}
.comValLpTitle {
  padding: 0.5rem 1rem;
  color: #000000;
  margin: 0;
  position: sticky;
  left: 0;
  width: max-content;
  z-index: 10;
}
.comValSample {
  padding: 0.5rem 0;
  margin: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}
.comValSample:after {
  content: "";
  display: table;
  clear: both;
}
.comValSampleTitle {
  display: block;
  float: left;
  width: 15rem;
  max-width: 30%;
}
.comValTable .comValSampleTitle {
  float: none;
  width: auto;
  max-width: 18rem;
  padding: 0.5rem;
}
.comValSampleTitle ul {
  margin: 0;
  padding: 0 0 0 1.5rem;
}
.comValSampleTitle li {
  margin: 0;
  padding: 0;
}
.comValSampleTaskName {
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.2rem;
  color: #606060;
  padding: 0;
  margin: 0;
}
.comValSampleForName {
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.2rem;
  color: #202020;
  padding: 0;
  margin: 0;
}
.comValSampleMeasurements {
  float: left;
  width: 15rem;
  max-width: 50%;
  margin: 0 0 0 2%;
}
.comValMeas {
  display: block;
  padding: 0;
  margin: 0.3rem 0 0.6rem 0;
  line-height: 0.8rem;
}
.comValMeasVal {
  display: inline;
  margin: 0 0 0.2rem 0;
  font-size: 1rem;
}
.comValMeasStandard {
  display: inline;
  margin: 0 0 0.2rem 0;
  font-size: 0.7rem;
  line-height: 0.9rem;
  color: #707070;
}
.comValMeasLab {
  display: block;
  margin: 0 0 0.2rem 0;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #1F3871;
}
.comValMeasRemark {
  display: block;
  margin: 0 0 0.2rem 0;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #910000;
}
.comValInpInnerDiv {
  display: block;
  float: left;
  width: 16rem;
  max-width: 50%;
  margin: 0;
  clear: both;
}
.comValInpInnerDiv.hidden {
  display: none;
}
.comValSampleAvgInfo {
  display: block;
  float: left;
  width: 16rem;
  max-width: 50%;
  margin: 0;
  clear: none;
  padding: 0 0 0 0.3rem;
}
.comValInpText {
  display: inline-block;
  width: 8rem;
  margin: 0;
  text-align: right;
}
.comValInpFloat {
  display: inline-block;
  width: 8rem;
  margin: 0;
  text-align: right;
}
.comValInpFloatWithLim {
  width: 6rem;
  margin: 0 0 0 0.5rem;
}
.comValLimSign {
  display: inline-block;
  width: 1.3rem;
  margin: 0;
  visibility: hidden;
  text-align: center;
}
.comValLimSignShow {
  visibility: visible;
}
.comValLimP {
  margin: 0.3rem 0 0 0;
}
.comValLimP input, .comValLimP label {
  display: inline-block;
}
.comValLimP input {
  margin: 0 0.5rem 0 0;
}
.comValMeasNonValid {
  /* color: #915500;*/
}
.comValMeasValid {
  color: #005F09;
  font-weight: bold;
}
.comValSampleHWAvgP {
  text-align: right;
  width: 8rem;
  margin: 0.3rem 0 0 0;
  font-size: 0.9rem;
  color: #909090;
}
.comValSampleHWAvg {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  color: #001676;
}
.comValSetHWA {
  display: inline-block;
  font-size: 1rem;
  margin: 0 0 0 3rem;
}

.comValSampleCVCalcValP {
  text-align: right;
  font-size: 0.9rem;
  color: #909090;
}
.comValSampleCVCalcVal {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  color: #001676;
}

.comValStandardHeadInput {
  font-size: 1rem;
  font-weight: normal;
  display: inline-block;
  margin: 0 0 0 1.5rem;
}
.comValTable th {
  padding: 0;
  vertical-align: top;
}
.comValTable td {
  padding: 0.2rem 0.2rem 0.8rem 0.2rem;
  vertical-align: top;
}

.comValExpInp {
  display: inline-block;
  width: 3rem;
  margin: 0;
  text-align: right;
}
.comValMStatus {
  display: block;
  width: 100%;
  margin: 0 0 0.3rem 0;
}
.comValMStatusHidden {
  display: none;
}
.comValMStatusHidden.comValMStatusShowAnyway {
  display: block;
}
.comValNormRow td {
  border-right: 1px solid #f4f4f4;
}

.headerSaveButtDiv {
  display: block;
  position: fixed;
  top: 0;
  right: 16rem;
  height: 40px;
  z-index: 2;
}
.headerSaveButt {
  display: inline-block;
  width: 8rem;
  padding: 0 1rem;
  background: #711300;
  color: #ffffff;
  border: 1px solid #A4776E;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 1rem;
  vertical-align: top;
}
.headerXlsButt {
  display: inline-block;
  width: 11rem;
  padding: 0 1rem;
  background: #0B8B96;
  color: #ffffff;
  border: 1px solid #53C3CD;
  font-weight: normal;
  font-size: 1.2rem;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 1rem;
  vertical-align: top;
}

.jobComResLink {
  display: inline-block;
  float: right;
  margin: 0 0 1rem 2rem;
}


.jobCont h1 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: bold;
}
.jobCont h1 .btn {
  vertical-align: middle;
}
.jobHeadSite {
  display: inline-block;
  margin: 0 0 1rem 0;
}
.comResHeadSite {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
}
.jobHeadCont {
  display: inline-block;
  margin: 0 0 0 3rem;
}
.comResHeadCont {
  display: block;
  margin: 0 0 0.5rem 0;
}
.comResTitleOrdTitle, .comResTitleOrd {
  font-size: 0.9rem;
}

.jobViewjobTabsDataCont, .oneinspMainTabsDataCont {
  height: calc(100vh - 17.1rem);
}
.jobViewjobTabsDataCont .jobTabsDataItem,
.oneinspMainTabsDataCont .jobTabsDataItem {
  height: 100%;
  overflow-y: scroll;
}

.printBillprevButton {
  float: right;
  margin: 0 0 1rem 3rem;
}

.labsampleGroupTitleDuedate {
  display: inline-block;
  margin: 0 0 0 3rem;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: italic;
}
.labsampleGroupTitleDaysLeft0 {
  color: #EA0000;
  font-weight: bold;
}
.labsampleGroupTitleDaysLeft1 {
  color: #C76309;
}
.labsampleGroupTitleDaysLeft2 {
  color: #6D8B05;
}
.labsampleCalcRemark {
  display: block;
  max-width: 100%;
}

.dueDay0 {
  background: #F97E7E;
}
.dueDayMore {
  background: #f8f8f8;
}
.certiSubTable h5, .certiSubTable h6 {
  margin: 0;
  padding: 0;
}
.labLoRemarkCont {
  display: block;
  margin: 0 0 0.2rem 0;
  padding: 0 0 0 4rem;
}
.labRemarkCont {
  display: block;
  margin: 0 0 3rem 3rem;
  padding: 1rem;
  background: #fafad5;
}
.labRemarkCont.labRemarkContHidden, .labRemarkInfoCont.labRemarkContHidden {
  display: none;
}
.labRemarkTitle {
  font-weight: normal;
  font-style: italic;
  font-size: 1.1rem;
  margin: 0 0 0.5rem 0;
  padding: 0;
}
.labRemarkInlineTitle {
  display: inline-block;
  margin: 0 1rem 0.5rem 0;
  min-width: 22rem;
}
.labRemarkCont p {
  margin: 0 0 0.5rem 0;
}
.labRemarkCont textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 50%;
  height: 4rem;
  min-height: 2rem;
  max-height: 20rem;
  margin: 0 0 0.5rem 0;
  padding: 0.5rem;
}
.labMeasurementForm {
  margin-top: 2rem;
}

.gridtable > thead > tr > *
{
  padding: 0;
  border-bottom:2px solid black;
  border-right:1px solid black;
  position: relative;
  text-align: center;
  height: 32px;
  overflow: hidden;
}

.gridtable > thead > tr > td > div
{
  overflow: hidden;
}

.gridtable > thead > tr > .rowmenu
{
  display: flex;
  border-bottom:1px solid black;
  position:relative;
  z-index:10;
  background: #5B5B5B;
}


.gridtable > tbody > tr
{
  background:#e9f0f9;
  cursor:pointer;
}

.gridtable > tbody > tr:nth-child(even)
{
  background:#d7e2f1;
}

.gridtable > tbody > tr:hover
{
  background:#f9c148 !important;
}

.gridtable > tbody > tr > th.fixed
{
  padding: 0 !important;
  border-bottom:1px solid black;
  border-right:1px solid black;
}

.gridtable > tbody > tr > th .rowmenu
{
  padding: 0;
  height: 20px;
  max-height: 20px;
}

.gridtable > tbody > tr > td
{
  padding: 0 6px;
  border-bottom:1px solid black;
  border-right:1px solid black;
  position: relative;
}

.gridbvrovCursor > td {
  height: 52px;
}

.gridbvrovCursor > td > div {
  font-weight: bold;
  height: 52px;
  line-height: 52px !important;
}
.gridbvrovCursor > td:first-child {
  padding: 1rem 0 !important;
  font-weight: bold;
}

.gridtable > tbody > tr > td > div:not(.rowmenu)
{
  padding: 0 6px;
  overflow: hidden;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.gridtable > tbody > tr > td > div.noEllipsis
{
  text-overflow: inherit;
}

.gridtable > thead .ui-resizable-e
{
  right: 0px !important;
  bottom: 0px !important;
}

.gridtable > thead .ui-resizable-s
{
  bottom: 0px !important;
}

.gridtable > thead .ui-resizable-se
{
  right: -2px !important;
  bottom: -2px !important;
}

.biStatus_1 {
  background: #BFBFBF !important;
}
.biStatus_2 {
  background: #FF5050 !important;
}
.biStatus_3 {
  background: #A8D08D !important;
}
.biStatus_10 {
  background: #666666 !important;
}

.loStatus_1 {
  background: #BFBFBF !important;
}

.loStatus_2 {
  background: #FFFF00 !important;
}
.loStatus_4 {
  background: #FFD966 !important;
}

.loStatus_3 {
  background: #FFFFFF !important;
}
.loStatus_8 {
  background: #FF5050 !important;
}
.loStatus_10 {
  background: #A8D08D !important;
}


.assetListCont {
  display: block;
  clear: both;
  margin: 4rem 0;
}
.assetListHead {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  background: #f5f5f5;
  border-top: 2px solid #dee2e6;
  border-bottom: 2px solid #dee2e6;
}
.assetListHeadTitle {
  padding: 1.5rem 3rem;
  margin: 0;
  width: 40%;
  text-align: center;
  line-height: 1.6rem;
  font-weight: bold;
  font-size: 1.2rem;
  color: #606060;
  vertical-align: middle;
}
.assetListHeadArrow {
  padding: 1.5rem 3rem;
  font-size: 2.4rem;
  line-height: 1.6rem;
  color: #000000;
  vertical-align: middle;
}
.assetListBody {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.assetListBodySide {
  width: 47%;
  margin: 0;
  padding: 1rem 0;
}
.assetListBodyFull {
  width: 100%;
  margin: 0;
  padding: 1rem 0;
}
.assetListBodyTitle {
  padding: 0.5rem 2rem;
  margin: 0.5rem 0;
  line-height: 1.6rem;
  font-weight: bold;
  font-size: 1.2rem;
  color: #000000;
  vertical-align: middle;
  background: #e5e5e5;
  border-top: 2px solid #dee2e6;
  border-bottom: 2px solid #dee2e6;
}
.deleted .assetListBodyTitle {
  color: #a0a0a0;
  text-decoration: none;
}

.redText {
  color: #BB0000;
  font-weight: bold;
  font-size: 1.1rem;
}
.red {
  color: #BB0000;
}
.textSize1-2rem {
  font-size: 1.2rem;
}

.zebraTable1 .jobTableTitle {
  background: #BDBDF5;
}
.zebraTable1 .zebraEven {
  background: #e5e5e5;
}

.bitInactive, 
.zebraTable1 .bitInactive, 
.zebraTable1 .zebraEven .bitInactive {
  background: #c0c0c0;
  background: repeating-linear-gradient(
    45deg,
    #c0c0c0,
    #c0c0c0 10px,
    #c8c8c8 10px,
    #c8c8c8 20px
  );
}
.bitInactive input, 
.zebraTable1 .bitInactive input, 
.zebraTable1 .zebraEven .bitInactive input,
.bitInactive select, 
.zebraTable1 .bitInactive select, 
.zebraTable1 .zebraEven .bitInactive select {
  background: #c8c8c8;
}

.oneFilesCont {
  margin: 0 0 0.5rem 0;
}
.oneFileBlock {
  display: inline-block;
  margin: 0 0 0 1rem;
  max-width: 12rem;
  min-width: 10rem;
  padding: 0.5rem 1rem;
  border: 1px solid #a0a0a0;
  background: #f0f0f0;
  vertical-align: top;
  word-wrap: break-word;
}
.oneFileBlockBasic {
  margin: 0 0.5rem 0 0;
  max-width: none;
  min-width: 0;
  padding: 0;
  border: 0 none;
}
.oneFileBlockWithEdit {
  max-width: 20rem;
  min-width: 16rem;
}
.oneLabReportBlock {
  max-width: 42rem;
  width: 42rem;
}
.oneFileBlock .btn {
  float: right;
  margin: 0 0 0.5rem 0.5rem;
}
.oneFileBlock.oneLabReportBlock .btn {
  float: none;
}
.fileLink {
  display: block;
  margin: 0;
  max-width: 10rem;
}
.oneLabReportBlock .fileLink {
  max-width: 32rem;
}
.oneFileRemark {
  display: block;
  margin: 0.3rem 0 0 0;
  padding: 0;
  color: #606060;
}
.fileThumb {
  display: inline-block;
  max-width: 10rem;
  max-height: 5rem;
}
.fileInputDropZone {
  display: inline-block;
  width: 16rem;
  height: 3rem;
  margin: 0.3rem 0 0 0;
  padding: 0;
  line-height: 3rem;
  text-align: center;
  border: 1px solid #005368;
  background: #CDEFF8;
  color: #000000;
}
.fileInputDropZone.isDragover {
  border: 1px solid #032C36;
  background: #75CBE0;
}
.fileInputDropZone.isDropped {
  border: 1px solid #033608;
  background: #75E07D;
}
.oneFileIconThumb {
  display: inline-block;
  width: 2.5rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  background: #fdf677;
  border: 1px solid #a6a02a;
  border-radius: 0.5rem;
  font-size: 1.5rem;
}
.fileCtrl {
  float: right;
  margin: 0 0 0.5rem 1rem;
}

.bagPostForm {
  display: block;
  margin: 0.3rem 0 1.5rem 0;
  padding: 1rem;
  background: #E2EBEF;
}
.bagPostForm.hidden {
  display: none;
}
.simpleFormLabel {
  display: block;
  font-weight: bold;
  color: #606060;
}
.bagPostForm .textSelExistingOrNew_sea, .bagPostForm .textSelExistingOrNew_new {
  display: inline-block;
  width: 8rem;
  margin: 0 1rem 0 0;
}
.bagPostForm .textSelExistingOrNew_sel {
  display: inline-block;
  width: 24rem;
  margin: 0;
}
.bagPostForm .defaultformtablesubmit {
  display: inline-block;
  margin: 0 1rem 0 0;
 vertical-align: top;
}
.bagPostForm .defaultformtablecancel {
  background: #c0c0c0;
}

.jsFilterHideRow {
  display: none;
}
.jsFilterSort {
  display: inline-block;
  border: none;
  background: rgba(0,0,0,0);
  color: #808080;
}
.jsFilterSortActive{
  color: #cd0c27;
}


.comResConnJobs {
}
.comValCalcLegend {
  display: inline-block;
  margin: 0 0 0 1.5rem;
  font-size: 0.9rem;
}
.comValCalcLegend i {
  color: #8F0A5E;
}

.comResCont {
  height: 85vh;
  height: calc(100vh - 5rem);
  overflow: auto;
}
.comResContInner {
}

.toggleShowHideLever {
  cursor: pointer;
}
.toggleShowHideData {
  display: none;
}
.toggleShowHideData.visible {
  display: block;
}

.assetOne_specTypeDiv, .assetOne_specPropDiv {
  margin: 0.5rem 0 0 0;
}
.assetOne_specTypeDiv label, .assetOne_specPropDiv label {
  display: inline-block;
  max-width: 30%;
  min-width: 21%;
  margin: 0 2% 0 0;
}
.assetOne_specTypeDiv select, .assetOne_specPropDiv input[type="text"] {
  display: inline-block;
  max-width: 60%;
  width: 60%;
  margin: 0;
}

.assetOne2_specTypeDiv {
  float: left;
  width: 76.99%;
  margin: 0 0 0.3rem 0;
}
.assetOne2_specTypeDiv label {
  float: left;
  width: 20%;
  margin: 3px 2% 0 0;
}
.assetOne2_specTypeDiv .assetSpecType_sel {
  float: left;
  width: 71.2%;
  margin: 0;
}
.assetOne2_siteDiv, .assetOne2_nameDiv, .assetOne2_specPropDiv, .assetOne2_assetDiv {
  clear: both;
  margin: 0 0 0.3rem 0;
}
.assetOne2_siteDiv:after, .assetOne2_nameDiv:after, .assetOne2_specPropDiv:after {
  content: "";
  display: table;
  clear: both;
}
.defaultform .assetOne2_siteDiv input.assetSite_text,
.defaultform .assetOne2_nameDiv input.assetName_text {
  width: 21%;
  margin: 0 2% 0 0;
  display: block;
  float: left;
}
.defaultform .assetOne2_siteDiv select.assetSite_sel,
.defaultform .assetOne2_nameDiv select.assetName_sel {
  width: 72%;
  margin: 0;
  display: block;
  float: left;
}
.defaultform .assetOne2_specPropDiv label {
  width: 25%;
  margin: 0 2% 0 0;
  display: block;
  float: left;
}
.defaultform .assetOne2_specPropDiv input.assetSpecProp_text {
  width: 68%;
  margin: 0;
  display: block;
  float: left;
}
.defaultform .assetOne2_specPropDiv input.assetSpecProp_date {
  width: 25%;
  margin: 0 1% 0 0;
  display: block;
  float: left;
}
.defaultform .assetOne2_specPropDiv input.assetSpecProp_textwdate {
  width: 53.6%;
  margin: 0;
  display: block;
  float: left;
}
.assetSpecPropFixed:disabled, .defaultform .assetSpecPropFixed:disabled {
  background: #f2f2f2;
}


.spanBlock {
  display: block;
}

.measBelowLim {
  display: none;
}
.measBelowLimShow {
  display: inline-block;
  font-weight: bold;
  font-size: 1.4rem;
  color: #000000;
  margin: 0 0.3rem 0 0;
  line-height: 2rem;
  vertical-align: top;
}


.helperTreeRowOuter {
  display: block;
  margin: 0 0 1rem 1.5rem;
  font-size: 0.8rem;
}
.helperTreeRowTitle {
  font-weight: bold;
  font-size: 0.8rem;
  margin: 0 0 0.5rem 0;
}
.helperTreeLabRowHide,
.helperTreeLabRow.helperTreeLabRowHide,
.treeRowOuter.helperTreeLabRow.helperTreeLabRowHide,
.helperTreeLgtRowHide,
.helperTreeLabRow.helperTreeLgtRowHide,
.helperTreeRowOuter.helperTreeLgtRowHide {
  display: none;
}
.helperTreeLgtRowHide.helperTreeLgtRowIndeterminate,
.helperTreeLabRow.helperTreeLgtRowHide.helperTreeLgtRowIndeterminate,
.helperTreeRowOuter.helperTreeLgtRowHide.helperTreeLgtRowIndeterminate {
  display: block;
}
.helperTreeLgtRowHide .helperTreeRowParamsBody,
.helperTreeLabRow.helperTreeLgtRowHide .helperTreeRowParamsBody,
.helperTreeRowOuter.helperTreeLgtRowHide .helperTreeRowParamsBody {
  display: none;
}
.helperTreeLgtRowShow .helperTreeRowParamsBody,
.helperTreeLabRow.helperTreeLgtRowShow .helperTreeRowParamsBody,
.helperTreeRowOuter.helperTreeLgtRowShow .helperTreeRowParamsBody {
  display: block;
}
.helperTreeParamRowUnavailable {
  color: red;
}

.labCtrlHomeMainDateCont {
  display: inline-block;
  margin: 0 0 0 3rem;
}
.labCtrlHomeMainDateCont .labCtrlHomeMainDate {
  width: 12rem;
  font-weight: bold;
  text-align: center;
  font-size: 1.4rem;
}
.labCtrlHomeMainDayOfWeek {
  display: inline-block;
  margin: 0 0 0 1rem;
  font-weight: normal;
  font-size: 1.4rem;
}
.labCtrlHomeMainLabs h3 {
  display: inline-block;
  margin: 0 2rem 0.5rem 0;
  font-size: 1.2rem;
  font-weight: normal;
}
.labCtrlHomeMainLabs input,
.labCtrlHomeSubLabs input[type="checkbox"] {
  display: inline-block;
  margin: 0 0.5rem 0 1rem;
}

.highlightTable tr:hover td {
  background: #E8F8F9;
}
.highlightTable tr.highlight2:hover td {
  background: #CBF4F5;
}
.labCtrlLs2Lp1Link {
  cursor: pointer;
}

.labctrlTable td, .table.labctrlTable td {
  padding: 0.2rem 0.75rem;
}
.labctrlTable .labsampleParamMeasItem {
  width: auto;
  margin: 0;
  border: 1px solid #e2e2e2;
}
.labctrlTable .labsampleParamMeasItem .lmMainDiv,
.labctrlTable .labsampleParamMeasItem .labsampleParamMeasInfo {
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
.labctrlMeasFilter {
  display: inline-block;
  padding: 0 1rem;
  border: 1px solid rgba(0,0,0,0);
  height: 1.4rem;
  line-height: 1.4rem;
}
.labctrlMeasFilter:hover {
  border: 1px dotted #000000;
  background: #9ce3e5;
}
.labctrlGreen {
  color: #008506;
}
.labctrlRed {
  color: #850600;
}

.subEditDiv textarea {
  width: 30vw;
  max-width: 60vw;
  height: 3rem;
  min-height: 3rem;
}


.comResLsInfoBlock {
  display: block;
  float: right;
  margin: 0 0 1rem 1.5rem;
  max-width: 50%;
}

.comValSampleTr.dropdownCont .comValLsInfo .dropdownData {
  display: none;
}
.comValSampleTr.dropdownCont.open .comValLsInfo .dropdownData {
  display: block;
}
.comValLsInfo {
  display: block;
  margin: 0.5rem 0 0 0;
  padding: 0 0 0 1rem;
  font-weight: normal;
  color: #505050;
}

.skipHelperTreeRowOuter {
  display: block;
  margin: 0 0 1rem 1.5rem;
  font-size: 0.8rem;
}
.skipHelperTreeRowTitle {
  font-weight: bold;
  font-size: 0.8rem;
  margin: 0 0 0.5rem 0;
}

.labsampleCont .labsampleParamCont.labsampleParamSkippedCont {
  display: none;
}
.labsampleCont.hasOtherSample .labsampleParamCont.labsampleParamSkippedCont {
  display: block;
}

.jobMultiSelectForm {
  display: block;
  float: right;
}
.jobMultiSelectForm button {
  display: inline-block;
  float: right;
  margin: 0 0.5rem;
}
.jobMultiSelectAnalForm button {
  margin-top: 3rem;
}

.comValBatchSelCont {
  display: inline-block;
  margin: 0 0 0 2rem;
  vertical-align: top;
}
.comValBatchSel {
  display: block;
  margin: 0 0 0.2rem 0;
  font-size: 1.1rem;
  font-weight: normal;
  background: #f8dbf7;
  width: 32rem;
  padding: 0.5rem 1rem;
}
.comValBatchCertiSel {
  display: block;
  margin: 0 0 0.2rem 0;
  font-size: 1.1rem;
  font-weight: normal;
  width: 32rem;
  padding: 0.5rem 1rem;
}

.comValSaveAsNewChk, .comValBatchStatusChangeChk {
  display: inline-block;
  margin: 0 0 0 1rem;
}
.comValSaveAsNewLabel, .comValBatchStatusChangeLabel {
  display: inline-block;
  margin: 0;
  font-size: 1rem;
  font-weight: normal;
}
.comValSaveAsNewDetails {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 3rem 0;
}
.comValSaveAsNewDetailsHidden {
  display: none;
}
.comValSaveAsNewRemark {
  display: inline-block;
  margin: 0 0 0 1rem;
  font-size: 1.1rem;
  font-weight: normal;
  background: #ffffff;
  width: 12rem;
  padding: 0.5rem 1rem;
}
.comValSaveAsNewSubmit {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: bold;
  background: #b80505;
  color: #ffffff;
  padding: 0.3rem 1rem;
  border: 1px solid #000000;
}
.comValSaveAsCont {
  display: inline-block;
  margin: 0 0 0 1rem;
  vertical-align: top;  
}
.comValSaveAsChkCont, .comValBatchStatusCont {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 1rem;
  line-height: 2rem;
}
.comValSaveAsNewChk, .comValSaveAsNewLabel, .comValBatchStatusChangeChk, .comValBatchStatusChangeLabel {
  display: inline-block;
  vertical-align: middle;
}
.comValSaveAsNewOrders {
  display: block;
  font-size: 1rem;
  list-style: none;
  padding: 0;
  margin: 0.7rem 0 0 1rem;
}
.comValSaveAsNewOrders li {
  margin: 0 0 0.3rem 0;
}
.comValSaveAsNewOrders label {
  display: inline-block;
  margin: 0 0 0 0.5rem;
}
.comValSavedOrders {
  display: block;
  font-size: 1rem;
  list-style: disc inside;
  padding: 0;
  margin: 0;
}
.comValSavedOrders li {
  margin: 0 0 0.2rem 0;
  padding: 0;
}
.comValBatchStatus {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  padding: 0 0.5rem;
  vertical-align: top;
}
.comValBatchStatus1 {
  color: #000000;
  background: #F4E396;
}
.comValBatchStatus10 {
  color: #000000;
  background: #9FF496;
}

.comValHasNonBelowLimitValue {
  display: inline-block;
  margin: 0 2rem 0 0;
  font-size: 1rem;
  font-weight: normal;
}
.comValHasNonBelowLimitValueInfo {
  display: none;
}
.comValSampleInput {
  padding: 0.3rem;
}
.comValSampleInput:after {
  content: "";
  display: table;
  clear: both;
}
.comValLabUpdated {
  background: #FAD8D8;
}
.comValStat {
  margin: 0 0 0.5rem 0;
  font-size: 1.2rem;
}
.comValStatItem {
  display: inline-block;
  margin: 0 2rem 0 0;
}
.comValStatData {
  font-weight: bold;
}
.comValStatRed {
  color: #E82222;
}
.bagNotAllLsReady {
  color: #E82222;
}

.comValSampleNameLiMore {
  display: list-item;
}
.comValSampleNameLiDots {
  display: none;
}
.comValSampleNameUlHideMore .comValSampleNameLiMore {
  display: none;
}
.comValSampleNameUlHideMore .comValSampleNameLiDots {
  display: list-item;
}

.comValSubRowHidden {
  display: none;
}
.comValShowChk {
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
.comValShowLabel {
  margin: 0;
  vertical-align: middle;
}

.comResBatchToDelete {
  background: #8c8283;
}


.assetListDateHeader, table th.assetListDateHeader {
  background: #F2F0E4;
  padding-left: 3rem;
}
.billprevDetailsHidden .billItemDetailsHideable {
  display: none;
}

.billprevItemsTitle, .billprevDetailsShowChk, .billprevDetailsShowLabel {
  display: inline-block;
  vertical-align: middle;
}
.billprevDetailsShowChk {
  margin: 0.8rem 0 0.8rem 2rem;

}
.billprevDetailsShowLabel {
  margin: 0.8rem 0 0.8rem 0.5rem;
}

.billprevNewAnalSea {
  display: inline-block;
  width: 4rem;
}
.billprevNewAnalSel {
  display: inline-block;
  max-width: 24rem;
}

input[type="text"].biManPercDiscrep {
  border: 1px solid #dd5522;
  background: #FCC4C4;
}

.asOneTitlePrefix {
  font-weight: normal;
}
.asOneTitle {
  display: inline-block;
  margin: 0 1rem;
}

.insOnHoliday {
  display: inline-block;
  margin: 0 1rem;
  color: #D24747;
  font-weight: normal;
}
.insHolidayInterval {
  display: inline-block;
  margin: 0 1rem 0 0;
  font-weight: normal;
}

.assetOpenJobUl {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0 0 0 2rem;
}
.assetOpenJobUl .assetOpenJobUlTitle, .assetOpenJobUl .assetOpenJobUlTitle {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  line-height: 1.4rem;
}
.assetTrendAnalFormSubmit {
  float: right;
  margin: 0 0 0.5rem 2rem;
}
.assetOpenTrendAnalMainJobCont {
  margin: 0.5rem 0 0 0;
  font-weight: normal;
}
.assetOpenTrendAnalMainJobCont label, .chkInp_trendAnalSelect {
  display: inline-block;
  margin: 0 0 0 0.5rem;
}

.bagHistoryReceivedByStockCont {

}
.bagHistoryReceivedByStockForm {
  display: inline-flex;
  margin: 0 0.4rem 0.4rem 0;
  vertical-align: top;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
input[type="text"].bagHistoryStockShelfInp {
  margin: 0.3rem 0 0 0;
  padding: 0.2rem 0.8rem;
}
.bagHistoryReceivedByStockLink {
  vertical-align: top;
}
.bagHistoryStockName {
  text-align: center;
  margin: 0 0 0.2rem 0;
}
.bagHistoryStockShelfList {
  text-align: center;
  color: #1B28A9;
  margin: 0 0 0.2rem 0;
}

.bagPurgeInfoCont {
  padding: 1rem;
}

.loFlag {
  display: inline-block;
  margin: 0 0 0 1rem;
  padding: 0.15rem 0.4rem;
  vertical-align: middle;
  color: #000000;
  border: 1px solid #202020;
}
.loFlag1 {
  background: #ead2c8;
}
.loFlag2 {
  background: #c8c9ea;
}
.loFlag5 {
  background: #5c5fbf;
  color: #ffffff;
}

.readonly
{
  background-color: #d3d3d3 !important;
  pointer-events: none;
}

.lrMS2 {
  display: inline-block;
  background: #EECFB6;
}

.gSelChDownloadReportLabel .gSelCh {
  margin-left: 0.4rem;
}
.chkRowInGridTitle {
  font-weight: normal;
  display: inline-block;
  margin-left: 1rem;
}


.bagHistoryBagBagCont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.bagHistoryBagBagEditItem {
  width: 16rem;
  margin: 0 1rem 0.5rem 0;
  padding: 0;
  border: 1px solid #303030;
}
.bagHistoryBagBagNumCont {
  width: 100%;
  padding: 0.1rem 0.5rem;
  height: 1.2rem;
  line-height: 1rem;
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  color: #808080;
  background: #fafafa;
  border-bottom: 1px solid #808080;
}
.bagHistoryBagBagStatusCont {
  width: 100%;
  padding: 0.1rem 0.5rem;
  height: 3.5rem;
  line-height: 3rem;
  text-align: center;
  color: #000000;
  border-bottom: 1px solid #808080;
}
.bagHistoryBagBagRemarkCont {
  width: 100%;
  padding: 0.1rem 0.5rem;
  height: 2.5rem;
  line-height: 2rem;
  text-align: left;
  color: #000000;
  border-bottom: 1px solid #808080;
}
.bagHistoryBagBagRemarkContWithEdit {
  height: 4.5rem;
}
.bagHistoryBagBagStatusCont .bagBagStatus {
  display: inline-block;
  line-height: 1rem;
  font-size: 0.9rem;
  font-weight: normal;
  color: #000000;
  vertical-align: middle;
}
.bagHistoryBagBagStockPartCurrent {
  width: 100%;
  padding: 0.1rem 0.5rem;
  height: 5.5rem;
  line-height: 2rem;
  text-align: center;
  color: #000000;
  border-bottom: 1px solid #808080;
}
.bagHistoryBagBagStockPartTarget {
  width: 100%;
  padding: 0.1rem 0.5rem;
  height: 9.5rem;
  line-height: 2rem;
  text-align: center;
  color: #000000;
  border-bottom: 1px solid #808080;
}
.bagHistoryBagBagStockAllCurrent, .bagHistoryBagBagStockAllTarget, .bagHistoryBagBagStockAllNone {
  width: 100%;
  padding: 0.1rem 0.5rem;
  height: 15rem;
  line-height: 2rem;
  text-align: center;
  color: #000000;
  border-bottom: 1px solid #808080;
}
.bagHistoryBagBagLabCont {
  width: 100%;
  padding: 0.1rem 0.5rem;
  height: 9rem;
  line-height: 2rem;
  text-align: center;
  color: #000000;
  border-bottom: 1px solid #808080;
}
.bagHistoryBagBagStockBlockCurrent-99, .bagHistoryBagBagStockBlockTarget-99 {
  background: #b0b0b0;
}
.bagHistoryBagBagStockBlockCurrent-10, .bagHistoryBagBagStockBlockTarget-10 {
  background: #f0f0f0;
}
.bagHistoryBagBagStockBlockCurrent-11, .bagHistoryBagBagStockBlockTarget-11 {
  background: #ffffff;
}
.bagHistoryBagBagStockBlockCurrent-12, .bagHistoryBagBagStockBlockTarget-12 {
  background: #e0e0e0;
}
.bagHistoryBagBagStockBlockCurrent1 {
  background: #BDEFBD;
}
.bagHistoryBagBagStockBlockCurrent2 {
  background: #EFBDBD;
}
.bagHistoryBagBagStockBlockCurrent3 {
  background: #EFEEBD;
}
.bagHistoryBagBagStockBlockCurrent4 {   /* #ff8b5e  */
  background: #bdc8ef;
}
.bagHistoryBagBagStockBlockCurrent5 {
  background: #BDEFBD;
}
.bagHistoryBagBagStockBlockTarget1 {
  background: #e1f8e1;
}
.bagHistoryBagBagStockBlockTarget2 {
  background: #f7dcdc;
}
.bagHistoryBagBagStockBlockTarget3 {
  background: #f7f7da;
}
.bagHistoryBagBagStockBlockTarget4 {
  background: #e1e6f8;
}
.bagHistoryBagBagStockBlockTarget5 {
  background: #e1f8e1;
}

.bagHistoryBagBagStockBlockCurrent1.bagHistoryBagBagkStockUsedUp {
  background: #BDEFBD url("../imgcore/stripe-20.png") repeat scroll;
}
.bagHistoryBagBagStockBlockCurrent2.bagHistoryBagBagkStockUsedUp {
  background: #EFBDBD url("../imgcore/stripe-20.png") repeat scroll;
}
.bagHistoryBagBagStockBlockCurrent3.bagHistoryBagBagkStockUsedUp {
  background: #EFEEBD url("../imgcore/stripe-20.png") repeat scroll;
}
.bagHistoryBagBagStockBlockCurrent4.bagHistoryBagBagkStockUsedUp {
  background: #bdc8ef url("../imgcore/stripe-20.png") repeat scroll;
}
.bagHistoryBagBagStockBlockCurrent5.bagHistoryBagBagkStockUsedUp {
  background: #BDEFBD url("../imgcore/stripe-20.png") repeat scroll;
}

.bagHistoryBagBagStockBlockTarget1.bagHistoryBagBagkStockMissing {
  background: #e1f8e1 url("../imgcore/stripe-20.png") repeat scroll;
}
.bagHistoryBagBagStockBlockTarget2.bagHistoryBagBagkStockMissing {
  background: #f7dcdc url("../imgcore/stripe-20.png") repeat scroll;
}
.bagHistoryBagBagStockBlockTarget3.bagHistoryBagBagkStockMissing {
  background: #f7f7da url("../imgcore/stripe-20.png") repeat scroll;
}
.bagHistoryBagBagStockBlockTarget4.bagHistoryBagBagkStockMissing {
  background: #e1e6f8 url("../imgcore/stripe-20.png") repeat scroll;
}
.bagHistoryBagBagStockBlockTarget5.bagHistoryBagBagkStockMissing {
  background: #e1f8e1 url("../imgcore/stripe-20.png") repeat scroll;
}

.bagHistoryBagBagStockBlockCurrent1.bagHistoryBagBagPurged {
  background: #BDEFBD url("../imgcore/cross-30.png") repeat scroll;
}
.bagHistoryBagBagStockBlockCurrent2.bagHistoryBagBagPurged {
  background: #EFBDBD url("../imgcore/cross-30.png") repeat scroll;
}
.bagHistoryBagBagStockBlockCurrent3.bagHistoryBagBagPurged {
  background: #EFEEBD url("../imgcore/cross-30.png") repeat scroll;
}
.bagHistoryBagBagStockBlockCurrent4.bagHistoryBagBagPurged {
  background: #bdc8ef url("../imgcore/cross-30.png") repeat scroll;
}
.bagHistoryBagBagStockBlockCurrent5.bagHistoryBagBagPurged {
  background: #BDEFBD url("../imgcore/cross-30.png") repeat scroll;
}

.bagHistoryBagBagBlockLab1 {
  background: #87d587;
}
.bagHistoryBagBagBlockLab2 {
  background: #dc8f8f;
}
.bagHistoryBagBagBlockLab3 {
  background: #8395d4;
}
.bagHistoryBagBagBlockLab1.bagHistoryBagBagkLabUsedUp {
  background: #87d587 url("../imgcore/stripe-30.png") repeat scroll;
}
.bagHistoryBagBagBlockLab2.bagHistoryBagBagkLabUsedUp {
  background: #dc8f8f url("../imgcore/stripe-30.png") repeat scroll;
}
.bagHistoryBagBagBlockLab3.bagHistoryBagBagkLabUsedUp {
  background: #8395d4 url("../imgcore/stripe-30.png") repeat scroll;
}
.bagHistoryBagBagBlockLab1.bagHistoryBagBagkLabLeftover {
  background: #87d587 url("../imgcore/dot-30.png") repeat scroll;
}
.bagHistoryBagBagBlockLab2.bagHistoryBagBagkLabLeftover {
  background: #dc8f8f url("../imgcore/dot-30.png") repeat scroll;
}
.bagHistoryBagBagBlockLab3.bagHistoryBagBagkLabLeftover {
  background: #8395d4 url("../imgcore/dot-30.png") repeat scroll;
}

.bagHistoryBagBagBlockLab1.bagHistoryBagBagPurged {
  background: #87d587 url("../imgcore/cross-30.png") repeat scroll;
}
.bagHistoryBagBagBlockLab2.bagHistoryBagBagPurged {
  background: #dc8f8f url("../imgcore/cross-30.png") repeat scroll;
}
.bagHistoryBagBagBlockLab3.bagHistoryBagBagPurged {
  background: #8395d4 url("../imgcore/cross-30.png") repeat scroll;
}

.bagHistoryBagBagLab {
  display: inline-block;
  font-weight: bold;
  padding: 0.1rem 0.8rem;
  margin: 0.5rem 0;
  background: rgba(0,0,0,0.4);
  color: #ffffff;
}
.bagHistoryBagBagStockCurrent {
  display: block;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 0.2rem 0.5rem;
  background: rgba(255,255,255,0.6);
  color: #000000;
  line-height: 1.4rem;
  margin: 0;
}
.bagHistoryBagBagStockCurrentShelf {
  display: block;
  font-weight: normal;
  font-size: 1.1rem;
  padding: 0.2rem 0.5rem;
  background: rgba(255,255,255,0.8);
  color: #000000;
  line-height: 1.4rem;
  margin: 0;
}
.bagHistoryBagBagRemark {
  display: block;
  font-weight: normal;
  font-size: 1.1rem;
  padding: 0.2rem 0;
  color: #000000;
  line-height: 1.4rem;
  margin: 0;  
}
.bagHistoryBagBagStockTarget {
  display: block;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 0.2rem 0.5rem;
  color: #000000;
  line-height: 1.4rem;
  margin: 0;  
}
.bagHistoryBagBagStockTargetTitle {
  display: inline-block;
  margin: 0 0.5rem 0 0;
  font-weight: normal;
  color: #303030;
}

.bagHistoryBagBagStockArriveCont, .bagHistoryBagBagStockReverseCont, .bagHistoryBagBagStockTransportCont, 
.bagHistoryBagBagLabArriveCont, .bagHistoryBagBagReverseLabArriveCont, .bagHistoryBagBagFullDeleteCont,
.bagHistoryBagBagLabSamplesCont, .bagHistoryBagBagSetUsedUpCont, .bagHistoryBagBagReverseUsedUpCont {
  display: block;
  margin: 0 0 0.3rem;
  text-align: left;
}
.bagHistoryBagBagStockReverseCont, .bagHistoryBagBagStockTransportCont, .bagHistoryBagBagLabArriveCont,
.bagHistoryBagBagFullDeleteCont {
  margin: 0.8rem 0 0.3rem;
}
.bagHistoryBagBagStockNotArriveCont {
  display: block;
  margin: 1rem 0 0.3rem;
  text-align: left;
}
.bagHistoryBagBagReverseLabArriveCont {
  line-height: 2rem;
}
.bagHistoryBagBagSetUsedUpCont, .bagHistoryBagBagReverseUsedUpCont {
  line-height: 2rem;
  margin-bottom: 0.5rem;
}
.bagHistoryBagBagLabSamplesCont {
  margin: 0;
  line-height: 2.2rem;
}
.bagHistoryBagBagButton {
  display: inline-block;
  border: 1px solid #000000;
  line-height: 2rem;
  height: 2rem;
  padding: 0 0.8rem;
  color: #ffffff;
  background: #aa0101;
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(0,0,0,0.5);
}
.bagHistoryBagBagButtonGreen {
  background: #2e9102;
}
.bagHistoryBagBagButtonRed {
  background: #aa0101;
}
.bagHistoryBagBagButtonBlue {
  background: #020791;
}
.bagHistoryBagBagButtonGrey {
  background: #606060;
}
.bagHistoryBagBagStockArriveSel, .bagHistoryBagBagStockMoveToSel {
  display: inline-block;
  margin: 0 0.3rem 0 0;
  padding: 0 0.4rem;
  line-height: 2rem;
  height: 2rem;
  width: 6.9rem;
}
.bagHistoryBagBagStockArriveShelfInp, .bagHistoryBagBagStockCurrentShelfInp {
  display: inline-block;
  margin: 0;
  padding: 0 0.8rem;
  line-height: 2rem;
  height: 2rem;
  width: 6rem;
}
.bagHistoryBagBagRemarkInp {
  display: inline-block;
  margin: 0;
  padding: 0 0.8rem;
  line-height: 2rem;
  height: 2rem;
  width: 100%;
}
.bagHistoryBagBagStockCurrentShelfInp {
  margin-right: 0.5rem;
}
.bagHistoryBagBagLabUsedUpInp {
  display: inline-block;
  margin: 0 0.1rem 0 1rem;
}

.lsCreatebagBagBoxCont {
  display: flex;
  margin: 0;
  padding: 0;
  height: 3rem;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.bagBagBox {
  background: #ffffff;
}
.lsCreatebagBagBox {
  height: 3rem;
  padding: 0 0.5rem;
  margin: 0;
  line-height: 3rem;
  width: 9.5rem;
  border: 1px solid #606060;
}
.bagBagBoxStock-99 {
  background: #b0b0b0;
}
.bagBagBoxStock-10 {
  background: #f0f0f0;
}
.bagBagBoxStock-11 {
  background: #ffffff;
}
.bagBagBoxStock-12 {
  background: #e0e0e0;
}
.bagBagBoxStock1 {
  background: #BDEFBD;
}
.bagBagBoxStock2 {
  background: #EFBDBD;
}
.bagBagBoxStock3 {
  background: #EFEEBD;
}
.bagBagBoxStock4 {
  background: #bdc8ef;
}
.bagBagBoxStock5 {
  background: #BDEFBD;
}
.bagBagBoxStock-99.bagBagBoxStockUsedUp {
  background: #b0b0b0 url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock-10.bagBagBoxStockUsedUp {
  background: #f0f0f0 url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock-11.bagBagBoxStockUsedUp {
  background: #ffffff url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock-12.bagBagBoxStockUsedUp {
  background: #e0e0e0 url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock1.bagBagBoxStockUsedUp {
  background: #BDEFBD url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock2.bagBagBoxStockUsedUp {
  background: #EFBDBD url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock3.bagBagBoxStockUsedUp {
  background: #EFEEBD url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock4.bagBagBoxStockUsedUp {
  background: #bdc8ef url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock5.bagBagBoxStockUsedUp {
  background: #BDEFBD url("../imgcore/stripe-30.png") repeat scroll;
}

.bagBagBoxStock-99.bagHistoryBagBagPurged {
  background: #b0b0b0 url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock-10.bagHistoryBagBagPurged {
  background: #f0f0f0 url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock-11.bagHistoryBagBagPurged {
  background: #ffffff url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock-12.bagHistoryBagBagPurged {
  background: #e0e0e0 url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock1.bagHistoryBagBagPurged {
  background: #BDEFBD url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock2.bagHistoryBagBagPurged {
  background: #EFBDBD url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock3.bagHistoryBagBagPurged {
  background: #EFEEBD url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock4.bagHistoryBagBagPurged {
  background: #bdc8ef url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock5.bagHistoryBagBagPurged {
  background: #BDEFBD url("../imgcore/cross-30.png") repeat scroll;
}


.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab1 {
  background: #87d587;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab2 {
  background: #dc8f8f;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab3 {
  background: #8395d4;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab1.bagBagBoxLabUsedUp {
  background: #87d587 url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab2.bagBagBoxLabUsedUp {
  background: #dc8f8f url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab3.bagBagBoxLabUsedUp {
  background: #8395d4 url("../imgcore/stripe-30.png") repeat scroll;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab1.bagBagBoxLabLeftover {
  background: #87d587 url("../imgcore/dot-30.png") repeat scroll;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab2.bagBagBoxLabLeftover {
  background: #dc8f8f url("../imgcore/dot-30.png") repeat scroll;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab3.bagBagBoxLabLeftover {
  background: #8395d4 url("../imgcore/dot-30.png") repeat scroll;
}

.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab1.bagHistoryBagBagPurged {
  background: #87d587 url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab2.bagHistoryBagBagPurged {
  background: #dc8f8f url("../imgcore/cross-30.png") repeat scroll;
}
.bagBagBoxStock.bagBagBoxLab.bagBagBoxLab3.bagHistoryBagBagPurged {
  background: #8395d4 url("../imgcore/cross-30.png") repeat scroll;
}

.bagHistoryBagBagLabSampleLink {
  display: inline-block;
  line-height: 2.2rem;
  padding: 0 0.5rem;
  background: #ffffff;
  color: #707070;
  margin: 0 0.3rem 0 0;
  border-radius: 0.4rem;
}

.bagHistoryBagBagOthercostIcon {
  display: inline-block;
  line-height: 2.2rem;
  padding: 0 0.5rem;
  background: #fffcb9;
  color: #386f1a;
  margin: 0 0.3rem 0 0;
  border-radius: 0.4rem;
}

.bagBagBoxesBlock {
  display: flex;
  margin: 0;
  padding: 0;
  height: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.bagBagBoxesBlock .bagBagBox {
  height: 2rem;
  padding: 0;
  margin: 0.1rem;
  line-height: 2rem;
  width: 2rem;
  border: 1px solid #606060;
}
.bagBagBoxesBlock .bagBagBoxAutoWidth {
  width: auto;
  padding: 0 0.5rem;
}
.bagBagBoxesBlock .bagBagBox.toBePurged {
  border: 3px solid #ee0000;
}
.bagBagBoxesBlock .bagBagBox.bagBagBoxTarget.bagBagBoxTarget1 {
  border: 4px solid #BDEFBD;
}
.bagBagBoxesBlock .bagBagBox.bagBagBoxTarget.bagBagBoxTarget2 {
  border: 4px solid #EFBDBD;
}
.bagBagBoxesBlock .bagBagBox.bagBagBoxTarget.bagBagBoxTarget3 {
  border: 4px solid #EFEEBD;
}
.bagBagBoxesBlock .bagBagBox.bagBagBoxTarget.bagBagBoxTarget4 {
  border: 4px solid #bdc8ef;
}
.bagBagBoxesBlock .bagBagBox.bagBagBoxTarget.bagBagBoxTarget5 {
  border: 4px solid #BDEFBD;
}
.bagBagBoxesBlock.gridBagBagBoxes {
  height: 20px;
  align-items: center;
}
.bagBagBoxesBlock.gridBagBagBoxes .bagBagBox {
  height: 18px;
  width: 18px;
}
.gridbvrovCursor .bagBagBoxesBlock.gridBagBagBoxes {
  height: 52px;
}

.bagHistoryBagBagSealCont {
  width: 100%;
  padding: 0.1rem 0.5rem;
  height: auto;
  line-height: 2rem;
  text-align: left;
  color: #000000;
  border-bottom: 1px solid #808080;
}
.bagHistoryBagBagSeal {
  display: block;
  line-height: 2rem;
  margin: 0;
  width: 100%;
}
.bagHistoryBagBagSealInp {
  display: inline-block;
  margin: 0;
  padding: 0 0.8rem;
  line-height: 2rem;
  height: 2rem;
  width: 9rem;
}

.bagHistoryBagBagPhotoCont {
  width: 100%;
  padding: 0.1rem 0.5rem;
  height: auto;
  line-height: 2rem;
  text-align: left;
  color: #000000;
  border-bottom: 1px solid #808080;
}


.bagHistoryEditCtrl {
  float: right;
  margin: 0 0 0.5rem 1rem;
}

.jobViewBagWOTas {
  display: inline-block;
  padding: 0 0.5rem;
  background: #EFEEBD;;
}
.table .jobWithoutTasBagSeparator td {
  padding: 0;
}
.table .jobWithoutTasBagSeparator td .jobWithoutTasBagHead {
  display: block;
  border: 0;
  height: 3rem;
  line-height: 3rem;
  padding: 0 2rem;
  text-align: left;
  color: #a0a0a0;
  font-size: 0.9rem;
  font-weight: bold;
  background: #fffded;
  margin: 0;
  width: 100%;
}


.jobViewAssetLoadingDetails {
  list-style: none;
  color: #505050;
  font-size: 0.85rem;
  margin: 0;
}
.assetLoadingAsName {
  display: inline-block;
  min-width: 10rem;
  margin: 0 2rem 0 0;
}


.ta2jFlag, .acFlag, .jobviewLoFlag {
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 1rem;
  padding: 0 1rem;
  line-height: 1.6rem;
  margin: 0 1rem 0 0;
  background: #f0f0f0;
}
.ta2jFlag1 {
  background: #dd3300;
  color: #ffffff;
  font-weight: bold;
}
.acFlag3, .jobviewLoFlag4 {
  background: #e02458;
  color: #ffffff;
  font-weight: normal;
}
.acFlag4 {
  background: #f0f0f0;
  color: #c0c0c0;
  border: 1px solid #c0c0c0;
  font-weight: normal;
}
.acFlag5 {
  background: #a75800;
  color: #ffffff;
  font-weight: normal;
}


.biOrigPricePercent, .biPercent {
  display: inline-block;
  margin: 0 0.1rem 0 1rem;
  text-align: right;
  width: 5rem;
}

.comValCtrlExcelButt2Div {
  float: right;
  margin: 0 0 0.5rem 1rem;
}
.comValCtrlExcelButt2Div .headerXlsButt {
  width: auto;
}

.massBagSeparator {
  margin: 0;
  padding: 0;
  height: 0.5rem;
  background: #c0c0c0;
}


.billprevJoinCont {
  height: 85vh;
  height: calc(100vh - 8rem);
  overflow-y: auto;
  padding: 15px 25px 15px 15px;
}

.emailTemplate {
  margin: 0 1rem 1rem 0;
  padding: 1rem;
  background: #ecedd2;
}


@keyframes slide-in
{
  0%
  {
    width: var(--mc-alert-width-collapsed);
    height: var(--mc-alert-height-collapsed);
  }

  100%
  {
    width: var(--mc-alert-width);
    height: var(--mc-alert-height);
  }
}

@keyframes slide-out
{
  0% {
    width: var(--mc-alert-width);
    height: var(--mc-alert-height);
  }

  100% {
    width: var(--mc-alert-width-collapsed);
    height: var(--mc-alert-height-collapsed);
  }

}

.defaultformtabcontent .pricelisthistory
{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.pricelisthistory .table-borderless td
{
  padding: 0 1rem 0 0 !important;
  font-size: 1.33rem;
  line-height: 1.25;
}

.pricelisthistory ul li ul
{
  list-style-type: square;
}

.pricelisthistory .historytable
{
  border-collapse: separate;
  border-spacing: 0;
}

.pricelisthistory .historytable > thead > tr
{
  background-color: #efefef;
}

.pricelisthistory .historytable > tbody > tr
{
  position: relative;
}

.pricelisthistory .historytable > tbody > tr > td > ul
{
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
}

.pricelisthistory .historytable > tbody > tr > td .collapsebtn
{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 666;
  background-color: #efefef;
}

.pricelisthistory .historytable > tbody > tr > td .collapsebtn:hover
{
  background-color: #dfdfdf;
}

.pricelisthistory .historytable > tbody > tr > td .collapsebtn > span
{
  transition: 0.5s;
  line-height: 1;
}

.pricelisthistory .historytable > tbody > tr > td .collapsebtn:is(.collapsed)
{
  box-shadow:  0px -30px 20px 10px rgba(239,239,239,0.76);
}

.pricelisthistory .historytable > tbody > tr > td .collapsebtn:is(.collapsed) > span
{
  transform: rotate(0deg);
}

.pricelisthistory .historytable > tbody > tr > td .collapsebtn:not(.collapsed) > span
{
  transform: rotate(180deg);
}


.pricelisthistory .historytable > tbody > tr > td .collapse
{
  margin-bottom: 24px;
}

.pricelisthistory .historytable > thead > tr > *
{
  border-bottom: 2px solid #5b5b5b;
}

.pricelisthistory .historytable > thead, .pricelisthistory .historytable > thead > tr > *
{
  position: sticky;
  top: 0;
  overflow: hidden;
  z-index: 667;
}

@keyframes bellshake
{
  49.2% { transform: rotate(0); }
  49.4% { transform: rotate(6deg); }
  49.7% { transform: rotate(-6deg); }
  49.9% { transform: rotate(5deg); }
  50.1% { transform: rotate(-5deg); }
  50.4% { transform: rotate(3deg); }
  50.6% { transform: rotate(-3deg); }
  50.7% { transform: rotate(2deg); }
  50.8% { transform: rotate(0); }
}

.jwp2Table td, .jwp2Table th {
  padding: 0.1rem 0.3rem;
}
.defaultform select.hidden {
  display: none;
}
.defaultform input[type="text"].searchSel_sea.jwp2Sea {
  width: 5rem;
}
.defaultform select.searchSel_sel.jwp2Sel {
  width: 95%;
}

.view_type_public
{
  font-style: italic;
  color: var(--secondary);
}

.cplEditDefVal {
  font-size: 0.8rem;
  line-height: 1rem;
  text-align: right;
  color: #707070;
  margin: 0;
  padding: 0;
}
.defaultform .cplEditTable td,
.defaultform .cplEditTable th {
  padding: 0.1rem 0.2rem;
}
.defaultform .cplEditTable input[type="text"].qtInpTons {
  width: 100%;
}

.defaultform .cplEditTable tbody tr
{
  border-bottom: 1px solid #dee2e6 !important;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5;
}

.smallTextarea, .defaultform textarea.smallTextarea {
  height: 4rem;
  min-height: 4rem;
}

.loLpt1AccrYes {
  color: #025626;
}
.loLpt1AccrNo {
  color: #560202;
}

.thinTable td, .thinTable th, .table.thinTable td, .table.thinTable th, .table .thinTable td, .table .thinTable th {
  padding: 0.1rem 0.4rem;
}

.versionHistoryCont {
  padding: 1.5rem;
}
.currentVersion {
  font-size: 0.9rem;
  font-weight: normal;
  color: #b0b0b0;
  display: inline-block;
  margin: 0 1rem 0 0;
  text-decoration: none;
}
a.currentVersion:hover, a.currentVersion:focus {
  color: #ffffff;
  text-decoration: none;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}

.printer-item
{
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dark);
  border: 0.15em solid #bdc0c2;
  position: relative;
}

.printer-item:focus
{
  box-shadow: 0 0 0 0.25rem #AAAAAA;
}

.printer-item > .printer-item-bg > i
{
  font-size: 64px;
}

.printer-item > .printer-item-bg
{
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.printer-item > div
{
  flex: 1 1 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  margin: 0 1rem;
  overflow: hidden;
  max-width: 100%;
  word-break: break-word;
}

.printer-item > div > h4
{
  text-transform: uppercase;
  font-weight: bold;
}

.printer-item.active
{
  border: 2px solid var(--mc-primary-color);
  background-color: var(--mc-primary-color);
  color: #fff;
}

.tabsLever
{
  border-bottom: 1px solid #a0a0a0;
  display: flex;
}

.btn.buttonlink
{
  line-height: 22px;
}

.table-middle > tbody > tr > td
{
  vertical-align: middle;
}

.equalizer {
  display: block;
  margin: 0;
  padding: 0;
  font-size: inherit;
  width: 10.1em;
  height: 1.2em;
  border-radius: 0;
  border: 0.10em solid #bdc0c2;
  background-color: #bdc0c2;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow 0.2s linear;
  box-shadow: 0 0 0 0 transparent;
}
.equalizer:focus {
  box-shadow: 0 0 0 0.1em #AAAAAA;
}

/* ## Orientation tweak, with [orient] attribute in degrees */
/* > I know it's not standard, but that's the cleaner way I was thinking of. */
.equalizer[orient] {
  /* > Would be cool heh :-) : */
  transform: rotate(attr(orient));
}

/* ## Slider components */
/* ### Slider::-track */
.equalizer::-webkit-slider-runnable-track {
  border: none;
  background: none;
  height: 100%;
  width: 100%;
}
.equalizer::-moz-range-track {
  border: none;
  background: none;
  height: 100%;
  width: 100%;
}
.equalizer::-ms-track {
  border: none;
  background: none;
  height: 100%;
  width: 100%;
}

/* ### Slider::-thumb */
.equalizer::-webkit-slider-thumb {
  margin: 0.05em;
  padding: 0;
  height: 0.9em;
  width: 0.9em;
  border-radius: 0.1em;
  box-sizing: border-box;
  border: none;
  background-color: #6FC5F0;
  box-shadow: -10em 0 0 0 #313131, -9em 0 0 0 #313131, -8em 0 0 0 #2F343F, -7em 0 0 0 #283F6B, -6em 0 0 0 #214893, -5em 0 0 0 #1A52BC, -4em 0 0 0 #2769D3, -3em 0 0 0 #3E87DC, -2em 0 0 0 #55A5E6, -1em 0 0 0 #6FC5F0, 1em 0 0 0 #eeeeee, 2em 0 0 0 #eeeeee, 3em 0 0 0 #eeeeee, 4em 0 0 0 #eeeeee, 5em 0 0 0 #eeeeee, 6em 0 0 0 #eeeeee, 7em 0 0 0 #eeeeee, 8em 0 0 0 #eeeeee, 9em 0 0 0 #eeeeee;
  cursor: ew-resize;
}
.equalizer::-moz-range-thumb {
  margin: 0.05em;
  padding: 0;
  height: 0.9em;
  width: 0.9em;
  border-radius: 0.1em;
  box-sizing: border-box;
  border: none;
  background-color: #6FC5F0;
  box-shadow: -10em 0 0 0 #313131, -9em 0 0 0 #313131, -8em 0 0 0 #2F343F, -7em 0 0 0 #283F6B, -6em 0 0 0 #214893, -5em 0 0 0 #1A52BC, -4em 0 0 0 #2769D3, -3em 0 0 0 #3E87DC, -2em 0 0 0 #55A5E6, -1em 0 0 0 #6FC5F0, 1em 0 0 0 #eeeeee, 2em 0 0 0 #eeeeee, 3em 0 0 0 #eeeeee, 4em 0 0 0 #eeeeee, 5em 0 0 0 #eeeeee, 6em 0 0 0 #eeeeee, 7em 0 0 0 #eeeeee, 8em 0 0 0 #eeeeee, 9em 0 0 0 #eeeeee;
  cursor: ew-resize;
}
.equalizer::-ms-thumb {
  margin: 0.05em;
  padding: 0;
  height: 0.9em;
  width: 0.9em;
  border-radius: 0.1em;
  box-sizing: border-box;
  border: none;
  background-color: #6FC5F0;
  box-shadow: -10em 0 0 0 #313131, -9em 0 0 0 #313131, -8em 0 0 0 #2F343F, -7em 0 0 0 #283F6B, -6em 0 0 0 #214893, -5em 0 0 0 #1A52BC, -4em 0 0 0 #2769D3, -3em 0 0 0 #3E87DC, -2em 0 0 0 #55A5E6, -1em 0 0 0 #6FC5F0, 1em 0 0 0 #eeeeee, 2em 0 0 0 #eeeeee, 3em 0 0 0 #eeeeee, 4em 0 0 0 #eeeeee, 5em 0 0 0 #eeeeee, 6em 0 0 0 #eeeeee, 7em 0 0 0 #eeeeee, 8em 0 0 0 #eeeeee, 9em 0 0 0 #eeeeee;
  cursor: ew-resize;
}

/* ## Browser tweaks */
/* ### webkit */
.equalizer, .equalizer::-webkit-slider-runnable-track, .equalizer::-webkit-slider-thumb {
  -webkit-appearance: none;
}

/* ### IE */
.equalizer::-ms-track {
  color: transparent;
}
.equalizer::-ms-fill-lower, .equalizer::-ms-fill-upper, .equalizer::-ms-tooltip {
  display: none;
}


.acGridFlag {
  display: inline-block;
  max-width: 4rem;
  overflow: hidden;
}

.print-btn
{
  width: 128px;
  height: 128px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 32px !important;
  border: 0.15rem solid #bdc0c2 !important;
  color: var(--dark);
}

.print-btn.active
{
  border: 0.15rem solid var(--mc-primary-color) !important;
  color: var(--mc-primary-color);
}

.toggleButton {
	display: inline-block;
	position: relative;
	margin: 0 1rem 0 0;
	line-height: 0;
	vertical-align: middle;
	text-align: center;
	background: var(--mc-primary-color);
	width: 1.5rem;
	height: 1.5rem;
  cursor: pointer;
}

.toggleButton::after {
	content: "+";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #ffffff;
}

.btn.btn-lime, .btn.lime
{
  background-color: #8CBF26;
  color: #fff;
}

.btn.btn-lime > a, .btn.lime > a
{
  color: #fff !important;
  text-decoration: none;
}

.btn.btn-lime:hover, .btn.lime:hover
{
  background-color: #749f1f;
  color: #fff;
}

.btn.add::before
{
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  padding-right: 4px;
}

.btn.btn-icon
{
  aspect-ratio: 1/1;
  line-height: 1;
  align-items: center;
  width: 32px;
}

.btn.btn-icon > i
{
  line-height: 20px;
}

.filterhotkeys {
  max-width: 35%;
  height: 3rem;
  overflow-y: auto;
}
.gridmenubar .filterhotkeys > div
{
  line-height: 0;
  display: inline-block;
  padding: 0 5px;
  border: 1px dashed var(--secondary);
  border-radius: 0.5rem;
  margin-top: 4px;
  margin-bottom: 4px;
}

.gridmenubar .filterhotkeys > div > a
{
  color: var(--secondary);
  text-decoration: none;
  max-width: 10em;
  display: inline-block;
  line-height: 2;
}

.gridmenubar .filterhotkeys > div.active
{
  border: 2px solid var(--mc-primary-color);
}

.gridmenubar .filterhotkeys > div:not(.active):hover
{
  border: 1px solid var(--mc-primary-color);
}

.gridmenubar .filterhotkeys > div.active > a, .gridmenubar .filterhotkeys > div:not(.active):hover > a
{
  color: var(--mc-primary-color);
  text-decoration: none !important;
}

.toggleButton:not(.collapsed)::after { 
  content: "-"; 
  background-color: #9046A8;
}

.ocMassOutRow
{
  padding: 2px 0px;
}

.calendar-grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    justify-items: center;
}

.calendar > h1
{
    padding: 0; text-align: center; margin: 0;
}

.week-grid
{
    display: grid;
    grid-template-columns: repeat(7, 32px);
    gap: 2px;
}

.calendar-legend { display: flex;}

.calendar-legend > *
{
    display: flex;
    align-items: center;
    margin-right: 18px;
}

.week-grid > * > *, .calendar-legend .day
{
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    position: relative;
    display: inline-block;
}

table.timesheet
{
  border-collapse: separate;
  border-spacing: 0;
}

table.timesheet > caption
{
  caption-side: top;
  text-align: center;
  position: sticky;
  top: 0;
  left: 0;
}

table.timesheet > tbody > tr > td.day
{
  text-align: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-left: 1px solid #dee2e6;
  position: relative;
}

table.timesheet > tbody > tr > td.day-1::after, .calendar-legend .day-1::after,
table.timesheet > tbody > tr > td.day-2::after, .calendar-legend .day-2::after,
table.timesheet > tbody > tr > td.day-3::after, .calendar-legend .day-3::after
{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  vertical-align: middle;
  line-height: 32px;
  z-index: 5;
}

table.timesheet > tbody > tr > td.day-1::after, .calendar-legend .day-1::after
{
  content: 'SZ';
}

table.timesheet > tbody > tr > td.day-2::after, .calendar-legend .day-2::after
{
  content: 'N';
}

table.timesheet > tbody > tr > td.day-3::after, .calendar-legend .day-3::after
{
  content: 'B';
}

table.timesheet > tbody > tr > td.day-4::after, .calendar-legend .day-4::after
{
  content: 'A';
}

table.timesheet > thead > tr > th
{
  text-align: center;
  padding: 0.25rem 0 !important;
  vertical-align: bottom;
}

table.timesheet > thead > tr > th.day
{
  width: 32px;
}

table.timesheet > tbody > tr > td
{
  padding: 0 !important;
  vertical-align: middle !important;
  white-space: nowrap;
}

table.timesheet > thead.fixed, table.timesheet > * > tr.fixed {
	position: sticky;
	overflow: hidden;
	top: 0;
	z-index: 20;
  background-color: #fff;
  border: 1px solid #fff;
}

table.timesheet td.fixed, table.timesheet th.fixed {
	position: sticky;
	left: 0;
	z-index: 19;
  background-color: #fff;
}

table.timesheet > tbody > tr > td.day > a
{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}


.calendar-legend .day { margin-right: 6px; }

.week-grid > h2 { grid-column: 1 / 8; padding: 0; text-align: center; margin: 0; }
.week-grid .grayed { background-color: var(--bv-main-color-gray); }
.week-grid .day { background-color: transparent; }

.day.day-W { background-color: #6F8F8F; color: var(--mc-primary-color); }
.day.day-R { background-color: #87CEEB; color: var(--mc-primary-color); }
.day.day-H { background-color: #FF6347; color: var(--mc-primary-color); }
.day.day-1 { background-color: #4CAF50; color: var(--mc-primary-color); }
.day.day-2 { background-color: #4CAF50; color: var(--mc-primary-color); }
.day.day-3 { background-color: #4CAF50; color: var(--mc-primary-color); }
.day.day-4 { background-color: #4CAF50; color: var(--mc-primary-color); }

input[type="radio"].day
{
  appearance: none;
  width: 34px;
  height: 34px;
  border: 2px solid transparent;
}

input[type="radio"].day:checked
{
  border: 2px solid var(--indigo);
  animation: borderBlink 2s infinite;
}

a[data-toggle="collapse"] > i.fa-chevron-down
{
  transition: 0.5s;
}

a[data-toggle="collapse"].collapsed > i.fa-chevron-down
{
  transform: rotate(-90deg);
}


.jovViewInspHeadTitle {
  display: inline-block;
  margin: 0 0.5rem 0 2rem;
}
.jovViewInspHead {
  display: inline-block;
  margin: 0 0.3rem;
  font-style: italic;
}

.assetTableErrorCont {
  margin: 1rem;
  padding: 1rem;
  background: #FBF8C6;
}
.signNewTrendanalCont {
  float: right;
  margin: 0 0 0 2rem;
}

.lgtDName {
  color: #488400;
}

@keyframes borderBlink {
  0% {
      border: 3px solid var(--yellow);
  }
  50% {
      border: 3px solid var(--indigo);
  }
  100% {
      border: 3px solid var(--yellow);
  }
}

input[type="radio"].day ~ label
{
  margin: 0 1rem;
}

.dropdown-toggle.noarrow {
  position: relative;
  overflow: hidden;
}

.dropdown-toggle.noarrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px; /* aláhúzás vastagság */
  background-color: currentColor; /* követi a szöveg színét */
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease;
  border: 0;
  margin: 0;
}

.dropdown-toggle.noarrow:hover::after {
  transform: scaleX(1);
}

@media (min-width: 576px) { 

  #bagInfo
  {
    border-right: 1px solid #d8d8d8;
  }
}

@media (max-width: 1024px) { 

  .tablet-full
  {
    width: 100% !important;
  }
}

@media (min-width: 1100px) {
  .jobTabsLeverContWithAlt .jobTabsLeverSpanAlt {
    display: none;
  }
  .jobTabsLeverContWithAlt .jobTabsLeverSpan {
    display: inline-block;
  }
  .jobViewTitleSub {
    margin: 0 0 0 1.2rem;
    font-size: 1.2rem;
  }
  .jobViewTitleLocation {
    margin: 0 0 0 1.2rem;
    font-size: 1.3rem;
  }
}


@media (min-width: 1800px) {
  .jobTabsLeverContWithAlt .jobTabsLeverItem {
    padding: 0 1.5rem;
    font-size: 1.2rem;
  }
  .jobViewTitleSub {
    margin: 0 0 0 3rem;
    font-size: 1.5rem;
  }
  .jobViewTitleLocation {
    margin: 0 0 0 3rem;
    font-size: 1.7rem;
  }
}