html { padding:0; margin:0; }
body { background: #E6E9ED; font-family:Tahoma,Arial,sans-serif; font-size:11px; margin:0; padding:0; color:#2B3138; }

h1 { float:right; padding:0; margin:0; font-size:1em; }
h1 a { color:#7a7a7a; font-weight:normal; display:block; padding:32px 15px 5px 5px; }
h1 a:hover { text-decoration:none; }
h1 a span { display:none; }

img.ico { vertical-align:middle; }

h2 { color:#FFB570; font-weight:bold; font-size:1.6em; font-family:Tahoma,Arial,sans-serif; text-align:left; padding:0.5em 0em 0.5em 0em; margin:0em; }
h3 { color:#222222; font-weight:bold; font-size:1.4em; font-family:Tahoma,Arial,sans-serif; text-align:left; padding:0em 0em 0.5em 0px; margin:0em; }
h4 { color:#FFB570; font-weight:bold;  font-size:1.2em; font-family:Tahoma,Arial,sans-serif; text-align:left; padding:0.5em 0em 0.5em 0px; margin:0em; }
h4.stats { color:#2B3138; }

h2 a, h3 a, h4 a { color:#2B3138; text-decoration:underline; }

ul,ol { margin:0 0 0 2em; }
p { margin:0 0 1em 0; }

a { color:#2B3138; text-decoration:none; outline:none; }
a:hover { color:#FF8F27; text-decoration:underline; }
a img { border:none; }

hr {
    color:#C8CED7;
    background:#C8CED7;
    height:1px;
    border:none;
    margin:0em 0em 1em 0em;
}

th hr {
  margin:0.4em 0em 0.4em 0em;
}

.ui-selectbox.selectbox-w100 {
  width: 100%;
}

table { font-size:1em; }
table th { text-align:left; }

.r { text-align:right; }
.c { text-align:center; }

.fl { float:left; }
.fr { float:right; }

.half { width:49%; }
.quarter { width:24%; }
.quarter3 { width:74%; }
.third { width:33%; }
.third2 { width:66%; }

.right { margin-left: .3%; }

.no-border-table{
    border: 0 !important;
}

.no-border-table td{
    border: 0 !important;
}

#mainmenu {
    clear:both;
    position:fixed;
    z-index: 200;
    width:100%;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    color:#2B3138;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-decoration: none;
    font-size: 1em;
}

#mainmenu ul.buttons { float:right; margin:0; padding:0; list-style:none; font-size: 0.8em; }
#mainmenu ul.buttons li { float:left; padding:0 10px; }
#mainmenu ul.buttons li a { display:block; text-decoration: none; text-align: center; color:#2B3138; padding:10px 2px; }
#mainmenu ul.buttons li:last-child { background:#E9573F; color:#FFF; }
#mainmenu ul.buttons li:last-child a { color:#FFF; }
#mainmenu ul.buttons li:hover { background:#FF8F27; color:#FFF; }
#mainmenu ul.buttons li:hover a { color:#FFF; text-decoration: none; }

#mainmenu ul.menu { list-style:none; margin:0; padding:0; }
#mainmenu ul.menu li { float:left; padding:0; }
#mainmenu ul.menu li span { display:block; }
#mainmenu ul.menu li span a { display:block; padding:12px 15px; color:#2B3138; }
#mainmenu ul.menu li:hover { background:#FF8F27; color:#FFF; }
#mainmenu ul.menu li:hover span a { color:#FFF; text-decoration: none; }
#mainmenu ul.menu li.active { background: #404650; font-weight:bold; }
#mainmenu ul.menu li.active span a { color:#FFF; }
#mainmenu ul.menu li.active span a:hover { color:#FFF; }

/**
 * Stredny panel
**/
#middle {
    clear:both;
    background:#E6E9ED;
    padding:40px 0 0 0;
    color:#2B3138;
}

#middle .middle-top {
    min-height:1px;
    _height:1px;
    padding-right:250px;
    overflow:hidden;
}

#middle-help {
    clear:both;
    background:url('./images/bg3.png') repeat top left;
    border-bottom:5px solid #FF8F27;
    padding:10px;
    min-height:1px;
    _height:1px;
}

#middle.modal {
    background-image:none;
    width:100%;
    padding:0em;
}
#middle.modal .middle-top {
    background-image:none;
}

#middle .header {
    background:url('images/header-end.gif') no-repeat top right #e8e8e8;
    min-height:57px;
    _height:57px;
    padding:0px 10px 0px 0px;
    margin-bottom:10px;
}
#middle .header .header-actions {
    position:absolute;
    bottom:3px;
    right:20px;
}
#middle .header .header-actions a { text-decoration:none; }
#middle .header .header-actions a:hover { text-decoration:none; }
#middle .header .header-actions a img { border:none; }
#middle .header h3 {
    margin:0px;
    padding:3px 150px 0px 0px;
    color:#FFF;
    font-weight:normal;
    font-size:1.6em;
    background:url('images/header-horizontal-lines.gif') repeat-x top left;
}
#middle .header h3 span {
    font-weight:normal;
    font-size:0.6em;
}
#middle .header h3 img.flag {
    float:left;
    margin:0px 10px 0px 0px;
}
#middle .header .header-body {
    float:left;
    background:url('images/header-middle.gif') no-repeat top right #222222;
    position:relative;
    min-height:1px;
    _height:1px;
}
#middle .header .header-left {
    background:url('images/header-start.gif') no-repeat top left;
    padding:5px 20px 5px 15px;
    min-height:47px;
    _height:47px;
}
#middle .header .header-kontext {
    padding:0px 0px 5px 0px;
    color:#FFF;
}
#middle .header .header-kontext a { color:#FFF; }
#middle .header .header-kontext a:hover { color:#FFB570; }

