div#chartContainer {
  position: absolute;
  top: 35px;
  right: 15px;
}
.popupmobw {
    width: 110%;
    margin-left: -6%;
}
.popupmobw input, .popupmobw select, .popupmobw textarea, .popupmobw button
{
  width: 100%;
}

ul.horiz {
  padding: 0;
}
ul.horiz li {
  display: inline-table;
  border: 1px solid #ddd;
  margin: 5px;
}
ul.horiz.sortable li:hover {
  cursor: pointer;
  transform: scale(1.05);

} 
ul.horiz.subcats li {
  width: 80px;
  min-height: 80px;
  font:  normal normal 14px/16px arial;
  padding: 5px;
  border-radius: 10px;
  border: 2px solid #aaa;
}
ul.horiz.subcats li  a{
  font:  normal normal 14px/16px arial;
}

table.editormain {
}
table.editormain td {
  border-bottom: 0px dotted #ccc;
  margin-bottom: 20px;
  padding: 5px 0 5px 0;
  vertical-align: top;
}

/* STORAGEPLACES HEATMAP */
table.heatmap {
  width: 100%;
}
table.heatmap td.storageplace {
  border: 1px solid #ddd;
  margin: 5px;
  vertical-align: top;
}
table.heatmap td.storageplace span.sscode {
  font: normal bold 12px/12px arial;
}
table.heatmap td.storageplace div.heatmapprodw {
  display: block;
  font: normal normal 13px/15px arial;
  min-height: 33px;
  color: #000;
  padding: 3px 5px;
  position: relative;
}
div.heatmapprodw span.salecount {
  position: absolute;
  top: 3px;
  right: 3px;
}
div.shelfw {
}

table.heatmap td.storageplace div.shelfw.collapsed div.heatmapprodw {
  display: none;;
}

