/* the outline: none has !important... why? */
*,
*:focus {
  outline: none;
}

body.wizard .col-middle > div{
  margin-bottom: 120px;
}

body {
  margin: 0;
  font-family: "Roboto Flex", Arial, sans-serif;
  line-height: normal;
  overflow-y: scroll;
}

/* new tag */

.new {
  display: inline-block;
  position: relative;
}
.new:before {
  box-shadow: -2px 0 0 #28695F inset, 0 2px 0 #28695F inset, 0 -2px 0 #28695F inset;
  content: "";
  display: block;
  height: 100%;
  left: 100%;
  margin: -10px 2px;
  padding: 7px 5px;
  position: absolute;
  top: 0;
  width: 0;
}

.new:after {
  background: #28695F;
  border-radius: 0 2px 2px 0;
  color: #fff;
  content: "new";
  display: block;
  font: 400 13px/18px "Roboto Flex", Arial, sans-serif !important;
  left: 100%;
  margin: -10px 12px;
  padding: 7px 12px;
  position: absolute;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  text-transform: uppercase;
  top: 0;
  width: auto;
}

.new.new-left:before { 
  box-shadow: 2px 0 0 #28695F inset, 0 2px 0 #28695F inset, 0 -2px 0 #28695F inset;
  left: auto;
  right: 100%;
}

.new.new-left:after {
  border-radius: 2px 0 0 2px;
  left: auto;
  right: 100%;
}

/*  */

.browser {
  border-radius: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .075);
  margin-bottom: 15px;
}

/*  */

iframe {
  border: none;
}

hr { 
  border: 1px solid #eee; 
  border-width: 1px 0 0; 
  clear: both; 
  display: block; 
  min-height: 1px; 
  height: 1px; 
  line-height: 1px; 
  margin: 5px; 
  padding: 0; 
  z-index: 9998; 
}

hr.or {
  margin: 20px 0;
  position: relative;
}
hr.or:after {
  background: #fff;
  content: "or";
  font-size: 18px;
  height: 10px;
  left: 50%;
  line-height: 10px;
  margin: -7px -25px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

br.clearer { 
  clear: both; 
  height: 0; 
  visibility: hidden; 
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}

.list {
  font-size: 13px;
   list-style: disc outside none;
   margin-bottom: 14px;
   padding: 10px;
}
.list li {
  line-height: 20px;
  margin-bottom: 6px;
}

.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
/* possibly deprecated ============================================================== */

.popup .submit { 
  margin-bottom: 20px; 
}
.popup .submit:last-child { 
  margin-bottom: 0; 
}

/* possibly deprecated ============================================================== */

.section.overview {
  border: none;
  margin: 110px 3% 100px;
    min-width: 900px;
    position: absolute;
    top: 0;
    width: 94%;
    z-index: 10;
}
   
.section.overview h3 {
  font-family: "Roboto Flex", Arial, sans-serif;
  font-weight: 600;
}

.screenshot {
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  xxxbox-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  border:1px solid #eee;
}

.intro-spiel h3{
  font-size:1.1em;
}

.intro-spiel {
  padding:10px;
}

.intro-spiel:hover {
  background-color:#f3f3f3;
}

.pop {
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  background: #fff;
  border-radius: 220px;
  border: 5px solid #f8f8f8;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  height: 220px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 220px;
  z-index: 1;
}
.pop:before {
  background: -moz-linear-gradient(0 0, rgba(255, 255, 255, .1), rgba(0, 0, 0, .05));
    border-radius: 300px 300px 300px 300px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 3px rgba(0, 0, 0, 0.2) inset;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.pop img {
  border-radius: 300px;
  position: relative;
}
.pop img:after {
  background: red;
  display: block;
  content: "";  
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

div:hover > .pop {
  opacity: 1;
}

/* possibly deprecated ============================================================== */

/*

#bgmask  { background: #fff; left: 0; margin: 0; min-height: 100%; padding: 0; position: fixed; top: 0; width: 100%; z-index: 1000; }
* html #bgmask      { height: expression(document.body.clientHeight-0+"px"); position: absolute; }

*/

/* possibly deprecated ============================================================== */

.overflow { 
  overflow: auto;
}

.invisible { 
  visibility: hidden; 
}
.fade {
  opacity: .3;
}

.relative { 
  position: relative; 
}

.fade { 
  filter: Alpha(Opacity=30); 
  opacity: 0.3; 
}

iframe.disabled { 
  background: #eee; 
}

.strike {
  text-decoration: line-through;
}
.underline {
  text-decoration: underline;
}

.overlay {
  background-color: #FFFFFF;
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
} 
/*-------------------------------------------------
=============================CONTAINER */

#container                  {  }
.set  { 
  max-width: 1280px; 
  max-width: 1440px;
  min-width: 945px; 
  margin: 0 20px; 
  width: expression((documentElement.clientWidth <1050) ? "1050px" : eval(documentElement.clientWidth-40)+"px" ); 
}

/* secondary menu icons */


/**
 **
 **              UPDATES
 **
 **/

body { 
  background: var(--backdrop);
  color: var(--body);
  font-size: 13px;
  line-height: normal;
} 

form {
  margin: 0;
}

/*  */
p {
  color: var(--body);
  line-height: 1.25em;
}

p.spiel {
  
    margin-bottom: 32px;
}

#content > p, 
.wizard_yield_int > p, 
.col-middle > div > p {
  display: none;
  font-size: 13px;
  margin-bottom: 21px;
}
#content  > p:last-of-type {
  margin-bottom: 42px;
}

a { 
  color: var(--accent-color-100);
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  color: var(--accent-color-85);
}

a, a:visited, a:focus, a:active, a:hover,
input, input:focus, input:active, input:checked,
input[type=radio]:focus, input[type=checkbox]:focus {
  outline: 0 none;
}

a.color {
  color: var(--accent-color-100) !important;
}
/*
.ppr a, 
#store a {
  color: #2e7895;
}
*/
a.hue {
  color: #777 !important;
  text-decoration: underline;
}

ol, ul { 
  list-style: none; 
}

form { 
  margin: 0; 
  padding: 0; 
}

/*  */

hr.blank {
  margin: 0;
  border:none;
}

/*  */

.wrap {
  white-space: normal !important;
}


.prelinewrap{
  white-space: pre-line !important;
}

.nowrap {
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

.nowrap:not(td) {
  overflow: hidden;
}

.collapse {
  height: auto;
  position: static;
  overflow: hidden;
  xxxtext-overflow: ellipsis;
}

/* inputs */

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  margin: 0;
  vertical-align: middle;
  float: none;
}

.form input, .form textarea, .form select, .form .uneditable-input {
  font-size:1em;
}

/*  */

.text-mini {
  font-size: 11px;
  line-height: 13px;
}
.text-small {
  font-size: 12px;
  line-height: 14px;
}
.text-medium {
  font-size: 13px;
  font-weight: normal;
}

/* .label */

.label { 
  border-radius: 2px;
  color: #333333;
  font-weight: normal;
  padding: 7px 10px;
  font-size: 1em;
  font-weight: bold;
  display: inline-block;
  white-space: normal;
  line-height: normal;
  background: transparent;
}

.label-thin {
  padding: 1px 7px;
}

.label-wide {
  /* padding: 20px 10px 20px; */
  display: inline-block;
    margin-bottom: 10px !important;
    padding: 10px;
}

.label-empty {
  background: transparent;
}

.label h3, 
.label h4, 
.label h5 {
  margin-bottom: 0;
} 

.label-blue {
  background: #5b617b !important;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}
.label-green {
  background: #26b526 !important;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}
.label-red {
  background: #da3b2b !important;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}
.label-orange {
  background: #e68b15 !important;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}
.label-yellow {
  background: #eab11b !important;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}
.label-purple {
  background: #AC52C5 !important;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}

.label .btn {
  margin: -2px -5px 0 7px;
}

.thumbnail {
  background: rgba(255, 255, 255, .8);
  border-radius: 2px;
  padding: 2px;
}


/* related table styles */

.table tr.green td:first-child::before,
.table tr.red td:first-child::before,
.table tr.yellow td:first-child::before,
.table tr.orange td:first-child::before,
.table tr.blue td:first-child::before,
.table tr.skyblue td:first-child::before,
.table tr.purple td:first-child::before {
  background-color: transparent;
  border-radius: 2px 0 0 2px;
  content: "";
  display: inline-block;
  height: 30px;
  margin-right: -10px;
  width: 10px;
  vertical-align: middle;
  transform: translateX(-20px);
  left: 0;
  position: relative;
  text-align: left;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, -4px 3px 3px -4px rgba(0, 0, 0, .5) inset;
}

.table tr td.centered:first-child::before {
  left: -50%;
  margin-left: 3px;
}

.table tr.green td:first-child::before, 
.product.green td:first-child::before {
  background-color: #26b526;
}    

.table tr.red td:first-child::before, 
.product.red td:first-child::before {
  background-color: #da3b2b;
}

.table tr.yellow td:first-child::before,  
.product.yellow td:first-child::before {
  background-color: #e9c514;
}    
 
.table tr.orange td:first-child::before,
.product.orange td:first-child::before {
  background-color: #ed8c0c;
}  

.table tr.skyblue td:first-child::before,
.product.skyblue td:first-child::before {
  background-color: #389ec7;
}

.table tr.purple td:first-child::before,
.product.purple td:first-child::before {
  background-color: #9a83cd;
}

.table tr.blue td:first-child::before,
.product.blue td:first-child::before {
  background-color: #5b617b;
}

.table tr.red {
  background-color: #feeae6 !important;
}

.table .skyblue {
  background-color: #f0faff !important;
}

.table tr.yellow {
  background-color: #fffcdd !important;
}
 
.table tr.green {
  background-color: #e4f9e1 !important;
}
 
.table tr.orange {
  background-color: #ffeedd !important;
}

.table .purple {
  background-color: #f8f0ff !important;
}

.table tr.blue {
  background-color: #eaebf0 !important;
}
 
.table-key div {
  display: inline-block;
  width: 45%;
  margin-right:3%;
  float:left;
  height: 28px;
  line-height: 20px;
  padding: 2px 5px 2px 10px;
  margin-bottom:5px;
  margin-top:5px;
  border: 1px solid #00000012;
  border-radius: 0 2px 2px 0;
  position: relative;
}
 
.table-key div::before {
  background-color: #5b617b;
  border-radius: 2px 0 0 2px;
  content: "";
  display: block;
  height: 28px;
  margin: 0;
  position: absolute;
  width: 10px;
  left: -10px;
  top: -1px;
}

.table-key div.red::before {
  background-color: #da3b2b;
}     
.table-key div.blue::before {
  background-color: #5b617b;
}
.table-key div.skyblue::before {
  background-color: #389ec7;
}
.table-key div.yellow::before {
  background-color: #e9c514;
}    
.table-key div.orange::before {
  background-color: #e68b15;
}
.table-key div.grey::before {
  background-color: #555555;
}  
.table-key div.green::before {
  background-color: #26b526;
}  
.table-key div.purple::before {
  background-color: #9a83cd;
}

.table-key div.red {
  background-color: #feeae6;
}
 
.table-key div.blue {
  background-color: #eaebf0;
}

.table-key div.skyblue {
  background-color: #f0faff;
}

.table-key div.yellow {
  background-color: #fffcdd;
}

.table-key div.orange {
  background-color: #ffeedd;
}
 
.table-key div.green {
  background-color: #e4f9e1;
}

.table-key div.purple {
  background-color: #f8f0ff;
}
 
 
/* attached actions/menus */

table td div.attached-action-right-container,
table th div.attached-action-right-container {
  float:right;
  height: 1px;
  width:1px;  
  margin-right: -10px;
}

table th div.attached-action-right-container {
  margin-top: -5px;
}

table.table td div.attached-action-right-container {
  margin-top: -9px;
}

table.table.table-with-mixed-content td div.attached-action-right-container {
  margin-top: -9px;
}

table.table-with-attached-actions {
  width: 97%;
}

.action-cog-32 {
  cursor: pointer;
  background-image: url(/images/icons/v7/32-cog.png);
  background-size: contain;
  width: 28px;
  height: 28px;
}

.action-cog-32:hover {
  background-image: url(/images/icons/v7/32-cog-over.png);
}

.action-cog-24 {
  cursor: pointer;
  background-image: url(/images/icons/v7/24-cog.png);
  width: 24px;
  height: 24px;
}

.action-cog-24:hover {
  background-image: url(/images/icons/v7/24-cog-over.png);
}

.action-add-32 {
  cursor: pointer;
  background-image: url(/images/icons/v7/32-add.png);
  width: 32px;
  height: 32px;
}

.action-down-32 {
  cursor: pointer;
  background-image: url(/images/icons/v7/24-sort-down.png);
  width: 32px;
  height: 32px;
}

.action-up-32 {
  cursor: pointer;
  background-image: url(/images/icons/v7/24-sort-up.png);
  width: 32px;
  height: 32px;
}

.attached-action-right {
  position:absolute;  
  padding: 3px;
  border: 1px solid #dddddd;
  border-left-width: 0;
  border-radius: 0 3px 3px 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.attached-action-right:has(.action-cog-32) {
  height: 36px;
}

.attached-action-right:has(.action-cog-24) {
  height: 28px;
}

th:has(.attached-action-right), td:has(.attached-action-right) {
  position: relative !important;
}

table.table td div.attached-action-right-container .attached-action-right  {
  padding: 1px;
}

table.table.table-with-mixed-content td div.attached-action-right-container .attached-action-right  {
  padding: 0;
}

.attached-action-embedded-right {
  padding: 3px;
  border-left: 1px solid #dddddd;
  background-color: #eeeeee;
  float:right;
}

.attached-action:hover {
  background-color: #D3DEE8;
}

.attached-action-alt {
  background-color: #D3DEE8;
  border-color: #D3DEE8;
}

div.attached-menu {
  position:absolute;
  display:none;
  text-align: left;
  padding: 0px;
  z-index: 999;
  width: 330px;
  margin-top: 10px;
  background-color: #fff;
  border-radius: 4px;
  color: var(--body);
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25), 0px 0px 0px 1px #00000018;
}

div.attached-menu:before {
  border: 9px solid ;
  border-color: transparent transparent #bbb transparent;    
  top: 8px;
  background: transparent none;
  content: ".";
  display: block;
  height: 0;
  position: absolute;
  right: 7px;
  text-indent: -9999px;
  top: -18px;
  width: 0;
}

div.attached-menu:after {
  border: 8px solid;
  border-color: transparent  transparent #fff transparent;    
  top: 8px;
  background: transparent none;     
  content: ".";
  display: block;
  height: 0;
  position: absolute;
  right: 8px;
  text-indent: -9999px;
  top: -16px;
  width: 0;
}

div.attached-menu:has(li:first-child :hover)::after {
  border-color: transparent transparent #f1f1f1 transparent;
}

.dnm-attached-footer-action div.attached-menu:before {
  border: 9px solid ;
  border-color: #ddd transparent transparent transparent;    
  bottom: -18px;
  top: auto;
  background: transparent none;
  content: ".";
  display: block;
  height: 0;
  position: absolute;
  right:9px;
  text-indent: -9999px;
  width: 0;
}

.dnm-attached-footer-action div.attached-menu:after {
  border: 8px solid;
  border-color: #fff transparent  transparent transparent;    
  background: transparent none;     
  content: ".";
  display: block;
  height: 0;
  position: absolute;
  right:10px;
  text-indent: -9999px;
  bottom: -15px;
  top: auto;
  width: 0;
}

.dnm-attached-footer-action div.attached-menu:has(li:first-child :hover)::after {
  border-color: #fff transparent transparent transparent;
}

.dnm-attached-footer-action div.attached-menu:has(li:last-child :hover)::after {
  border-color: #f1f1f1 transparent transparent transparent;
}

div.attached-menu.slim {
  width: 170px;
}

.dnm-attached-footer-action div.attached-menu.slim {
  width: auto;
  text-align: center;
} 

div.attached-menu hr {
   margin: 8px;
}
div.attached-menu ul {
  margin-left: 0px;
  margin-bottom:0px;
  border-radius: 4px;
  overflow: hidden;
}

div.attached-menu h4 {
  font-weight: bold;
  margin-bottom: 0px;
  font-size: 14px;
  color: var(--body); 
  padding: 12px 15px 5px 15px;
}

div.attached-menu a {
  text-decoration: none;
  font-size: 1em;
  display: block;
  padding: 6px 12px;
}

div.attached-menu a:hover {
  background: #f1f1f1;
  color: var(--accent-color-100);
}

div.attached-menu li img {
  margin-right: 15px; 
  padding-top:6px;
  padding-bottom:6px;
}


div.attached-menu .dnm-panel-field-container , div.attached-menu .dnm-panel-field-container-field_group > div {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

div.attached-menu div.form-inline {
  padding: 1px !important; 
}

div.attached-menu .well,
div.attached-menu div.form-inline.well {
  background-color: #eeeeee; 
  padding: 0px !important;
  margin: 15px;
}

div.attached-menu .form-inline {
  float: none !important; 
}

div.attached-menu div.well div.multiple-inline-options.form-inline label input[type="radio"] {
  margin-right: 3px !important;
}  

div.attached-menu div.well div.form-inline li {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}

div.attached-menu label {
  padding: 7px 24px;
  margin: 0;
}

div.attached-menu label[for] {
  padding: 10px 0 10px 24px;
  margin: 0px 0 0px -16px;
  width: 100%;
}

div.attached-menu label.checkbox {
  padding: 7px 0 7px 10px;
  margin: 0;
  width: 100%;
  cursor: pointer;
}


.attached-action-left { 
  padding: 3px;
  border: 1px solid #dddddd;
  border-right-width: 0;
  border-radius: 3px 0px 0px 3px;
  background-color: #eeeeee;
}

.table td .attached-action-left {
  margin-right: -8px; 
}


.attached-action-container-with-inputs input {
  height: 22px;
}

.attached-action-container-with-inputs .btn {
  height: 22px;
  line-height: 22px;
}


.attached-action-container-with-inputs .attached-action {
  display: inline-block; 
}

div #decoration_pricing_menu ul li a
{
margin-left:40px;
margin-bottom:15px;
}



 
/* button styles  */

.btn {
  border-color: rgba(0, 0, 0, 0.14);
  color: #333 !important;
  font-weight: normal;
  white-space: nowrap;
  border-radius: 2px;
}

.btn-condensed {
  margin-top: 2px;
  padding: 3px;
}

.btn-condensed-x {
  padding-left: 3px;
  padding-right: 3px;
}

.btn-primary { 
  background: var(--accent-color-100);
  color: #fff !important;
}

.btn-round {
  border-radius: 30px; 
  height: 14px; 
  padding: 5px 0;  
  width: 24px;
} 

.btn-danger { 
  color: #fff !important;
}

.ppr .btn-primary, 
#store .btn-primary { 
  background: var(--accent-color-100);
}

.btn-primary[disabled]{
  background: #ccc;
}

.btn-inverse {
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .45);
}

.btn-large {
  padding: 11px 24px;
}

/* outliers */

.btn-group .label {
  display: inline-block;
}

.btn-group.nowrap {
  margin-right: 2px !important;
  overflow: visible;
}
.btn-group.nowrap .btn {
  float: none;
  margin-right: -6px !important;
}

/*  */

.dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: block;
}

/*  */
.align-center,
.align_center { 
  text-align: center !important; 
}
.align-right,
.align_right { 
  text-align: right !important; 
}
.align-left,
.align_left { 
  text-align: left !important; 
}

.valign-top {
  vertical-align: top;
}
.valign-middle {
  vertical-align: middle;
}
.valign-bottom {
  vertical-align: bottom;
}

/*  */
[class^="col-container-"] {
  clear: both;
  margin-bottom: 20px;
}
[class^="col-container-"]:after {
  clear: both; 
  content: "";
  display: inline-block;
}
.col-container-left {  }
.col-container-right {  }
.col-container-both {  }

.col-middle { 
  float: left;
  width: 100%;
}
.col-container-both > .col-middle > div { 
  margin-left: 245px;
  margin-right: 245px;
}

.col-container-left > .col-middle > div { 
  margin-left: 245px; 
}
.col-container-right > .col-middle > div { 
  margin-right: 245px; 
}

.col-middle > div.popup, .col-middle > div.ipopup {
  /* Above styles are too agressive */
  margin-left: 0;
  margin-right: 0;
}

.col-left { 
  float: left;
  margin-right: -220px;
  position: relative;
  width: 220px;
}
.col-right { 
  float: right;
  margin-left: -220px;
  width: 220px;
}

@media only screen and (max-width: 1280px), only screen and (max-device-width: 1280px) {
  
  .col-middle { 
    float: left;
    width: 100%;
  }
  .col-container-both > .col-middle > div { 
    margin-left: 230px;
    margin-right: 210px; 
  }
  
  .col-container-left > .col-middle > div { 
    margin-left: 230px; 
  }
  .col-container-right > .col-middle > div { 
    margin-right: 210px; 
  }

  .col-middle > div.popup, .col-middle > div.ipopup {
    /* Above styles are too agressive */
    margin-left: 0;
    margin-right: 0;
  }
  
  .col-left { 
    float: left;
    margin-right: -220px;
    position: relative;
    width: 220px;
  }
  .col-right { 
    float: right;
    margin-left: -195px;
    width: 195px;
  }
}

.col-6 {
  float:left;
  width: 50%;
}

.col-9 {
  float:left;
  width: 75%;
}

.row-fluid .span {
  width: auto;
}

.row-fluid [class*="span"] {
  min-height: 0;  
}

.row-fluid .dnm-panel-field-container.inline-block[class*="span"] {
  display: inline-block;
}

ul.row-fluid {
  margin: 0;
}

/**
 **
 **
 **
 **/
 
.clear {
  margin-bottom: 10px;
 }

/*  */


/**
 **
 **        header **************
 **
 **/

#header { 
  background: var(--accent-color-100);
  margin: 0;
  padding: 0; 
  
}
.ppr #header:before {
  background: rgba(255, 255, 255, .6);
  content: "";
  display: block;
  height: 10px;
  margin: -10px 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
 
#store #header {
  
}

#hub.wizard #header,
#ff.wizard #header, 
.ppr.wizard #header, 
#cat.wizard #header,
#store.wizard #header {
  margin: 0;
    padding: 6px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8;
}
.ppr #header, 
#ff.wizard #header , 
#hub.wizard #header,
.ppr.wizard #header , 
#cat.wizard #header ,
#store.wizard #header {
  
}

/* notice */

#notice_container {
  display: inline-block;
    margin: 0 0px;
    padding: 0;
    position: absolute;
    right: 0;
    /*width: 240px;*/
    z-index: 9;
}
.ppr #notice_container {
    margin: 0 -240px 0;
    position: fixed;
}