/**
 * Menu pre aplikacie
**/
#applicationmenu {
    background:none;
    padding:10px 0;
    margin:0px 0px 0px 0px;
    font-size:1em;
    width:229px;
    float:left;
}
#applicationmenu .centerit {
    padding:0 10px;
}
#applicationmenu div.form-header { margin:10px 0 0 0; }
#applicationmenu ul.application-menu {
    margin:0;
    list-style:none;
    padding:10px;
}
#applicationmenu ul.application-menu li {
    /*
    background: url(images/applicationmenu-item.gif) no-repeat 0px 2px;
    padding-left:20px;
    */
}
#applicationmenu ul.application-menu li span {
    display:block;
    border-bottom:1px dotted #c8ced7;
    min-height: 1px;
    _height:1px;
    padding: 2px 0;
}
#applicationmenu ul.application-menu li.last span {
    border-bottom:none;
}
#applicationmenu a:hover { text-decoration: none; }

/**
 * Menu pre aplikacie v zobrazovacej oblasti
**/
ul.appmenu {
    list-style:none;
    margin:0em 0em 0em 0em;
    line-height:1.7em;
}
ul.appmenu ul {
    list-style:none;
    margin:0em 0em 0em 2em;
}

/**
 * Zobrazovacia oblast
**/
#contentarea {
    padding:10px 0;
    margin: 0 -240px 0 auto;
    width: 100%;
    float:right;
}

#contentarea.fullscreen {
    _height:1%;
    min-height:1%;
    padding:0em;
    width:auto;
    float:none;
    margin:1em;
    background:#FFB570;
    border-right: 0.5em solid #FFB570;
    border-left:  0.5em solid #FFB570;
    border-bottom:0.5em solid #FFB570;
}

/**
 * Kontextove menu
**/
#context-menu {
    border-bottom:0.2em solid #2F63E8;
    padding:0.2em 0.6em;
    font-size:0.9em;
    background:#FFE9D5;
    color:#2B3138;
}

#action .subsection {
    padding:0.5em;
    background:#FDFEE7;
    border:0.09em solid #D6C871;
    _height:1%;
    min-height:1%;
}