div.heatmapprodw.neutral { background: #eee; }
div.heatmapprodw.green { background: #81f481; }
div.heatmapprodw.yellow { background: #ee2; }
div.heatmapprodw.orange { background: #ff9e5a; }
div.heatmapprodw.red { background: #e96060; }

div.shelfw span.prodcountw {
  background: #ddd;
  width: 100%;
  display: block;
}
div.shelfw span.prodcountw:hover {
  cursor: pointer;
}
/*  PIMG PRODS LIST */
.prodw {
    display: block;
    float: left;
    width: 15%;
    margin: 10px 2% 20px 0;
    padding: 9px;
    background: #fff;
    min-height: 681px;
    box-shadow: 6px 7px 0px #ececec6b;
    border: 3px solid #eee;
}
.prodw span.pimg {
  width: 100%;
  display: block;
}
.prodw span.pimg img {
  width: 95%;
  margin-top: 10px;
  margin-bottom: 7px;
}
.prodw span.pname {
  display: block;
  font: normal normal 17px/17px arial, sans-serif;
  margin: 13px 0px;
  color: #a0a0a0;
}
.prodw span.pname.firstpv {
  color: #000;
}

.prodw span.addeddate,
.prodw span.soldoutdate,
.prodw span.lastsold,
.prodw span.pcode1,
.prodw span.eancode,
.prodw span.storagecode,
.prodw span.price,
.prodw span.qty
 {
  display: block;
  margin: 3px 0px;
}

.selvittely {
  font: normal normal  14px/20px Arial, Helvetica, sans-serif !important;
  color: #333;
}
div.contentwrapper {
  background: #ffffff;
  margin: -22px;
  padding: 10px 20px;
}
div.contentwrapper h2 {
  margin-left: -10px;
}
div.contentwrapper {
  font: normal normal 14px/20px Arial, Helvetica, sans-serif !important;
  color: #333;
}
div#topbarw a {
  padding: 10px;
  display: inline-block;
}
.ui-dialog {
  box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 41px;
}
.ajacloadericonw {
  display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255,255,255,0.6);
}
.ajacloadericon {
  width: 32px;
    height: 32px;
    margin: auto auto;
    display: block;
}

.adminform input,
.adminform select,
.admin_formfield {
  border: 2px solid rgb(107, 119, 138);
  padding: 5px 10px;
  font: normal normal  14px/18px Arial, Helvetica, sans-serif !important;
}
span.formfield_error {
  font: normal bold 120px/20px arial, sans-serif;
  color: #ff4747;
}
span.formfield_hint {
  font: normal normal 13px/15px arial, sans-serif;
  color: #6b6b6b;
}
span.fldhint {
  font: normal normal 13px/15px arial, sans-serif;
  color: #333;
  display: block;
  width: 400px;
  margin: 4px 1px;

}


div.plist span.countlbl {
  display: block;
}
table.ordertable {
  position: relative;
  top: -9px;
  left: -10px;
}
table.ordertable td {
  padding: 3px 10px;
  margin: 4px;
}
td.normal {
  font: normal normal  12px/12px  Arial, Helvetica, sans-serif;
  color: #666;
}
td.centered {
  text-align: center;
  position: relative;
}
table.loose td {
  padding: 5px 15px 5px 5px;
}
td.loose {
  padding-left: 15px;
}
td.summary1, td.summary2 {
  font: bold normal  14px/14px  Arial, Helvetica, sans-serif;
}
td.right {
  text-align:right;
}
.admin_formfield.formerror,
.adminform input.error,
.adminform select.error
{
  border: 2px solid #f00;
  border-radius:3px;
  background-color: #EAA29D;
}

.errorfield {
  border: 2px solid #f00;
}
td.editorcell.editorfocused {
  
}
td.editorcell.editorunfocused {
  max-width: 150px;
}

table.fieldblocklvl2 td {
  vertical-align: top;
  padding-right: 20px;
}
div.splashok , div.editmodew{
  background-color: rgba(10,210,10, 0.6);
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  font-style: normal;
  color: #FFFFFF;
  text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  display: none;
  padding: 8px;
}
div.editmodew {
  background-color: rgba(255,0,0, 0.6);
  position: fixed;
  height: 30px;
}
a.editmodestop {
  position: absolute;
  top: 11px;
  right: 50px;
  color: #fff;
  background: rgba(255,255,255,0.2);
  padding: 8px;
}
span#editmodemsg {
  position: relative;
  top: 7px;
}
div.waitingnote {
  position: absolute;
  z-index: 9999;
  background-color: #333;
  min-width: 400px;
  min-height: 200px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 22px;
  font-style: normal;
  color: #ddd;
  text-align: center;
  padding: 30px;
}
.orderslistcontent {
  filter: none;
}
.notready {
filter: alpha(opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: .5;opacity:0.5;
}
.order_header {
  display: block; 
  min-height: 60px; 
  width: 800px;
  background-color: rgba(255,255,255,0.2);
}
div.order_actions.printable {
  display: none;
}
.order_header div.col1 {
  width: 50%;
  float: left;
  font: normal normal 20px/22px 'Bree Serif', serif !important;
  color: #000;
}
.order_header div.col1 table.tbl {
  position:relative;
  top: -5px;
}
.order_header div.col1 table.tbl td {
  padding: 0px 5px;
}
.order_header span.normal.flag {
  display: block;
}
.order_header span.normal.flag.first {
  margin: 10px 0px 0px 0px;
}
.order_header span.hdrlbl {
  font: normal normal 11px/11px Arial, sans-serif !important;
  color: #737373;
  position: relative;
 top: 7px;
}
.order_header div.col2 {
  float:left; 
  width: 49%;
  text-align: right;
}
div.clear, .order_products {
  display: block;
  clear: both;
}
.order_customerinfo {
  float: left;
  display: block;
}
div.order_shipment {
  float: left;
  display: block;
  margin: 0px 0px 0px 20px;
  max-width: 300px;	
}
div.order_notes {
  display: block;
  float: left;
  margin: 0px 0px 0px 20px;
}
input.order_storageplace {
  width: 50px;
}
div.order_actions {
  clear: both;
  margin: 0px 0px 0px 0px;
  padding-top:20px;
}
div.order_actions.toka {
  padding-top:00px;

}
span.arkistonote {
  font-size: 30px;
  color: #bb6666;
  display: block;
  text-align: center;
}
div.order_footer {
  clear: both;
}
textarea.order_notes {
  min-width: 200px;
  min-height: 120px;
  width: 400px;
  height: 170px;
}
div.flagstext {
  width: 400px;
  word-break: break-word;
}



/*               */
/* Leftbar       */
/*               */
#leftbar_contentunder {
  margin-left: 270px; /* To get space for leftbar */
}
div#leftbar {
    width: 233px;
    position: absolute;
    overflow: auto;
    /* border: 4px solid #fff; */
    background-color: rgba(244, 244, 244, 0.73);
    /* border-radius: 9px; */
    box-shadow: 4px 4px 0px rgb(244,244,244);
    padding: 10px;
}
.leftbar_container {
  padding: 3px 0px 5px 5px;
  font: normal normal 14px/14px  Arial, Helvetica, sans-serif;
  color: #272727;


}
.leftbar_sectionheader {
  background-color: #fff;
  color: #00abed;
  font: normal normal 14px/20px 'Exo 2', serif;
}
.leftbar_sectionheader td.tdc1 {
  padding: 2px 5px;
}
.btn_panel_close {
 width: 15px;
 height: 15px;
 background-color: #FFF;
 background-image: url('/img/ui/panel_close.gif');

}
.btn_panel_open {
 width: 15px;y
 height: 15px;
 background-color: #FFF;
 background-image: url('/img/ui/panel_open.gif');

}
div.panel1 {
  background: rgba(255,255,255,.7);
  padding: 15px;
  font: normal normal 14px/16px Arial, Helvetica, sans-serif;

}
div.panel-left {
  width: 46%;
  display: inline-block;
  vertical-align: top;
}
div.panel-right {
  width: 46%;
  display: inline-block;
  vertical-align: top;
}
button.catsave {
  margin-left: 15px;
}
span.catrow {
  display: block;
  margin: 5px 5px 5px 0;
}

div.modalpanelsw {
  width: 100%;
  position: relative;
}
div.modalpanel {
  position: relative;
}
div.modalpanel.active {
  display: block;
}
div.modalpanel.hidden {
  display: none;
}

/*                   */
/* Orders searchform */
/*                   */
.searchform_multitipleselect, .searchform_textfield {
  width: 200px;
  font-weight: normal;
  font-size: 13px;
}
.searchform_item_header {
  font-weight: normal;
  margin: 0px 0px 2px 0px;
  width: 200px;
  overflow: hidden;
}
input.searchform_item_input {
  height: 15px;
  margin: 1px;
}
select.searchform_item_input {

}
.searchform_item_selection_text {
  width: 200px;
  color: #ccc;
}
.searchform_scrollable {
}
.searchform_spacer {
  height: 5px;
  width: 100px;
}
.multipleselect_controls {

}

/*                 */
/* ORDER           */
/*                 */
input.order_customer_field {
  margin: 3px;
}
input.adminbtn {
  background-color: #ddd;

}
input.adminbtn.selected {
  background-color: rgb(51, 255, 51);
}

/*                 */
/* Foo form        */
/*                 */
input.fooformfield {
  background-color: #EFE;
  border: 2px solid #ccc;
}
.fooformfield.baddata {
  border: 2px solid #d33;
}

/*                 */
/* DIALOG          */
/*                 */
div.dialogtmp {
  min-height: 100px;
  overflow: hidden;
}
div#dialogerror {
  color: #d33 !important;
}
.admin_dialognormal {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-style: normal;
  color: #333;
}

/* ADMIN productlist */
div#salesdataw {
  min-height: 200px;
}
input#product_sales_history_refsalesdates_actual {
  position: absolute;
  top: 40px;
  right: 19px;
}
span.salescount {
  font-size: 18px;
  font-weight: bold;
}