#notice_container > div { 
  background:  var(--accent-color-100);
  margin-left:10px;
    display: inline-block;
    float: right;
    padding: 2px;
    position: relative;
    text-align: left;
    white-space: nowrap;
}

#notice_container a:hover {
  text-decoration: none;  
}
#notice_container > div h4, 
#notice_container > div a p {
  display: block;
  font-size: 12px;
  line-height: 18px;
  padding: 8px 20px;
  margin: 0;
  text-align: center;
}
#notice_container > div h4 {
  color: #fff;
  font-family: "Roboto Flex", Arial, sans-serif;
  font-weight: normal;
  padding-left: 36px;
  position: relative;
  text-transform: uppercase;
}
#notice_container > div h4:before {

    content: url("/images/base/16x16/Alert%20alt%2016x16.png");
    display: inline-block;
    height: 16px;
    left: 0;
    margin: -10px 7px;
    overflow: hidden;
    padding: 2px;
    position: absolute;
    text-align: left;
    top: 50%;
    white-space: nowrap;
    width: 16px;
}

#notice_container > div a {
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  -o-transition: all .1s;
  -webkit-transition: all .1s;
    color: #fff;
   display: block;
  height: 0;
    margin: -10px 10px 10px 10px;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
#notice_container > div:hover a {
  height: 18px;
}

#notice_container #notice_block_wizard a {
  height: 18px!important;
   display: inline!important;
}

#notice_container > div  h4.resumewizard:before {
  content: url("/images/base/16x16/settings2-16x16.png")!important;
}

/* logo */      

.navbar .brand { 
  -moz-transition: width .3s;
  -ms-transition: width .3s;
  -o-transition: width .3s;
  -webkit-transition: width .3s;
  background: url(/images/admin/logo.png) 0 50% no-repeat; 
  display: block; 
  height: 25px; 
  margin: 16px 5px 20px 0; 
  padding: 0; 
  text-indent: -9999px; 
  width: 125px; 
}
.navbar img.brand {
  background: transparent none;
  height: 35px;
  margin-top: 11px;
  width: auto;
}
@media only screen and (max-width: 1180px), only screen and (max-device-width: 1180px) {
  .navbar .brand { 
    width: 25px !important; 
  }
}

.navbar .brand.site, 
.navbar .brand.brand-wizard {
  background: none repeat scroll 0 0 transparent;
  color: #fff !important;
  font: italic 500 13px/28px "Roboto Flex", Arial, sans-serif;
  text-indent: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  width: auto !important;
}

#menu { 
  float: left; 
  margin: 0 20px; margin: 0 0 0 20px;
}

#menu.right { 
  float: right; 
  margin: 0 0px; margin: 0 0 0 0px;
}

.wizard #menu { 
  float: right; 
  margin: 0;
}

#menu li { 
  float: left; 
  position: relative; 
}

#menu >  li > a, 
#menu > li.alt > a:hover { 
  color: #fff; 
  float: left; 
  font-family: "Roboto Flex", Arial, sans-serif;
  font-size:14px;
  margin: 10px 0 10px 4px; 
  padding: 10px 15px 10px 20px;
  xxxpadding: 10px 15px 10px 34px;
  position: relative; 
}

#menu.right >  li > a { 
  background: #FFCC00;  
  color: #000; 
  float: right; 
  font-family: "Roboto Flex", Arial, sans-serif;
  font-size:14px;
  margin: 10px 0 10px 4px; 
  padding: 10px 15px 10px 20px;
  xxxpadding: 10px 15px 10px 34px;
  position: relative; 
}

#menu.right >  li > a:hover { 
  background: #FFCC00;  
  color: #000; 
}

#menu li a:hover { 
  text-decoration:underline;
}

#menu > li.alt a { 
  text-decoration:underline;
}

/*  */

.ppr #menu li a, 
.ppr #menu li.alt a:hover, 
#store #menu li a, 
#store #menu li.alt a:hover { 
  
  font-family: "Roboto Flex", Arial, sans-serif;
}

.ppr #menu > li.alt a ,
#store #menu > li.alt a
{
 
}

#store #menu li a:hover, 
.ppr #menu li a:hover { 
  
}

#menu li a:before { 
  xxxbackground: url(/images/admin/icon_int.png) 0 50% no-repeat; 
  xxxbackground: url(/images/icons/itoolbar_ii/24/anthena.png) 50% 50% no-repeat;
  content: ""; 
  content: none;
  display: inline-block; 
  height: 24px; 
  left: 0; 
  line-height: 18px; 
  margin: -12px 0 0 5px; 
  position: absolute; 
  text-indent: -9999px; 
  top: 50%; 
  width: 24px; 
}
/*
#menu li:nth-child(2) a:before {
  background: url(/images/icons/itoolbar_ii/24/download_package.png) 50% 50% no-repeat;
}
#menu li:nth-child(3) a:before {
  background: url(/images/icons/itoolbar_ii/24/doc.png) 50% 50% no-repeat;
}
#menu li:nth-child(4) a:before {
  background: url(/images/icons/itoolbar_ii/24/misc.png) 50% 50% no-repeat;
}
#menu li:nth-child(5) a:before {
  background: url(/images/icons/itoolbar_ii/24/paste.png) 50% 50% no-repeat;
}
#menu li:nth-child(6) a:before {
  background: url(/images/icons/itoolbar_ii/24/project.png) 50% 50% no-repeat;
}
#menu li:nth-child(7) a:before {
  background: url(/images/icons/itoolbar_ii/24/protect_green.png) 50% 50% no-repeat;
}
#menu li:nth-child(8) a:before {
  background: url(/images/icons/itoolbar_ii/24/todo.png) 50% 50% no-repeat;
}
*/

#menu li a em {
  font-style: normal;
  padding-right: 10px;
  position: relative;
}
#menu li a em:after {
  border: 4px solid #fff;
  border-color: #fff transparent transparent;
  content: ""; 
  display: block; 
  line-height: 18px; 
  margin: -1px -2px 0 0;
  right: 0;
  overflow: hidden;
  padding: 0;
  position: absolute; 
  text-indent: -9999px; 
  top: 50%; 
  width: 0; 
}
#menu li a.alt em:after {
  border-color: #404040 transparent transparent;
}




, 
#ff.wizard #menu li a,
#hub.wizard #menu li a,
.ppr.wizard #menu li a, 
#store.wizard #menu li a {
  font-size: 13px;
  font-weight: 600;
  padding: 10px 30px;
  margin-top: 8px;
  margin-bottom: 3px;
  position: relative;
  font-family: "Roboto Flex", Arial, sans-serif;
}
 {
  background: rgba(0, 0, 0, .1);
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .3) inset;
  content: none;
  display: block;
  height: 100%;
  left: 0;
  margin: -4px;
  padding: 4px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

/* submenu */

#menu li ul { 
  box-shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .15) inset;
  border-radius: 2px 0 2px 2px;
  margin: -10px 0 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 100%;
  width: 200px; 
  z-index: 19
}
#menu li ul > li { 
  float: none;
}
#menu li ul > li > a, 
#menu li ul > li > a:hover, 
#menu li.alt ul > li > a,
#menu li.alt ul > li > a:hover { 
  background: #fff !important;
  background: -moz-linear-gradient(50% 0, #fff, #edeff1) !important;
  background: -ms-linear-gradient(50% 0, #fff, #edeff1) !important;
  background: -o-linear-gradient(50% 0, #fff, #edeff1) !important;
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#edeff1)) !important;
  border-radius: 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .45) inset, 0 -1px 0 rgba(0, 0, 0, .05) inset;
  color: #404040 !important; 
  display: block; 
  float: none;
  xxxfont: italic 500 11px/14px "Roboto Flex", Arial, sans-serif; 
  margin: 0; 
  padding: 12px 10px 12px 32px; 
  position: relative; 
  text-shadow: 0 1px 0 rgba(255, 255, 255, .6); 
}

#menu li.alt ul > li.alt > a,
#menu li.alt ul > li.alt > a:hover {
  background: #5baa06; 
  background: -moz-linear-gradient(50% 0, #e5e8ea, #fff);
  background: -ms-linear-gradient(50% 0, #e5e8ea, #fff);
  background: -o-linear-gradient(50% 0, #e5e8ea, #fff);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#e5e8ea), to(#fff));
}

#menu li a.alt, 
#menu li a.alt:hover {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-radius: 3px 3px 0 0;
    box-shadow: none;
    color: #404040;
    position: relative;
    text-shadow: none;
    z-index: 20;
}

#menu li ul > li > a em, 
#menu li ul > li > a em {
  display: none;
  font: normal normal 11px/12px "Roboto Flex", Arial, sans-serif;
}

#menu li ul a:hover { 
  background: -moz-linear-gradient(50% 0, #edeff1, #fff);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#edeff1), to(#fff)); 
}
      
#menu li ul a:before { 
  /*background: url(/images/admin/icon_int.png) 0 50% no-repeat;*/ 
  content: "."; 
  display: block; 
  height: 16px; 
  left: 0; 
  margin: -8px 0 0 10px; 
  position: absolute; 
  text-indent: -9999px; 
  top: 50%; 
  width: 16px; 
}

/* bread */

#bread, 
.breadcrumb {
  border-radius: 0;
  box-shadow: none;
  background: transparent none !important;
  filter: none;
  border: none;
  display: block;  
  font-size: 11px; 
  margin: 0 0 5px;
  padding: 0;
}


#bread.breadcrumb.with-store-header {
  margin-bottom: 0px;
}

.wizard #bread {
  float: right;
  margin: 20px 0 0;
}

#bread:after { 
  clear: both; 
  content: ""; 
  display: table;
}

#bread ul, #bread ol { 
  display: inline-block; 
  height: auto !important;
  margin: 0; 
  padding: 0; 
  position: relative;
}

#bread ol { 
  display: inline-block;
  position: relative;
}

#bread ul:after {
  color: #404040; 
  content: "|";
  right: 0;
  margin: -1px 0 0 -7px;
  position: absolute;
  top: 0;
}

#bread ol li, 
#bread ul li { 
  display: block; 
  float: left; 
  font-size: 11px; 
  margin-right: 20px; 
  position: relative; 
}
 
#bread ul li:last-child {
  margin-right: 10px;
}

#bread ol li { 
  margin: 0 10px 0 0;
}

#bread ul li:before { 
  color: #83bc15; 
  content: "\00bb"; 
  display: inline-block; 
  font-size: 11px; 
  font-weight: bold; 
  line-height: 4px; 
  margin: -3px 5px 0 0; 
  position: absolute; 
  right: 100%; 
  top: 50%; 
}

.ppr #bread ul li:before, 
#store #bread ul li:before {
  color: #5C5171;
}

#bread ol li:first-child:before, 
#bread ul li:first-child:before {
  content: none
}

#content   { 
  background: transparent none; 
  margin: 0; 
  padding: 10px 0 20px; 
}

#_lpChatBtn {
  padding-left: 18px;
  position: relative;
}
#_lpChatBtn:before {
  background-image: url("/images/bootstrap/glyphicons-halflings.png");
    background-position: -120px -96px;
  content: "";
  display: inline-block;
  height: 14px;
  left: 0;
  margin: 0;
  opacity: 0.25;
  position: absolute;
  top: 0;
  width: 14px;
}
#_lpChatBtn:after {
  content: "LivePerson Support";
}
#_lpChatBtn img {
  display: none;
}
/*  */


h2 label {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
h2 label input {
  display: inherit;
}

h2 ul                { display: inline; display: inline-block; margin-left: 5px; }
h2 ul li              { display: inline; display: inline-block; }
h2 ul li a            { color: #33383b; font: 700 normal 13px "Roboto Flex", Arial, sans-serif; letter-spacing: 0; padding: 0 8px 0 4px; position: relative; text-decoration: none; }
h2 ul li a:hover        { text-decoration: underline; }
h2 ul li a:before      { content: "|"; left: 0; margin: -11px 0 0 -5px; position: absolute; top: 50%; }

h2 span {
}
h2 span:after {
  content: ": ";
}
h2 em {
  color: #777777;
    display: block;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 10px;
}
h2 span:after { 
}
h3, .popup h3 { 
  font-size: 13px; 
  font-weight: normal;  
  margin-bottom: 10px; 
  padding-bottom: 5px; 
}
h3 span { 

 
}

h3:after { 
  clear: both; 
  content: ""; 
  display: table; 
}
* html #content h3 { 
  height: 1px; 
}
* + html #content h3 { 
  min-height: 1px; 
}