/**
 * Actions
**/
a.action {
    padding:0.3em 0.2em 0.4em 25px;
    background-position:2px 50%;
    background-repeat:no-repeat;
    background-image:URL('./images/ico-default.gif');
}
a.action.edit {
    background-image:URL('./images/ico-edit.gif');
}
a.action.delete {
    background-image:URL('./images/ico-delete.gif');
}
a.action.success {
    background-image:URL('./images/ico-ok.gif');
}
a.action.email {
    background-image:URL('./images/ico-email.gif');
}
a.action.user {
    background-image:URL('./images/ico-user.gif');
}
a.action.orsr {
    background-image:URL('./images/ico-orsr.gif');
}
a.action.home {
    background-image:URL('./images/ico-home.gif');
}
a.action.process {
    background-image:URL('./images/ico-process.gif');
}
a.action.logout {
    background-image:URL('./images/ico-logout.gif');
}
a.action.eur {
    background-image:URL('./images/ico-eur.gif');
}
a.action.internet {
    background-image:URL('./images/ico-internet.gif');
}
a.action.web {
    background-image:URL('./images/ico-web.gif');
}
a.action.add {
    background-image:URL('./images/ico-add.gif');
}
a.action.gallery {
    background-image:URL('./images/ico-gallery.gif');
}
a.action.pdf {
    background-image:URL('./images/ico-pdf.gif');
}
a.action.exclamation {
    background-image:URL('./images/ico-exclamation.gif');
}
a.action.download {
    background-image:URL('./images/ico-download.gif');
}
a.action.folder {
    background-image:URL('./images/ico-folder.gif');
}
a.action.question {
    background-image:URL('./images/ico-question.gif');
}
a.action.statistics {
    background-image:URL('./images/ico-statistics.gif');
}
a.action.article {
    background-image:URL('./images/ico-article.gif');
}
a.action.guestbook {
    background-image:URL('./images/ico-guestbook.gif');
}
a.action.forum {
    background-image:URL('./images/ico-forum.gif');
}
a.action.special {
    background-image:URL('./images/ico-special.gif');
}
a.action.poll {
    background-image:URL('./images/ico-poll.gif');
}
a.action.adminhelp {
    background-image:URL('./images/ico-adminhelp.gif');
}
a.action.userhelp {
    background-image:URL('./images/ico-userhelp.gif');
}
a.action.helpadd {
    background-image:URL('./images/ico-helpadd.gif');
}
a.action.edithelp {
    background-image:URL('./images/ico-edithelp.gif');
}
a.action.tip {
    background-image:URL('./images/ico-tip.gif');
}
a.action.school {
    background-image:URL('./images/ico-school.gif');
}
a.action.students {
    background-image:URL('./images/ico-students.gif');
}
a.action.competition {
    background-image:URL('./images/ico-competition.gif');
}
a.action.competition1 {
    background-image:URL('./images/ico-competition1.gif');
}
a.action.cathegories {
    background-image:URL('./images/ico-cathegories.gif');
}
a.action.search {
    background-image:URL('./images/ico-search.gif');
}
a.action.closeround {
    background-image:URL('./images/ico-confirmsubscription.gif');
    color: #F00;
    font-weight: bold;
}

span.mail {
    padding:0.3em 0.2em 0.4em 20px;
    background-position:2px 50%;
    background-repeat:no-repeat;
    /*display: block;*/
    /*float: left;*/
}
span.mail.notsent { background-image:URL('../../files/appkampane/mail-nosent.gif'); }
span.mail.sent { background-image:URL('../../files/appkampane/mail-sent.gif'); }
span.mail.delivered { background-image:URL('../../files/appkampane/mail-delivered.gif'); }
span.mail.interact { background-image:URL('../../files/appkampane/mail-interact.gif'); }
span.mail.error { background-image:URL('../../files/appkampane/mail-error.gif'); }

img.img_mail {
    /*float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0px 3px 0px 0px;*/
}

