/*
boomerank CMS
Style Sheet
by boomerank
*/
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								VARIABLES
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
/*=====================================================================
								COLORS
  =====================================================================*/
/* siva za tekst */
/* boomerank rdeča*/
/* boomerank modra */
/* črna -> siva */
/* zelena */
/*=====================================================================
								BORDERS
  =====================================================================*/
/*=====================================================================
								SHADOWS
  =====================================================================*/
/*=====================================================================
							GRADIENT BACKGROUND
  =====================================================================*/
/*=====================================================================
							BOX SIZING
  =====================================================================*/
/*=====================================================================
								TRANSITION
  =====================================================================*/
/*=====================================================================
									FONTS
  =====================================================================*/
/* Icons */
@font-face {
  font-family: 'Icons';
  src: url('/common/font/icons.eot');
  /* IE9 Compat Modes */
  src: url('/common/font/icons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/common/font/icons.woff') format('woff'), /* Modern Browsers */ url('/common/font/icons.ttf') format('truetype'), /* Safari, Android, iOS */ url('/common/font/icons.svg#Icons') format('svg');
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								BASICS
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
* {
  border: 0;
  margin: 0;
  padding: 0;
}
body {
  background: #ebebeb;
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin: 0 auto;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								HEADER
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
#header {
  background: #0076be;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0076be), color-stop(100%, #006aab));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* IE10+ */
  background: linear-gradient(top, #0076be 0%, #006aab 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0076be, endColorstr=#006aab, GradientType=0);
  /* IE6-9 */
  overflow: hidden;
  padding: 5px 0 3px 0;
}
/*=====================================================================
								LOGO
  =====================================================================*/
#header .logo {
  float: left;
  padding: 5px 0 0 10px;
}
/*=====================================================================
								USER
  =====================================================================*/
#header .user {
  color: #fff;
  float: right;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
}
/* help */
#header a.help {
  background: #308ec8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  float: left;
  height: 30px;
  outline: 0;
  padding: 6px 0 0 2px;
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  text-align: center;
  text-decoration: none;
  width: 30px;
}
/* logged user */
#header .user div {
  float: left;
  padding-left: 30px;
}
#header .user div span {
  font-weight: normal;
}
#header .user ul {
  float: left;
  list-style: none;
  overflow: hidden;
  padding-left: 10px;
}
#header .user ul li {
  float: left;
  margin: 1px 10px 3px 0;
}
#header .user ul li a {
  background: #308ec8;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  float: left;
  font-size: 1 3px;
  height: 22px;
  padding: 6px 10px 0 28px;
  position: relative;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
#header .user ul li a:hover {
  background: #489acd;
}
/* profile */
#header .user ul li.profile a:before {
  background: url(/pic/icons-white.png) no-repeat -72px 0;
  content: "";
  display: block;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 1px;
  width: 24px;
}
/* logout */
#header .user ul li.logout a {
  background: #ee587a;
}
#header .user ul li.logout a:hover {
  background: #ee436a;
}
#header .user ul li.logout a:before {
  background: url(/pic/icons-white.png) no-repeat -96px 0;
  content: "";
  display: block;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 1px;
  width: 24px;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								TITLE
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
#client {
  height: 32px;
  padding: 8px 10px 6px 10px;
}
#client h1 {
  color: #333;
  float: left;
  font-size: 25px;
  font-weight: normal;
  line-height: 32px;
  position: relative;
  padding: 0 20px 0 0;
}
/* puščica */
#client h1 #clientChange {
  background: url(/pic/icon-down.png) no-repeat center center;
  cursor: pointer;
  display: inline-block;
  width: 16px;
}
/* seznam ostalih strani */
#client h1 ul#clientList {
  background: #fff;
  border: 1px solid #c0c0c0;
  border-bottom-color: #909090;
  border-right-color: #909090;
  display: none;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 5px;
  position: absolute;
  top: 32px;
  z-index: 10;
}
#client h1 ul#clientList li {
  margin: 0;
  padding: 0;
}
#client h1 ul#clientList a {
  color: #333;
  display: block;
  font-size: 20px;
  line-height: 24px;
  padding: 5px;
  text-decoration: none;
  white-space: nowrap;
}
#client h1 ul#clientList a:hover {
  background: #0076be;
  color: #fff;
}
/* language */
#client ul.language {
  float: left;
  font-size: 12px;
  line-height: 14px;
  list-style: none;
  margin-top: 3px;
  overflow: hidden;
}
#client ul.language li {
  float: left;
  margin: 0 10px 3px 0;
}
#client ul.language li a {
  background: #fff;
  border: 1px solid #c0c0c0;
  border-bottom-color: #909090;
  border-right-color: #909090;
  color: #333;
  display: block;
  height: 18px;
  padding: 3px 7px 0 7px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  text-decoration: none;
}
#client ul.language li a:hover {
  background: #0076be;
  border: 0;
  color: #fff;
  height: 19px;
  padding: 4px 8px 0 8px;
}
#client ul.language li span {
  background: #0076be;
  color: #fff;
  float: left;
  height: 19px;
  padding: 4px 8px 0 8px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								MAIN
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
#main {
  overflow: hidden;
  padding-bottom: 10px;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
							CONTENT LEFT
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
#panelLeft {
  float: left;
  padding-top: 5px;
  width: 170px;
}
#panelLeft h2 {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  margin: 25px 10px 8px 10px;
  padding-left: 23px;
  position: relative;
}
#panelLeft h2:before {
  content: "";
  display: block;
  height: 24px;
  left: -2px;
  position: absolute;
  top: -4px;
  width: 24px;
}
#panelLeft h2.edit:before {
  background: url(/pic/icons.png) no-repeat -24px 0;
}
#panelLeft h2.control:before {
  background: url(/pic/icons.png) no-repeat -48px 0;
}
#panelLeft ul {
  list-style: none;
}
#panelLeft ul li {
  margin-bottom: 6px;
}
#panelLeft ul li a {
  background: #fff;
  border: 1px solid #c0c0c0;
  border-bottom-color: #909090;
  border-right-color: #909090;
  color: #333;
  display: block;
  font-size: 13px;
  line-height: 18px;
  margin: 0 10px;
  padding: 6px;
  position: relative;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  text-decoration: none;
}
#panelLeft ul li a:hover,
#panelLeft ul li a.active {
  background: #0076be;
  border: 0;
  color: #fff;
  padding: 7px;
}
#panelLeft ul li a.active:after {
  background: url(/pic/menu-arrow.png) no-repeat 0 0;
  content: "";
  display: block;
  height: 34px;
  left: 148px;
  position: absolute;
  top: -1px;
  width: 20px;
  z-index: 5;
}
/* dashboard */
#panelLeft ul li.home a {
  padding-left: 30px;
}
#panelLeft ul li.home a:before {
  background: url(/pic/icons.png) no-repeat -72px 0;
  content: "";
  display: block;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 24px;
}
#panelLeft ul li.home a:hover:before,
#panelLeft ul li.home a.active:before {
  background: url(/pic/icons.png) no-repeat -96px 0;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								TABS
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
ul#tabs {
  list-style: none;
  overflow: hidden;
}
ul#tabs li {
  float: left;
  margin-right: 20px;
  position: relative;
}
ul#tabs li.active {
  z-index: 3;
}
ul#tabs li a {
  background: #489acd;
  color: #fff;
  float: left;
  background: -moz-linear-gradient(top, #308ec8 0%, #489acd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #308ec8), color-stop(100%, #489acd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #308ec8 0%, #489acd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #308ec8 0%, #489acd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #308ec8 0%, #489acd 100%);
  /* IE10+ */
  background: linear-gradient(top, #308ec8 0%, #489acd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#308ec8, endColorstr=#489acd, GradientType=0);
  /* IE6-9 */
  font-size: 15px;
  line-height: 16px;
  padding: 12px 20px;
  text-decoration: none;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
ul#tabs li a:hover {
  background: #489acd;
}
ul#tabs li.active a {
  background: #0076be;
  cursor: default;
  background: -moz-linear-gradient(top, #006aab 0%, #0076be 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006aab), color-stop(100%, #0076be));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #006aab 0%, #0076be 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #006aab 0%, #0076be 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #006aab 0%, #0076be 100%);
  /* IE10+ */
  background: linear-gradient(top, #006aab 0%, #0076be 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#006aab, endColorstr=#0076be, GradientType=0);
  /* IE6-9 */
}
ul#tabs li:before,
ul#tabs li:after,
ul#tabs li a:before,
ul#tabs li a:after {
  bottom: 0;
  position: absolute;
}
/* vsem dodamo krogce */
ul#tabs li:after,
ul#tabs li a:after,
ul#tabs li:before,
ul#tabs li a:before {
  content: "";
}
ul#tabs li.active:before,
ul#tabs li.active:after {
  background: #0076be;
  z-index: 1;
}
/* kvadratki */
ul#tabs li:before,
ul#tabs li:after {
  background: #489acd;
  height: 10px;
  width: 10px;
}
ul#tabs li:before {
  left: -10px;
}
ul#tabs li:after {
  right: -10px;
}
/* krogci */
ul#tabs li a:after,
ul#tabs li a:before {
  background: #ebebeb;
  height: 20px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  width: 20px;
  z-index: 2;
}
ul#tabs li.active a:after,
ul#tabs li.active a:before {
  background: #ebebeb;
}
/* prvi in zadnji tab imata drugačno zunanjo barvo */
ul#tabs li:first-child.active a:before,
ul#tabs li:last-child.active a:after {
  background: #ebebeb;
}
ul#tabs li a:before {
  left: -20px;
}
ul#tabs li a:after {
  right: -20px;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								CONTENT
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
#panel {
  background: #0076be;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  margin: 0 10px 0 170px;
  min-height: 350px;
  min-width: 260px;
  overflow: hidden;
  overflow-y: visible;
  padding: 12px 20px 40px 20px;
  position: relative;
  -webkit-border-radius: 0 10px 10px 10px;
  -moz-border-radius: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
}
/* caption */
#panel p.caption {
  color: #fff;
  font-size: 11px;
  margin: -15px 5px 2px 0;
  text-align: right;
}
/* last change */
#panel p.lastchange {
  color: #fff;
  font-size: 11px;
  margin: 20px 0 5px 0;
}
/* hidden elements */
.off {
  display: none;
}
/* if buttons at bottom */
.withButtons {
  margin-bottom: 65px;
}
/*=====================================================================
								TITLES
  =====================================================================*/