h4 { 
  font-size: 14px; 
  font-weight: normal; 
  margin-bottom: 5px; 
}

label h4 {
  display: inline-block;
  margin-bottom: 6px;
}

h5 { 
  font-size: 13px; 
  font-weight: normal; 
  margin-bottom: 8px; 
}

h2, 
h3, 
h4, 
h5                  { /*color: #33383b;*/color:#000000; } 

/* heading form styles */

h2 label, 
h3 label, 
h4 label {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
h2 label input, 
h3 label input, 
h4 label input {
  display: inline;
}

/* right column */ 
 
.col-right h4 { 
  color: #727272;
  font: 14px; 
  padding: 10px 0 10px; 
   
}

.page-actions,
.page-related, 
.page-download,
.page-action-links {
  margin-bottom: 80px;
  margin-top: -8px;
  position: relative; 
}

.page-actions   { 
  
}

.page-actions .nav-list,
.page-actions ul {
  margin: 0;
  padding: 0;
}
.page-actions ul > li {  }
.page-actions ul > li > a,
.page-actions ul > li > input { 
  background: var(--accent-color-100); 
  
  
    color: #FFFFFF !important;
    display: block;
    
    line-height: 16px;
    font-weight: normal;
    margin: 0 0 0px;
    padding: 12px 30px 12px 20px; 
    position: relative;
    text-align: left;
    border-bottom:1px solid #346b99;
    
}

.page-action-links ul {
  margin: 0;  
}

.page-action-links ul li {
  padding-bottom: 7px;
  padding-left:2px;
}

.page-action-links ul > li > a {
    display: block;
    font-size: 15px;
    font-weight: normal;
    position: relative;
    text-align: left;
    text-decoration: underline;
}

.page-actions ul > li > a.disabled,
.page-actions ul > li > input.disabled { 
  background: #777777; 
}

.ppr .page-actions ul > li > a,
.ppr .page-actions ul > li > input, 
#store .page-actions ul > li > a,
#store .page-actions ul > li > input {
  background: var(--accent-color-100); 
  border-bottom:1px solid #cccccc;
  
}
.page-actions ul > li > input {
  width: 100%;
}
.page-actions a:hover, 
.page-actions ul > li > input:hover { 
  background: var(--accent-color-100);
  
}

.page-actions [class^="icon-"] ,
.page-related [class^="icon-"] {
  margin: 13px 8px;
  position: absolute;
  right: 0;
  top: 0;
}

.page-related [class^="icon-"] {
  margin: 12px 8px;
}

/*  */

.page-actions a:before { 
  /*background: url(/images/admin/icon_int.png) 0 50% no-repeat;*/ 
  content: "."; 
  display: block; 
  height: 16px; 
  left: 0; 
  margin: -8px 0 0 10px; 
  position: absolute; 
  text-indent: -9999px; 
  top: 50%; 
  width: 16px; 
}

.page-actions .btn-danger {
  background-color: #da4f49;
  border-color: #bd362f #bd362f #802420;
}
.page-actions .btn-danger:hover {
  background-color: #bd362f;
  border-color: #bd362f #bd362f #802420;
}
/*  */

.page-related {
  
}

.page-related ul { 
  border : 1px solid #cccccc;
  display: block;
  margin: 0;
  overflow: visible;
  overflow: hidden;
  padding: 0;
}
.page-related ul > li {  }
.page-related ul > li > a { 
  background: #fff; 
  
  border-top: 1px solid #ddd;
  border-top: 0 solid rgba(0, 0, 0, 0);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset;
  color: #404040 !important; 
  display: block; 
  font: 12px; 
  margin: 0; 
  padding: 12px 30px 12px 20px; 
  position: relative; 
  text-shadow: 0 1px 0 rgba(255, 255, 255, .6); 
}

.page-related ul > li:first-child, 
.page-related ul > li:first-child > a {
  border: none !important;
}

.page-related ul > li:last-child {  }
.page-related ul > li:last-child  > a { 
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;  
}

.page-actions ul > li > a em, 
.page-related ul > li > a em {
  display: none;
  font: normal normal 11px/12px "Roboto Flex", Arial, sans-serif;
}

.page-related a:hover { 
  background: -moz-linear-gradient(50% 0, #edeff1, #fff);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#edeff1), to(#fff)); 
}
      
.page-related a:before { 
  /*background: url(/images/admin/icon_int.png) 0 50% no-repeat;*/ 
  content: "."; 
  display: block; 
  height: 16px; 
  left: 0; 
  margin: -8px 0 0 10px; 
  position: absolute; 
  text-indent: -9999px; 
  top: 50%; 
  width: 16px; 
}      

.page-download {
  
}

.page-download ul { 
  margin: 0;
  padding: 0;
}

.page-download ul li { 
  margin: 0 0 7px;
}

.page-download a { 
  color: #404040;
}

/*  */

.page-settings-header {
  padding-bottom: 10px;
  padding-top: 20px;
}
.page-settings.divider {
  position: relative;
}
.page-settings.divider:after {
  border-left: 1px dashed rgba(0, 0, 0, 0.125);
  border-right: 1px dashed rgba(255, 255, 255, .7);
    content: "";
    display: block;
    margin: -60px -7.69%;
    min-height: 610px;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.page-settings > ul { 
  box-shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -1px 0 rgba(0, 0, 0, .15) inset;
  border-radius: 3px;
  margin: 0;
  max-width: 280px;
  overflow: visible;
  padding: 0;
}
.page-settings > ul:after {
  clear: both;
  content: "";
  display: table;
}

.page-settings > ul > li {  }
.page-settings > ul > li > a, 
.page-settings > a { 
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  background: #fff; 
  color: #666 !important; 
  display: block; 
  font: italic 500 11px/14px "Roboto Flex", Arial, sans-serif; 
  margin: 0; 
  padding: 12px 10px 12px 32px; 
  position: relative; 
   
}

.page-settings ul > li > a em {
  display: block;
  font: normal normal 11px/12px "Roboto Flex", Arial, sans-serif;
}

.page-settings a:hover, 
.page-settings a.alt { 
  background: #edeff1; 
}
      
.page-settings a:before { 
  /*background: url(/images/admin/icon_int.png) 0 50% no-repeat;*/ 
  content: "."; 
  display: block; 
  height: 16px; 
  left: 0; 
  margin: -8px 0 0 10px; 
  position: absolute; 
  text-indent: -9999px; 
  top: 50%; 
  width: 16px; 
}  

/*.page-settings .active a:before,
.page-settings .inactive a:before {
  background: rgba(0, 0, 0, .3);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
    color: #FFFFFF;
    content: "";
    display: block;
    font-size: 10px;
    height: 46px;
    margin: -7px -11px;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .45);
    top: 0;
    width: 46px;
    z-index: 0;
}*/

.page-settings .active a:after,
.page-settings .inactive a:after {
    background: none repeat scroll 0 0 #D71279;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    content: "active";
    display: block;
    font-size: 10px;
    line-height: 42px;
    margin: -7px -11px;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .45);
    top: 0;
    width: 42px;
    z-index: 1;
}

.page-settings .inactive a:after {
  background: #404040;
  content: "inactive";  
}

/*  */

.page-settings.a { 
  margin-bottom: 30px; 
}
.page-settings.a ul { 
  box-shadow: none;
  max-width: 100%;
}
.page-settings.a li {
  box-shadow: none !important;
  float: left;
  position: relative;
}
.page-settings.a a { 
  
    
    font-size: 13px;
    height: 120px;
    margin: 5px -5px 10px;
    padding: 20px;
    position: relative;
    text-align: center;
}

div.dashboard a{
  border : none !important;
}

.page-settings.a a img {
  display: block;
  margin: 10px auto;
  opacity: .75;
}

/* drop down (testing) */

.page-settings.a li.alt { 
  position: relative;
}
.page-settings ul li.alt:before {
  background: #fff;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  content: "";
  display: block;
  height: 100%;
  margin: -7px;
  padding: 7px;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.page-settings.a li.alt a {
  z-index: 5;  
}

.page-settings.a ul ul {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 0 3px 3px 3px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    left: 0;
    margin: -15px -5px;
    max-width: none;
    overflow: hidden;
    padding: 0 12px;
    position: absolute;
    top: 100%;
    z-index: 5;
}
.page-settings.a ul ul li {
  float: none;
  margin: 0;
  padding: 0;
}
.page-settings.a ul ul a {
  background: -moz-linear-gradient(50% 0 , #fff, #edeff1);
  border-radius: 0;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  color: var(--body);
  display: block;
  float: none;
  font: italic 500 12px/18px "Roboto Flex", Arial, sans-serif;
  height: auto;
  margin: 0 -12px;
  padding: 12px 35px;
  text-align: left;
  width: auto;
}

/* thumbnail button list (list of thumbnails that looks like buttons */
.thumbnail-button-list .thumbnail {
  text-align: center;
  background: #e9e9e9; 
  border-width: 2px;
  border-radius: 4px 4px 4px 4px;
  color: var(--body);
  display: block;
  float: none;
  font: italic 500 12px/18px "Roboto Flex", Arial, sans-serif;
  height: auto;
  padding: 12px;
  width: auto;
}

.thumbnail-button-list li {
  cursor: pointer; 
}

.thumbnail-button-list a.thumbnail:hover, 
.thumbnail-button-list a.alt,
.thumbnail-button-list div.alt { 
  background: #fff;
  
  
}

.thumbnail-button-list a.alt,
.thumbnail-button-list div.alt { 
  border-color: var(--accent-color-100);
}

.thumbnail-button-list .thumbnail label {
  font-style: none;
  font-weight:bold;
}

.thumbnail-button-list .thumb2 {
  width: 16%;
  margin-left: 0.5%;  
  margin-bottom: 5px;
}

.thumbnail-button-list .thumb2 h3 {
  line-height: 13px;
  font-size: 12px;
  margin: 0px;
}

.thumbnail-button-list .thumb2  div.thumbnail {
  padding: 2px;
}

.thumbnail-button-list .thumb3 {
  width: 22%;
  margin-left: 3%;  
}

.thumbnail-button-list .thumb4 {
  width: 30%;
  margin-left: 3%;  
}

.thumbnail-button-list .thumb6 {
  width: 47%;
  margin-left: 3%;  
}

.thumbnail-button-list .thumb12 {
  width: 94%;
  margin-left: 3%;  
}

.thumbnail-button-list h3 {
  margin: 0;
  padding: 0;
}

.thumbnail-button-list label {
  display: inline-block;
}

.thumbnail-button-list .thumbnail .left-align {
  text-align: left;
}

a .link {
  color: var(--accent-color-100);  
  cursor: pointer; 
}

a .link:hover {
  text-decoration: underline;  
}

/* Link styling for cat_list */

#cat_list a.link {
  background:var(--accent-color-100);
  color:#FFFFFF;
  padding:3px 10px;
}

/* quick start */

.quick-start {
  margin: 0 15px;
}
.quick-start ul {
  margin: 15px 0 !important;
}

.quick-start a, 
.quick-start a:hover {
  background: transparent none !important;
  box-shadow: none !important;
  filter: none !important;
  font-family: "Roboto Flex", Arial, sans-serif !important;
  color: #888;
  font-style: normal !important;
  height: 60px !important;
  line-height: 14px !important;
  padding: 0 15px 10px !important;
  position: relative;
}

.quick-start a:after {
  background: #eee;
  content: "";
  display: block;
  height: 100%;
  margin: 0 -5px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.quick-start li:nth-child(6n) a:after {
  content: none;
}

.quick-start a img {
  opacity: .65 !important;
}

.quick-start a em {
  color: #777;
  margin-top: 5px !important; 
}

/*  */

.quick-start.quick-video {
  margin-bottom: 0;
}
.quick-start.quick-video ul {
  margin: 0 !important;
  padding: 0;
}

.quick-start.quick-video a {
  height: 12px !important;
  padding: 0 15px 0 24px !important;
  text-align: left;
}
.quick-start.quick-video a:after {
  content: none;
}
.quick-start.quick-video a img {
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

.quick-start.quick-video a em {
  font-style: normal;
  text-transform: none;
}

/* specific fc settings styles */

#fc-settings > [class*="span"] > ul > li {
  margin-left: 0;
  margin-right: 1.067%;
}

#fc-settings > [class*="span"] > ul > li a {
  margin: 5px 0 10px;
}

#fc-settings > .span4 {
  margin-right: -1.9%;
  width: 33.8149%;
}

#fc-settings > .span4  [class*="span"] {
  margin-right: 1.867%;
  width: 48.1362%;
}

/*  */

.other-settings {
  padding-top: 60px;
}

.other-settings ul {
  margin: 0 0 28px;
}

.other-settings a {
  color: var(--body);
  display: block;
  font-size: 11px;
  line-height: 14px;
  padding: 7px 0;
}

.other-settings i, 
.other-settings em {
  display: none;
}

.settings-panel {
  margin-top: -30px;
}

.settings-panel .settings-item {
  padding: 2px 6px;
}

.settings-panel h4 {
  margin-top: 30px;
}

.settings-panel h4:after {
  content: "";
  display: block;
  height: 1px;
  margin-top:8px;
  width: 100%;
  background-color: #ff0000;
}

h4.settings-title-2column:after { 
  width: 130%;
}

h4.settings-title-appearence:after {
  background-color: #000;
}

h4.settings-title-configuration:after {
  background-color: #03b664;
}

h4.settings-title-commission:after {
  background-color: #b6024b;
}

h4.settings-title-designer:after {
  background-color: #018ab6;
}

h4.settings-title-products:after {
  background-color: #699d05;
}

h4.settings-title-seo:after,
h4.settings-title-marketing:after {
  background-color: #699d05;
}

h4.settings-title-admin:after {
  background-color: var(--accent-color-100);
}


h4.settings-title-processes:after {
  background-color: #000;
}

h4.settings-title-ecommerce:after {
  background-color: #b6024b;
}

h4.settings-title-products:after {
  background-color: #b403b6;
}

h4.settings-title-customer:after {
  background-color: #699d05;
}

h4.settings-title-website:after {
  background-color: var(--accent-color-100);
}

h4.settings-title-production-order:after {
  background-color: #03b664;
}


.active {
  box-shadow: 0 0 0 2px var(--accent-color-100) !important;
}
.ppr .active, 
#store .active {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 3px #0898D0 !important;
}

/*  */

.section { 
  ;
  margin: 0 0 10px; 
  margin: 0 0 30px;
  padding: 0; 
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=0, Strength=2), 
  progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=3), 
  progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=2), 
  progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=2);
}

.sections-tight {
  margin-bottom: 20px; 
}
.sections-tight .section {
  margin-bottom: 10px; 
}

.section > * {
  filter: none;
}
.section.active {
  border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 3px var(--accent-color-100) inset;
}

#store .section.active, 
.ppr .section.active {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 3px #31a3d0 inset;
}

.section.inactive {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1) inset;
}

.section.section-forward {
  position: relative;
}
.section.section-forward:after {
  content: url("/images/admin/section-forward.png");
  left: 100%; 
  margin: -120px 0 0 -30px;
  position: absolute;
  top: 50%;
}

.section .int,      
.bd_box .int { 
  background: transparent none; 
  border: none; 
  margin: 0; 
  padding: 0; 
}


.section > h2, 
.section .section-content > h2 {
  margin-top: 10px;
  
}

.section .section-head,
.section .int > form > h3,
.section > h3,
.section-content > h3,
.bd_box .int .box_head,
.bd_box .int > form > h3,
.bd_box .int > h3 { 
  margin: 0; 
  font-size:1em;
}


.section-content h4 {
  font-weight:bold;
}

.section-head:after, 
.box_head:after {
  clear: both; 
  content: "";
  display: table;
}

.section > h3,
.section-content > h3,
.section > form > h3,
.section .section-head h3,
.bd_box .int > h3,
.bd_box .int > form > h3,
.bd_box .int .box_head h3 { 
  display: block; 
  font-size:14px;
}

.section .section-head h3,
.bd_box .int .box_head h3{ 
  box-shadow: none;
  background: transparent none;
  border: none;
  float: left; 
  margin-bottom: 0; 
  text-rendering: auto;
}

/* INLINE FORMS */

.section .section-head .form-inline {
  float: right;
  margin: 0;
  
}

.section .section-head .form-inline input[type="text"] {
  font-size: 15px;
  height: 26px;
}

.section .section-head .form-inline .btn {
  font-size: 16px;
  padding: 8px 15px;
}

/* BUTTONS */

.section-head .btn-group,
.bd_box .int .box_head .action {
  background: transparent none;
  border: none;
  float: right; 
  margin: 6px 4px 3px 0; 
  padding: 0; 
}

.section-head .btn-group .btn {
  xxxbackground: -moz-linear-gradient(50% 0 , #FFFFFF 0pt, #D6DFEA 100%) repeat scroll 0 0 transparent;
  xxxborder: 1px solid rgba(0, 0, 0, .2);
  xxxborder-radius: 4px;
  xxxbox-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
  color: #404040;
  font-size: 12px;
  margin:0 0 0 -1px;
  padding: 5px 12px;
  xxxtext-shadow: 0 1px 0 rgba(255, 255, 255, .3);
}

.dnm-db #dnm_work_area > div .section,
.dnm-db #dnm_work_area > .section,
.dnm-db .col-middle > div > form:has(> table),
.dnm-db .col-middle > div:has(> table) {
  width:100%;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #00000020;
  padding: 18px 24px 24px 24px;
  position: relative;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 1px 6px 0px rgba(0,0,0,.03);
}

#dnm_work_area > div .section h3,
#dnm_work_area > .section h3 {
  margin-top: 0;
}