/*                 */
/* List chooser    */
/*                 */
a.listchooser {
  min-height: 16px;
  font: normal normal 14px/16px Arial, Helvetica, sans-serif;
  color: #ddd;
  border: 2px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  width: 90%;
  padding: 5px;
  margin: 2px 2px 5px 2px;
  display: block;
  cursor: pointer;
}
a.listchooser.viewonly {
  font: normal normal 12px/14px Arial, Helvetica, sans-serif;
  color: #292929;
  border: 0px;
}
a.listchooser.inline {
  display: inline-block;
  width: auto;
}
a.listchooser:hover {
  border-color: #F00;
  color: #F00;
}
a.listchooser.viewonly:hover {
  color: #292929;

}
a.listchooser.selectedopt {
  border-width: 2px;
  background-color: #ddd;
  border-color: #BDBDBD;
}
/*                     */
/* REGUSER             */
/*                     */
table.reguseraccotx td {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  font-style: normal;
  color: #555;
}
span.ptag, a.ptag, span.cattag, button.listfltropt, button.listact {
  display: inline-block;
  background-color: #ddd;
  border-radius: 5px;
  color: #444;
  font: normal normal 12px/20px Arial,sans-serif;
  padding: 6px 6px;
  cursor: pointer;
  margin: 3px 5px 5px 0px;
  min-width: 54px;
  text-align: center;
  border: 0;
}

span.cattag {
  padding: 0 6px;
}
button.listfltropt, button.listact {
  padding: 2px 6px;
}
span.ptag.tselected, a.ptag.tselected, button.listfltropt.fselected {
  background-color: #aaa !important;
  color: #000;
}
button.listfltropt:hover {
  text-decoration: underline;
}
a.ptag.tpicked {
  background-color: #Faa !important;
  color: #fff;
}
a.ptag input {
  width: 90%;
  min-width: 81px;
}
span.tag_gid_hdr {
  display: block; 
}
h2 {
 display: block;
  height: 30px;
  font: normal normal 26px/26px 'Exo 2', serif !important;
  color: #00abed;
  padding: 7px 0px 0px 7px;
  margin: 16px 0px 3px 4px;
  text-shadow: 2px 2px 0px rgba(255,255,255,0.2);
}

h2.order,
h2.small {
  font: normal normal 16px/16px 'Bree Serif', serif !important;
  margin: 0px 0px 5px 0px; 
  padding: 0px;
  height: 18px;
  text-shadow: none;
}
h2.order.mid {
  margin-top: 20px;
}
div.masterblock {
    background-color: #fff;
    padding: 20px;
    box-shadow: 7px 7px 0px rgba(40,40,40,0.1);
    border-radius: 0;
    margin-right: 10px;
    font: normal normal 14px/16px Arial, Helvetica, sans-serif;
    color: #666;
}
div.masterblock.hidden {
  display: none;
}
div.masterblock.printable,
div.masterblock.nobg
{
  box-shadow: none !important;
  background: none;
}
div.masterblock.archiveorder {
   border: 8px solid #bb6666;
}

div.masterblock.last {
  margin-top: 20px;
  margin-bottom: 50px;
}
div.masterblock.pnavi,
table.masterblock.kauppanavi
{
  padding: 5px;
    margin: 0px;
    border-radius: 0px;
    box-shadow: none;
     background-color: transparent;
    left: -6px;
    position: relative;
}
div.masterblock.login {
  width: 500px;
  padding: 30px;
}
div.masterblock.mobileui {
  width: auto;
  margin: 0px;
}
div.masterblock.order {
  margin: 0px 40px 30px 0px;
}
table.masterblock.kauppanavi {
  width: 160px;
  background-color: rgba(255,255,255,1);

}
select#mobnavi {
    font-size: 16px;
    margin: 5px;
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 999;
    padding: 4px;
}

.uploadercntrlbtn {
  padding: 5px 10px;
  background-color: #ddd;
}
.uploadercntrlbtn.start {
  background: #4baf53;
  color: #fff;
}

/*                 */
/* Featexpand      */
/*                 */
.featexpand.hidd {
  display: none;
}
div.fieldblock {
  margin: 20px 0;
}


img.editprodhdr {
  width: 150px;
  height: 150px;
}


a.mwand{
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #666 !important;
  padding: 0;
  overflow: hidden;
  background: none;
  cursor: pointer;
}
a.mwand img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
a.mwand.done {
  opacity: 0.6;
}




/*                 */
/* FOrmfields      */
/*                 */
div.formfieldw.mobcompact {
  display: inline-block;
  vertical-align: top;
  position: relative;
  max-width: 210px;
}
a.smartchooser.icon {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    max-height: 41px;
    background: rgb(220, 220, 220);
    display: block;
    font: normal normal 12px/40px Arial;
    padding: 0px 5px;
}
.formfield_label         {
  color: #333;
  font: normal normal 14px/14px  Arial, Helvetica, sans-serif;
  vertical-align: top;
}
.formfield_field.mobileui {
  font: normal normal 16px/30px arial;
  border: 2px solid #ccc;
  padding: 4px;
  margin: 0px 0px 3px 0px;
}
.formfield_field.mobileui.small {
  font: normal normal 14px/20px  Arial, Helvetica, sans-serif;
}
.formfield_field.short {
  width: 50px;
}

.formfield.err {
  border: 1px solid #F00;
}
.formfield_label.err {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #f00;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.formfield_help         {
  color: #3a89a7;
  font: italic normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
}


.colheader {
  font: normal normal 14px/14px Arial, Helvetica, sans-serif;
  color: #000;
}
.colheader.manda {
  font-weight: bold;
}
A.colheader {
  font: normal normal 14px/14px Arial, Helvetica, sans-serif;
  color: #136fd2;
}
A:hover.colheader {
  text-decoration: underline;
}
div.charcounterw {
  display: inline-block;
  margin: 0 0 0px 4px;
  position: relative;
  top: -1px;
}
div.charcounterw span.charcount {
 font: normal normal 14px/14px Arial, Helvetica, sans-serif;
}
div.charcounterw span.charcount.warn {
  font-weight: bold;
  color: #e70000;
}

table.actions {
}
table.actions.orderslist {
  position: relative;
  left: 300px;
}
table.actions td {
  padding: 3px 10px;
  background-color: rgba(255,255,255,0.7);
}
table.actions a {
  color: #f36c36;
  text-shadow: none;
}