#panel h1 {
  color: #fff;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 25px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 15px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
#panel h2,
#login h2 {
  background: #ebebeb;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  color: #333;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  background: -moz-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#d8d8d8, GradientType=0);
  /* IE6-9 */
  line-height: 24px;
  margin: 20px 0 0 0;
  padding: 8px 20px;
  position: relative;
  -webkit-border-radius: 5px 5px 1px 1px;
  -moz-border-radius: 5px 5px 1px 1px;
  border-radius: 5px 5px 1px 1px;
}
#panel h2.toggle {
  cursor: pointer;
}
#panel h2.toggle:hover {
  color: #000;
}
#panel h2.toggle:hover:before {
  content: url(/pic/icon-down.png);
  position: absolute;
  right: 20px;
  top: 8px;
}
#panel h3 {
  color: #333;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 20px 0 0 0;
  padding: 0;
}
#panel h3 a {
  color: #333;
  text-decoration: underline;
}
#panel h3 a:hover {
  color: #000;
}
#panel h4 {
  color: #fff;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 0 0 5px 0;
  padding: 0;
}
/*=====================================================================
								WIDGETS
  =====================================================================*/
#panel div.section {
  background: #fff;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  margin: -4px 0 20px 0;
  overflow: hidden;
  padding: 15px 20px 15px 20px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
/*----------------------------------------------------------------------
							GOOGLE ANALYTICS
  ---------------------------------------------------------------------*/
#analyticsWidgetVisits {
  min-width: 740px;
}
#panel ul.gaVisits {
  background: #ebebeb;
  border: 1px solid #909090;
  background: -moz-linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* IE10+ */
  background: linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#ebebeb, GradientType=0);
  /* IE6-9 */
  list-style: none;
  margin: 0 0 15px 0;
  min-width: 740px;
  overflow: hidden;
  padding: 0;
}
#panel ul.gaVisits li {
  border-left: 1px solid #909090;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 5px 8px;
  width: 14.2857%;
}
#panel ul.gaVisits li:first-child {
  border: 0;
}
#panel ul.gaVisits li span.number {
  font-size: 18px;
  font-weight: bold;
}
#panel ul.gaVisits li span.minus {
  color: #ed1848;
}
#panel ul.gaVisits li span.plus {
  color: #5c9240;
}
/*----------------------------------------------------------------------
							MODUL WIDGETS
  ---------------------------------------------------------------------*/
#panel .widgetList {
  clear: both;
  margin-right: -30px;
  overflow: hidden;
  position: relative;
}
#panel .widget {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-right: 30px;
  width: 33.33%;
}
#panel .widget.fixed {
  position: fixed;
  right: 0;
  width: 28%;
}
#panel .widget h2 {
  margin-top: 10px;
}
#panel .widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#panel .widget h3 {
  color: #333;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 6px 0;
  padding: 0;
  text-align: center;
}
#panel .widget h3 span {
  font-size: 12px;
  font-weight: normal;
}
#panel .widget table {
  width: 100%;
}
#panel .widget tr th {
  background: #d8e4eb;
  border-bottom: 1px solid #d8d8d8;
  font-size: 13px;
  font-weight: bold;
  background: -moz-linear-gradient(top, #fff 0%, #c0d8e6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #c0d8e6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #c0d8e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #c0d8e6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #c0d8e6 100%);
  /* IE10+ */
  background: linear-gradient(top, #fff 0%, #c0d8e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#c0d8e6, GradientType=0);
  /* IE6-9 */
  padding: 5px;
  white-space: nowrap;
}
#panel .widget tr td {
  border-bottom: 1px solid #d8d8d8;
  padding: 5px;
}
/* center align */
#panel .widget tr th.center,
#panel .widget tr td.center {
  text-align: center;
}
/* hoover efect */
#panel .widget tr:hover td {
  background: #ebebeb;
}
/* link v tabeli */
#panel .widget tr td a {
  display: block;
  text-decoration: none;
}
/* link more */
#panel .widget p.more {
  font-size: 11px;
  padding: 2px 0 0 5px;
}
#panel .widget p.more a {
  color: #006aab;
  text-decoration: underline;
}
#panel .widget p.more a:hover {
  text-decoration: none;
}
/* več */
#panel .widget td.more {
  background: #d8e4eb;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  background: -moz-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8e4eb), color-stop(100%, #c0d8e6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* IE10+ */
  background: linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8e4eb, endColorstr=#c0d8e6, GradientType=0);
  /* IE6-9 */
  padding: 4px;
}
#panel .widget td.more:hover {
  background: #c0d8e6;
}
#panel .widget td.more span {
  padding: 0 20px;
}
#panel .widget td.more:hover span {
  background: url(/pic/icon-down.png) no-repeat right center;
}
/* manj */
#panel .widget td.more.active:hover span {
  background: url(/pic/icon-up.png) no-repeat right center;
}
/*=====================================================================
								FORMS
  =====================================================================*/
form fieldset {
  background: #fff;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  margin: -4px 0 20px 0;
  padding: 10px 20px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
form p {
  margin-bottom: 10px;
  position: relative;
}
form hr {
  background: #c0c0c0;
  border: 0;
  height: 2px;
  margin: 25px 0 20px 0;
}
/* napaka */
form p.error {
  background: #ed1848;
  color: #fff;
  font-weight: bold;
  margin: 0 -20px 10px -20px;
  padding: 10px 20px 10px 42px;
  position: relative;
}
form td p.error {
  margin: 0;
}
form p.error:before {
  background: url(/pic/icons-white.png) no-repeat -24px 0;
  content: "";
  display: block;
  height: 24px;
  left: 10px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}
/* obvestilo */
form p.note {
  background: #f0dadf;
  border: 1px solid #ed1848;
  margin: 0 0 5px 0;
  padding: 8px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
/* gumbi na desni */
form p.buttons-right {
  float: right;
  margin: 8px 0 0 20px;
}
/* izpostavljeno */
form p.special {
  background: #c0d8e6;
  float: left;
  margin: 0 20px 10px -20px;
  padding: 10px 20px;
}
/* label */
form label {
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
}
/* label pri checkboxih in radio buttnih*/
form label.checkbox {
  display: inline;
  font-weight: normal;
  line-height: 22px;
}
/* manjši label */
form label.small {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  margin-top: 10px;
}
/* label optional */
form label span {
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}
form input[type=text],
form input[type=password],
form textarea,
form select {
  border: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 18px;
  padding: 6px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  width: 100%;
}
form select {
  font-size: 14px;
  width: auto;
}
form textarea {
  font-size: 14px;
  resize: vertical;
}
form input.short {
  width: auto;
}
/* smaller field */
form input.small {
  font-size: 14px;
  padding: 3px;
  width: auto;
}
/* smaller select */
form select.small {
  font-size: 14px;
  padding: 2px;
  width: auto;
}
/* readonly fields */
form input[readonly="readonly"] {
  background: #ebebeb;
}
/* datepicker field */
form input.datepicker,
form input.datepickerAlldates,
form input.datepickerPrevious,
form input.datepickerNext,
form input.datepickerNextExtra {
  font-size: 14px;
  padding: 3px;
  width: 120px;
}
input[type=submit] {
  background: #0076be;
  /* Old browsers */
  border: 1px solid #0076be;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  background: -moz-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0076be), color-stop(100%, #006aab));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* IE10+ */
  background: linear-gradient(top, #0076be 0%, #006aab 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0076be, endColorstr=#006aab, GradientType=0);
  /* IE6-9 */
  padding: 8px 12px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
input[type=submit]:hover {
  border: 1px solid #c0d8e6;
  -moz-box-shadow: 0 0 5px #0076be;
  -webkit-box-shadow: 0 0 5px #0076be;
  box-shadow: 0 0 5px #0076be;
}
input[type=button],
input[type=submit].button {
  background-color: #d8d8d8;
  border: 1px solid #c0c0c0;
  color: #333;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  background: -moz-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#d8d8d8, GradientType=0);
  /* IE6-9 */
  line-height: 16px;
  padding: 4px 8px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-shadow: none;
}
input[type=button]:hover,
input[type=submit].button:hover {
  border: 1px solid #308ec8;
  -moz-box-shadow: 0 0 3px #0076be;
  -webkit-box-shadow: 0 0 3px #0076be;
  box-shadow: 0 0 3px #0076be;
}
/*----------------------------------------------------------------------
								AREA LIST
  ---------------------------------------------------------------------*/
select#areaID option.level1,
select#parentID option.level1,
select#crossAreaID option.level1 {
  font-weight: bold;
  margin-top: 5px;
}
select#areaID option.level2,
select#parentID option.level2,
select#crossAreaID option.level2 {
  font-weight: bold;
  margin-top: 8px;
  padding-left: 3px;
}
select#areaID option.level3,
select#parentID option.level3,
select#crossAreaID option.level3 {
  margin-top: 3px;
  padding-left: 6px;
}
/*----------------------------------------------------------------------
								DESCRIPTION
  ---------------------------------------------------------------------*/
form span.desc {
  display: block;
  font-size: 11px;
  margin-top: 5px;
}
form span.count {
  background: #0076be;
  color: #fff;
  display: inline;
  padding: 2px 4px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
form span.overlimit {
  background: #ed1848;
}
/*----------------------------------------------------------------------
							ATTACHMENTS on product
  ---------------------------------------------------------------------*/
p.attachment {
  margin: 0;
  overflow: hidden;
  padding: 5px 0 10px 0;
  position: relative;
}
p.attachment img {
  float: left;
}
p.attachment span {
  display: inline-block;
  float: left;
  padding: 7px 15px 0 5px;
}
p.attachment span a {
  color: #333;
}
p.attachment a.delete {
  margin-top: 15px;
}
/*----------------------------------------------------------------------
							PERMISSIONS on customer
  ---------------------------------------------------------------------*/
#permission .copy-paste {
  margin: 10px 0 20px 0;
}
#permission .group {
  overflow: hidden;
}
#permission .expand {
  cursor: pointer;
  display: block;
  float: left;
  height: 22px;
  line-height: 22px;
  margin: 10px 0 0 0;
}
#permission .expand.root {
  font-size: 14px;
}
#permission .expand span {
  background: #0076be url("/pic/icons-white.png") no-repeat -1px -25px;
  float: left;
  height: 22px;
  margin-right: 5px;
  padding: 0;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-decoration: none;
  width: 22px;
}
#permission .minus span {
  background: #0076be url("/pic/icons-white.png") no-repeat -25px -25px;
}
#permission .checkall {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  margin: 10px 0 0 5px;
}
#permission .checkall a {
  color: #000;
}
#permission .area-list div div {
  clear: both;
  margin-left: 14px;
}
#permission .area-list div div div div {
  clear: both;
  margin-left: 14px;
}
/*----------------------------------------------------------------------
							BUTTONS (on bottom)
  ---------------------------------------------------------------------*/