.dnm-db #dnm_work_area > table {
  background-color: #fff;
}

.dnm-db #dnm_work_area .section-content ul li,
.dnm-db #dnm_work_area .section-content ul.inline-block li:first-child {
  padding-top: 10px !important;
}

.dnm-db #dnm_work_area .section-content > ul li:first-child {
  padding-top: 0;
}

.dnm-db #dnm_work_area .section-content input[type="text"] {
  height: 28px;
  line-height: 28px;
}

.dnm-db #dnm_work_area .section-content ul li label input {
  margin: 0;
}

.dnm-db #dnm_work_area .section-content ul li label input:not(:has(+ span)) {
  margin-right: 6px;
}

.input-prepend .add-on, .input-append .add-on { height:28px; }

/*  */

.section-head .nav-tabs {
  float: left;
  margin: 0 3px 0 2px;
  padding-top: 8px;
}

.section-head .nav-tabs > .active > a, 
.section-head .nav-tabs > .active > a:hover, 
.section-head .nav-tabs > .alt > a, 
.section-head .nav-tabs > .alt > a:hover {
  background: #fff !important;
  border-color: #ddd !important;
  color: #404040 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .3) !important;
}

.section-head .nav-tabs a {
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .3) !important;
}

/*  */

.section-head .nav-pills {
  float: right;
  margin: 0 4px;
  padding-top: 8px;
}

.section-head .nav-pills a {
  background: #eee;
  color: #666 !important;
  font-size: 13px;
  line-height: 18px;
  padding: 10px 12px;
}

.section-head .nav-pills [class*="icon-"]  {
  opacity: .7;
}

/*  */

.section .row,
.section .row-fluid {
  margin: 0;
  float:left;
}

.row-fluid.row-compact,
.row.row-compact {
  margin: 0 0;
  float:left;
}

.section-content {
  padding: 0px;
  position: relative;
  background:#fff;
}
.section-content.section-key {
  padding: 7px 5px;
}

.section-content.section-key .label {
  display: inline-block;
  margin: 2px 1px;
}

.embedded-in-popup .section-content.section-key {
  margin: 0px;
}

.section-content.thin-pad {
  padding: 10px 10px
}

.section-content:after {
  clear: both;
  content: "";
  display: table;
}

.section-content-nopad {
  padding: 1px 1px;
}
    
/* alts */

/*  */

.submit {
  margin-bottom: 25px;
}
.submit.submit-condensed-before {
  margin-top: -20px !important;
}
.submit.submit-space-after {
  margin-bottom: 25px !important;
}

.embedded-in-popup .submit {
  margin-top: 0px;  
}

.dnm-panel-field-container + .submit {
  margin: 0;
}

#designer-submit.submit, 
#hub.wizard .col-middle > div > .submit, 
#cat.wizard .col-middle > div > form > .submit, 
#cat.wizard .col-middle > div > .submit, 
#hub.wizard .col-middle > div > form > .submit, 
.ppr.wizard .col-middle > div > .submit, 
.ppr.wizard .col-middle > div > form > .submit, 
#ff.wizard .col-middle > div > .submit, /*  */
#ff.wizard .col-middle > div > form > .submit, 
#store.wizard .col-middle > div > .submit, 
#store.wizard .col-middle > div > form > .submit,
.sort_table_container  .submit {
  background:  #fff;
  border-top:1px solid #e1e1e1;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 20px 0;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 5;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #00000006;
}

.sort_table_container .sort_table_header {
  float: right;
}

.sort_table_container .sort_table_header label {
  padding: 3px 15px;
}

.sort_table_container.col-middle {
  margin-bottom: 120px;
}

.sort_table tr td {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  vertical-align: middle;
}

.sort_table tr td.height_50 {
  height: 50px;
}

.sort_table tr td.position div {
  cursor: pointer;
}

.sort_table th.sort {
  cursor: pointer;
  text-decoration: underline;
}

.sort_table tr.drag-highlight td{
  border-color: var(--accent-color-100) transparent transparent transparent!important;
  border-width: 5px 1px 1px 1px ;
}

.sort_table .icon-sort-top {
  background-image: url("/images/icons/v7/24-sort-top.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 29px;
  width: 40px;
  float: left;
  padding-top:3px;
}

.sort_table .icon-sort-bottom {
  background-image: url("/images/icons/v7/24-sort-bottom.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 29px;
  width: 40px;
  float: left;
  padding-top:3px;
}

.sort_table .icon-sort-up {
  background-image: url("/images/icons/v7/24-sort-up.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 29px;
  width: 40px;
  float: left;
  padding-top:3px;
}

.sort_table .icon-sort-down {
  background-image: url("/images/icons/v7/24-sort-down.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 29px;
  width: 40px;
  float: left;
  padding-top:3px;
}

.sort_table .icon-move {
  background-image: url("/images/icons/v7/24-sortdrag.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px;
  height: 30px;
  width: 30px;
  vertical-align: middle;
}

.sort_table .icon-delete {
  background-image: url(/images/om/icon_sprite.png);
  background-position: -415px -121px;
  background-repeat: no-repeat;
  height: 14px;
  width: 20px;
  margin: 0 -5px 0 2px;
}

.sort_table tr.white td:first-child:before {
  border: 1px solid #f9f9f9;
  content: "";
  height: 30px;
  width: 1px;
  position: absolute;
  margin: -1px -7px;
}
.sort_table .sort-categories-container .btn {
  margin: 0 5px 3px 0;
}

#sort_products_table tr th.code {
  width: 10%;
}

#sort_products_table tr th.name {
  width: 25%;
}

#sort_products_table tr th.brand {
  width: 15%;
}

#sort_products_table tr th.price {
  width: 50px;
}

#sort_products_table tr th.date_added {
  width: 110px;
}

#sort_products_table tr th.sorting {
  width: 160px;
}

#sort_products_table tr th.dragcol {
  width: 40px;
}

#designer-submit.submit:after, 
#hub.wizard .col-middle > div > .submit:after, 
#hub.wizard .col-middle > div > form > .submit:after,
#cat.wizard .col-middle > div > .submit:after, 
#cat.wizard .col-middle > div > form > .submit:after,
.ppr.wizard .col-middle > div > .submit:after, 
.ppr.wizard .col-middle > div > form > .submit:after,
#ff.wizard .col-middle > div > .submit:after, 
#ff.wizard .col-middle > div > form > .submit:after,
#store.wizard .col-middle > div > .submit:after, 
#store.wizard .col-middle > div > form > .submit:after{
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: 100%;
  
  
  left: 50%;
  margin-left: -630px;
  opacity: .5;
  position: absolute;
}

/*  */

.nav-tabs {
  border: none;
  margin: 0 2px;
}
.nav-tabs > li {
  margin-bottom: 0;
}
.nav-tabs > li > a {
  background: #ebecee;
  border-color: #dedfe1 #dedfe1 rgba(255, 255, 255, 0);
    border-radius: 2px 2px 0 0;
    border-style: solid;
  
    border-width: 1px 1px 0;
    color: #737F7F !important;
    margin: 0 1px 0 2px;
    padding-right: 17px;
    padding-left: 17px;
}

.nav-tabs > li > a:hover {
  box-shadow: none;
  background: #e6e6e6;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover,
.nav-tabs > .alt > a, .nav-tabs > .alt > a:hover,
.nav-tabs > li > a.alt, .nav-tabs > li > a.alt:hover,
.nav-tabs > li > a.selected, .nav-tabs > li > a.selected:hover {
  background-color: #0c93c8;
    border-color: #0c93c8 #0c93c8 rgba(255, 255, 255, 0);
    border-radius: 2px 2px 0 0;
  border-style: solid;
  box-shadow: none;
    color: #fff !important;
    cursor: default;
   
}
.section-head .nav-tabs > .active > a, .section-head .nav-tabs > .active > a:hover,
.section-head .nav-tabs > .alt > a, .section-head .nav-tabs > .alt > a:hover,
.section-head .nav-tabs > li > a.alt, .section-head .nav-tabs > li > a.alt:hover,
.section-head .nav-tabs > li > a.selected, .section-head .nav-tabs > li > a.selected:hover {
  border-color: #ddd;
}

.ppr .nav-tabs > .active > a, .ppr .nav-tabs > .active > a:hover,
.ppr .nav-tabs > .alt > a, .ppr .nav-tabs > .alt > a:hover,
.ppr .nav-tabs > li > a.alt, .ppr .nav-tabs > li > a.alt:hover,
.ppr .nav-tabs > li > a.selected, .ppr .nav-tabs > li > a.selected:hover, 

#store .nav-tabs > .active > a, #store .nav-tabs > .active > a:hover,
#store .nav-tabs > .alt > a, #store .nav-tabs > .alt > a:hover,
#store .nav-tabs > li > a.alt, #store .nav-tabs > li > a.alt:hover,
#store .nav-tabs > li > a.selected, #store .nav-tabs > li > a.selected:hover{
  background-color: var(--accent-color-100);
  border-color: var(--accent-color-100);
}

/*  */

.col-left .nav-tabs,
.sub-menu .nav-tabs { 
  border:1px solid #cccccc;
  margin: 0;
}

.col-left .nav-tabs li,
.sub-menu .nav-tabs li{ 
  float: none;
  margin: 0;
}

.col-left .nav-tabs li a,
.col-left .nav-tabs li a:hover,
.sub-menu .nav-tabs li a,
.sub-menu .nav-tabs li a:hover { 
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ddd;
  background:#fff;
  color: var(--body) !important;
  display: block;
  float: none;
  margin: 0;
  padding: 10px 15px;
  text-transform:capitalize;
  font-size:13px;
  font-weight:normal;
  font-family:"Roboto Flex", Arial, sans-serif;
}

.col-left .nav-tabs li a:hover { 
  background:rgba(22,130,226,0.2);
  
}

.col-left .nav-tabs li:last-child a,
.sub-menu .nav-tabs li:last-child a{
  border: none;  
}

.col-left .nav-tabs li.alt a,
.sub-menu .nav-tabs li.alt a{ 
  border-radius: 0;
  background:  var(--accent-color-100);
  color: #fff !important;
  margin: 0;
  position: relative;
  cursor:pointer;
}

.ppr .col-left .nav-tabs li.alt a, 
.ppr .sub-menu .nav-tabs li.alt a,
#store .col-left .nav-tabs li.alt a.
#store .sub-menu .nav-tabs li.alt a,{
  background: var(--accent-color-100);
}

/* nav pills */

/*.filter-by:before {
  content: "filter by";
  display: inline-block;
  float: left;
  margin-right: 10px;
  text-transform: uppercase;
}*/



/* header */

.section-head.tabbable {
  padding-bottom: 0;
}
.section-head.tabbable .nav-tabs {
  margin: 7px 7px 0;
  padding-bottom: 0;
}

/* table styles*/

table.table {
  border-radius: 0;
  margin: 0;
}
.table.table-condensed th {
  
}

table.table-space-below {
  margin-bottom: 7px;
}

.table th {
  text-transform:normal;
  font-weight:normal;
  color: var(--bold);
  text-transform:capitalize;
}

table th input, 
table th select {
  margin: -5px;
}

.section > table.table-bordered {
  border-width: 1px 1px 0;
}

table.table-auto {
  width: auto !important;
}

.table-bordered thead:first-child tr:first-child th:first-child, 
.table-bordered tbody:first-child tr:first-child td:first-child {
  border-radius: 0;
}
.table-bordered thead:first-child tr:first-child th:last-child, 
.table-bordered tbody:first-child tr:first-child td:last-child {
  border-radius: 0;
}

.table-bordered tr:last-child td {
  border-bottom: 1px solid #ddd;
}

.table thead th {
  line-height: 20px;
  padding: 10px 8px;
  vertical-align: top;
  font-weight: 500;
}

table.table td {
  line-height: 20px;
}

table.table tr:not(.red):not(.green):not(.blue):not(.orange):not(.skyblue):not(.purple) td:empty,
table.dnm-table tr:not(.red):not(.green):not(.blue):not(.orange):not(.skyblue):not(.purple) td:empty {
  padding: 1px 0 0 0;
}

table.table td a {
  white-space: nowrap;
}
table.table td .btn-group, 
table.table td .btn {
  display: inline-block;
  margin: -4px;
}

table.table td .btn.editor_cancel {
  margin-left: 5px;
}
table.table td .btn-group .btn {
  margin: 0;
}
table.table td .btn-group .btn:first-child {
  margin: 0 -1px 0 0;
}

table.table td br+.btn {
  margin-top: 2px;  
}

table.table th .btn {
  margin: -2px;
}

table.table td.tight,
table.table th.tight {
  padding: 7px 5px;
}

table.table .extras td {
  border-top: none;
}

/* substyles */


/* sub stuff */

table.sub tr td:first-child   { 
  text-align: center;
}

table.sub tr.sub,
table.sub tr.sub.alt {
  background: #f7f7f7;
}

table.sub tr.sub td:first-child, 
table.sub tr.sub.alt td:first-child { 
  background-image: url(/images/admin/is_child.gif); 
  background-position: 10px center; 
  background-repeat: no-repeat; 
}

table.sub tr.sub.first td { 
  padding-top: 10px; 
}

table.sub tr.sub.last td { 
  padding-bottom: 10px; 
}
table.sub tr.sub.last td:first-child { 
  background-image: url(/images/admin/last_child.gif);
  background-position: 10px center;
  background-repeat: no-repeat; 
}
table.sub tr.sub.last.alt td { }

table.sub tr.has_children td:first-child { 
  background-image: url(/images/admin/has_children.gif);
  background-position: 3px center;
  background-repeat: no-repeat; 
}
table.sub tr.has_children.alt td:first-child { 
   
}

table.sub tr.empty td { 
  background: #fff; 
  height: 10px; 
  line-height: 0; 
  padding: 0; 
}

table.sub tr.sub td.opt_name {  }

/* pagination styles */

.pagination {
  margin: 0;
  margin-bottom: 0px;
  padding: 2px;
  padding: 5px;
  height: 41px;
}

.pagination:empty {
  display: none;
}

.embedded-in-popup .pagination {
  margin-bottom: 0px;
}

.pagination > *:first-child {
  border-left: 1px solid #ddd;
}

.pagination a, 
.pagination span {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  color: #888;
  float: left;
  line-height: 34px;
  padding: 0 14px;
  text-decoration: none;
}

.pagination a {
  text-decoration: underline;
}

/* colorblock styles */

.color_block {
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset, 0 1px 2px rgba(0, 0, 0, .15);
  outline: 1px solid #00000032;
  display: inline-flex;
  flex-direction: column;
  line-height: 12px; 
  margin: 0!important;
  overflow: hidden;
  padding: 0; 
  text-align: left; 
  width: 12px;
  height: 12px;
  vertical-align: middle;
}

.color_block li {
  flex-grow: 1;
}

.dnm-table td .color_block {
  height: 16px;
  width: 16px;
  line-height: 16px;
}

.color_block.twenty {
  height: 16px;
  width: 16px;
}



/* form styles */

/* base form styles */
    
ul.form { 
  margin-left: 20px;
  margin-bottom: 10px; 
}
ul.form li { 
  display: block; 
  float: none; 
  padding-bottom: 15px; 
  text-align: left;
}

ul.form.form-condensed li {
  padding-bottom: 0;
}

ul.form li:after { 
  clear: both; 
  content: ""; 
  display: table; 
}
* html ul.form li { 
  height: 1px; 
}
* + html ul.form li { 
  min-height: 1px; 
}

ul.form.checkbox li { 
  padding-left: 20px; 
}
ul.form.checkbox label { 
  display: inline-block; 
  float: none; 
  text-align: left; 
  width: auto; 
}
* html ul.form.checkbox label { 
  display: inline; 
}
* + html ul.form.checkbox label { 
  display: inline; 
}

ul.form li label {
  font-weight: bold;
  text-align: right;
}

.label-auto {
  width: auto !important;
}

ul.form li span.inline-help {
  display: block;
  padding-left: 170px;
}

ul.form li label,
ul.form li span.value { 
  float: none; 
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-right: 20px;
  padding: 6px 0;
  width: 140px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  color: var(--body);
}

ul.form li div.text-value {
  font-size: 13px;
  line-height: 16px;
  padding: 6px 0;
}

ul.form li > .label {
  display: inline-block;
  margin-top: 6px;
}

ul.form .cke_skin_kama          { float: left; }
ul.form .float_block              { float: left; }
ul.form .float_block input          { float: left; }
ul.form .float_block>input        { margin: 2px 4px; }
ul.form .float_block span          { display: block; float: left; margin: 5px 0; }
ul.form .float_block .action        { margin: 0 10px; }

span.help                      { background: url(/images/icons/famfam/help_12.png) 100% 2px no-repeat; cursor: help; display: inline-block; padding-right: 15px; }
.radio span.help                { float: left; }

ul.form .value                  { display: block; float: left; }
ul.form .value label              { width: 80px; }

/*  */