/**
 * Spodna lista
**/
#bottompanel {
    clear:both;
    text-align:right;
    padding:0.3em 1em;
    margin:1em auto;
    background:#222222;
    color:#FFF;
}
#bottompanel a {
    color:#FFF;
}

span.h3 {
    display:block;
    font-size:1.4em;
    font-weight:bold;
    font-family:Tahoma,Arial,sans-serif;
    padding:0px 0px 5px 0px;
}

dl.sfp-templateSelect {
    margin:0 10px 10px 0;
    padding:0px;
    width:240px;
    background:#FFF;
    float:left;
}
dl.sfp-templateSelect dt {
    margin:0;
    font-weight:bold;
    text-align:left;
    background:url('images/table-header-bg.gif') repeat-x bottom left #535353;
    color:#FFF;
    padding:0.5em;
}
dl.sfp-templateSelect dt input {
    vertical-align:middle;
    margin:0em 0.5em 0.2em 0em;
}
dl.sfp-templateSelect dt a { color:#FFB570; }
dl.sfp-templateSelect dt a:hover { color:#2B3138; }
dl.sfp-templateSelect dd {
    padding:0.5em;
    margin:0em;
    background:#F4F4F4;
    border-bottom:1px solid #C8CED7;
}
dl.sfp-templateSelect dd div.button {
    position:absolute;
    bottom:5px;
    left:5px;
}

#bottom {
    clear:both;
    padding:10px 20px 10px 20px;
    text-align:right;
    color:#2B3138;
}
#bottom a { color:#2B3138; }
#bottom a:hover { color:#2B3138; }

.adminhomepage {
    padding:5px;
    margin:0px 10px 10px 0px;
    float:none;
}

.infosection1 {
    background:#F5DF5B;
    padding:5px;
    margin-bottom:5px;
    border:1px solid #ECCB0F;
}

.sitemapnode {
    background:#E8E8E8 url(./images/sitemapnode-end.gif) no-repeat scroll right top;
    margin-bottom:10px;
    min-height:57px;
    padding:0 10px 0 0;
}
.sitemapnode-body {
    background:#222222 url(./images/sitemapnode-middle.gif) no-repeat scroll right top;
    float:left;
    min-height:1px;
    position:relative;
}
.sitemapnode-left {
    background:transparent url(./images/sitemapnode-start.gif) no-repeat scroll left top;
    min-height:47px;
    padding:5px 25px 5px 15px;
}
.sitemapnode h2 {
    color:#FFFFFF;
    font-weight:normal;
    margin:0;
    padding:10px 0 0;
}

div.help {
    background: none repeat scroll 0 0 #dff0ff;
    border: 1px solid #a7d5ff;
    color:#2B3138;
    font-family: Tahoma,Arial,sans-serif;
    margin: 5px 0;
    padding: 7px 15px;
    border-radius:5px;
}

.pager {
    text-align:left;
    padding:0.5em 0em;
}
.pager .nextprev {
    float:right;
    padding-top:0.3em;
}

#ajaxLoader {
    padding:50px 0 20px 0;
    text-align: center;
    font-weight: bold;
    font-size:1.2em;
    position:absolute;
    width:360px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-radius: 3px;
    z-index: 9999;
    background: url('images/loading-24.gif') no-repeat center 20px #FFF;
}

/* Buttony */
button.ico {
    background-color:#FFF;
    background-position:0 0;
    background-repeat:no-repeat;
    border:none;
    height:26px;
    width:100px;
    cursor:pointer;
}
button.ico span {
    display:none;
}
button.newproduct { background-image:url(images/button/new_product.gif); width:137px; }

/* Stromove zobrazenie */
ul.tree {
    margin:0em;
    padding:0em;
    list-style:none;
}
ul.tree li {
    position: relative;
}
ul.tree ul {
    margin:0em 0 0 13px;
    padding:0em 0 0 5px;
    border-left:1px dotted #aaa;
    list-style:none;
}
ul.tree .icon {
    vertical-align:middle;
    position: absolute;
    top:0;
    left:0;
}
ul.tree .plusminus {
    cursor:pointer;
}
ul.tree a, ul.tree span { display:inline-block; padding:2px 0 2px 25px; }
ul.tree a.active, ul.tree span.active {
    font-weight:bold;
}
ul.tree input { margin:0 5px 0 0; padding:0; vertical-align:middle; }
ul.tree label { vertical-align:middle; cursor: pointer; }