table.admin_prodlisttable {
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0;
}
table.admin_prodlisttable td {
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
}
table.admin_prodlisttable tr.rt2 td {
  background-color: #eee;
}
table.admin_prodlisttable tr.rt_b_1 td
,table.admin_prodlisttable tr.rt_b_2 td
{
  padding: 15px 3px;
}
table.admin_prodlisttable td.kakkosrivi {
  vertical-align: top;
}
table.admin_prodlisttable tr.rt_b_spacer td {
border-bottom: 1px solid #ddd;
    padding-bottom: 0;
    padding-top: 0;
    height: 1px;
}
table.admin_prodlisttable span.lbl {
  display: block;
}
table.admin_prodlisttable img.whimg {
  height: 100px;
  margin-right: 15px;
}
input.productlist.hyllypaikka {
  width: 60px;
}
input.productlist.varsaldo {
  width: 40px;
}
div.whtumbw {
  width: 55px;
  height: 55px;
  position: absolute;
  right: 0px;
  top: 0px;
}
div.whtumbw img {
 width: 100%;
}

table.admin_prodlisttable table.whdata {
  position: relative;
  top: -50px;
}
table.subtable.dates1 {
  position: relative;
  top: -50px;

}

a.ajaxcall_triggerbtn {
  position: relative;
}
.masterblock input ,
.dialogcontent input,
.dialogcontent select
,input.default1
{
  border: 2px solid rgb(107, 119, 138);
  padding: 5px 10px;
}
input.default1.fullw {
  width: 100%;
}
input.default1.hidden {
  display: none;
}
.dialogcontent input.error {
    border: 2px solid rgb(207, 19, 13);
}