ul.form li .radio                  { float: left; }
ul.form li .radio li                { border: 0; padding: 0 0 10px; }
ul.form li .radio li:after            { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html ul.form li .radio li            { height: 1px; }
* + html ul.form li .radio li          { min-height: 1px; }

ul.form li .radio li input            { float: left; margin: 0 5px; }
ul.form li .radio label              { float: left; font-size: 11px; font-weight: normal; width: auto; }

ul.form li .related                { 
      -moz-border-radius: 3px; 
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background: #eee; clear: both; display: block; margin: 10px 0 0 160px; padding: 10px 10px 0; position: relative; }
ul.form li ul.radio .related          { float: left; margin: 10px 0 0 -40px; }
ul.form li .related>b              { background: url(/images/admin/related.gif) 0 0 no-repeat; bottom: 100%; display: block; height: 8px; left: 42px; position: absolute; width: 15px; }
.related ul                      {  }
div.related ul li                  { padding: 3px 0; }
ul.form li .radio .related li label,
div.related ul li label              { float: left; width: 200px; }

/* wide */

ul.form-wide li label {
  width: 200px;
}

/* thin */

ul.form-thin li label {
  width: 100px;
}

/* thin */

ul.form-very-thin li label {
  width: 80px;
  margin-right: 3px;
}

/**/

.form-inline {
  margin-bottom: 10px;
  white-space: nowrap;
}

.form-inline-space {
  margin-bottom: 20px;
}

.form-inline:last-child {
  margin-bottom: 0;
}

/* form horizontal */

li.form-horizontal .control-group {
  margin-bottom: 0;
  padding: 6px 0;
}

.form-horizontal .control-label {
  width: 140px;
  font-weight:bold;  
  font-size:13px;
  float: none;
}

.form-horizontal .control-label.label-wide {
  width: 200px;
  margin-right:10px;
}

.form-horizontal .controls {
  display: inline-block;
  margin: 0;
}

.form-horizontal .control-label + .controls {
  width: calc(100% - 170px);
}

.form-horizontal .control-label.label-wide + .controls {
  width: calc(100% - 230px);
}

.form-horizontal .control-label-medium + .controls {
  width: calc(100% - 280px);
}

.form-horizontal .control-label-long + .controls {
  width: calc(100% - 380px);
}

 /*  */
.form-horizontal .controls .checkbox, 
.form-horizontal .controls .radio {
  float: none;
  margin-left: 0;
  text-align: left;
  width: auto;
  display:inline-block;
}

.form-horizontal .controls .checkbox [type="checkbox"], 
.form-horizontal .controls .radio [type="radio"] {
  margin-left: -18px;
}

/*  */
.form-search label, 
.form-inline label,
ul.form li .form-search label, 
ul.form li .form-inline label {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0;
  width: auto;
}
ul.form li .form-search label, 
ul.form li .form-inline label {
  margin-left: 15px;  
}

ul.form li .form-search label.checkbox, 
ul.form li .form-inline label.checkbox {
  margin-left: 0;
}

.form-inline label.checkbox,
.form-inline label.radio {
  cursor: pointer;
}

.form-inline label.checkbox span {
  vertical-align: middle;
}

/**/
.input-prepend, 
.input-append {
  white-space: nowrap;
  display: inline-block;
}
.input-prepend input, .input-append input, .input-prepend select, .input-append select, .input-prepend .uneditable-input, .input-append .uneditable-input {
  margin: 0;
}
.dnm-table td .input-append:only-child,
.dnm-table td .input-prepend:only-child,
.dnm-table td .attached-action-right-container + .input-append,
.dnm-table td .attached-action-right-container + .input-prepend {
  margin: 0;
  display: flex;
}

.indent { 
  margin-left: 20px; 
}

.input-tiny {
  width: 30px;
}

/* labels  */
.control-label-medium {
  width: 250px !important; 
}
.control-label-long {
  width: 350px !important; 
}


/* xx large */

.input-xxlarge {
  width: 500px;
}
@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
  .input-xxlarge {
    width: 400px;
  }
}

.input-thick {
  font-size: 15px;
  padding: 11px 4px;
}

select.input-thick, 
input[type="file"].input-thick {
  height: 42px;
}
.add-on.add-on-thick {
  font-size: 15px;
  padding: 11px 15px;
}

.input-thick.thick-text {
  font-size: 16px;
}

/* help styles */

div:not([class*="dnm-"]) > label span { 
  color: var(--body);
  vertical-align: middle;
  display: contents;
  display: inline-block;
  padding-left: 5px;
}

div:not([class*="dnm-"]) > label span b { 
  display: none;
}

.help-block, 
.help-inline {
  color: var(--body);
}

/* help div */

b.tip:after { 
  border: 5px solid #404040; 
  border-color: transparent transparent #404040 transparent; 
  bottom: 100%; 
  content: "."; 
  height: 0; 
  left: 10px; 
  position: absolute; 
  text-indent: -9999px; 
  width: 0; 
}
b.tip { 
  background: #252a2a;
  background: -moz-linear-gradient(50% 0 , #3f4848, #252a2a);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#3f4848), to(#252a2a));
  border-radius: 3px; 
  box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
  color: #fff; 
  display: none; 
  font-size: 12px;
  font-weight: normal;
  margin: 10px 0 0 -25px; 
  position: absolute; 
  text-align: left; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
  width: 240px; 
  z-index: 9999; 
}

b.tip b { 
  display: block; 
  padding: 10px; 
}
b.tip i.tail { 
  background: url(/images/new/tip_tale.gif) 0 0 no-repeat; 
  display: block; 
  height: 5px; 
  margin: -5px 0 0 20px; 
  width: 10px; 
}

/*  */

#footer { 
  xxxdisplay: none; 
  margin: 0;
}

.wizard #footer, 
.wizard #post-footer {
  display: none;
}

#footer hr {
  border-color: rgba(0, 0, 0, .075);
}
#footer hr:nth-of-type(2){
  box-shadow: 0 1px 0 rgba(0, 0, 0, .02);  
}

#footer .brand {
  background: url("/images/admin/deco_logo_footer.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    margin: 20px 10px 0 0;
    text-indent: -9999px;
    width: 118px;
}
#footer .tagline {
  color: var(--body);
  float: left;
    font-size: 11px;
    margin: 22px 0 0;
}

#footer .tagline_beta {
  background: url("/images/admin/icon-betaversion.png") no-repeat scroll 0 0 transparent;
  color: var(--body);
  float: left;
    font-size: 11px;
    margin: 15px 0 0 10px;
      text-indent: -9999px;
    width: 150px;
    height:30px;
}

#footer.navbar .nav {
  float: right;
  margin: 20px 0 17px;
}

#footer.navbar .nav > li > a,
#footer.navbar .nav > li > a:hover {
  color: var(--body);
  font-size: 11px;
  margin: 0 0 0 10px;
  padding: 0;
  text-shadow: none;
}

#footer.navbar .nav > li > a:before { 
  content: "|";
  display: inline-block;
  margin-right: 10px;
  
}

#footer.navbar .nav > li:first-child > a:before { 
  content: none;
}

/*  */

#post-footer {
  color: #888;
  font-size: 10px;
  padding: 10px 0;
  text-align: right;
}
#post-footer b {
  font-weight: normal;
}
#post-footer a {
  color: #888;
  text-decoration: underline;
}


/* scaffold */
#zenbox_tab:before {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 4px 4px;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3) inset, -1px 0 0 rgba(255, 255, 255, .4);
    content: none;
    display: block;
    height: 100%;
    left: 0;
    margin: -3px;
    padding: 3px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
#zenbox_tab:after {
  background: -moz-linear-gradient(0px 100% , rgba(0, 0, 0, 0.024), rgba(0, 0, 0, 0.3)) repeat scroll 0 0 #EA0A0A !important;
    border-radius: 4px 4px 4px 4px;
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.25) inset, 1px 0 0 rgba(0, 0, 0, 0.2) inset, -1px 0 3px rgba(0, 0, 0, 0.3);
    content: none;
    display: block;
    height: 24px;
    left: 0;
    margin: 6px;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: -1;
}
#zenbox_tab {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  background: #EA0A0A !important;
  background: -moz-linear-gradient(0 0, rgba(0, 0, 0, .025), rgba(0, 0, 0, .2)), -moz-linear-gradient(50% 100%, rgba(0, 0, 0, .0), rgba(0, 0, 0, .1)),  #EA0A0A !important;
  background: -mslinear-gradient(0 0, rgba(0, 0, 0, .025), rgba(0, 0, 0, .2)), -moz-linear-gradient(50% 100%, rgba(0, 0, 0, .0), rgba(0, 0, 0, .1)),  #EA0A0A !important;
  background: -o-linear-gradient(0 0, rgba(0, 0, 0, .025), rgba(0, 0, 0, .2)), -moz-linear-gradient(50% 100%, rgba(0, 0, 0, .0), rgba(0, 0, 0, .1)),  #EA0A0A !important;
  background: -webkit-linear-gradient(0 0, rgba(0, 0, 0, .025), rgba(0, 0, 0, .2)), -moz-linear-gradient(50% 100%, rgba(0, 0, 0, .0), rgba(0, 0, 0, .1)),  #EA0A0A !important;
    border-radius: 4px 4px 0 0;
    bottom: 50%;
    box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.4) inset, 0 -3px 3px -3px rgba(0, 0, 0, 0.6) inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    font: 600 15px/50px "Roboto Flex", Arial, sans-serif;
    margin: 0 0 55px;
    position: fixed;
    right: 0;
    text-align: center;
    text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    width: 110px;
}

#zenbox_tab:hover {
  background: -moz-linear-gradient(100% 0, rgba(0, 0, 0, .025), rgba(0, 0, 0, .2)), -moz-linear-gradient(50% 100%, rgba(0, 0, 0, .0), rgba(0, 0, 0, .1)),  #EA0A0A !important;
}

 
.ZenboxTabLeft {
  background-position: right 0;
  left: 0;  
}
.ZenboxTabRight { right: 0; background-position: left 0; }}

#zenbox_overlay { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 90000; }

#zenbox_overlay * { color:#333; font: normal normal 12px "Roboto Flex", Arial, sans-serif; margin: 0; padding: 0; }

#zenbox_container { height: 620px; margin: 0 auto; position: fixed; text-align: left; width: 638px; z-index:2; }

#zenbox_container .header { position: relative; text-align: right; width: auto; z-index: 100; }

#zenbox_close { cursor: pointer; height: 46px; position: relative; top: 10px; width: 46px; }

#zenbox_body { height: 900px; margin-top: -18px; position: relative; width: 615px; }

#zenbox_scrim { background-color: #000; filter:alpha(opacity=42); -moz-opacity: 0.42; left:0; position: absolute; opacity: 0.42; top:0; width: 100%; z-index:1; }

#zenbox_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90000;
}
#zenbox_overlay * {
    color: #333333;
    font-family: "Roboto Flex", Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    margin: 0;
    padding: 0;
}
#zenbox_container {
    height: 620px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 638px;
    z-index: 2;
}
#zenbox_container .header {
    position: relative;
    text-align: right;
    width: auto;
    z-index: 100;
}
#zenbox_close {
    cursor: pointer;
    height: 46px;
    position: relative;
    top: 10px;
    width: 46px;
}
#zenbox_body {
    height: 900px;
    margin-top: -18px;
    position: relative;
    width: 615px;
}
#zenbox_scrim {
    background-color: #000000;
    left: 0;
    opacity: 0.42;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

/* elements */

ul.page_elements {
  margin: 20px 0;
}
.page_elements .row-fluid > [class*="span"] {
  margin: 0 2px;
  width: auto;
}

.page_elements .row-fluid span.summary {
  margin-top: 5px;
  display: inline-block;  
}

#widget_div {}

#widget_div .btn {background-color:transparent!important; border:0px;padding: 0 !important;}

#widget_div .icon-move {
  background-image: url("/images/icons/v7/24-sortdrag.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

#widget_div .icon-* {
  opacity:1;
}

#widget_div .icon-cog {
  background-image: url("/images/icons/v7/24-cog.png");
    background-position: center center;
    height: 32px;
    width: 32px;
}

.input-widget {
  width:100px;
}

/*  */

ul.select_library {
  margin: 20px 0;
}

#image_container{
  background: #fff url(/ppr/images/trans-display.gif);
  border: 2px solid #4a4949;
  text-align: center;
}

/*  */