#panel div.buttons {
  background: #ebebeb;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  padding: 15px 20px;
  position: absolute;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  width: 100%;
}
#panel div.buttons a.button,
#panel div.buttons input[type=submit],
#panel div.buttons button {
  background: #0076be;
  /* Old browsers */
  border: 1px solid #0076be;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  background: -moz-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0076be), color-stop(100%, #006aab));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* IE10+ */
  background: linear-gradient(top, #0076be 0%, #006aab 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0076be, endColorstr=#006aab, GradientType=0);
  /* IE6-9 */
  padding: 8px 12px;
  position: relative;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
#panel div.buttons a.button.loading,
#panel div.buttons input[type=submit].loading,
#panel div.buttons button.loading {
  padding-left: 2em;
}
#panel div.buttons a.button.loading:before,
#panel div.buttons input[type=submit].loading:before,
#panel div.buttons button.loading:before {
  content: url(/pic/loading-expand.gif);
  left: 8px;
  position: absolute;
}
#panel div.buttons button {
  padding: 7px 12px;
}
#panel div.buttons a.button:hover,
#panel div.buttons input[type=submit]:hover,
#panel div.buttons button:hover {
  border: 1px solid #c0d8e6;
  -moz-box-shadow: 0 0 5px #0076be;
  -webkit-box-shadow: 0 0 5px #0076be;
  box-shadow: 0 0 5px #0076be;
}
/*----------------------------------------------------------------------
							SAVE (on right)
  ---------------------------------------------------------------------*/
#panel form .save {
  position: absolute;
  right: 20px;
  z-index: 1;
}
#panel form .save fieldset {
  background: #d8e4eb;
  background: -moz-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8e4eb), color-stop(100%, #c0d8e6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* IE10+ */
  background: linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8e4eb, endColorstr=#c0d8e6, GradientType=0);
  /* IE6-9 */
  margin: 0 0 15px 0;
}
#panel form .save fieldset select,
#panel form .save fieldset input[type=submit],
#panel form .save fieldset input[type=button] {
  width: 100%;
}
#panel form .save fieldset .buttons {
  background: none;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  text-align: center;
}
#panel form .save a.button {
  background: #0076be;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0076be), color-stop(100%, #006aab));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* IE10+ */
  background: linear-gradient(top, #0076be 0%, #006aab 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0076be, endColorstr=#006aab, GradientType=0);
  /* IE6-9 */
  border: 1px solid #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  width: 100%;
}
#panel form .save a.button:hover {
  -moz-box-shadow: 0 0 5px #fff;
  -webkit-box-shadow: 0 0 5px #fff;
  box-shadow: 0 0 5px #fff;
}
#panel h2.left,
#panel form fieldset.left {
  margin-right: 160px;
}
/*=====================================================================
								SEARCH
  =====================================================================*/
form fieldset.search {
  background: #d8e4eb;
  background: -moz-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8e4eb), color-stop(100%, #c0d8e6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* IE10+ */
  background: linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8e4eb, endColorstr=#c0d8e6, GradientType=0);
  /* IE6-9 */
  margin: 0 0 30px 0;
}
form fieldset.search p {
  float: left;
  margin-right: 40px;
}
form fieldset.search div.box {
  float: left;
  margin-right: 40px;
}
form fieldset.search ul {
  list-style: none;
}
form fieldset.search label {
  font-weight: normal;
}
form fieldset.search input[type=submit],
form fieldset.search input.submit,
form fieldset.search a.button-large {
  background: #0076be;
  /* Old browsers */
  border: 1px solid #0076be;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  background: -moz-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0076be), color-stop(100%, #006aab));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* IE10+ */
  background: linear-gradient(top, #0076be 0%, #006aab 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0076be, endColorstr=#006aab, GradientType=0);
  /* IE6-9 */
  margin-top: 14px;
  padding: 8px 12px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
form fieldset.search input[type=submit]:hover,
form fieldset.search input.submit:hover,
form fieldset.search a.button-large:hover {
  border: 1px solid #c0d8e6;
  -moz-box-shadow: 0 0 5px #0076be;
  -webkit-box-shadow: 0 0 5px #0076be;
  box-shadow: 0 0 5px #0076be;
}
/*=====================================================================
								TABLES
  =====================================================================*/
td,
th {
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  vertical-align: center;
}
td a {
  color: #333;
}
td a:hover {
  color: #0076be;
}
/*----------------------------------------------------------------------
								LIST
  ---------------------------------------------------------------------*/
table.list {
  background: #fff;
  border-spacing: 0;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
table.list caption {
  color: #fff;
  font-size: 11px;
  padding-bottom: 3px;
  text-align: right;
}
table.list tr th {
  font-size: 14px;
  font-weight: bold;
  background: -moz-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#d8d8d8, GradientType=0);
  /* IE6-9 */
  padding: 8px;
  white-space: nowrap;
}
table.list tr th:first-child {
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
table.list tr th:last-child {
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
table.list tr th:only-child {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
table.list tr th a {
  color: #333;
  position: relative;
  text-decoration: none;
}
table.list tr th a:after {
  color: #333;
  content: "s";
  display: inline-block;
  font-family: "Icons", sans-serif;
  font-size: 10px;
  margin-left: 4px;
  padding: 2px 2px 0 0;
  speak: none;
  -webkit-font-smoothing: antialiased;
}
table.list tr th a.asc:after {
  content: "u";
  font-size: 14px;
  padding: 0;
}
table.list tr th a.desc:after {
  content: "d";
  font-size: 14px;
  padding: 0;
}
table.list tr th a:hover,
table.list tr th a:hover:after {
  color: #0076be;
}
table.list tr td {
  border-bottom: 1px solid #d8d8d8;
  padding: 6px 8px;
}
table.list tr:last-child td {
  border: 0;
}
table.list tr:first-child td {
  border-top: 1px solid #d8d8d8;
}
table.list tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 6px;
  -moz-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}
table.list tr:last-child td:last-child {
  -webkit-border-radius: 0 0 6px 0;
  -moz-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}
table.list tr:last-child td:only-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
/* hoover efect */
table.list tr:hover td {
  background: #ebebeb;
}
/* rdeča vrstica */
table.list tr.red td {
  background: #f0dadf;
}
table.list tr.red:hover td {
  background: #efc5ce;
}
/* siva vrstica */
table.list tr.grey td {
  background: #ebebeb;
}
table.list tr.grey:hover td {
  background: #d8d8d8;
}
/* rumena vrstica */
table.list tr td.yellow {
  background: yellow;
}
/* new */
table.list tr.new td {
  font-weight: bold;
}
/* neaktivna vrstica */
table.list tr.inactive td {
  color: #787878;
}
/* uvodna celica */
table.list tr td.title {
  font-size: 13px;
}
table.list tr td.title span.empty {
  font-style: italic;
}
/* celica za sort */
table.list tr td.sort {
  cursor: move;
  min-width: 90px;
  text-align: center;
  white-space: nowrap;
}
table.list tr td.sort span {
  background: #0076be;
  border: 0;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  padding: 3px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  width: 13px;
}
table.list tr td.sort.changed span {
  background: #5c9240;
  color: #fff;
}
table.list tr td.sort.green span {
  background: #5c9240;
  color: #fff;
}
table.list tr td.sort.red span {
  background: #ed1848;
  color: #fff;
}
/* celica za url */
table.list tr td.url {
  min-width: 200px;
}
/* celica za status */
table.list tr td.status {
  min-width: 90px;
  white-space: nowrap;
}
/* celica z gumbi */
table td.buttons {
  min-width: 80px;
  text-align: right;
  white-space: nowrap;
}
/* rdeč napis */
table.list td .red {
  color: #ed1848;
  font-style: italic;
}
/* področje */
table.list tr.area td {
  background: #60a7d2;
  background: -moz-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78b3d7), color-stop(100%, #60a7d2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* IE10+ */
  background: linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78b3d7, endColorstr=#60a7d2, GradientType=0);
  /* IE6-9 */
}
table.list tr.area:hover td {
  background: #489acd;
}
table.list tr.area td.title {
  font-size: 13px;
  font-weight: bold;
}
/* footer */
table.list tfoot tr td {
  background: #d8e4eb;
  border-bottom: 0;
  padding: 4px 8px;
}
/* total */
table.list tfoot tr.total td {
  background: #c0d8e6;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 8px;
}
/*----------------------------------------------------------------------
							PRODUCT FIELDS
  ---------------------------------------------------------------------*/
table.list td ul {
  margin: 0 0 0 15px;
  padding: 0;
}
table.list td ul li {
  margin: 0;
  padding: 0;
}
table.list td a.addvalue {
  color: #0076be;
  display: inline-block;
  padding-top: 3px;
  text-decoration: none;
}
table.list td a.addvalue:hover {
  text-decoration: underline;
}
table.list td p.addvalue {
  margin: 0;
  padding: 0;
}
table.list td input {
  margin: 2px 0;
}
a.deleteSmall {
  color: #ed1848;
  font-size: 11px;
  text-decoration: none;
}
a.deleteSmall:hover {
  color: #ed1848;
  text-decoration: underline;
}
table.list td span.edit:hover {
  background: yellow;
  border: 1px dashed #c0c0c0;
  cursor: text;
  display: inline-block;
  min-width: 20px;
}
table.list td.edit:hover {
  background: yellow;
  cursor: pointer;
}
table.list td.edit input {
  border: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 12px;
  padding: 5px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  width: auto;
}
/*----------------------------------------------------------------------
							ANALYTICS DATA
  ---------------------------------------------------------------------*/
/* graf */
.dataGraph {
  float: left;
  overflow: hidden;
  padding: 20px 0;
  width: 40%;
}
/* tabela */
table.dataTable {
  margin-left: 45%;
  width: 55%;
}
/* auto širina */
table.dataTable.auto {
  margin-left: 0;
  width: auto;
}
/* 100% širina */
table.dataTable.full {
  margin-left: 0;
  width: 100%;
}
table.withButtons {
  margin-bottom: 65px;
}
table.dataTable tr th {
  font-size: 14px;
  font-weight: bold;
  background: -moz-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#d8d8d8, GradientType=0);
  /* IE6-9 */
  padding: 8px;
  white-space: nowrap;
}
table.dataTable tr td {
  border-bottom: 1px solid #d8d8d8;
  padding: 6px 8px;
}
table.dataTable tr:hover td {
  background: #ebebeb;
}
table.dataTable tr td.sort {
  width: 15px;
}
table.dataTable tr td.value {
  width: 140px;
  white-space: nowrap;
}
table.dataTable tr td.value .bar {
  background: #0076be;
  display: inline;
  float: left;
  height: 14px;
  margin: 0 10px 0 0;
  min-width: 1px;
}
table.dataTable .right {
  text-align: right;
}
table.dataTable .center {
  text-align: center;
}
/* rdeča vrstica */
table.dataTable tr.red td {
  background: #f0dadf;
}
table.dataTable tr.red:hover td {
  background: #efc5ce;
}
/* new */
table.dataTable tr.new td {
  font-weight: bold;
}
/* več */
table.dataTable .more {
  background: #d8e4eb;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  background: -moz-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8e4eb), color-stop(100%, #c0d8e6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* IE10+ */
  background: linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8e4eb, endColorstr=#c0d8e6, GradientType=0);
  /* IE6-9 */
  padding: 4px;
}
table.dataTable .more:hover {
  background: #c0d8e6;
}
table.dataTable .more span {
  padding: 0 20px;
}
table.dataTable .more:hover span {
  background: url(/pic/icon-down.png) no-repeat right center;
}
/* manj */
table.dataTable .more.active:hover span {
  background: url(/pic/icon-up.png) no-repeat right center;
}
/*=====================================================================
								SITEMAP
  =====================================================================*/
ul#sitemap {
  list-style: none;
}
ul#sitemap ul {
  list-style: none;
}
/* vrstica */
ul#sitemap div.row {
  display: table;
  width: 100%;
}
/* celica */
ul#sitemap span {
  border-bottom: 1px solid #d8d8d8;
  display: table-cell;
  font-size: 12px;
  padding: 5px 5px;
  line-height: 16px;
  vertical-align: middle;
}
/* celica za naslov */
ul#sitemap span.title {
  width: 50%;
}
/* celica za url */
ul#sitemap span.url {
  min-width: 200px;
  white-space: nowrap;
}
/* celica za sort */
ul#sitemap span.sort {
  cursor: move;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}