textarea.full {
    width: 100%;
    height: 250px;
}

table.codebook td .text, table.codebook td textarea {
    width:99%;
}

div.abc {
    padding:0.3em 0px 0.5em 0em;
    font-size:1.1em;
    line-height:1.9em;
}
div.abc a.a {
    padding:0.1em 0.4em;
    background:#FFF4EA;
    border:1px solid #FFB570;
}
div.abc a.active {
    border:1px solid #000000;
}

div.autocompleter {
    position:absolute;
    width:300px;
    max-height: 220px;
    _height: 220px;
    overflow: auto;
    background: #F4F4F4;
}
div.autocompleter div.container { border:1px solid #CCC; padding:10px; }
div.autocompleter div.container div.report { padding-right:0; }
div.autocompleter table tr { cursor: pointer; }

.pages .page-active {font-weight: bold; font-size: 1.2em;}

.treeRootDropZone {
    text-align: center;
    background: #c8ced7;
    font-size: 0.9em;
    color:#2B3138;
    padding:10px;
}

div.attrib-group {padding: 5px 0;}
div.attrib-group .title { font-weight: bold; padding: 0 0 5px 0; font-size: 1.1em;}
div.attrib-group .value { padding: 0 2px; cursor: pointer; position: relative; }
div.attrib-group .value .image {height: 40px; width: 40px; border: 1px solid #CCC; margin-bottom: 2px; }
div.attrib-group .value .image img {width: 40px; height: 40px; border: none; padding: 0; margin: 0;}
div.attrib-group .value .input-box {margin: 0; bottom:10px; left:5px; }

#order-package-form select.package-input {
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px 5px 10px;
    margin: 1px;
    text-align: left;
    vertical-align: middle;
    background: #F0F2F5;
    border: 1px solid #c8ced7;
    border-radius: 3px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.03) inset;
    box-sizing: border-box;
}

.search-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.5rem;
}

.search-summary__total-count,
.search-summary__total-price {
    font-size: 0.8rem;
    margin-right: 2rem;
}

.suppliers td hr {
  margin:0px !important;
}

table.form-supplier tr td:not(.label) {
  width: 520px !important;
}

table.form.form-supplier td.label {
  width: 200px;
}

table.form.form-supplier input.text {
  width: 120px;
}

.tooltip {
    position: relative;
}

.tooltip-text {
    max-width: 480px;
    width: 100%;
    text-align: center;
    background-color: #555;
    color: #fff;
    padding: 5px;
    border-radius: 3px;

    position: absolute;
    z-index: 1;
    top: -110%;
    left: 50%;
    transform: translateX(-50%);

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
}

.tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.order-comments .tooltip-text {
    top: unset;
    bottom: 120%;
    width: 480px;
}

.order-comments-list {
    margin: 0;
    padding: 0 16px;
    text-align: left;
}

.order-comments-list li:not(:last-child) {
    margin-bottom: 8px;
}

.order-comments-label {
    display: inline-block;
    background: #3BAFDA;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 4px;
    cursor: pointer;
}

.order-apierror-label {
    display: inline-block;
    background: red;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 4px;
    cursor: pointer;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.delivery-cost-import h3 {
  padding-top: 0.5em;
}

#btnOrderedFromSupplier {
  position: relative;
  top: 36px;
}

.xl-right { margin-left: 3%; }

#p2cFilterBox {
    text-align: right;
    height: 30px;
}

#p2cFilterBox table {
    position: absolute;
    right: 25px;
}

.prod-cat-filter {
    font-weight: 300;
}

.prod-cat-filter td div.pd5 {
    padding: 5px;
    display: inline-block;
}