.option_list { 
  margin: 0;
  padding: 20px; 
}
.option_list:after            { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .option_list            { height: 1px; }
* + html .option_list          { min-height: 1px; }

.option_list li                { float: left; margin: 0 0 10px; width: 48%; }
.option_list li:after          { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .option_list li          { height: 1px; }
* + html .option_list li        { min-height: 1px; }

.option_list li.block          { clear: both; width: 95%; }

.option_list li label,
.option_list li.block label {  }
.option_list li a.more_info      { background: url(/images/admin/icon_more_info.gif) 0 0 no-repeat; display: -moz-inline-box; display: inline-block; height: 16px; margin-left: 5px; text-indent: -9999px; width: 16px; }
    
/* subnav */

.page-subnav {
  margin: 0;
}

.page-subnav > .btn {
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
  text-align: left;
}

/* table */
    .taxes li.breakdown          { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #eee; margin-top: 5px; padding: 10px; }
    
    .taxes .breakdown span.pointer    { background: url(/images/admin/breakdown_arrow.gif) 0 0 no-repeat; display: block; float: left; height: 16px; margin-top: -16px; position: absolute; width: 16px; }
    
    .taxes table              { border-collapse: separate; text-align: center; width: 100%; }
    .taxes table tr td            { background: url(/images/admin/breakdown_border.gif) 0 0 repeat-x; border-left: 1px solid #ffffff; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #ddd; border-top: 0; font-size: 12px; font-weight: bold; padding: 6px 20px; }
    .taxes table tr.top td          { background: #f1f1f1 url(/images/admin/breakdown_top.gif) 0 100% repeat-x; border-left: 1px solid #e5e5e5; border-right: 1px solid #d3d3d3; border-top: 1px solid #ddd; }
    
    .taxes table td.tl            { -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; border-left-color: #ddd;  }
    .taxes table td.tr            { -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; border-right-color: #ddd;  }
    .taxes table td.br            { -moz-border-radius: 0 0 3px 0; -webkit-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; border-right-color: #ddd;  }
    .taxes table td.bl            { -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; border-left-color: #ddd;  }
    
    .taxes table tr td.empty        { background: transparent none; border: 0; text-align: right; }

/* tax controls */
    
    .taxes li ol          { float: right; margin-top: 5px; position: absolute; right: 0; top: 0; }
    .taxes li ol li          { margin: 0; }
    
    ul.taxes li ol li a          { display: block; float: left; height: 16px; margin-right: 5px; text-align: left; text-indent: -9999px; width: 16px; }
      ul.taxes li ol li.edit a      { background: url(/images/admin/edit_tax.gif) 50% 50% no-repeat; }
      ul.taxes li ol li.delete a    { background: url(/images/admin/delete_tax.gif) 50% 50% no-repeat; }
      ul.taxes li ol li.all a      { background: url(/images/admin/tax_all.gif) 50% 50% no-repeat; margin-left: 20px; }    

/* tax controls */

.dark_box,
.f_box,
.e_box {
  background: #f8f8f8;
    border: 1px solid #efefef;
    margin-bottom: 7px;
    padding: 12px 7px 5px;
    float:left;
    width:100%;
}

/*  */

#category_toolbar {
  margin: 0 0 0 0;
}

.product_search_filter { 
  float:right;
}

/* decorated products */

.decoration_list {
  margin: 0;
  padding: 0;
}

/* DNC-17081: not using product_tb styling
#product_tb {
  margin: -10px -25px;
}
#product_tb:after  { 
  clear: both; 
  content: ""; 
  display: block; 
  height: 0; 
  line-height: 0; 
  visibility: hidden; 
}
* html #product_tb { 
  height: 1px; 
}
* + html #product_tb { 
  min-height: 1px; 
}
*/

.product { 
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, .1);
  cursor: pointer; 
  float: left!important; 
  xxxheight: 180px;
  margin: 3px;
  width: 150px; 
  width: 140px;
  position: relative;
  background: #ffffff;
}

.product > .btn-group {
  margin: 0;
  padding: 5px;
  z-index: 5;
  bottom: 0;
  position: absolute;
  background-color:rgba(0,0,0,0.5);
  transition:all 0.25s 0s ease;
  visibility: hidden;
  width:100%;
  text-align:center;
}

.product:hover .btn-group {
  transition:all 0.25s 0s ease;
  visibility: visible;
}

.product > .btn-group .btn {
  border-radius: 2px !important;
  margin-right: 2px;
  padding: 4px 6px !important;
}
.product > .btn-group .btn {
  font-size: 11px;
}

.product > p {
  margin: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.product > p.sp_prodc_ {
  margin-bottom: 0;
}

.product > p.sp_prodn_ {
  margin-top: 0;
}

.product > p {
  margin: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product > p.product_detail {
  margin: 5px 10px 5px 10px;
}

.product .btn-group .btn [class*="icon"] {
  opacity: .6;
}

.product .edit_product   .product_image { 
  float: left; 
  width: 150px;
}
.product .edit_product   .product_details { 
}
                              
.product .thumb_border {
  border: 1px solid #eee;
  border-width: 0;
  margin: 0 0 5px; 
  height: 100px;
  padding: 8px;
  position: relative; 
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
}

#configured_product_thumb.thumb_border {
  padding: 10px 10px 0px 10px;
}

* html .product .thumb_border { 
  height: 100px; 
}

.product .thumb_border img {
  max-height: 100%;
}

.product > p {
  font-size: 11px;
  line-height: 14px;
}

.design_element {
}

.design_element .d_l_container::before {
  background-color: var(--accent-color-100);
  bottom: 0;
  color: white;
  display: block;
  font-size: 10px;
  font-weight: bold;
  padding: 4px;
  position: absolute;
  left: 0;
  content: "DESIGN ELEMENT";
  z-index: 1;
}

.c_p_product_defs { 
  bottom: 0; 
  left: 0;
  margin: 0 0 5px 5px; 
  position: absolute; 
}

.c_p_product_defs:after        { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .c_p_product_defs        { height: 1px; }
* + html .c_p_product_defs        { min-height: 1px; }

.c_p_product_defs li            { float: left; }

/*  */
.sp_product {
  padding: 1px !important;
  position: relative;
}

.sp_product img {
  margin-top: 15px;  
}
.sp_product .btn {
  display: inline-block;
  margin: 0 0 0 -66px !important;
  position: absolute;
}
.sp_product .btn span {
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  display: inline-block;
  line-height: 10px;
  overflow: hidden;
  width: 0;
}
.sp_product:hover .btn span {
  width: 54px;
}

/* edit products */

.product .edit_product  { 
  background: #f7f7f7; 
  left: 0;
  margin: 33px 0 0 -10px;
  position: absolute;
  top: 0;
  width: 750px;
}
.product .edit_product:after {
  clear: both; 
  content: "";
  display: table;
}

ul.costs { 
  border-radius: 2px;
  border: solid #eee; 
  border-width: 1px 1px 0; 
  margin: 0 0 20px;
  padding: 0;
}
ul.costs li          { border-bottom: 1px solid #eee; padding: 5px 10px; text-align: right; }
ul.costs li label      { float: left; text-align: left; }
ul.costs li.retail      { background: #eee; }

ul.costs li input      { text-align: right; }

/* themes */

.theme_colors li {
  
  border: 1px solid #ccc;
  cursor: pointer;
}
.theme_colors li.selected {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 0 0 4px #0898D0;  
}

/* banner things */

.banner_slides { 
  margin: 0 0 10px; 
}
.banner_slides li a { 
  background: -moz-linear-gradient(50% 0, #fff, #eee 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#eee));
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 1px -1px rgba(0, 0, 0, .1);
  color: #404040 !important; 
  display: block; 
  font-size: 11px; 
  font-weight: bold; 
  line-height: 30px; 
  margin: 0 0 5px 5px; 
  padding: 2px 10px 2px 2px; 
  text-align: left; 
  text-shadow: 0 1px 0 #fff; 
}

.banner_slides li a.current    { 
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 3px rgba(0, 0, 0, .3);
  background: -moz-linear-gradient(50% 0, #eee, #fff 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#eee), to(#fff)); 
}      
.banner_slides li a:before { 
  background: url("/images/admin/drag_large.png") no-repeat scroll 100% 0; 
  content: "."; 
  display: inline-block; 
  height: 30px; 
  margin-right: 10px; 
  text-indent: -9999px; 
  width: 30px; 
}
.banner_slides li a:hover:before { 
  background: url("/images/admin/drag_large.png") no-repeat scroll 0 0; 
}
                        
.banner_div .action { 
  display: inline-block; 
  float: none;
}

html .banner_div .cke_skin_kama {
  width: 100% !important;
}

/*  */
.slide { 
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 3px rgba(0, 0, 0, .4);
  margin: 0 10px 10px; 
}

.slide_header { 
  background: -moz-linear-gradient(50% 0, #f8f8f8, #eee);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#f8f8f8), to(#eee));
  border-bottom: 1px solid #e8e8e8;
}

.slide_header:after { 
  clear: both; 
  content: ""; 
  display: table; 
}
* html .slide_header { 
  height: 1px; 
}
* + .slide_header { 
  min-height: 1px; 
}

.slide_header h5            { float: left; line-height: 30px; margin: 0 0 0 10px !important; }
.slide_header select        { float: right; margin: 3px; }

.slide_content              { padding: 5px; } 
.slide_content:after          { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .slide_content        { height: 1px; }
* + .slide_content            { min-height: 1px; }


.product_color_palette {
  max-width: 80vw;
}
/*  */
.product_color_palette > a,
.product_color_container > a {
  margin-bottom: 5px;
  text-align: left;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product_color_palette .product_color_container.user_defined {
  width: 140px;
  display: inline-block;
}

.product_color_palette .product_color_container.user_defined .attached-action-right-container{
  position:relative; 
  left:132px
}

.product_color_palette .product_color_container.user_defined .attached-action-right {
  margin-left: -12px;
  padding: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  top: 14px;
}

/* form */

.slide_content .form        { float: left; margin: 0 20px 0 0; width: 300px;}

.slide_content .form.slide_type { 
  background: -moz-linear-gradient(50% 0, #fff, #f8f8f8 100%);
  background: -webkit-gradient(linear, 50% 0, 50% 100%, from(#fff), to(#f8f8f8));
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  float: none; 
  margin: 0 0 10px; 
}
      
ul.form li .radio li:last-child    { margin: 0; padding: 0; }

/* image */

.slide_content .image        { float: left; text-align: center; width: 250px; }
.slide_content .image img    { border: 1px solid #eee; display: block; margin-bottom: 10px; max-width: 200px; }
.slide_content .image .action  { clear: both; display: inline-block; float: none; }

/* popups */

#add_view_popup_panels {
  margin-left:0;
  width:100%;
  text-align:center;
}

#add_view_popup_panels li {
  display:inline-block;
  white-space: normal;
  width: 17%;
  padding:7px;
  margin: 0 2px;
  text-align:center;
  border:1px solid #E8E8E8;
  vertical-align: middle;
}

#add_view_popup_panels li:first-of-type {
  margin-left:0px;
  margin-right:2px;
}

#add_view_popup_panels li:last-of-type {
  margin-left:2px;
  margin-right:0px;
}

#add_view_popup_panels li:hover {
  background:rgba(22,130,226,0.1);
}

#add_view_popup_panels label {
  height:360px;
  display:block;
}

#add_view_popup_panels h4 {
  height:40px;
}

#add_view_popup_panels .help-block {
  float:left;
  margin:0;
  text-align:left;  
  padding-top: 5px;
}

#add_view_popup_panels [type="radio"] {
  float:none;
}

.popup { 
  background: none repeat scroll 0 0 #fff !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .1), 0 1px 5px rgba(0, 0, 0, 0.2) !important;
    min-width: 400px;
    padding: 0 !important;
    position: absolute;
}

.popup .popup_int,
.popup .popup_box {
  background: transparent none !important;
  border: none !important;
  padding: 0 !important;
}

.popup > h3, 
.popup .popup_int > h3, 
.popup .popup-head > h3 {
  font: 300 34px/40px "Roboto Flex", Arial, sans-serif;
  margin: 0;
  padding: 20px;
  text-shadow: 0 1px 0 #FFFFFF;
} 

.popup > h3 strong, 
.popup .popup_int > h3 strong, 
.popup .popup-head > h3 strong {
  font-weight: 600;
}

.popup .popup-head:after {
  clear: both;
  content: "";
  display: table;
}

.popup h2 { 
  font: 300 34px/40px "Roboto Flex", Arial, sans-serif;
  margin: 0;
  padding: 3px;
  margin-bottom: 4px;
  text-shadow: 0 1px 0 #FFFFFF;
}

* html .popup .popup-head {
  height: 1px;
}

* + html .popup .popup-head {
  min-height: 1px;
}

.popup .popup-head h3 {
  display: inline-block;
  float: left;
}

.popup .popup-head .label {
  display: inline-block;
}

.popup_content, 
.popup-content {
  padding: 20px;
}

.popup-content-deep {
  padding: 40px;
}

.popup .foot, 
.popup > .submit {
  padding: 5px 20px 8px 0px;
  text-align: right;
  clear: both;
}

.popup.msgbox {
  border-radius: 6px !important;
}

.msgbox h3 {
  background-color: var(--accent-color-100);
  color: #FFFFFF;
  border-radius: 5px 5px 0 0;
}

.msgbox-content {
  padding: 20px;  
}

.msgbox-text {  
  font-size: 20px;
  max-width: 600px;
  line-height: 26px;
}

.ipopup                { background: #fff; border-width: 0; padding: 20px; position: absolute; }

#popupbackground { 
  background: #333; 
  left: 0; 
  margin: 0; 
  min-height: 100%; 
  opacity: 0.7; 
  padding: 0; 
  position: fixed; 
  top: 0; 
  width: 100%; 
}
* html #popupbackground {   
  filter: Alpha(Opacity=92); 
  height: expression(document.body.clientHeight-0+"px");
  position: absolute; 
}

/* App Popup Styles */

#app_details_content h2 {
  padding:0px;
  margin:0px;
  margin-bottom:5px;
}

#app_details_content h3 {
  color: #1b1b1b;
  font-size: 1.4em;
  margin-bottom: 10px;
  margin-top: 20px;
}

#app_details_content ul.large_overview li {
  color: #1b1b1b;
  font-size: 1.3em;
  padding:10px;
  list-style-type: circle;
}

#app_details_content div.accessing ul li {
  margin-bottom:9px;
  list-style-type:disc;

}

#app_details_content table {
  border:none;
}

#app_details_content div.overview , #app_details_content div.accessing{
  border-top: 1px solid #e8e8e8;
  padding-bottom:15px;
}

#app_details_content #app_images img {
  border:1px solid #ccc;
}



/* backend designer styles */

.backend_designer {
  width: 830px;
  margin:auto;  
}

.backend_designer .popup_int {
  padding: 10px 20px !important;
}
.backend_designer .popup_content {
  padding: 0;
}

.backend_designer div.modify_image div.interior {
  padding-bottom: 10px;
}

.backend_designer input[type="text"] {
  border-color: #ccc !important;
  font-size: 10px;
  font-weight: bold;
  padding: 0 3px;
}

.backend_designer .layer_container input {
  margin-top: 5px;
  width: 30px;
}
.backend_designer .layer_container label {
  display: inline-block;
  margin-left: 5px;
}

.backend_designer .lock_container li {
  display: block;
  float: none;
  margin: 0 0 5px;
}

.backend_designer .lock_container-inline li {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
}

.backend_designer .lock_container li:after {
  clear: both; 
  content: "";
  display: table;
}

.backend_designer .lock_container li:first-child label {
  width: auto;
} 

.backend_designer .lock_container label {
  display: inline-block;
  font-weight: normal;
  margin: 0 !important;
  width: 120px;
}
.backend_designer .lock_container input[type="text"] {
  width: 140px;
}

.backend_designer .lock_container .et_bar {
  margin-top: 3px;
}

.backend_designer  #type_colors_container {
  padding: 10px 20px;
}
.backend_designer  #type_colors_container ul {
  margin: 0;
}

.backend_designer #decoration_libraries {
  height: 100%;  
  margin-top: 0px !important;
}
.backend_designer #decoration_libraries .popup_box,
.backend_designer #decoration_libraries .popup_int,
.backend_designer #decoration_libraries .popup_content .inside,
.backend_designer #decoration_libraries .popup_content .inside > div,
.backend_designer #decoration_libraries .popup_content .inside .library_browser,
.backend_designer #decoration_libraries .popup_content .inside .library_browser .listing {
  height: 100%;                         
}                                       
                                        
.backend_designer #decoration_libraries .popup_content {
  height: 100%;
  margin-top: -70px;
  padding-top: 70px;
  margin-bottom: -30px;
  padding-bottom: 30px;
}

.backend_designer #decoration_libraries .popup_content .decoration_list_container {
  height: 100%;
  margin-top: -125px;
  padding-top: 125px;
  margin-bottom: -36px;
  padding-bottom: 36px;
}

.backend_designer #decoration_libraries .popup_content .decoration_list_container .decoration_list {
  overflow: auto;  
  height: 100%;
  margin: 0px;
}
/* wizard stuff */

.wizard-block {
  
  left: 0;
  
  margin: 0 0 30px;
  margin-top: 60px;
  padding: 20px 0 25px;
  xxxposition: fixed;
  xxxposition: absolute;
  position: relative;
  text-align: center;
  xxxtop: 0;
  xxxwidth: 100%;
  xxxz-index: 5;
}

.wizard-block:after {
  
  left: 50%;
  margin-left: -630px;
  opacity: .5;
  position: absolute;
  top: 100%;
}

.wizard_list {
  display: inline-block;
  margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1;
}

.wizard_list:after {
  clear: both;
  content: "";
  display: table;
}

.wizard_list li {
  float: left;
  padding: 65px 0 0;
  position: relative;
}

.wizard_list li:before {
  background: #CDCDCD;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .075) inset;
    content: "";
    height: 3px;
    left: 50%;
    margin: 27px 22px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1;
}
.wizard_list li:after {
  background: #CDCDCD;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .075) inset;
    content: "";
    height: 3px;
    margin: 27px 22px;
    position: absolute;
    right: 50%;
    top: 0;
    width: 50%;
    z-index: -1;
}

.wizard_list li span.figure {
  display: none;
}
.wizard_list li a {
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #777777;
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin: 0 15px;
    text-align: center;
    width: 140px;
}

.wizard_list li a:before {
  background: rgba(0, 0, 0, .04);
  border-radius: 32px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(0, 0, 0, 0.125), 0 2px 0 rgba(255, 255, 255, 0.5);
  content: "";
  display: inline-block;
  height: 54px;
  left: 50%;
  margin: 1px 0 0 -27px;
  position: absolute;
  top: 0;
  width: 54px;
}
.wizard_list li.current a:before {
  box-shadow: 0 0 0 3px var(--accent-color-100) inset, 0 0 0 1px var(--accent-color-100), 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(0, 0, 0, 0.125), 0 2px 0 rgba(255, 255, 255, 0.5);
}

#store .wizard_list li.current a:before, 
.ppr .wizard_list li.current a:before {
  box-shadow: 0 0 0 3px #33A3CF inset, 0 0 0 1px #33A3CF, 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(0, 0, 0, 0.125), 0 2px 0 rgba(255, 255, 255, 0.5);
}

.wizard_list li a:after {
  background: none;
  border-radius: 32px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .2) inset, 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 0 3px #bbb inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .125) inset, 0 0 0 3px #CDCDCD inset;
  content: "";
  display: inline-block;
  height: 48px;
  left: 50%;
  margin: 4px 0 0 -24px;
  position: absolute;
  top: 0;
  width: 48px;
}