input.submitbtn,
button.submitbtn,
a.ajaxcall_triggerbtn
{
  transition: all 0.4s ease;

  font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF !important;
    padding: 9px 15px;
    text-shadow: 2px 2px 1px #595959;
    filter: dropshadow(color=#595959, offx=1, offy=1);
    text-decoration: none;

border: solid 1px #3b7200;
background-color: #88c72a;
background: -moz-linear-gradient(top, #88c72a 0%, #709e0e 100%);
background: -webkit-linear-gradient(top, #88c72a 0%, #709e0e 100%);
background: -o-linear-gradient(top, #88c72a 0%, #709e0e 100%);
background: -ms-linear-gradient(top, #88c72a 0% ,#709e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#709e0e', endColorstr='#709e0e',GradientType=0 );
background: linear-gradient(top, #88c72a 0% ,#709e0e 100%);
-webkit-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
-moz-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
 border-radius: 5px;
}
button.submitbtn:hover {
  cursor: pointer;
}
button.submitbtn.disabled,
button.submitbtn:disabled
{
  opacity: .2;
  color: #000;
}

input.submitbtn.compact,
input.submitbtn.small,
button.submitbtn.compact,
button.submitbtn.small
 {
  font-size: 13px;
  padding: 4px 8px;
}
input.submitbtn:hover,
button.submitbtn:hover,
a.ajaxcall_triggerbtn:hover

 {
background-color: #7fb52f;
    background: -moz-linear-gradient(top, #7fb52f 0%, #67910b 100%);
    background: -webkit-linear-gradient(top, #7fb52f 0%, #67910b 100%);
    background: -o-linear-gradient(top, #7fb52f 0%, #67910b 100%);
    background: -ms-linear-gradient(top, #7fb52f 0% ,#67910b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67910b', endColorstr='#67910b',GradientType=0 );
    background: linear-gradient(top, #7fb52f 0% ,#67910b 100%);
}

input.submitbtn:active,
button.submitbtn:active,
a.ajaxcall_triggerbtn:active
 {
 background-color: #638f22;
    background: -moz-linear-gradient(top, #638f22 0%, #486608 100%);
    background: -webkit-linear-gradient(top, #638f22 0%, #486608 100%);
    background: -o-linear-gradient(top, #638f22 0%, #486608 100%);
    background: -ms-linear-gradient(top, #638f22 0% ,#486608 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486608', endColorstr='#486608',GradientType=0 );
    background: linear-gradient(top, #638f22 0% ,#486608 100%);
}

input.submitbtn.cancel,
button.submitbtn.cancel,
a.ajaxcall_triggerbtn.cancel

{

   border: solid 1px #720000;
    background-color: #c72a2a;
    background: -moz-linear-gradient(top, #c72a2a 0%, #9e0e0e 100%);
    background: -webkit-linear-gradient(top, #c72a2a 0%, #9e0e0e 100%);
    background: -o-linear-gradient(top, #c72a2a 0%, #9e0e0e 100%);
    background: -ms-linear-gradient(top, #c72a2a 0% ,#9e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0e0e', endColorstr='#9e0e0e',GradientType=0 );
    background: linear-gradient(top, #c72a2a 0% ,#9e0e0e 100%);
    -webkit-box-shadow: 0px 0px 1px #FF3300, inset 0px 0px 1px #FFFFFF;
    -moz-box-shadow: 0px 0px 1px #FF3300, inset 0px 0px 1px #FFFFFF;
    box-shadow: 0px 0px 1px #FF3300, inset 0px 0px 1px #FFFFFF;

}
input.submitbtn.cancel:hover,
button.submitbtn.cancel:hover,
a.ajaxcall_triggerbtn.cancel:hover
 {
    background-color: #b52f2f;
    background: -moz-linear-gradient(top, #b52f2f 0%, #910b0b 100%);
    background: -webkit-linear-gradient(top, #b52f2f 0%, #910b0b 100%);
    background: -o-linear-gradient(top, #b52f2f 0%, #910b0b 100%);
    background: -ms-linear-gradient(top, #b52f2f 0% ,#910b0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#910b0b', endColorstr='#910b0b',GradientType=0 );
    background: linear-gradient(top, #b52f2f 0% ,#910b0b 100%);
  cursor: pointer;
}
input.submitbtn.cancel:active {
}


.submitbtn.unsaved {
  animation: greenPulse 1.8s ease-in-out infinite;
}

@keyframes greenPulse {
  0% {
    box-shadow:
      0 0 1px #66FF00,
      inset 0 0 1px #FFFFFF;
  }
  50% {
    box-shadow:
      0 0 8px rgba(102, 255, 0, 0.9),
      0 0 16px rgba(102, 255, 0, 0.6),
      inset 0 0 1px #FFFFFF;
  }
  100% {
    box-shadow:
      0 0 1px #66FF00,
      inset 0 0 1px #FFFFFF;
  }
}

.submitbtn.saved {
  animation: savedFlash 0.6s ease;
  position: relative;
  padding-right: 40px;
}

/* Checkmark */
.submitbtn.saved::after {
  content: "";
  position: absolute;

  right: 14px;
  top: 50%;
  width: 10px;
  height: 6px;

  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;

  transform: translateY(-50%) rotate(-45deg) scale(0.5);
  opacity: 0;

  animation: checkIn 0.35s ease forwards;
}
@keyframes checkIn {
  0% { opacity: 0; transform: translateY(-50%) rotate(-45deg) scale(0.3); }
  100% { opacity: 1; transform: translateY(-50%) rotate(-45deg) scale(1); }
}

@keyframes savedFlash {
  0% { box-shadow: 0 0 0 rgba(0,0,0,0); }
  50% { box-shadow: 0 0 12px rgba(0, 255, 0, 0.8); }
  100% { box-shadow: 0 0 0 rgba(0,0,0,0); }
}


.submitbtn.is-dirty2 {
  background: linear-gradient(
    270deg,
    #88c72a,
    #ffd000,
    #88c72a
  );
  background-size: 400% 400%;
  animation: gradientMove 3s ease infinite;
}

@keyframes gradientMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}




a.btnlike {
  background: #ddd;
  padding: 10px 20px;
  display: inline-block;
  margin: 10px 10px 10px 0px;
}

button.toolbtn {
    font-size: 13px !important;
    color: #000000 !important;
    padding: 7px 17px;
    background: #e5c374;
    text-decoration: none;
    border: 0;
    border-radius: 36px;
    margin-left: 14px;
}
div.incontainer_btnsw {
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: right;
}
button.toolbtn.incontainer {
  display: inline-block;
  margin-top: 12px;
}
button.toolbtn:hover {
  cursor: pointer;
  2box-shadow: 10px 10px 10px rgba(0,0,0,.5);
  text-decoration: underline;
}

input.confirmdelete {
  border: 1px solid #ccc;
  padding: 3px;
}

A.expandviewarea {
  display: block;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
a.linkbtn {
    padding: 8px;
    border: 1px solid #aaa;
    display: inline-block;
    margin: 5px 5px 0 0;
    border-radius: 2px;
}
a.admintoplink {
  padding: 8px;
}
a.admintoplink.selected {
  text-decoration: underline;
}
div.pagelockw {
    padding: 20px;
    text-align: center;
    background: #a92d2d;
    font: normal normal 20px / 30px arial;
    color: #fff;
}
div.pagelockw span.locktimew {
  padding-left: 15px;
}
img.mitemw {
  border: 3px solid #ccc;
  border-radius: 6px;
  height: 150px;
  width: 150px;
}

a.phdr {
  display: block;
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  margin: 0px 0px 5px 0px;
  position: relative;
  min-height: 60px;
  overflow: hidden;
}
div.pdata {
  background: #eee;
  border-radius: 5px;
  margin: 0px 0px 10px 0px;
  padding: 20px 10px;
  position: relative;
  top: -11px;
  border: 2px solid #ccc;
  border-top: 4px solid #fff;
}
a.qtyadjust, a.btnatom {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  border: 2px solid #ccc;
  font: normal normal 22px/28px arial;
  margin: 0px 3px 0px 10px;
  text-decoration: none;
}
a.btnatom {
  width: auto;
  min-width: 28px;
  margin: 2px;
}
table.admintbl1 td {
  border: 0px;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  padding: 3px;
}
table.admintbl1 td.mdedatacol {
  max-width: 35vw;
  word-wrap: break-word;
}
table.admintbl1 td.mdedatacol div.dataw {
  max-height: 200px;
  overflow-y: auto;
}
span.ajaxloading.small {
  display: inline-block;
  background:  none;
  width: 20px;
  height: 20px;
  background-size: cover;
  position: relative;
  top: 5px;
  left: 2px;
}
span.ajaxloading.searching {
  background-image: url(/img/ui/ajax_progressbar.gif);
}
.spinnerw {
} 
.spinnerw.initial {
  display: block;
}

.spinnerw.finished {
  display: none;
}

span.pickedpid, a.pickedpid.clearlist {
  border: 1px solid #ddd;
  padding: 2px;
  display: inline-block;
  margin: 2px;
  border-radius: 3px;
}
a.pickedpid.clearlist {
  background-color: #Fdd;
}
span.pickedpid a.del,
a.delobject span.cross
{
  display: inline-block;
  width: 16px; 
  height: 16px;
  background: transparent url(/img/ui/icon/icon_del_16x16.png) no-repeat;
}
a.delobject {
  position: absolute;
  top: 5px;
  right: 5px;
}
span.qtylbl {
  font: normal normal 14px/14px Arial, sans-serif;
}
span.qtylbl.strong {
  font-weight: bold;
}
span.qtylbl.blue {
  color: #00A;
}
div.prodthumbw {
  vertical-align: top;
}
div.prodthumbsw.relprods {
  display: inline-block;
  float: none;
  min-height: 165px;
  vertical-align: top;
}
span.prodthumb {
  display: block;
  float: left;
  border-radius: 4px;
  border: 1px solid #ddd;
  text-align: center;
  position: relative;
}
span.prodthumb.removed {
  background: rgba(255,0,0,.3);
}
span.prodthumb.small1 {
  min-width: 50px;
  max-width: 70px;
  min-height: 50px;
  padding: 4px;
  margin: 0px 4px 0px 0px;
  font-size: 10px;
  padding-bottom: 28px;
}
span.prodthumb.small1 a {
  font: normal normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
}
span.prodthumb.small1 a span.pid {
  font-size: 8px;
  color: #333;
}
span.prodthumb.small1 img.thumbimg {
  width: 66px;
  height: 66px;
  margin-top: 5px;
}
span.prodthumb span.pname {
  display: block;
}
span.prodthumb span.linktype {
  position: absolute;
  top: 2px;
  left: 2px;
}
span.prodthumb span.linktype.t1 {

}
span.prodthumb button.rem {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 3px;
  cursor: pointer;
  padding: 0;
  bottom: 3px;
  right: 3px;
}

span.prodthumb button.rem::before,
span.prodthumb button.rem::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  background: #c00;
  transform-origin: center;
}

span.prodthumb button.rem::before{ transform: translate(-50%,-50%) rotate(45deg); }
span.prodthumb button.rem::after { transform: translate(-50%,-50%) rotate(-45deg); }

span.prodthumb button.rem:hover{ border-color:#999; }
span.prodthumb button.rem:focus-visible{ outline: 2px solid #000; outline-offset: 2px; }




span.poistuvamark {
  display: block;
  text-align:center;
  font-weight: bold;
}
span.prodthumb a.actlink {
  background: #fff;
  border-bottom: 1px solid #ff8813;
  font: normal normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
  color: #b8751a;
  padding: 2px 3px;
  display: block;
  width: min-content;
  margin: 5px auto;
}

div#simspickeroptsw {
  padding: 4px 10px;
  margin: 10px 0;
}
div#simspickeroptsw input#simspid {
  width: 90px;
  font: normal normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
  margin-left: 15px;
}

span.prodthumb a.actlink.awssims,
a.picktrigger.awssims
 {
    width: 16px;
    height: 16px;
    background: url(/img/ui/bulb.png);
    background-size: cover;
    border: 0;
    position: absolute;
    bottom: 2px;
    left: 2px;
}
a.picktrigger.awssims {
  position: relative;
  display: inline-block;
  top: 6px;
  left: 2px;
  width: 24px;
  height: 24px;

}
span.prodthumb a.pickbtn,
span.prodthumb a.rembtn,
div.favbox a.rembtn,
div.favbox a.editbtn

{
  border-radius: 10px;
  background: #666;
  font: normal normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  padding: 4px 10px;
  display: block;
  width: min-content;
  margin: auto;
  position: absolute;
  bottom: 7px;
  right: 5px;
}
div.favbox a.editbtn
{
 position: absolute;
 bottom: 7px;
 left: 5px;
 right: auto;

}
span.prodthumb a.rembtn,
div.favbox a.rembtn
 {
  background: #d77b7b;
}
div.favbox a.editbtn
{
  background: #ccc;

}
span.prodthumb a.pickbtn:hover,
span.prodthumb a.rembtn:hover,
div.favbox a.rembtn:hover,
div.favbox a.editbtn:hover
{
  cursor: pointer;
}


/*              */
/*  CAT CHOOSER */
/*              */
div#selcatsmgw {
  width: 200px;
  min-height: 50px;
  border: 1px solid #aaa;
}
div#selcatsmgw span.selcat {
  display: block;
  margin: 5px 0;
}
div.tree_topactionw {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 999;
}
div.rootsw.misc {
  margin: 40px 0px;
}
span.tree_act {
  display: inline-block;
  margin: 4px;
  padding: 4px 10px;
  background: #ddd;
}
span.tree_act:hover {
  background-color: #eee;
  cursor: pointer;
}
span.tree_act.selectiondone {
  background: #87cc77;
}
span.cattree.cat.humanname {
display: inline-block;
    margin: 4px;
    padding: 4px 10px;
    border: 2px solid #cccccc;
    font-size: 12px;
    color: #ff8900;
}


div.ctree_branch.hidden {
  display: none;
}
div.ctree_branch.lvl-0 {
  margin: 7px 0px 0px 0px;
}
span.catname:hover {
  text-decoration: underline;
  cursor: pointer;
}
div.ctree_branch.lvl-0 span.catname {
  font: normal bold 18px/16px Arial, Helvetica, sans-serif;
}
div.ctree_branch.lvl-1 span.catname {
  font: normal normal 16px/14px Arial, Helvetica, sans-serif;
}
div.ctree_branch.lvl-2 span.catname {
  font: normal normal 14px/14px Arial, Helvetica, sans-serif;
}
div.ctree_branch span.catname.selected {
  font-weight: bold;
  color: #ff8900;
}
div.ctree_branch span.catselector {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #5d5d5d;
    position: relative;
    top: 2px;
    left: -7px;
}
.ctreeblockhdrw.dyncat  span.catselector {
   border: 2px solid #ddd;
}
div.ctree_branch span.catselector.selected {
    border-color: #c9c9c9;
    background: #ff8900;
}
div.ctree_branch span.catselector:hover {
  border-color: #444;
  background: #ddd;
}

div.ctree_branch  span.catselector.arrow {
    border: 0px;
    background: #fff url(/img/ui/cattree_chooser_opencat.png);
    display: inline-block;
    width: 23px;
    height: 20px;
    position: relative;
    top: 3px;
    cursor: pointer;
}
div.ctree_branch  span.catselector.arrow:hover {
    background: #fff url(/img/ui/cattree_chooser_opencat_hover.png);

}

span.cbranch_ctrl {
  display: inline-block;
  width: 23px;
  height: 23px;
    position: relative;
    left: 14px;
}
span.cbranch_ctrl.openall {
  background: #fff url(/img/ui/cattree_chooser_openbranch_all.png);
}
span.cbranch_ctrl.lvl1 {
  background: #fff url(/img/ui/cattree_chooser_openbranch_l1.png);
}
span.cbranch_ctrl.lvl2 {
  background: #fff url(/img/ui/cattree_chooser_openbranch_l2.png);
}
span.cbranch_ctrl:hover
,span.catselector.arrow:hover
,div.quickflagsw button:hover
{
  cursor: pointer;
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
}






div.ctree_branch div.subcatsw {
  margin: 0px 0px 0px 15px;
}
div.ctree_branch div.subcatsw.hidden {
  display: none;
}

td.editorcell.product_desc_1 {
  width: 25%;
  padding-right: 40px;
}
td.editorcell.product_desc_2 {
  width: 73%;
  margin-left: 2%;
}
textarea#product_metadesc1 {
  width: 80%;
  min-height: 104px;
}


/* Admin datatable for prod sales sats */
table.psales {
  font: normal normal 14px/16px arial, sans-serif;
  color: #555;
}
table.psales td {
  position: relative;
    padding: 6px 9px 5px 32px;
  text-align: right;
}
table.psales tr.thdr {
  font-weight: bold;
}
table.psales tr.summa {
  color: #000;
  font-weight: bold;
}
table.psales tr.t1 td {
  background: #eee;
}
table.psales span.saldodiff {
    font-size: 10px;
    position: absolute;
    color: #666;
    top: 7px;
    right: 51px;  
}
div#commentlistwrapper h2 {
  color: #000;
  font: normal bold 12px/12px arial, sans-serif !important;
  margin: 0px;
  padding: 0px;
  text-shadow: none;
}

div.stepsw {
  padding: 10px;
  border: 0px solid;
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%
}
div.mptoplinks {
  padding: 0 23px;
}
a.toplink {
  background: #5c6a87;
  padding: 6px 15px;
  color: #fff;
  box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
}
a.toplink:hover {
  cursor: pointer;
  transform: scale(1.03);
   -ms-transform: scale(1.03);
   -webkit-transform: scale(1.03);
   -o-transform: scale(1.03);
   -moz-transform: scale(1.03);

}
a.mdetag {
  padding: 4px 10px;
  background: rgba(21, 21, 21, 0.2);
  margin: 5px;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
}
a.mdetag.selected {
  color: #fc9156;
  background: #ffffffab;
}
a.addnewmde ,
a.intramsgs.showmoreitems
{
  background: #eee;
  padding: 5px;
}
a.intramsgs.showmoreitems {
  display: block;
    width: 40%;
    text-align: center;
    /* margin: 0 auto; */
    margin-left: 15px;
}
a.intramsgs.showmoreitems:hover,
span.editmde {
  cursor:pointer;
}

table.admintbl1 {
  width: 93%;
}
tr.intramsgrow td {
  border: 0 !important;
  padding: 5px;
}
tr.intramsgrow {
  padding: 15px;
}
tr.intramsgrow.hidden {
  display: none;
}
div.intramsgw {

  position: relative;
  padding-top: 2px;
  display: block;
  background: rgba(255,255,255,0.8);
  padding: 10px 15px;
  min-width: 250px;
  width: 100%;
}
a.intramsgw:hover {
  text-decoration: none;
  transform: scale(1.03);
   -ms-transform: scale(1.03);
   -webkit-transform: scale(1.03);
   -o-transform: scale(1.03);
   -moz-transform: scale(1.03);

}
a.intramsg_readmore {
    background: #ddd;
    padding: 4px 10px;
    margin-top: 5px;
    display: block;
    width: 10%;
    text-align: center;
}
a.intramsg_readmore:hover {
  cursor: pointer;

}
div.intramsgw span.editmde {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font: normal normal 11px/13px arial,sans-serif;
}
span.intramsg_date{
  font: normal normal 14px/22px arial,sans-serif;
    color: #444;
    2text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
    display: block;
    position: absolute;
    top: 4px;
    left: 13px;
}
span.intramsg_hdr {
    display: block;
    color: #ff723b;
    font: normal bold 18px/25px arial,sans-serif;
    margin-top: 12px;
}
.intramsgrow.status2 span.intramsg_hdr {
  margin-top: 35px;
  color: #39ca13;
}
span.readys {
    font: normal bold 14px/16px arial,san;
    position: absolute;
    top: 27px;
    color: #2c9511;
}
span.intramsg_msg {
  font: normal normal 14px/18px arial,sans-serif;
  color: #000;
  width: 94%;
  display: block;
}
span.intramsg_msg.part_b {
  display: none;
}
span.intramsg_severity {
  display: block;
  position: absolute;
  left: 0px;
  width: 4px;
  background: #ddd;
  top: 0;
  height: 100%;
}
span.intramsg_severity.sev10000 {
  background: #ff0a0a;
}

span.intramsg_severity.sevundefined {
  display: none;
}
span.inramsg_tags {
  display: block;
  margin: 4px 0px;
  position: absolute;
  top: 2px;
  right: 10px;
}
span.inramsg_tags span.msgtag,
span.adminprodlisttag 
{
  padding: 2px 11px;
    background: #adadad;
    margin: 0px 5px 0px 0px;
    font: normal normal 14px/16px arial;
    border-radius: 4px;
    color: #fff;
}
div.quickflagsw button {
  border: 0;
  background: #d5d5d5;
  border-radius: 20px;
  padding: 6px 17px;
}
div.favslistw {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
  align-items: flex-start;
}

div.favbox {
  background: #fff;
  min-height: 50px;
  padding: 8px;
  position: relative;
  max-width: 100px;
  min-width: 70px;
}
div.favbox span.name {
  display: block;
  margin: 2px 0 22px 0;
}
div.campw{
  display: block;
  float: left;
  background: #fff;
  2height: 60px;
  min-width: 100px;
  width: 86vw;
  padding: 8px;
  margin: 0 15px 10px 0;
}
div.campw span.dates {
  display: block;
  font: normal normal 14px/16px arial,sans-serif;
  position: absolute;
  right: 37px;
}
div.campw span.name {
  display: block;
  color: #ff723b;
  font: normal normal 14px/20px arial,sans-serif;
}
div.campw span.step {
  2background: #ddd;
  2padding: 4px;
  margin: 0px 4px 4px 0px;;
}

div.pcommentry {
  margin: 4px 0px;
}
div.pcommentry.hidden {
  display: none;
}
a.modalclose {
  position: absolute;
  right: 21px;
  top: 17px;
  display: block;
  font: normal bold 21px/30px arial;
  border: 2px solid;
  padding: 2px 8px;
}
div.linkrow a {
  display: block;
  padding: 5px 10px;  
  float: left;
}
div.searchitem {
  display: block;
  padding: 5px 10px;
  float: left;
}
div.searchitem span.lbl {
  display: block;
}
div.searchitem.oneperrow {
  float: none;
}

/*    PRODUCT VIDEOS */
div.videoplayerw {
   width: 400px;
   max-heiht: 300px;
   margin: 20px auto;
}
div.addvidw {
  width: 300px;
  min-height: 120px;
  float: left;
}
div.vidspecs {
}
div.vidspecs2 {
  width: calc(100% - 310px);
  float: right;
  min-height: 120px;
}
div.onevid {
  display: inline-block;
  min-height: 150px;
  border: 1px solid #ddd;
  padding: 10px;
  position: relative;
}
div.onevid span.no {
  display: block;
}
div.onevid img {
  display: block;
  max-width: 150px;
}
div.onevid span.videourl {
  display: block;

}

div.rowalert {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0px;
  top: 12px;
  color: #ff0;
}
div.rowalert:after {
  content:  '\26A0';
  color: #f00;
  font-size: 225%;
}
.rowalert.tag {
  margin: 5px;
  display: line-block;
}
table.kerailystats {
  margin-top: 30px;
}
table.kerailystats td.col {
  padding: 0 30px 0 0;
}

div.jsonpresew {
  position:relative;
  width: 610px;
  min-height: 50px;
}
div.jsonpresew.fullw {
  width: 100%;
}
textarea.jsonholder {
  display: none;
}
div.jsonpresentation {
  width: 100%;
  min-height: 70px;
  color: #000;
  background: #f3f3f3;
  padding: 10px;
  white-space: pre;
  font-family: monospace;
}
div.jsonpresentation.fullw {
 width: 100%;
}
div.jsoneditorframe {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-top: 12px;
}
div.jsoneditor {
  margin-top: 21px !important;
  margin-bottom: 10px;
}
div#jsonohjew {
  padding: 0 20px;
  max-height: 600px;
  overflow-y: auto;
}
div#jsonohjew pre {
  background: #f3f3f3;
  padding: 10px;
}
pre.json-output {
  font-family: Consolas, monospace;
  font-size: 14px;
  line-height: 1.4em;
}

.json-key     { color: #d19a66; }   /* Orange */
.json-string  { color: #98c379; }   /* Green */
.json-number  { color: #61afef; }   /* Blue */
.json-boolean { color: #c678dd; }   /* Purple */
.json-null    { color: #e06c75; }   /* Red */
.json-comment {
  color: #6a737d;        /* Soft gray */
  font-style: italic;
}
div#testdriveresw {
  margin-top: 10px;
  max-width: 600px;
}

textarea.fullw {
  width: 100%;
}

/* APPPARAMS */
div.jsoneditorwrapper {
}
div.jsoneditorwrapper.hidden {
  display: none;
}

div#jsoneditor {
}
div#editmiscde textarea.hidden {
  display: none;
}
/*  CAMPAIGNS */
textarea.jsoneditor {
  font: normal normal 14px/16px monospace !important;
  min-height: 200px;
  min-width: 500px;
}
table.campeditor td,
table.bannerblock td
{
 vertical-align: top;
}
input.campbanner_file {
  width: 320px;
}
input.campbanner_order {
  width: 100px;
}
input.campbanner_removed {
  width: 70px;
}

div.campbanner_preview {
  height: 20px;
}
div.campbanner_preview.onon {
  height: 40px;
  width: auto;
  overflow: hidden;
  max-width: 170px;
}
div.campbanner_preview.onon img {
  width: auto;
  height: 100%;	
}
div.campslistw table tr {
  margin-bottom: 33px;
}
div.campslistw table tr td {
  vertical-align: top;
}
div.camptimerow {

}
div.camptimerow.banners {
  font-size: 12px;
  color: #666;

}
div.camptimerow span.camptimestart {
}
div.camptimerow span.camptimedash {
  margin: 0 10px;
}
div.camptimerow span.camptimeend {
}
div.camptimerow.banners span.camptimelbl {
  font-size: 11px;
}
div.camptimerow.banners span.camptimestart {

}
div.campslistw table tr td.camptimemisc {
  padding-left: 20px;
}
div.campslistw span.camptimemisc {
  display: block;
  font-size: 12px;

}
textarea#creation_descprompt,
textarea#creation_descprompt2,
textarea#creation_descprompt3
 {

  min-width: 400px;
  min-height: 400px;
}
textarea#creation_descprompt2,
textarea#creation_descprompt3
{
  min-height: 80px;
}
textarea#adhocprompt {
  min-width: 400px;
  min-height: 100px;

}

div.bannergrid {
  display: grid;
  grid-template-columns: auto auto auto auto;
}
div.bannergrid div.bannerw {
  margin: 10px;
}
div.bannergrid div.bannerw img {
  width: 100%;
  height: auto;
}
textarea#category_desc {
  min-width: 1200px;
  min-height: 400px;
}
div.pg_col2w {
  padding: 0 30px;
  min-width: 400px;
}

.admin_stickyfooter {
  position: absolute;
  width: 300px;
  height: 50px;
  bottom: 0px;
  right: 0px;
  background-color: #F77643;
  padding: 5px 5px 10px 5px;
  border: 3px solid #FFAE6E;
  border-radius: 10px;
  box-shadow: -2px 0px 20px #f36c36;
}
.admin_stickyfooter.hidden {
  display: none;
}
.admin_stickyfooter a {
  color: #fff;
}
.admin_stickyfooter input#jumptoprodid {
  margin: 3px 0;
  width: 60px;
  height: 12px;
}



@media screen and (max-width:850px){

  div.toplogo.mobileui {
    top: 7px;
  } 
  body.mainarea {
    padding: 0px;
  }
  div#mainareaw {
    position: relative;
    2left: 0px;
    min-width: auto;
    top: 10px;
    width: auto;
  }
  div.masterblock {
    display: inline-block;
    margin-right: 0;
  }

  div.masterblock.login {
   padding: 15px 5px;
   width: auto;
   margin-right: 10px;
  }

  .category_header.onlyh {
    margin-left: 15px;
  }


  /* Intramsgs */
  span.category_header span.buttons {
    display: block;
  }

  /* orderslist */
  div#leftbar {
    position: relative;
    top: 0;
    height: 300px;
    width: 93%;
    border-radius: 0;
    margin-top: 19px;
  }
  table.actions.orderslist {
    position: relative;
    left: 0px;
    margin-top: 10px;
  }
  #leftbar_contentunder {
    margin-left: 10px;
  }
  div.masterblock.order {
    margin: 0px 8px 30px 0px;
    overflow: scroll;
  }
}

@media screen and (min-width:840px){
  table.admintbl1 {
    width: 100%;
  }
  tr.intramsgrow {
    padding: 15px 1%;
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin-right: 0%;
  }
  div.intramsgw {
    width: 200px;
    min-height: 234px;
  }
  a.intramsg_readmore {
    width: 70%;

  }
  div.campw {
    display: block;
    position: relative;
    float: left;
    background: #fff;
    height: 60px;
    min-width: 100px;
    max-width: 210px;
    width: auto;
    padding: 8px;
    margin: 0 15px 10px 0;
  }
  div.campw span.dates {
    right: auto;
    position: relative;
  }


}