/* celica za menu */
ul#sitemap span.menu {
  min-width: 60px;
  text-align: center;
  white-space: nowrap;
}
/* celica za status */
ul#sitemap span.status {
  min-width: 80px;
  white-space: nowrap;
}
/* celica za gumbe */
ul#sitemap span.buttons {
  min-width: 65px;
  text-align: right;
  white-space: nowrap;
}
/* pricelist */
ul#sitemap.pricelist span.code {
  min-width: 200px;
}
ul#sitemap.pricelist span.title {
  width: 40%;
}
ul#sitemap.pricelist span.center {
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}
/*----------------------------------------------------------------------
								TITLE ROW
  ---------------------------------------------------------------------*/
ul#sitemap div.header span {
  font-size: 14px;
  font-weight: bold;
  background: -moz-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(top, #ebebeb 0%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#d8d8d8, GradientType=0);
  /* IE6-9 */
  padding: 8px 5px 7px 5px;
}
ul#sitemap div.header span:first-child {
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
ul#sitemap div.header span:last-child {
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
ul#sitemap div.header span:only-child {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
/*----------------------------------------------------------------------
									AREAS
  ---------------------------------------------------------------------*/
/* hoover efect */
ul#sitemap div.area:hover span {
  background: #489acd;
}
/* 1. nivo */
ul#sitemap div.area span {
  background: #60a7d2;
  background: -moz-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78b3d7), color-stop(100%, #60a7d2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* IE10+ */
  background: linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78b3d7, endColorstr=#60a7d2, GradientType=0);
  /* IE6-9 */
}
ul#sitemap div.area span.title {
  font-size: 13px;
  font-weight: bold;
}
ul#sitemap div.area span.title.area {
  line-height: 22px;
}
ul#sitemap div.area span.title.area a {
  color: #333;
  text-decoration: none;
}
ul#sitemap div.area span.title.area a:hover {
  text-decoration: underline;
}
ul#sitemap div.area span.title.area span {
  background: none;
  border: 0;
  display: inline;
  font-weight: normal;
  padding: 0;
}
/* 2. nivo */
ul#sitemap ul ul div.area span {
  background: #78b3d7;
  background: -moz-linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #90bfdc), color-stop(100%, #78b3d7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* IE10+ */
  background: linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90bfdc, endColorstr=#78b3d7, GradientType=0);
  /* IE6-9 */
}
ul#sitemap ul ul div.area span.title {
  padding-left: 15px;
}
/* 3. nivo */
ul#sitemap ul ul ul div.area span {
  background: #90bfdc;
  background: -moz-linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8cbe1), color-stop(100%, #90bfdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* IE10+ */
  background: linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a8cbe1, endColorstr=#90bfdc, GradientType=0);
  /* IE6-9 */
}
ul#sitemap ul ul ul div.area span.title {
  padding-left: 25px;
}
/* 4. nivo */
ul#sitemap ul ul ul ul div.area span {
  background: #a8cbe1;
  background: -moz-linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0d8e6), color-stop(100%, #a8cbe1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* IE10+ */
  background: linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0d8e6, endColorstr=#a8cbe1, GradientType=0);
  /* IE6-9 */
}
ul#sitemap ul ul ul ul div.area span.title {
  padding-left: 35px;
}
/* 5. nivo */
ul#sitemap ul ul ul ul ul div.area span {
  background: #c0d8e6;
  background: -moz-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8e4eb), color-stop(100%, #c0d8e6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* IE10+ */
  background: linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8e4eb, endColorstr=#c0d8e6, GradientType=0);
  /* IE6-9 */
}
ul#sitemap ul ul ul ul ul div.area span.title {
  padding-left: 45px;
}
/* pricelist */
ul#sitemap.pricelist div.area span.title {
  min-width: 200px;
  width: auto;
}
ul#sitemap.pricelist div.area span.title span.edit {
  border-bottom: 0;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  margin: 3px 0 0 5px;
  padding: 0;
  vertical-align: inherit;
}
ul#sitemap.pricelist div.area span.title2 {
  width: 40%;
}
/*----------------------------------------------------------------------
									PAGES
  ---------------------------------------------------------------------*/
ul#sitemap div.page span {
  background: #fff;
}
/* hoover efect */
ul#sitemap div.page:hover span {
  background: #ebebeb;
}
/* rdeča vrstica */
ul#sitemap li.red div.page span.title,
ul#sitemap li.red div.page span.url,
ul#sitemap li.red div.page span.sort,
ul#sitemap li.red div.page span.menu,
ul#sitemap li.red div.page span.status,
ul#sitemap li.red div.page span.buttons {
  background: #f0dadf;
}
ul#sitemap li.red div.page:hover span.title,
ul#sitemap li.red div.page:hover span.url,
ul#sitemap li.red div.page:hover span.sort,
ul#sitemap li.red div.page:hover span.menu,
ul#sitemap li.red div.page:hover span.status,
ul#sitemap li.red div.page:hover span.buttons {
  background: #efc5ce;
}
/* naslov */
ul#sitemap div.page span.title {
  font-size: 13px;
}
/* 2. nivo */
ul#sitemap ul ul div.page span.title {
  padding-left: 33px;
}
/* 3. nivo */
ul#sitemap ul ul ul div.page span.title {
  padding-left: 43px;
}
/* 4. nivo */
ul#sitemap ul ul ul ul div.page span.title {
  padding-left: 53px;
}
/* 5. nivo */
ul#sitemap ul ul ul ul ul div.page span.title {
  padding-left: 63px;
}
/* pricelist */
ul#sitemap.pricelist div.page span.code {
  box-sizing: border-box;
  font-size: 13px;
}
ul#sitemap.pricelist div.page span.code input {
  margin-right: 4px;
}
ul#sitemap.pricelist div.page span.code label {
  display: inline;
  font-weight: normal;
}
ul#sitemap.pricelist ul ul div.page span.code {
  padding-left: 33px;
}
ul#sitemap.pricelist ul ul ul div.page span.code {
  padding-left: 43px;
}
ul#sitemap.pricelist ul ul ul ul div.page span.code {
  padding-left: 53px;
}
ul#sitemap.pricelist ul ul ul ul ul div.page span.code {
  padding-left: 63px;
}
/*----------------------------------------------------------------------
								SORT
  ---------------------------------------------------------------------*/