.wizard_list li.alt a:after, 
.wizard_list li.done a:after {
  background-color: var(--accent-color-100);
  background-image: url("/images/base/16x16/Check 16x16 white.png"), -moz-linear-gradient(50% 0 , var(--accent-color-100), #15456f);
  background-image: url("/images/base/16x16/Check 16x16 white.png"), -ms-linear-gradient(50% 0 , var(--accent-color-100), #15456f);
  background-image: url("/images/base/16x16/Check 16x16 white.png"), -o-linear-gradient(50% 0 , var(--accent-color-100), #15456f);
  background-image: url("/images/base/16x16/Check 16x16 white.png"), -webkit-gradient(linear, 50% 0, 50% 100%, from(var(--accent-color-100)), to(#15456f));
  background-position: 50% 50%, 0 0;
    background-repeat: no-repeat;
    border-radius: 32px 32px 32px 32px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.25) inset, 0 0 2px rgba(0, 0, 0, 0.4);
    content: "";
    display: inline-block;
    height: 44px;
    left: 50%;
    margin: 6px -22px;
    position: absolute;
    top: 0;
    width: 44px;
}

.ppr .wizard_list li.alt a:after, 
.ppr .wizard_list li.done a:after,
#store .wizard_list li.alt a:after, 
#store .wizard_list li.done a:after {
  background-color: #78B602;
  background-image: url("/images/base/16x16/Check 16x16 white.png"), -moz-linear-gradient(50% 0 , #0898D0, #515871);
  background-image: url("/images/base/16x16/Check 16x16 white.png"), -ms-linear-gradient(50% 0 , #0898D0, #515871);
  background-image: url("/images/base/16x16/Check 16x16 white.png"), -o-linear-gradient(50% 0 , #0898D0, #515871);
  background-image: url("/images/base/16x16/Check 16x16 white.png"), -webkit-gradient(linear, 50% 0 , 50% 100%, from(#0898D0), to(#515871));
}

.wizard_list li span {
  display: block;
}

.wizard_list li a span:after {
  background: none repeat scroll 0 0 transparent;
    border-radius: 32px 32px 32px 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.65) inset;
    content: "";
    display: inline-block;
    height: 32px;
    left: 50%;
    margin: 12px 0 0 -16px;
    position: absolute;
    top: 0;
    width: 32px;
    z-index: 1;
}

.ppr .wizard_list li a span:after, 
#store .wizard_list li a span:after {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.35) inset;
}

.wizard_list li.alt a span:after {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  height: 36px;
    margin: 10px 0 0 -18px;
    width: 36px;
}

.wizard_list li.current a span:after {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
  height: 36px;
    margin: 10px 0 0 -18px;
    width: 36px;
}

/* thinner styles */
@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
  .wizard_list li a {
    width: 115px;
  }
}
@media only screen and (max-height: 850px), only screen and (max-device-height: 850px) {
  
  .wizard-block {
    padding: 10px 0 17px;
  }
  .wizard_list li {
    padding: 54px 0 0;
  }
  
  .wizard_list li:before, 
  .wizard_list li:after {
    margin: 27px 16px;
  }
  
  .wizard_list li a {
    font-size: 11px;
    line-height: 14px;
    xxxwidth: 115px;
  }
  .wizard_list li a:before {
    height: 44px !important;
    margin: 6px 0 0 -22px !important;
    width: 44px !important;
  }
  
  .wizard_list li a:after {
    height: 36px !important;
    margin: 10px 0 0 -18px !important;
    width: 36px !important;
  }
  
  .wizard_list li a span:after {
    height: 30px;
    margin: 13px 0 0 -15px;
    width: 30px;
  }
  
  .wizard_list li.current a span:after, 
  .wizard_list li.alt a span:after {
    height: 28px;
    margin: 14px 0 0 -14px;
    width: 28px;
  }
  
  #hub.wizard .col-middle > div > .submit, #hub.wizard .col-middle > div > form > .submit, .ppr.wizard .col-middle > div > .submit, .ppr.wizard .col-middle > div > form > .submit, #ff.wizard .col-middle > div > .submit, #ff.wizard .col-middle > div > form > .submit, #store.wizard .col-middle > div > .submit, #store.wizard .col-middle > div > form > .submit {
    padding: 10px 0;
  }
}

@media only screen and (max-height: 800px), only screen and (max-device-height: 800px) {
  body.wizard {
    xxxmargin-top: 170px !important;
  }
  .wizard_list li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* calendar styles */
/* MOVED TO dnm.css
.calendar_date_select {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #DDD;
    border-radius: 2px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.25);
    left: 470px;
    top: 340px;
    width: 260px;
    z-index: 100;
}
.calendar_date_select a {
    color: #404040;
}
.cds_header {
    border-bottom: 1px solid #DDD;
    margin-bottom: 5px;
    padding: 10px 5px;
    text-align: center;
}
.cds_header:after {
    clear: both;
    content: "";
    display: table;
}
* html .cds_header {
    height: 1px;
}
* + html .cds_header {
    min-height: 1px;
}
.cds_header .next, .cds_header .prev, .cds_header .close {
    background: none repeat scroll 0 0 #DBE3E3;
    border: 1px solid #C1C9C7;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset, 0 -1px 0 rgba(255, 255, 255, 0.25) inset, 0 10px 10px rgba(255, 255, 255, 0.65) inset;
    display: inline-block;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin-top: 2px;
    padding: 0 5px;
}
.cds_header a.close {
    float: right;
    margin-left: 5px;
}
.cds_header .next {
    float: right;
}
.cds_header .prev {
    float: left;
}
.cds_header select {
    width: 80px !important;
}
.cds_body {
    margin-bottom: 5px;
    padding: 0 2px 5px;
}
.cds_body table {
}
.cds_body table th {
    border-bottom: 1px solid #DDD;
    padding: 4px;
}
.cds_body table td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDD;
    border-radius: 0 !important;
    border-style: solid;
    border-width: 0 0 1px 1px;
    font-size: 11px;
    padding: 4px;
    text-align: center;
}
.cds_body table td.today {
    background-image: url("/images/om/na_bg.png");
}
.cds_body table td.weekend.selected, .cds_body table td.selected {
    background-color: #333333;
    border-color: #404040;
    color: #FFF;
}
.cds_body table td:last-child {
    border-width: 0 1px 1px;
}
.cds_body table td.weekend {
    background: none repeat scroll 0 0 #E8EFEF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}
.cds_body table td.disabled {
    color: #d3d3d3;
}
.cds_buttons {
    float: right;
    margin: 5px 5px 10px;
}
.cds_buttons span {
    display: none;
}
.cds_buttons a {
    background: none repeat scroll 0 0 #DBE3E3;
    border: 1px solid #C1C9C7;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset, 0 -1px 0 rgba(255, 255, 255, 0.25) inset, 0 10px 10px rgba(255, 255, 255, 0.65) inset;
    display: inline-block;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin-left: 5px;
    padding: 0 5px;
}
.cds_footer {
    float: left;
    font-weight: bold;
    margin: 5px;
}
.cds_footer span {
    display: inline-block;
    height: 18px;
    line-height: 18px;
}
.cds_bottom {
}

#search_date_between, 
#date_between {
  background: none repeat scroll 0 0 #FFF;
    border: medium none;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1);
    left: 0;
    margin: 10px 0 0;
    padding: 10px;
    position: absolute;
    top: 100%;
}
*/
/* preview image */

.preview_image { 
  border-radius: 2px; 
  border: 1px solid #eee; 
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  position: absolute; 
  z-index: 1000;
  display: none;
}

/*  */

#position_div {
  margin-bottom: 5px;
}

#position_div div[id^="platenv"]:not([style*=" width"]) {
  display: none;
}

/* force popup widths */

#group_search {
  width: 440px !important;
}

#product_view {
  width: 976px !important;
}

#product_view.popup {
  width: 420px !important;
}

/*  */
#tm_footnotes_debug {
  display: none;
}

/* welcome list */

#welcome_box .span5 h3  {
  margin: 20px 20px 10px;
}

ul.welcome-list {
  margin: 0;
  padding: 0;
}

ul.welcome-list li {
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 15px 7px 40px;
  position: relative;
}
ul.welcome-list li label {
  margin: 0;  
}
ul.welcome-list li [class*="icon-"] {
  margin: 0 0 0 -20px; 
  position: absolute;
}

/* verify email popups */

#vpopup {
  margin-top: 30px;
  padding-top: 260px;
}

@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
  #vpopup { 
    margin-top: 0;
    padding-top: 0;
  }
  #vpopup-img-01,
  #vpopup-img-02 {
    display: none;
  }
}

/* welcome / account popups */

#welcome_box {
}

@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
  #welcome-box {
    margin-top: 30px !important;
  }
  #welcome_box .span8 { 
    padding-top: 180px !important;
  }

  #welcome-box-02 {
    margin: -315px 0 0 90px !important;
    max-width: 420px !important;
  }
}

@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) {
  #welcome-box {
    margin-top: 0 !important;
  }
  #welcome_box .span8 { 
    padding-top: 0 !important;
  }
  
  #welcome-box-02 {
    display: none;
  }
}

/*  */

.welcome-options {

}
.welcome-options a {
  color: #404040;
  text-align: left;
}
.welcome-options a span:nth-child(2){
  font: 600 17px "Roboto Flex", Arial, sans-serif;
  padding-top: 5px;
}
.welcome-options a span em {
  color: #888;
  display: block;
  font: normal 12px "Roboto Flex", Arial, sans-serif;
  font-style: normal;
}

#intro-products[rel-intro="sp2"] .screenshot {
  opacity: 0;
}

/**/

#status-changer .section-content {
  min-height: 560px;
    padding-bottom: 40px;
    padding-top: 100px;
}
#focus-changer .section-content {
  min-height: 500px;
  padding-bottom: 40px;
    padding-top: 100px;
}

/*  */
/*
#price_table_container table a {
  color: var(--accent-color-100);
  float: right;
  margin-left: 5px;
  text-decoration: underline;
}
*/

.price_table .section-content {
  padding: 10px 15px;
} 

.create_price_table ul {
    display: inline-block;
    margin-left: 0;
    margin-top: 5px;
}   

/* supplier products table */

@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
  #supplier-products-table .collapse.alt {
    display: none;
  }
  #supplier-products-table .collapse {
    display: table-cell;
  }  
}

@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
  #supplier-products-table .collapse {
    display: none;
  }    
}

/* category buttons */

@media only screen and (max-width: 1160px), only screen and (max-device-width: 1160px) {
  .hierarchy .btn-group .btn {
    padding: 5px;
  }
}

/*  */

@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
  #stores-table .collapse {
    display: none;
  }    
}

/* production screen */

@media only screen and (max-width: 1260px), only screen and (max-device-width: 1260px) {
  .table thead th {
    padding: 10px 6px;
  }
  .table th, .table td {
    padding: 8px 7px;
  }
  #production-table .btn .collapse {
    display: none;
  }
  #production-table .btn {
    overflow: hidden;
    width: 12px;
  }
  #production-table .btn i {
    margin: 0 10px 0 -2px;
  }  
}
@media only screen and (max-width: 1140px), only screen and (max-device-width: 1140px) {
  #production-table .collapse.alt {
    display: none;
  }
}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) {
  #production-table .collapse {
    display: none;
  }
  #production-table .label {
    margin-left: -4px;
    margin-right: -4px;
  }
}

@media only screen and (max-width: 50px), only screen and (max-device-width: 50px) {
  #production-table .collapse {
    display: none;
  }
  #production-table .label {
    margin-left: -4px;
    margin-right: -4px;
  }
}

/* orders intro */

#scr-002 {
  opacity: 0;
}
#intro-orders[rel-intro="scr-002"] #scr-001 {
  opacity: 0;  
}
#intro-orders[rel-intro="scr-002"] #scr-002 {
  opacity: 1;
}

/*  */

#order_details_recent_panel .nav.nav-pills a {
  color: #404040 !important;
  padding-right:10px;
}
#order_details_recent_panel .nav.nav-pills #ro_a {
  color: #888 !important;
}
#order_details_recent_panel .nav.nav-pills #ro_a.alt {
  color: #fff !important;
}

/*
#recent_orders_container {
  margin: 0px -30px;
}
*/
#recent_orders_container li {
  border-top: 1px solid #eee;
  margin: 0 !important;
  padding: 7px 5px !important;
  
}
#recent_orders_container li a, #recent_orders_container li span {
  width: 20%;
}

#scr-002, 
#scr-004 {
  opacity: 0;
}

#intro-products[rel-intro="scr-002"] #scr-002 {
  opacity: 1;
}

#intro-products[rel-intro="scr-004"] #scr-004 {
  opacity: 1;
}

/* order options */

#order_ship_by_date_options_list {
  display: inline-block;
  margin-left:0;
  margin-top:5px
}

/* supplier products */

.s_product_image_box {
  height: 110px; 
  width:110px; 
  padding:5px; 
  border:1px #d3d3d3 solid;
  margin: 0 0 3px 0;
}

.s_product_img { 
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
}

div#supplier_product_images_sales .attached-action-below ,
div#supplier_product_images_product_info .attached-action-below,
div#supplier_product_images_thumbnail .attached-action-below{
  margin-left:6px;
  margin-bottom:10px;
}

/* configured products */

.cp_blank_product .btn-round {
  margin: -7px;
  position: absolute; 
  right: 0; 
  top: 0; 
} 
.cp_blank_product .btn-round i {
  margin-top: -6px;
  margin-left: 2px; 
}

.cp_blank_product .form-inline {
  padding-bottom: 3px;
  margin: 0 5px;
}
.cp_blank_product .form-inline label {
  font-size: 11px;
}


.cp_blank_product .product_color_list {
  margin: 0;
  padding: 5px 0;
}
.cp_blank_product .btn-group {
  margin: 0 0 2px 2px;
}

.cp_blank_product .selected_color_cell { 
  border-color: var(--accent-color-100);
}
.cp_blank_product .rollover_color_cell { 
  border-color: #ddd;
}
/*
#ro_p, 
#ro_u, 
#ro_n,
#ro_pr, 
#ro_s,
#ro_po,
#ro_st
{
  background-image: -moz-linear-gradient(50% 0, rgba(255, 255, 255, .025), rgba(0, 0, 0, .1));
  background-image: -ms-linear-gradient(50% 0, rgba(255, 255, 255, .025), rgba(0, 0, 0, .1));
  background-image: -o-linear-gradient(50% 0, rgba(255, 255, 255, .025), rgba(0, 0, 0, .1));
  background-image: -webkit-linear-gradient(50% 0, rgba(255, 255, 255, .025), rgba(0, 0, 0, .1));
}

#ro_p.alt, 
#ro_u.alt, 
#ro_n.alt,
#ro_pr.alt, 
#ro_s.alt,
#ro_po.alt,
#ro_st.alt {
  background-image: -moz-linear-gradient(50% 100%, rgba(255, 255, 255, .025), rgba(0, 0, 0, .1));
  background-image: -ms-linear-gradient(50% 100%, rgba(255, 255, 255, .025), rgba(0, 0, 0, .1));
  background-image: -o-linear-gradient(50% 100%, rgba(255, 255, 255, .025), rgba(0, 0, 0, .1));
  background-image: -webkit-linear-gradient(50% 100%, rgba(255, 255, 255, .025), rgba(0, 0, 0, .1));
}
*/
#ro_p, 
.s_pending {
  background-color: #e06f61;
  
}

#ro_u, 
.s_unconfirmed {
  background-color: #d9c89d;
}

#ro_n, 
.s_new {
  background-color: #f2ce78;
}

#ro_pr, 
.s_processed {
  background-color: #a3d3c6;
}

#ro_s, 
.s_shipped {
  background-color: #bdd2a0;
}


#ro_po, .s_awaiting_po {
  background-color: #cca0c0;
}

#ro_st, .s_awaiting_stock {
  background-color: #a060f0;
}



.s_pending,
.s_unconfirmed,
.s_awaiting_po,
.s_new,
.s_processed,
.s_shipped {
  box-shadow: 1px 1px 0 rgba(255, 255, 255, .15) inset, -1px 0 0 rgba(0, 0, 0, .1);
}

/* blank selected products */

.blank_selected_products > li {
  
}
.blank_selected_products > li:nth-child(7n+1) {
  clear: left;
}

#select_product_listing {
  width: 765px;
  margin: 0;
}

#select_product_list_container {
  height: 500px;
  overflow: auto;
  padding: 10px 10px;
  background: transparent;
}

#cat_selector_pop .library_browser .library_listing .cell.prod_content {
  width: 550px;
}

.table.size_chart {
  border-top: 1px solid;
  border-bottom: 1px solid;
  width: 100%;
}

#cat_selector_pop .library_browser .library_listing .sub_button {
  width: 105px;
  background: #1691e0;
  color: #fff !important;
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  height: 2.18em;
  line-height: 2.18em;
  padding: 0 5px;
  margin-top: 5px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  border: none;  
}

/* custom selected products */

#select_custom_product_listing {
  width: 765px;
  margin: 0;
}

#select_custom_product_list_container {
  height: 500px;
  overflow: auto;
  padding: 10px 10px;
  background: transparent;
}

.popup table {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: 100%;
}

.general_settings_box{
  border-top:3px solid #03b664;padding:10px;margin-bottom:20px;height:220px;
}

.settings_boxes li , .settings_boxes li a{
 line-height: 34px;
 
}

.decoration_settings_box{
 border-top:3px solid #000;padding:10px;margin-bottom:20px; color:white; height:191px;
}

.ecommerce_settings_box{
  border-top:3px solid #b6024b;padding:10px;margin-bottom:20px; color:white;height:191px;
}

.product_settings_box{
  border-top:3px solid #b403b6;padding:10px;margin-bottom:10px; color:white;height:300px;
}

.customer_settings_box{
  border-top:3px solid #699d05;padding:10px;margin-bottom:10px; color:white;height:157px;
}

.website_settings_box{
  border-top:3px solid #018ab6;padding:10px;margin-bottom:10px; color:white;height:230px;
}

.settings_settings_box{
  border-top:3px solid var(--accent-color-100);padding:10px;margin-bottom:10px; color:white;height:350px;
}

.production_order_settings_box{
  border-top:3px solid #03b664;padding:10px;margin-bottom:10px; color:white;height:300px;
}


.settings_icons{
    background-repeat: no-repeat;
    background-image:url("/images/icons/flat/icon-arrow-blue.png")!important;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    vertical-align: text-top;
    width: 18px;
    margin-right:10px;
    opacity:0.7;
}

/* social site links */

.social_site_link{
  width:120px;
  float:left;
  margin-top:5px;
  margin-right:10px;
  text-align:right;
}

/* welcome pages  */

.welcome_box_center {
  width: 900px;
  height: 450px;
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; 
  background: url("/images/DN_Logo_Blue.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
}

.welcome_box_bottom {
  width: 500px;
  height: 125px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; 
  margin: auto;
}

.welcome_box_center h2 {
 color: white;
 text-shadow:none;
 margin-bottom:10px;
}

.welcome_box_center p {
  color: white;
  font-size: 14px;
  max-width:none;
}

.welcome_box_bottom p ,.welcome_box_bottom span {
  color: #a9c7e2;
  font-size: 14px;
  max-width:none;
}



.welcome_box_bottom a {
  color: white;
  font-size: 14px;
  text-decoration: underline;
}

.welcome_option {
  margin-top: 10px;
  width: 250px; 
  margin-left: 100px; 
  text-align: center
}

.welcome_submit_button {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-left:-3px;
  background-color: #136dbd !important;
  border:0px solid blue;
}


.welcome_button {
  margin-top: 10px;
  border-radius: 5px;
  background-color: #136dbd !important;
  border:0px solid blue;
}

.welcome_button_large {
  background-color: #136dbd !important;
  border: 1px solid #fff;
  border-radius: 8px;
  font-family: "Roboto Flex", Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  margin-top: 10px;
}

#welcome_verify_code {
  width:250px; 
  border-top-left-radius: 5px; 
  border-bottom-left-radius: 5px;
  border:0px solid white;
}
#welcome_email_address {
  width:250px; 
  border-top-left-radius: 5px; 
  border-bottom-left-radius: 5px;
  border:0px solid white;
}

.store_focus_icon{
background-image: url("/images/icons/flat/generalsettings-localization-18.png")
}

/* order graphs */

.order_graphs li {
  display: inline-block !important;
}

/* general settings icons */

.localization_icon{
background-image: url("/images/icons/flat/generalsettings-localization-18.png")
}

.commercial_terms_icon{
background-image: url("/images/icons/flat/generalsettings-commericalterms-18.png")
}

.order_reply_email_icon{
background-image: url("/images/icons/flat/generalsettings-orderreply-18.png")
}

.contact_details_icon{
background-image: url("/images/icons/flat/generalsettings-contactdetails-18.png")
}

.users_logins_icon{
background-image: url("/images/icons/flat/generalsettings-users-18.png")
}

/* ecommerce settings icons */

.payment_gateway_icon{
background-image: url("/images/icons/flat/ecommerce-paymentgateway-18.png")
}

.manual_payment_methods_icon{
background-image: url("/images/icons/flat/ecommerce-manayalpayment-18.png")
}

.shipping_methods_icon{
background-image: url("/images/icons/flat/ecommerce-shipping-18.png")
}

.rush_order_fees_icon{
background-image: url("/images/icons/flat/storeconfig-dashboard-18.png")
}

.taxes_icon{
background-image: url("/images/icons/flat/ecommerce-tax-18.png")
}

.coupons_icon{
background-image: url("/images/icons/flat/ecommerce-coupons-18.png")
}
.gift_certificates_icon{
background-image: url("/images/icons/flat/ecommerce-giftcertificate-18.png")
}
.extra_charges_icon{
background-image: url("/images/icons/flat/ecommerce-extracharges-18.png")
}
.order_options_icon{
background-image: url("/images/icons/flat/ecommerce-orderoptions-18.png")
}


/* product settings icons */

.product_types_icon{
background-image: url("/images/icons/flat/products-producttypes-18.png")
}
.configure_discounts_icon{
background-image: url("/images/icons/flat/products-discounts-18.png")
}
.product_behaviour_icon{
background-image: url("/images/icons/flat/products-confgireblank-18.png")
}
.low_inventory_icon{
background-image: url("/images/icons/flat/product-inventorylevel-18.png")
}
.purchase_order_icon{
background-image: url("/images/icons/flat/customers-emailtemplates-18.png")
}


/* customer settings icons */

.account_terms_icon{
background-image: url("/images/icons/flat/customer-accountterms-18.png")
}
.customer_account_settings_icon{
background-image: url("/images/icons/flat/customer-accountsettings-18.png")
}
.email_and_order_templates_icon{
background-image: url("/images/icons/flat/customers-emailtemplates-18.png")
}
.customer_registration_fields_icon{
background-image: url("/images/icons/flat/customer-registrationfelds.png")
}


/* website settings icons */

.turn_on_affiliate_icon{
background-image: url("/images/icons/flat/affiliate-affiliatewebstores-18.png")
}

.default_commission_icon{
background-image: url("/images/icons/flat/fcwebsite-storecommission-18.png")
}
.setup_store_options_icon{
background-image: url("/images/icons/flat/fcwebsite-storeoptions-18.png")
}
.store_groups_icon{
background-image: url("/images/icons/flat/fcwebsite-storegroups-18.png")
}
.store_domains_icon{
background-image: url("/images/icons/flat/fcwebsite-domain-18.png")
}
.marketing_banner_icon{
background-image: url("/images/icons/flat/fcwebsite-marketingbanner-18.png")
}
.commission_payments_icon{
background-image: url("/images/icons/flat/generalsettings-localization-18.png")
}
.designer_options_icon{
background-image: url("/images/icons/flat/fcwebsite-configuredesigner-18.png")
}
.publish_pos_icon{
background-image: url("/images/icons/flat/fcwebsite-POSMessage-18.png")
}
.live_support_icon{
background-image: url("/images/icons/flat/fcwebsite-liveperson-18.png")
}


/* reports icons */

.order_graph_icon{
background-image: url("/images/icons/flat/reports-ordergraph-18.png")
}

.products_sold_icon{
background-image: url("/images/icons/flat/reports-productssold-18.png")
}

.production_stats_icon{
background-image: url("/images/icons/flat/reports-productionstats-18.png")
}
.operator_stats_icon{
background-image: url("/images/icons/flat/reports-operatorstats-18.png")
}
.commission_history_icon{
background-image: url("/images/icons/flat/reports-commissionpayments.png")
}
.banking_report_icon{
background-image: url("/images/icons/flat/reports-bankingreport-18.png")
}
.export_orders_icon{
background-image: url("/images/icons/flat/reports-exportorders-18.png")
}
.backorder_icon{
background-image: url("/images/icons/flat/reports-productsforbackordering-18.png")
}

/* Branding and appearance icons */

.store_name_icon{
background-image: url("/images/icons/flat/branding-storelogo-18.png")
}

.appearence_icon{
background-image: url("/images/icons/flat/branding-appearance-18.png")
}

.website_pages_icon{
background-image: url("/images/icons/flat/branding-websitepages-18.png")
}
.url_redirects_icon{
background-image: url("/images/icons/flat/branding-urlredirect-18.png")

}

/* Store_configuration icons */

.admin_settings_icon{
background-image: url("/images/icons/flat/storeconfig-administratorsettings-18.png")
}

.dashboard_icon{
background-image: url("/images/icons/flat/storeconfig-dashboard-18.png")
}

.store_focus_icon{
background-image: url("/images/icons/flat/storeconfig-storefocus-18.png")
}
.domain_settings_icon{
background-image: url("/images/icons/flat/storeconfig-domain-18.png")

}
.price_settings_icon{
background-image: url("/images/icons/flat/storeconfig-pricesettings-18.png")

}
.store_paypal_icon{
background-image: url("/images/icons/flat/storeconfig-paypal-18.png")

}
.site_options_icon{
background-image: url("/images/icons/flat/storeconfig-siteoptions-18.png")

}
.store_directory_icon{
background-image: url("/images/icons/flat/website-reviewcommissions.png")
}

.account_settings_icon{
background-image: url("/images/icons/flat/customer-accountsettings-18.png")

}


}
/* Products and designs icons */

.decorated_products_icon{
background-image: url("/images/icons/flat/products-decorated-products-18.png")
}

.store_designs_icon{
background-image: url("/images/icons/flat/products-storedesigns-18.png")
}

.select_blank_icon{
background-image: url("/images/icons/flat/products-selectblankproducts-18.png")
}

/* Marketiong & Promotions icons */

.flash_widget_icon{
background-image: url("/images/icons/flat/marketing-flashwidget-18.png")
}

.iframe_setup_icon{
background-image: url("/images/icons/flat/marketing-iframe-18.png")
}

.rss_setup_icon{
background-image: url("/images/icons/flat/marketing-rss-18.png")
}
.seo_and_icon{
background-image: url("/images/icons/flat/marketing-seo-18.png")
}

.top_fives_icon{
background-image: url("/images/icons/flat/marketing-topfives-18.png")
}

.send_marketing_icon{
background-image: url("/images/icons/flat/marketing-sendemail-18.png")
}
.visitor_stats_icon{
background-image: url("/images/icons/flat/marketing-visitorstatistics-18.png")
}

/* Products and designs icons */

.norton_safe_icon{
background-image: url("/images/icons/flat/website-nortons-18.png")
}

.watermark_store_icon{
background-image: url("/images/icons/flat/website-watermarkdesigns-18.png")
}

.page_elements_icon{
background-image: url("/images/icons/flat/website-pagelements-18.png")
}

.recieving_commissions_icon{
background-image: url("/images/icons/flat/website-reviewcommissions.png")
}


.review_commissions_icon{
background-image: url("/images/icons/flat/website-reviewcommissions.png")
}

.commissions_icon{
background-image: url("reports-commissionpayments")
}

/* Email template icons */
/*.email_template_active{
  background: url("/images/icons/famfam/tick.png") center center no-repeat;
}
.email_template_inactive{
  background: url("/images/icons/famfam/cross.png") center center no-repeat;
}*/

/* Catalog Specific icons */

.account_settings_icon{
background-image: url("/images/icons/flat/website-account-18.png")
}

.select_catalog_icon{
background-image: url("/images/icons/flat/products-selectcatalog-18.png")
}

.select_process_icon{
background-image: url("/images/icons/flat/product-decorationprocesses-18.png")
}

.select_areas_icon{
background-image: url("/images/icons/flat/products-areas-18.png")
}

.smart-select {
  background-image: url("/images/icons/v7/18-info-white.png");
  background-repeat: no-repeat;
  padding:0px 0px 0px 23px;
  display:inline-block;
  height:18px;
}

/* area  / view constraint proprotions lock */

#mask_areas span {
  vertical-align: middle;
}

#mask_areas span span {
  background: #000;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  font-size: 0;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

#mask_areas span.active span {
  background: #fff;
}

#mask_areas.btn-group .dnm-btn:first-child {
  border-radius: 5px 0 0 5px;
}

#mask_areas.btn-group .dnm-btn:nth-child(2):not(:has(+ span + span)),
#mask_areas.btn-group .dnm-btn:nth-child(4) {
  border-radius: 0 5px 5px 0;
  border-right-width: 1px;
}

#mask_areas.btn-group .dnm-btn:last-child {
  order: 4;
}

#mask_areas.btn-group #mask_22.dnm-btn:last-child {
  border-radius: 0;
  border-right-width: 0;
}

#mask_areas #mask_2 {
  order: 1;
}

#mask_areas #mask_12 {
  order: 3;
}

#mask_areas #mask_22 {
  order: 2;
}

.manage_view_area_overlay {
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: center;
  mask-repeat: no-repeat;
  position:absolute;
  opacity: 0.35;
  background-color: #000;
  box-sizing: border-box; 
  image-rendering: -webkit-optimize-contrast;
}

.manage_view_area_overlay.active {
  background-color: #edff00cc !important;
  opacity: .75 !important;
}

.area_locked{
display: inline-block;
line-height: 52px;
vertical-align: text-top;
background-image: url("/images/admin/lock.png");
width:52px;
height:52px;
text-indent: -9999em;
}

.area_unlocked{
display: inline-block;
line-height: 52px;
vertical-align: text-top;
background-image: url("/images/admin/not_lock.png");
width:52px;
height:52px;
text-indent: -9999em;
}

.color_ready_message {
  padding: 4px 8px;
  display: inline-block;
  border: 1px solid;
  border-radius: 3px;
  background: #e74c3c;
  color: white;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

h2 .general_settings{
background-color:#03b664;

width:50px;
display: inline-block;
  margin-right: 10px;;
  line-height: 54px;
  vertical-align: text-top;
  background-position: 10px 10px;
  background-repeat: no-repeat;
}



.master-category-list li ol {
  padding-left: 10px;
}

.master-category-list li.hidden {
  opacity: 0.6;  
}

.master-category-list li label {
  display: inline-block; 
  padding-right:10px;
}
.master-category-list li a {
  display: inline-block;
  padding-right: 2px;  
}
.master-category-list li a.mc_toggle {
  width: 15px;  
}
.master_cat_image_list > div {
  display:inline-block;
  width: 100px;
  height: 100px;  
}



@media only screen and (max-width: 1320px), only screen and (max-device-width: 1320px) {
  .blank_selected_products > li:nth-child(7n+1) {
    clear: none;
  }
  .blank_selected_products > li:nth-child(6n+1) {
    clear: left;
  }
}

@media only screen and (max-width: 1180px), only screen and (max-device-width: 1180px) {
  .blank_selected_products > li:nth-child(7n+1), 
  .blank_selected_products > li:nth-child(6n+1) {
    clear: none;
  }
  .blank_selected_products > li:nth-child(5n+1) {
    clear: left;
  }
}

/* decolinked */

.dl_powertxt {
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 18px;
}

/* catalog product review */
#product_review_summary { 
  padding: 10px;
}

#product_review_display li {
  padding-bottom:0px;
}

.product_selection_overview a {
  background:#FFCC00;
  color:#000000 !important;
  padding:5px 10px;
  text-transform:capitalize;
  text-decoration:none;
}

/* Site Search  */
#site_search.popup h3 {
  padding: 10px 20px 0px 20px;  
}

#site_search.popup .site_search_form {
  padding: 5px 10px;  
}


/* Universal Search */
.universal_search {
  margin: 16px 0px 0px 60px;
}

.universal_search .field {
  height: 20px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  font-size:14px;
  border:1px solid #fff;
}

.universal_search .search_button {
  background-image: url("/images/base/16x16/Search 16x16.png");
  background-color: #FFCC00;
  background-repeat:no-repeat;
  background-position:8px;
  border:0px; 
  width: 32px; 
  height: 30px;
  margin: -7px 0px 3px -5px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.universal_search .searching_button {
  background: url(/images/search_loader.GIF) 6px 6px no-repeat #FFCC00; 
  width: 32px; 
  height: 30px;
  margin: -7px 0px 3px -5px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

#universal_search_popup {
  position:absolute;
  display:none;
  text-align: left;
  padding: 10px 3px;
  z-index: 3001;
  width: 875px;
  margin-top: 45px;
  margin-left: 87px;
  box-shadow:none !important;
  border: 1px solid #D3DEE8 !important;
  background-color: #D3DEE8;
  border-radius: 2px 0px 2px 2px;
  color: var(--body);
}

.universal_search_group {
  float: left;
  margin-left: 20px;
  margin-bottom:20px;
  width: 270px;
}

.universal_search_group h4 {
  margin:15px 0 15px 0;
  font-size:18px;
}

.universal_search_group ul {
  margin-left: 0px;
}

.universal_search_group li {
  line-height:22px;
}

#universal_search_popup_line2 {
  clear: both;
}

.app-module-listing {
  width: 1000px;
  margin-top:30px;
}

.app-module-listing div.row-spacing{
  margin-bottom:40px;
}

.app-module-listing .btn-large {
  margin-top:10px;
}

.app-module-listing-app {
  border: 1px solid #CCC;
  margin-bottom: 20px;
  height:180px;
  display:block;
  overflow:hidden;
  position:relative;
}

.app-module-listing-app:hover .app-module-listing-content {
  top:-90px;
}

.app-module-listing-app.alt {
  border: 1px solid var(--accent-color-100);
}

.app-module-listing-app.disabled {
  border-color: #CCCCCC;
}

.app-module-listing-app h3 {
  font-size: 14px;
  margin-bottom: 0px;
  padding:0;
  font-weight:bold;
}

.app-module-listing-app .app-module-listing-summary {
  color: var(--body);
  overflow: hidden;
  padding:5px 7px;
  font-size:0.9em;
}

.app-module-listing-app .app-module-listing-title {
  padding:10px 7px;
  border-top:1px solid #ccc;
  
}

.app-module-listing-app .app-module-listing-content {
    height: 200px;
    position: absolute;
    top: 0;
    width: 100%;
    transition: top 0.25s 0s ease;
}



.app-module-listing-app .app-module-listing-actions {
  background: none repeat scroll 0 0 #F0F0F0;
    bottom: 0;
    padding:5px 7px;
    position: absolute;
    border-top:1px solid #E8E8E8;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.app-module-listing-app.alt .app-module-listing-actions {
  background: none repeat scroll 0 0 var(--accent-color-100);
  
}

.app-module-listing-app .app-module-action-buttons .btn {
  float:right;
  }

div.app-module-listing-action-text {
  font-weight: bold;
  margin-top: 6px;
  text-align: center;
  color: var(--accent-color-100);
}

div.app-module-listing-price {
  color: var(--accent-color-100);
}

.app-module-listing-app.alt div.app-module-listing-price {
  color: #fff;
}

div.app-module-listing-unavailable {
  color: #da4f49;
}

div.app-module-listing-required {
  color: #E2C116;
}

div.popup.app-module-action-popup {
  background-color: var(--accent-color-100) !important;
  border-radius: 6px !important;
  color: #FFFFFF  !important;
}

div.app-module-action-popup h3 {
  font-style:italic;
  font-size: 24px;
  color: #FFFFFF;
  white-space:nowrap;
}


/*  Exports */
.export-tile {
    cursor:pointer;
}

.export-tile > * {
    margin-left: 10px;
    margin-top: 10px;
}
.export-tile .exports-image {
    margin:auto;
    height: 75px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.export-tile .exports-image#generic {
    background-image: url("/images/orders/export/export-logo-csv.png")
}
.export-tile .exports-image#xero {
    background-image: url("/images/orders/export/export-logo-xero.png")
}
.export-tile .exports-image#shopworks {
    background-image: url("/images/orders/export/export-logo-shopworks.png")
}
.export-tile .exports-image#quicken {
    background-image: url("/images/orders/export/export-logo-quicken.png")
}
.export-tile .exports-image#myob {
    background-image: url("/images/integrations/myob/logo.png")
}
.dn-padded-row {
    margin-bottom: 20px;
}
.dn-radio-list {
    margin-left: 50px;
}
.dn-datepicker-label {
    font-weight: bold;
}
.dn-export-date {
    width: 132px;
    height: 10px;
    margin-top: 8px;
}
.dn-export-date-link {
    background-image: url(/images/icons/famfam/calendar.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin: -28px 125px 0;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
    position: absolute;
}

.dn-export-field-error {
    border:1px solid red !important;
}

.dn-export-field-error-message {
  color: red;
  font-weight: bold;
}

.dn-d-none {
  display: none;
}

/* Production Order Settings */

input.production_day {
  margin-left: 8px;
  margin-right: 5px;
}

.dn-date-link {
  background-image: url(/images/calendar_date_select/calendar.gif);
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin: -2px 0 0 5px;
  padding: 0;
  text-indent: -9999px;
  width: 22px;
  vertical-align: middle;
  background-size: contain;
}

#products_heading {
  padding: 5px 15px 5px;
  font-size: 1em;
}

#products_heading input[type="text"] {
  margin: 0;
}

#color_replace_swatch .submit {
  padding: 5px 20px 8px 0px;
  text-align: right;
  clear: both;
}

/* dnm compatability */
.col-container-right,
.col-middle,
.section,
.control-group {
  box-sizing: content-box;  
}

/* JWT */
.jwt-code  {
  font-family: 'monospace';
  margin-bottom: 20px;
}
.jwt-header {
  color: #fb015b;
}
.jwt-payload {
  color: #d63aff;
}
.jwt-token {
  word-wrap: break-word;
  font-family: 'monospace';
}

.jwt-sig {
  color: #1A4A8A;
}