ul#sitemap span.sort span,
ul#sitemap li.red span.sort span,
ul#sitemap div.page:hover span.sort span {
  background: #0076be;
  border: 0;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  padding: 3px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  width: 13px;
}
ul#sitemap div.area span.sort span,
ul#sitemap div.area:hover span.sort span {
  background: #fff;
  color: #0076be;
  filter: none;
}
ul#sitemap div.page span.changed span,
ul#sitemap div.page:hover span.changed span,
ul#sitemap div.area span.changed span,
ul#sitemap div.area:hover span.changed span {
  background: #5c9240;
  color: #fff;
  filter: none;
}
/*----------------------------------------------------------------------
								MENU
  ---------------------------------------------------------------------*/
ul#sitemap span img {
  vertical-align: middle;
}
/*----------------------------------------------------------------------
								EXPAND
  ---------------------------------------------------------------------*/
ul#sitemap div.area a.edit {
  margin: 3px 0 0 28px;
  text-decoration: none;
}
ul#sitemap div.area a.edit:hover {
  color: #333;
}
ul#sitemap div.area span.title span.expand {
  background: #0076be url(/pic/icons-white.png) no-repeat -1px -25px;
  border: 0;
  cursor: s-resize;
  filter: none;
  float: left;
  height: 22px;
  padding: 0;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-decoration: none;
  width: 22px;
}
ul#sitemap div.area span.title span.expand:hover {
  background: #006aab url(/pic/icons-white.png) no-repeat -1px -25px;
}
ul#sitemap div.area span.title span.minus {
  background: #0076be url(/pic/icons-white.png) no-repeat -25px -25px;
  cursor: n-resize;
}
ul#sitemap div.area span.title span.minus:hover {
  background: #006aab url(/pic/icons-white.png) no-repeat -25px -25px;
}
ul#sitemap div.area span.title span.loading,
ul#sitemap div.area span.title span.loading:hover {
  background: #0076be url(/pic/loading-expand.gif) no-repeat center center;
}
/*----------------------------------------------------------------------
							PRODUCT AREA LIST
  ---------------------------------------------------------------------*/
ul#sitemap div.row.area span.title.product {
  line-height: 26px;
}
ul#sitemap div.row.area span.title.product a {
  text-decoration: none;
}
ul#sitemap div.row.area span.title.product a:hover {
  color: #333;
}
ul#sitemap div.row.area span.title.product a span {
  border: 0;
  display: inline;
  font-size: 11px;
  font-weight: normal;
  padding: 0;
}
/*=====================================================================
								IMAGES
  =====================================================================*/
/*----------------------------------------------------------------------
								MAIN
  ---------------------------------------------------------------------*/
div.imageContainer {
  display: inline-block;
  margin-top: 5px;
  position: relative;
  max-width: 100%;
}
div.imageContainer #image {
  border: 1px solid #c0c0c0;
  margin: 10px 5px 0 0;
  padding: 1px;
  width: 100%;
}
/*----------------------------------------------------------------------
								GALLERY
  ---------------------------------------------------------------------*/
ul#gallery {
  list-style: none;
  margin: 5px 0 0 0;
  overflow: hidden;
  padding: 5px 0 0 0;
}
ul#gallery li {
  display: inline-block;
  float: left;
  font-size: 11px;
  margin: 0 15px 25px 0;
  min-width: 90px;
  padding: 0;
  position: relative;
  text-align: center;
}
ul#gallery li img {
  border: 1px solid #c0c0c0;
  max-width: 100%;
  padding: 1px;
}
/* comment */
ul#gallery li span.comment {
  background: #c0d8e6;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  cursor: pointer;
  font-size: 10px;
  left: 50%;
  line-height: 12px;
  margin: 0 0 -15px -45px;
  padding: 4px;
  position: absolute;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  width: 90px;
}
ul#gallery li span.comment:hover {
  background: #d8e4eb;
}
/* comment */
ul#gallery li span.comment textarea {
  font-size: 10px;
  height: 60px;
  line-height: 14px;
  overflow: hidden;
  padding: 3px;
}
ul#gallery li span.comment button {
  font-size: 11px;
  padding: 4px;
}
/*----------------------------------------------------------------------
							DELETE IMAGE
  ---------------------------------------------------------------------*/
div.imageContainer span.removeImage,
ul#gallery li span.removeImages {
  background: #ee436a url(/pic/icon-delete.png) no-repeat 7px 5px;
  border: 0;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  height: 30px;
  margin: -5px -5px 0 0;
  position: absolute;
  right: 0;
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  top: 0;
  width: 30px;
}
ul#gallery li span.removeImages {
  display: none;
}
ul#gallery li:hover span.removeImages {
  display: block;
}
div.imageContainer span.removeImage:hover,
ul#gallery li span.removeImages:hover {
  background-color: #ed1848;
}
/*----------------------------------------------------------------------
								PROGRESS
  ---------------------------------------------------------------------*/
#container {
  margin-bottom: 10px;
  width: 400px;
}
#container #imageFileList {
  margin: 5px 0 10px 0;
}
.progress {
  background: #ebebeb;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  background: -moz-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
  /* IE10+ */
  background: linear-gradient(top, #f5f5f5 0%, #ebebeb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#ebebeb, GradientType=0);
  /* IE6-9 */
  height: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.progress .bar {
  background: #308ec8;
  -moz-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 11px;
  background: -moz-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #308ec8), color-stop(100%, #0076be));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* IE10+ */
  background: linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#308ec8, endColorstr=#0076be, GradientType=0);
  /* IE6-9 */
  height: 20px;
  padding-left: 5px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  width: 0%;
}
/* start */
.progress.start .bar {
  background: none;
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
/* uspešen prenos */
.progress.successful .bar {
  background: #5c9240;
  background: -moz-linear-gradient(top, #5c9240 0%, #467233 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c9240), color-stop(100%, #467233));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5c9240 0%, #467233 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5c9240 0%, #467233 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5c9240 0%, #467233 100%);
  /* IE10+ */
  background: linear-gradient(top, #5c9240 0%, #467233 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c9240, endColorstr=#467233, GradientType=0);
  /* IE6-9 */
}
/* napaka pri prenosu */
.progress.error .bar {
  background: #ee436a;
  background: -moz-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee436a), color-stop(100%, #ed1848));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* IE10+ */
  background: linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ee436a, endColorstr=#ed1848, GradientType=0);
  /* IE6-9 */
}
/*----------------------------------------------------------------------
							PROGRESS LARGE
  ---------------------------------------------------------------------*/
.progress.large {
  height: 40px;
}
.progress.large .bar {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
}
/*=====================================================================
								PROMO & CROSS
  =====================================================================*/
/*----------------------------------------------------------------------
								AREA LIST
  ---------------------------------------------------------------------*/
#panel #product-areas {
  padding: 5px 0 0 0;
}
#panel #product-areas ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#panel #product-areas li {
  background: #60a7d2;
  background: -moz-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78b3d7), color-stop(100%, #60a7d2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* IE10+ */
  background: linear-gradient(top, #78b3d7 0%, #60a7d2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78b3d7, endColorstr=#60a7d2, GradientType=0);
  /* IE6-9 */
  border-bottom: 1px solid #d8d8d8;
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 5px 20px;
}
/* 2. nivo */
#panel #product-areas li.level2 {
  background: #78b3d7;
  background: -moz-linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #90bfdc), color-stop(100%, #78b3d7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* IE10+ */
  background: linear-gradient(top, #90bfdc 0%, #78b3d7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90bfdc, endColorstr=#78b3d7, GradientType=0);
  /* IE6-9 */
  padding-left: 30px;
}
/* 3. nivo */
#panel #product-areas li.level3 {
  background: #90bfdc;
  background: -moz-linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8cbe1), color-stop(100%, #90bfdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* IE10+ */
  background: linear-gradient(top, #a8cbe1 0%, #90bfdc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a8cbe1, endColorstr=#90bfdc, GradientType=0);
  /* IE6-9 */
  padding-left: 40px;
}
/* 4. nivo */
#panel #product-areas li.level4 {
  background: #a8cbe1;
  background: -moz-linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0d8e6), color-stop(100%, #a8cbe1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* IE10+ */
  background: linear-gradient(top, #c0d8e6 0%, #a8cbe1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0d8e6, endColorstr=#a8cbe1, GradientType=0);
  /* IE6-9 */
  padding-left: 50px;
}
/* 5. nivo */
#panel #product-areas li.level5 {
  background: #c0d8e6;
  background: -moz-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8e4eb), color-stop(100%, #c0d8e6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* IE10+ */
  background: linear-gradient(top, #d8e4eb 0%, #c0d8e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8e4eb, endColorstr=#c0d8e6, GradientType=0);
  /* IE6-9 */
  padding-left: 60px;
}
/* hover */
#panel #product-areas li:hover {
  background: #489acd;
}
/*----------------------------------------------------------------------
								PRODUCT LIST
  ---------------------------------------------------------------------*/
/*#panel #product-list,
#panel #product-selected {
	padding: 5px 0 0 0;
}

#panel #product-list ul,
#panel #product-selected ul {
	height: 300px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#panel #product-list li,
#panel #product-selected li {
	border-bottom: 1px solid #d8d8d8;
	cursor: pointer;
	line-height: 15px;
	list-style: none;
	margin: 0;
	padding: 5px 5px;
}

// hoover efect
#panel #product-list li:hover,
#panel #product-selected li:hover
{
	background: @black2;
}

// neaktiven
#panel #product-list li.inactive,
#panel #product-selected li.inactive {
	background: @red10;
}
#panel #product-list li.inactive:hover,
#panel #product-selected li.inactive:hover
{
	background: @red20;
}

// erpID
#panel #product-list li span,
#panel #product-selected li span {
	font-size: 11px;
}*/
/*----------------------------------------------------------------------
								PRODUCT TRASH
  ---------------------------------------------------------------------*/
#panel #product-trash {
  background: #ee849c;
}
/*=====================================================================
								ORDERS
  =====================================================================*/
/*----------------------------------------------------------------------
								MODAL
  ---------------------------------------------------------------------*/
.multimodal {
  background: #fff;
  border: 1px solid #c0c0c0;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  float: left;
  background: -moz-linear-gradient(top, #d8d8d8 0%, #fff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), color-stop(100%, #fff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d8d8d8 0%, #fff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d8d8d8 0%, #fff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d8d8d8 0%, #fff 100%);
  /* IE10+ */
  background: linear-gradient(top, #d8d8d8 0%, #fff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8d8d8, endColorstr=#fff, GradientType=0);
  /* IE6-9 */
  min-width: 180px;
  padding: 5px 10px 1px 10px;
  position: absolute;
  -webkit-border-radius: 1px 1px 1px 1px;
  -moz-border-radius: 1px 1px 1px 1px;
  border-radius: 1px 1px 1px 1px;
  z-index: 2;
}
.multimodal input[type=submit] {
  font-size: 12px;
  line-height: 12px;
  padding: 6px 10px;
}
/*----------------------------------------------------------------------
								DETAILS
  ---------------------------------------------------------------------*/
#panel .box4 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-top: 10px;
  min-width: 160px;
  padding-right: 20px;
  width: 25%;
}
#panel .box4 h3 {
  margin-bottom: 5px;
}
#panel .box4 hr {
  height: 1px;
  margin: 4px 0;
}
.back {
  background: #c0d8e6;
  -webkit-border-radius: 3px 5px 5px 5px;
  -moz-border-radius: 3px 5px 5px 5px;
  border-radius: 3px 5px 5px 5px;
  padding: 10px;
}
.box2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-right: 30px;
  position: relative;
  width: 50%;
}
.box2 p.status {
  background: #0076be url(/pic/icon-processing.png) no-repeat 15px center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  height: 70px;
  line-height: 18px;
  margin: 10px 0 10px 0;
  padding: 27px 10px 0 75px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
.box2 p.status.completed {
  background: #5c9240 url(/pic/icon-completed.png) no-repeat 15px center;
}
.box2 p.status.canceled {
  background: #ed1848 url(/pic/icon-canceled.png) no-repeat 15px center;
}
.box2 p.status.arrived {
  background: #5c9240 url(/pic/icon-processing.png) no-repeat 15px center;
}
/* confirm button */
.box2 input[type=button].confirm {
  background: #0076be;
  /* Old browsers */
  border: 1px solid #0076be;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  background: -moz-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0076be), color-stop(100%, #006aab));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0076be 0%, #006aab 100%);
  /* IE10+ */
  background: linear-gradient(top, #0076be 0%, #006aab 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0076be, endColorstr=#006aab, GradientType=0);
  /* IE6-9 */
  padding: 8px 12px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.box2 input[type=button].confirm:hover {
  border: 1px solid #c0d8e6;
  -moz-box-shadow: 0 0 5px #0076be;
  -webkit-box-shadow: 0 0 5px #0076be;
  box-shadow: 0 0 5px #0076be;
}
/* cancel button */
.box2 input[type=button].cancel {
  background: #ed1848;
  /* Old browsers */
  border: 1px solid #ed1848;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  background: -moz-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee436a), color-stop(100%, #ed1848));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* IE10+ */
  background: linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ee436a, endColorstr=#ed1848, GradientType=0);
  /* IE6-9 */
  padding: 4px 6px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.box2 input[type=button].cancel:hover {
  border: 1px solid #efc5ce;
  -moz-box-shadow: 0 0 5px #ed1848;
  -webkit-box-shadow: 0 0 5px #ed1848;
  box-shadow: 0 0 5px #ed1848;
}
/* notes */
fieldset .notes p {
  line-height: 15px;
  margin: 0 0 8px 0;
}
fieldset .notes p span {
  font-size: 11px;
  font-weight: bold;
}
/*=====================================================================
							EMAIL ACTIVATION
  =====================================================================*/
.activationForm {
  background: #ebebeb;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  max-width: 600px;
  padding: 10px 15px;
}
/*=====================================================================
							LINK BUTTONS
  =====================================================================*/
/*----------------------------------------------------------------------
						EDIT, DETAILS, DOWNLOAD
  ---------------------------------------------------------------------*/
a.edit,
a.details,
a.download {
  color: #333;
  display: block;
  padding-right: 60px;
  position: relative;
}
a.edit:hover,
a.details:hover,
a.download:hover {
  color: #006aab;
}
a.edit:after,
a.details:after,
a.download:after {
  background: #0076be url(/pic/icon-edit.png) no-repeat 6px 6px;
  color: #fff;
  content: "Uredi";
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  margin-top: -4px;
  opacity: 0;
  padding: 4px 6px 4px 22px;
  position: absolute;
  right: 0;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
a.edit:hover:after,
a.details:hover:after,
a.download:hover:after {
  opacity: 1;
}
/* details */
a.details:after {
  background: #0076be url(/pic/icon-details.png) no-repeat 6px 6px;
  content: "Podrobnosti";
}
/* download */
a.download:after {
  background: #0076be url(/pic/icon-download.png) no-repeat 4px 5px;
  content: "Prenesi";
}
/*----------------------------------------------------------------------
				RESTORE, DUPLICATE, SEND, REDEEM, ACTIVATE, PRINT
  ---------------------------------------------------------------------*/
a.restore,
a.duplicate,
a.send,
a.redeem,
a.activate,
a.print {
  background-color: #0076be;
  color: #fff;
  display: inline-block;
  background: -moz-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #308ec8), color-stop(100%, #0076be));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* IE10+ */
  background: linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#308ec8, endColorstr=#0076be, GradientType=0);
  /* IE6-9 */
  padding: 4px 8px 4px 22px;
  position: relative;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
a.restore:after,
a.duplicate:after,
a.send:after,
a.redeem:after,
a.activate:after,
a.print:after {
  background: url(/pic/icons-white.png) no-repeat 0 0;
  content: "";
  cursor: pointer;
  display: block;
  height: 16px;
  left: 4px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
a.restore:hover,
a.duplicate:hover,
a.send:hover,
a.redeem:hover,
a.activate:hover,
a.print:hover {
  background: #0076be;
  color: #fff;
}
a.restore.restore:after,
a.duplicate.restore:after,
a.send.restore:after,
a.redeem.restore:after,
a.activate.restore:after,
a.print.restore:after {
  background-position: -152px -7px;
}
a.restore.duplicate:after,
a.duplicate.duplicate:after,
a.send.duplicate:after,
a.redeem.duplicate:after,
a.activate.duplicate:after,
a.print.duplicate:after {
  background-position: -168px -6px;
}
a.restore.send:after,
a.duplicate.send:after,
a.send.send:after,
a.redeem.send:after,
a.activate.send:after,
a.print.send:after {
  background-position: -136px -28px;
}
a.restore.redeem,
a.duplicate.redeem,
a.send.redeem,
a.redeem.redeem,
a.activate.redeem,
a.print.redeem {
  background: #5c9240;
}
a.restore.redeem:after,
a.duplicate.redeem:after,
a.send.redeem:after,
a.redeem.redeem:after,
a.activate.redeem:after,
a.print.redeem:after {
  background-position: -52px -28px;
}
a.restore.redeem:hover,
a.duplicate.redeem:hover,
a.send.redeem:hover,
a.redeem.redeem:hover,
a.activate.redeem:hover,
a.print.redeem:hover {
  background: #484848;
}
a.restore.activate:after,
a.duplicate.activate:after,
a.send.activate:after,
a.redeem.activate:after,
a.activate.activate:after,
a.print.activate:after {
  background-position: -4px -28px;
}
a.restore.print:after,
a.duplicate.print:after,
a.send.print:after,
a.redeem.print:after,
a.activate.print:after,
a.print.print:after {
  background-position: -152px -28px;
}
/*----------------------------------------------------------------------
								IMAGES AS BUTTONS
  ---------------------------------------------------------------------*/
td.buttons img {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 0 3px;
  vertical-align: bottom;
}
/*----------------------------------------------------------------------
								DELETE
  ---------------------------------------------------------------------*/
a.delete {
  background-color: #ee436a;
  color: #fff;
  display: inline-block;
  background: -moz-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee436a), color-stop(100%, #ed1848));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* IE10+ */
  background: linear-gradient(top, #ee436a 0%, #ed1848 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ee436a, endColorstr=#ed1848, GradientType=0);
  /* IE6-9 */
  font-size: 12px;
  line-height: 16px;
  padding: 4px 8px 4px 22px;
  position: relative;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  text-decoration: none;
}
a.delete:after {
  background: url(/pic/icons-white.png) no-repeat -120px -5px;
  content: "";
  cursor: pointer;
  display: block;
  height: 16px;
  left: 4px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
a.delete:hover {
  background: #ed1848;
  color: #fff;
}
/*----------------------------------------------------------------------
								PAGER
  ---------------------------------------------------------------------*/
a.pager {
  background: #308ec8;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: inline-block;
  margin: 0 0 3px 5px;
  padding: 4px 8px 4px 22px;
  position: relative;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
a.pager:hover {
  background: #489acd;
}
a.pager:before {
  background: url(/pic/icons-white.png) no-repeat -100px -28px;
  content: "";
  display: block;
  height: 16px;
  left: 4px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
a.pager.next {
  padding: 4px 22px 4px 8px;
}
a.pager.next:before {
  background: url(/pic/icons-white.png) no-repeat -120px -28px;
  left: auto;
  right: 4px;
}
/*----------------------------------------------------------------------
								CONFIRMATION
  ---------------------------------------------------------------------*/
div.confirm {
  background: #ee436a;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: inline;
  font-weight: bold;
  margin: 34px 0 0 -150px;
  opacity: 0;
  padding-top: 5px;
  position: absolute;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  width: 150px;
  z-index: 2;
}
/* top arrow */
div.confirm:before {
  border-color: transparent transparent #ee436a transparent;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  top: -10px;
  width: 0;
}
div.confirm span.yes,
div.confirm span.cancel,
#sitemap div div.confirm span.yes,
#sitemap div div.confirm span.cancel {
  background: #d8d8d8;
  border: 0;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  background: -moz-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#d8d8d8, GradientType=0);
  /* IE6-9 */
  height: 20px;
  margin: 10px;
  padding: 4px 0 0 0;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  text-shadow: none;
  width: 50px;
}
div.confirm span.yes:hover,
div.confirm span.cancel:hover,
#sitemap div.page div.confirm span.yes:hover,
#sitemap div.page div.confirm span.cancel:hover {
  background: #fff;
}
/*----------------------------------------------------------------------
								NORMAL BUTTON
  ---------------------------------------------------------------------*/
a.button,
button {
  background-color: #d8d8d8;
  border: 1px solid #c0c0c0;
  color: #333;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  background: -moz-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#d8d8d8, GradientType=0);
  /* IE6-9 */
  line-height: 16px;
  padding: 5px 10px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-decoration: none;
}
a.button:hover,
button:hover {
  border: 1px solid #308ec8;
  -moz-box-shadow: 0 0 3px #0076be;
  -webkit-box-shadow: 0 0 3px #0076be;
  box-shadow: 0 0 3px #0076be;
}
.mce-tinymce button,
.mce-container button {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.mce-tinymce button:hover,
.mce-container button:hover {
  border: 0;
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
}
/* multi */
button.multi {
  padding-right: 25px;
  position: relative;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  z-index: 2;
}
button.multi:after {
  content: url(/pic/icon-down-small.png);
  padding-left: 6px;
  position: absolute;
}
button.multi:hover {
  border: 1px solid #c0c0c0;
  background: -moz-linear-gradient(top, #fff 0%, #c0c0c0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #c0c0c0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #c0c0c0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #c0c0c0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #c0c0c0 100%);
  /* IE10+ */
  background: linear-gradient(top, #fff 0%, #c0c0c0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#c0c0c0, GradientType=0);
  /* IE6-9 */
}
/*----------------------------------------------------------------------
						UNIVERSAL BLUE BUTTON
  ---------------------------------------------------------------------*/
a.button-universal {
  background-color: #0076be;
  color: #fff;
  display: inline-block;
  background: -moz-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #308ec8), color-stop(100%, #0076be));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* IE10+ */
  background: linear-gradient(top, #308ec8 0%, #0076be 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#308ec8, endColorstr=#0076be, GradientType=0);
  /* IE6-9 */
  padding: 4px 10px;
  position: relative;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
a.button-universal:hover {
  background: #0076be;
  color: #fff;
}
/*----------------------------------------------------------------------
								CANCEL
  ---------------------------------------------------------------------*/
button.cancel {
  background: none;
  border: 0;
  color: #006aab;
  font-size: 11px;
  font-weight: normal;
  line-height: 11px;
  padding: 0;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  text-decoration: underline;
}
button.cancel:hover {
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  color: #ed1848;
}
/*----------------------------------------------------------------------
								DELETE
  ---------------------------------------------------------------------*/
button.delete {
  background: none;
  border: 0;
  color: #ee436a;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  padding: 0;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  text-decoration: underline;
}
button.delete:hover {
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  color: #ed1848;
}
/*----------------------------------------------------------------------
							SHOW/HIDE TINY MCE
  ---------------------------------------------------------------------*/
button.showHideTinyMCE {
  background-color: #ebebeb;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
  color: #006aab;
  cursor: pointer;
  font-size: 11px;
  font-weight: normal;
  background: -moz-linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* IE10+ */
  background: linear-gradient(top, #fff 0%, #ebebeb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#ebebeb, GradientType=0);
  /* IE6-9 */
  margin: 0 5px -1px 0;
  padding: 5px 10px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  text-shadow: 1px 1px #ffffff;
}
button.showHideTinyMCE:hover {
  background: #d8d8d8;
  color: #333;
  background: -moz-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#d8d8d8, GradientType=0);
  /* IE6-9 */
}
button.showHideTinyMCE[disabled=disabled] {
  background: #d8d8d8;
  cursor: default;
  background: -moz-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(top, #fff 0%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#d8d8d8, GradientType=0);
  /* IE6-9 */
  padding-bottom: 6px;
}
button.showHideTinyMCE[disabled=disabled]:hover {
  color: #006aab;
}
/*=====================================================================
								GOOGLE
  =====================================================================*/
form span.google {
  background: #fff8e7;
  border: 1px solid #c0c0c0;
  display: block;
  font-family: Arial, sans-serif;
  padding: 10px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  width: 500px;
}
form span.google .googleTitle {
  color: #0e1cb3;
  display: block;
  font-size: 16px;
  line-height: 19px;
  text-decoration: underline;
}
form span.google .googleLink {
  color: #009933;
  display: block;
  font-size: 12px;
  line-height: 16px;
}
form span.google .googleDescription {
  color: #222;
  font-size: 13px;
  line-height: 17px;
}
/*=====================================================================
								POPUP
  =====================================================================*/
.popup {
  background: #0076be;
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  margin-top: 22px;
  padding: 10px 20px;
  position: absolute;
  z-index: 10;
}
.popup.bottom {
  padding-top: 20px;
  bottom: 0;
}
.popup.bottom button.close {
  background: #ee436a url(/pic/icon-delete.png) no-repeat 10px 9px;
  border: 0;
  -webkit-border-radius: 18px 18px 18px 18px;
  -moz-border-radius: 18px 18px 18px 18px;
  border-radius: 18px 18px 18px 18px;
  height: 36px;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 36px;
}
.popup.bottom form {
  max-height: 600px;
  overflow-y: scroll;
}
.popup.bottom form table {
  margin-bottom: 1em;
}
.popup .close {
  background: #ee436a url(/pic/icon-delete.png) no-repeat 10px 9px;
  -webkit-border-radius: 18px 18px 18px 18px;
  -moz-border-radius: 18px 18px 18px 18px;
  border-radius: 18px 18px 18px 18px;
  height: 36px;
  position: absolute;
  right: -12px;
  text-decoration: none;
  top: -12px;
  width: 36px;
}
/*=====================================================================
							ACTIVATION SWITCH
  =====================================================================*/
.switch {
  display: inline-block;
}
.switch .toggle {
  margin-left: -9999px;
  position: absolute;
  visibility: hidden;
}
.switch .toggle + label {
  background: #c0c0c0;
  display: block;
  height: 30px;
  padding: 2px;
  width: 60px;
  -webkit-border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  -webkit-transition: background 0.4s linear;
  -moz-transition: background 0.4s linear;
  -o-transition: background 0.4s linear;
  -ms-transition: background 0.4s linear;
  transition: background 0.4s linear;
}
.switch .toggle + label:before {
  background: #fff;
  -webkit-border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  bottom: 2px;
  content: "";
  display: block;
  left: 2px;
  position: absolute;
  right: 2px;
  top: 2px;
  -webkit-transition: background 0.4s linear;
  -moz-transition: background 0.4s linear;
  -o-transition: background 0.4s linear;
  -ms-transition: background 0.4s linear;
  transition: background 0.4s linear;
}
.switch .toggle + label:after {
  background: #c0c0c0;
  -webkit-border-radius: 26px 26px 26px 26px;
  -moz-border-radius: 26px 26px 26px 26px;
  border-radius: 26px 26px 26px 26px;
  bottom: 4px;
  content: "";
  display: block;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 26px;
  -webkit-transition: margin 0.4s linear;
  -moz-transition: margin 0.4s linear;
  -o-transition: margin 0.4s linear;
  -ms-transition: margin 0.4s linear;
  transition: margin 0.4s linear;
}
.switch .toggle:checked + label {
  background: #5c9240;
}
.switch .toggle:checked + label:after {
  margin-left: 30px;
  background: #5c9240;
}
#panel h2 .switch {
  margin: -5px 0 0 10px;
  position: absolute;
}
/*=====================================================================
							MULTI-SELECT
  =====================================================================*/
.ms-container {
  background: transparent url('/pic/switch.png') no-repeat 260px 80px;
}
.ms-container:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}
.ms-container input.search-input {
  background: #ebebeb;
  font-size: 14px;
  margin-bottom: 4px;
}
.ms-container input.search-input.loading {
  background: #fff url(/pic/loading.gif) no-repeat right center;
}
.ms-container .ms-selectable,
.ms-container .ms-selection {
  color: #333;
  float: left;
}
.ms-container .ms-selectable.ms-selectable,
.ms-container .ms-selection.ms-selectable {
  margin-right: 40px;
}
.ms-container .ms-selectable ul.ms-list,
.ms-container .ms-selection ul.ms-list {
  background: #fff;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 3px 5px 5px 5px;
  -moz-border-radius: 3px 5px 5px 5px;
  border-radius: 3px 5px 5px 5px;
  height: 183px;
  list-style-type: none;
  margin: 0;
  overflow-y: auto;
  padding: 0;
  width: 250px;
}
.ms-container .ms-selectable ul.ms-list li,
.ms-container .ms-selection ul.ms-list li {
  border-bottom: 1px solid #c0c0c0;
  padding: 4px 10px;
  color: #333;
  font-size: 14px;
}
.ms-container .ms-selectable ul.ms-list li:hover,
.ms-container .ms-selection ul.ms-list li:hover {
  background: #0076be;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.ms-container .ms-selectable ul.ms-list li.disabled,
.ms-container .ms-selection ul.ms-list li.disabled {
  background: #ebebeb;
}
.ms-container .ms-selectable ul.ms-list li.disabled:hover,
.ms-container .ms-selection ul.ms-list li.disabled:hover {
  background: #d8d8d8;
  color: #333;
}
.ms-container .ms-selectable ul.ms-list li.inactive,
.ms-container .ms-selection ul.ms-list li.inactive {
  background: #f0dadf;
}
.ms-container .ms-selectable ul.ms-list li.inactive:hover,
.ms-container .ms-selection ul.ms-list li.inactive:hover {
  background: #efc5ce;
  color: #333;
}
.ms-container .ms-selectable ul.ms-list li.ms-selected,
.ms-container .ms-selection ul.ms-list li.ms-selected {
  display: none;
}
.ms-container .ms-selectable ul.ms-list li span,
.ms-container .ms-selection ul.ms-list li span {
  display: block;
  font-size: 12px;
}
.ms-container .ms-optgroup-label {
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}
.ms-container.product {
  background: transparent url('/pic/switch.png') no-repeat 350px 80px;
}
.ms-container.product .ms-selectable ul.ms-list,
.ms-container.product .ms-selection ul.ms-list {
  height: 500px;
  width: 340px;
}
.ms-container.product .ms-selectable ul.ms-list li,
.ms-container.product .ms-selection ul.ms-list li {
  overflow: hidden;
  padding-left: 60px;
  position: relative;
}
.ms-container.product .ms-selectable ul.ms-list li span.image,
.ms-container.product .ms-selection ul.ms-list li span.image {
  left: 5px;
  position: absolute;
  text-align: center;
  width: 50px;
}
.ms-container.product .ms-selectable ul.ms-list li span.image img,
.ms-container.product .ms-selection ul.ms-list li span.image img {
  max-width: 50px;
  max-height: 50px;
}
.ms-container.product .ms-selectable ul.ms-list li span.price,
.ms-container.product .ms-selection ul.ms-list li span.price,
.ms-container.product .ms-selectable ul.ms-list li span.price-action,
.ms-container.product .ms-selection ul.ms-list li span.price-action,
.ms-container.product .ms-selectable ul.ms-list li span.price-old,
.ms-container.product .ms-selection ul.ms-list li span.price-old {
  display: inline-block;
}
.ms-container.product .ms-selectable ul.ms-list li span.price.price-action,
.ms-container.product .ms-selection ul.ms-list li span.price.price-action,
.ms-container.product .ms-selectable ul.ms-list li span.price-action.price-action,
.ms-container.product .ms-selection ul.ms-list li span.price-action.price-action,
.ms-container.product .ms-selectable ul.ms-list li span.price-old.price-action,
.ms-container.product .ms-selection ul.ms-list li span.price-old.price-action {
  color: #ed1848;
}
.ms-container.product .ms-selectable ul.ms-list li span.price.price-old,
.ms-container.product .ms-selection ul.ms-list li span.price.price-old,
.ms-container.product .ms-selectable ul.ms-list li span.price-action.price-old,
.ms-container.product .ms-selection ul.ms-list li span.price-action.price-old,
.ms-container.product .ms-selectable ul.ms-list li span.price-old.price-old,
.ms-container.product .ms-selection ul.ms-list li span.price-old.price-old {
  font-size: 11px;
  margin-left: 10px;
  text-decoration: line-through;
}
.ms-container.product .ms-selectable.ms-selection ul.ms-list,
.ms-container.product .ms-selection.ms-selection ul.ms-list {
  height: 534px;
}
.ms-container.promo {
  background: transparent url('/pic/switch.png') no-repeat 350px 80px;
}
.ms-container.promo .ms-selectable ul.ms-list,
.ms-container.promo .ms-selection ul.ms-list {
  height: 500px;
  width: 340px;
}
.ms-container.promo .ms-selectable.ms-selection ul.ms-list,
.ms-container.promo .ms-selection.ms-selection ul.ms-list {
  height: 534px;
}
/*=====================================================================
							MULTISELECT - NEW
  =====================================================================*/
.uix-multiselect-original {
  left: -999999px;
  position: absolute;
}
.multiselect {
  height: 400px;
  width: 500px;
}
.uix-multiselect {
  background: transparent url('/pic/switch.png') no-repeat 260px 80px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
}
.uix-multiselect .multiselect-available-list,
.uix-multiselect .multiselect-selected-list {
  border: 0;
  float: left;
  overflow: hidden;
  width: 250px;
}
.uix-multiselect .multiselect-available-list {
  margin-right: 40px;
}
.uix-multiselect .ui-widget-header {
  background: #fff;
  border: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.uix-multiselect .ui-widget-header .header-text {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
}
.uix-multiselect .ui-widget-header .uix-search {
  background: #ebebeb;
  font-size: 14px;
  height: 28px;
  line-height: 16px;
  margin: 20px 0 5px 0;
  padding: 5px;
}
.uix-multiselect .ui-widget-header button {
  display: none;
}
.uix-multiselect .multiselect-selected-list {
  margin-top: -33px;
}
.uix-multiselect .multiselect-selected-list .ui-widget-header .header-text {
  bottom: 3px;
}
.uix-multiselect .ui-widget-content {
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 2px 5px 5px 5px;
  -moz-border-radius: 2px 5px 5px 5px;
  border-radius: 2px 5px 5px 5px;
  font-family: Arial, sans-serif;
  overflow: scroll;
  position: relative;
  -webkit-touch-callout: none;
  /*-webkit-user-select: none;*/
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.uix-multiselect .ui-widget-content .ui-priority-secondary {
  padding-right: 0;
}
.uix-multiselect .ui-widget-content .ui-state-default {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #c0c0c0;
  color: #333;
  font-size: 14px;
  padding: 4px 10px;
}
.uix-multiselect .ui-widget-content .ui-state-default span {
  display: block;
  font-size: 12px;
}
.uix-multiselect .ui-widget-content .ui-state-default:hover,
.uix-multiselect .ui-widget-content .ui-state-default.ui-state-active,
.uix-multiselect .ui-widget-content .ui-state-default.ui-state-disabled {
  background: #0076be;
  color: #fff;
}
.uix-multiselect .option-element,
.uix-multiselect .dragged-element {
  background: #308ec8;
  border: 0;
  border: 1px solid #c0c0c0;
  color: #fff;
  font-size: 14px;
  padding: 5px 10px;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								MESSAGE
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
div.message {
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 13px;
  left: 50%;
  line-height: 16px;
  margin-left: -240px;
  position: absolute;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 480px;
  text-align: center;
  top: 42px;
  z-index: 10;
}
div.message div {
  background: #ed1848;
  height: 26px;
  padding: 8px 35px 0 35px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
div.message div.error {
  background: #ed1848;
}
div.message div.success {
  background: #5c9240;
}
/* smiley */
div.message div:before {
  content: "";
  display: block;
  height: 24px;
  left: 5px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}
div.message div.error:before {
  background: url(/pic/icons-white.png) no-repeat -24px 0;
}
div.message div.success:before {
  background: url(/pic/icons-white.png) no-repeat 0 0;
}
/* close */
div.message div:after {
  background: url(/pic/icons-white.png) no-repeat -48px 0;
  content: "";
  cursor: pointer;
  display: block;
  height: 24px;
  margin-top: -12px;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 24px;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								MODAL
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
body.modal {
  background: #fff;
}
body.modal img.main {
  border: 1px solid #c0c0c0;
  display: block;
  float: right;
  margin-left: 20px;
  padding: 5px;
}
body.modal form fieldset {
  background: #c0d8e6;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  margin: 5px 0 20px 5px;
  padding: 10px 20px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
body.modal form fieldset input[type='text'] {
  font-size: 14px;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								LOGIN
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
#login {
  margin: 20px auto 0 auto;
  max-width: 400px;
  min-width: 320px;
}
#login p.external {
  margin: 10px;
  text-align: center;
}
#login p.external a {
  margin-bottom: 5px;
}
#login form a {
  color: #333;
  text-decoration: underline;
}
#login form a:hover {
  text-decoration: none;
}
/*=====================================================================
								DENIED
  =====================================================================*/
#login p.denied {
  background: #ed1848;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 15px 15px 45px;
  position: relative;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#login p.denied:before {
  background: url(/pic/icons-white.png) no-repeat -24px 0;
  content: "";
  display: block;
  height: 24px;
  left: 10px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								HELP
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
#help {
  padding: 20px;
}
#help h1 {
  color: #333;
  font-size: 25px;
  font-weight: normal;
  line-height: 29px;
  margin: 0 0 20px 0;
  padding: 0;
}
#help h2 {
  color: #333;
  font-size: 22px;
  font-weight: normal;
  line-height: 26px;
  margin: 20px 0 5px 0;
  padding: 0;
}
#help .modul {
  background: #fff;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  margin: 0 0 25px 0;
  overflow: hidden;
  padding: 20px 10px 10px 10px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#help ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#help ul li {
  float: left;
  font-weight: bold;
  height: 160px;
  line-height: 16px;
  margin: 10px 20px;
  padding: 0;
  width: 160px;
}
#help ul li img {
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 2px;
}
#help ul li a {
  color: #333;
  outline: 0;
  text-decoration: none;
}
#help ul li a:hover {
  color: #006aab;
}
/*> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
								FOOTER
  < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < <*/
#footer {
  font-size: 12px;
  line-height: 16px;
  padding: 10px 30px;
  text-align: right;
}
#footer a {
  color: #0076be;
}
#footer a:hover {
  text-decoration: none;
}