.cleaner { visibility:hidden; clear:both; }

pre {
    background-color: #FAFAFA;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 4px 4px;
    display: block;
    font-size: 11px;
    margin: 0 0 10px;
    padding: 10px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

label { cursor: pointer; }

.red { color:#DA4F49; }
.green { color:#8CC152; }

.hidden { display:none; }

.size-xxxsmall  { width:20px; }
.size-xxsmall  { width:50px; }
.size-xsmall  { width:80px; }
.size-small   { width:120px; }
.size-normal  { width:150px; }
.size-large   { width:200px; }
.size-xlarge  { width:250px; }
.size-xxlarge { width:300px; }
.size-big     { width:350px; }
.size-xbig     { width:500px; }
.size-max     { width:100%; }

.fs-normal { font-size:1em; }
.fs-medium { font-size:1.2em; }
.fs-large { font-size:1.4em; }

.rounded {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.overflow-auto { overflow: auto; }

.ui-tooltip { border:1px solid #c8ced7; padding:5px 10px; }
.ui-tooltip, .arrow:after { background: #FFF; }

.ui-front { z-index:999; }

/**
 * LOADING
**/

.loading-16 { background:url("images/loading-16.gif") no-repeat center center #FFF; }
.loading-24 { background:url("images/loading-24.gif") no-repeat center center #FFF; }
.loading-32 { background:url("images/loading-32.gif") no-repeat center center #FFF; }
.loading-64 { background:url("images/loading-64.gif") no-repeat center center #FFF; }

.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
.arrow.top { top: -16px; bottom: auto; }
.arrow.left { left: 20%; }
.arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); }
.arrow.top:after { bottom: -20px; top: auto; }

/**
 * FORMS
**/

form { margin:0; padding:0; }
input, textarea, select, button { font-size:1em; font-family:Tahoma,Arial,sans-serif; }
button { vertical-align:middle; }

span.input, input.input, input.text, textarea, select { background:#F0F2F4; border:1px solid #c8ced7; margin:1px; border-radius:3px; padding:5px 10px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.03) inset; box-sizing: border-box; }
.input-box,
span.input-box { display:inline-block; text-align: center; width:20px; height: 20px; line-height: 20px; padding:0; margin:1px 5px 1px 1px; cursor: pointer; vertical-align: middle; }
.input-circle { border-radius: 50%; }

/**
 * IKONY EXTENDS
**/

i { font-size: 14px; }
i.icon-left, img.icon-left { padding-right:10px; }
i.icon-right, img.icon-right { padding-left:10px; }
i.icon-inside, img.icon-inside { padding:0 10px; }

.pointer {
    cursor: pointer;
}

/**
 * BUTTONS
**/

.btn,
button,
.button,
input.submit,
button.ico,
input[type="submit"] {
    background: linear-gradient(to bottom, #fff, #e6e9ed);
    border-color: #C8CED7;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    color:#2B3138;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    font-weight: bold;
    text-decoration: none;
    font-size: 1em;
}
.btn:hover { background: #fff; color:#2B3138; text-decoration: none; }
.btn a, .ui-widget-content .btn a { color:#2B3138; text-decoration: none; }
.btn a:hover, .ui-widget-content .btn a:hover { color:#2B3138; text-decoration: none; }
.btn span { padding-left:5px; }
.btn-marged {
    margin:1px 2px;
}

.btn-danger, .ui-widget-content .btn-danger {
    background: #E9573F;
    border-color: rgba(0,0,0,0.15);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-danger:hover { background: #CB462C; color:#FFF; text-decoration: none; }
.btn-danger i, .ui-widget-content .btn-danger i { color:#FFF; }
.btn-danger a, .ui-widget-content .btn-danger a { color:#FFF; text-decoration: none; }
.btn-danger a:hover, .ui-widget-content .btn-danger a:hover { color:#FFF; text-decoration: none; }

.btn-info,
.ui-widget-content .btn-info,
input.submit,
button.ico{
    background: #3BAFDA;
    border-color: rgba(0,0,0,0.15);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-info:hover { background: #27A4D3; color:#FFF; text-decoration: none; }
.btn-info i, .ui-widget-content .btn-info i { color:#FFF; }
.btn-info a, .ui-widget-content .btn-info a { color:#FFF; text-decoration: none; }
.btn-info a:hover, .ui-widget-content .btn-info a:hover { color:#FFF; text-decoration: none; }

.btn-success, .ui-widget-content .btn-success,
button.ico.newproduct {
    background: #37BC9B;
    border-color: rgba(0,0,0,0.15);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-success:hover { background: #34B193; color:#FFF; text-decoration: none; }
.btn-success i, .ui-widget-content .btn-success i { color:#FFF; }
.btn-success a, .ui-widget-content .btn-success a { color:#FFF; text-decoration: none; }
.btn-success a:hover, .ui-widget-content .btn-success a:hover { color:#FFF; text-decoration: none; }

.btn-warning, .ui-widget-content .btn-warning {
    background: #FAA732;
    border-color: rgba(0,0,0,0.15);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-warning:hover { background: #FAA732; color:#FFF; text-decoration: none; }
.btn-warning i, .ui-widget-content .btn-warning i { color:#FFF; }
.btn-warning a, .ui-widget-content .btn-warning a { color:#FFF; text-decoration: none; }
.btn-warning a:hover, .ui-widget-content .btn-warning a:hover { color:#FFF; text-decoration: none; }

.btn-inverse, .ui-widget-content .btn-inverse {
    background: #363636;
    border-color: rgba(0,0,0,0.15);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-inverse:hover { background: #363636; color:#FFF; text-decoration: none; }
.btn-inverse i, .ui-widget-content .btn-inverse i { color:#FFF; }
.btn-inverse a, .ui-widget-content .btn-inverse a { color:#FFF; text-decoration: none; }
.btn-inverse a:hover, .ui-widget-content .btn-inverse a:hover { color:#FFF; text-decoration: none; }

.btn-small { padding: 2px 8px; font-weight: normal; }
.btn-xsmall { padding: 1px 5px; font-weight: normal; font-size: 0.9em; line-height: 1.2em; }
.btn-large, .ui-widget-content .btn-large { padding:8px 20px; font-size: 1.2em; }

.red { color:#E9573F; }

.row-red { background: #FED8D8; }
.row-blue { background: #DFF4FF; }
.row-green { background: #E1FFEF; }

.buttons { margin-top:1em; }
.buttons-right { text-align:right; }
.buttons-center { text-align:center; }
.buttons .buttons-right { float:right; }
.buttons-top { border-top:1px solid #c8ced7; padding-top:5px; }

div.submit { border-top:1px solid #C8CED7; margin:5px 0; padding:10px 10px 0 10px; text-align:right; }
div.submit-left { text-align:left; }
/**
 * BLOK
**/

.box { border: 1px solid #C8CED7; background-color: #FFF; box-shadow: 0 0 8px rgba(0, 0, 0, 0.10); margin:10px 0; }
.box .box-header,
.box > h3 { background-color: #E6E9ED; background-image: linear-gradient(to bottom , #fff, #E6E9ED); background-repeat: repeat-x; border-bottom: 1px solid #C8CED7; color:#2B3138; font-weight: 600; text-shadow: 0 1px white; padding:8px 10px; font-size: 1.1em; }
.box .box-header h2,
.box > h3 { font-size: 1.1em; color:#2B3138; font-weight: bold; }
.box .box-header img { vertical-align: middle; }

.box .box-header-invert,
.box > h3 { background: #404650; border-bottom: 1px solid #242A34; color: #FFF; text-shadow: 1px 1px 0 #404650; }
.box .box-header-invert a { color:#FFF; }
.box .box-header-invert a:hover { color:#FF8F27; }
.box .box-header-invert h2 { color:#FFF; }
.box .box-header-invert i { color:#FFF; }

.box .box-header-large { font-size: 1.2em; padding:10px 10px; }

.box .box-buttons { background-color: #F0F2F4; padding:6px 10px; border-bottom: 1px solid #C8CED7; }
.box .box-buttons-light { background-color: #F3F4F6; padding:5px 10px; border-bottom: 1px dotted #C8CED7; }
.box .box-content { padding:15px; }
.box .box-content-tiny { padding:3px 10px; }
.box .box-right { margin-left: 20px; }

.box > h3 {
    padding: 20px 10px;
    font-family: Tahoma,Arial,sans-serif;
}

#catalogCategoryTreeContainer {
    padding: 10px;
    box-sizing: border-box;
    background-color: #F0F2F4;
}

/**
 * TABULKY
**/

table.list { border-collapse:collapse; margin:10px 0em; padding:0em; font-size:1em; empty-cells:show; border:1px solid #C8CED7; background: #FFF; }
table.list thead th,
table.list tfoot td,
table.list tbody tr:first-child th,
table.list thead tr:first-child th { font-weight:bold; text-align:left; background-color: #E6E9ED; background-image: linear-gradient(to bottom , #FFF, #E6E9ED); background-repeat: repeat-x; border-bottom: 1px solid #C8CED7; border-top: 1px solid #C8CED7; color:#2B3138; font-weight: 600; text-shadow: 0 1px white; padding:8px 5px; font-size:1.1em; }
table.list thead th.active, table.list tfoot td.active { background: #E6E6E6; }
table.list tbody td { color:#2B3138; text-align:left; border-top:1px dotted #C8CED7; padding:3px 5px; }
table.list a { color:#2B3138; }

table.list .c { text-align:center; }
table.list .r { text-align:right; }
table.list .l { text-align:left; }

table.list .vt { vertical-align: top; }
table.list .vm { vertical-align: middle; }
table.list .vb { vertical-align: bottom; }

table.list .label { width:200px; }

table.list-full { width:100%; }
table.list-center { margin:0 auto; }

table.no-border { border:none; }
table.bottom-dots { border-bottom:1px dotted #C8CED7; }

table.zebra tr:nth-child(even) { background:#F9F9F9; }
table.zebra tr:nth-child(odd) { background:#FFF; }

table.highlight tr td.highlight,
table.highlight tr.highlight td.highlight,
table.highlight tr.highlight td {
    background:#F0F2F5;
}
table.highlight tr td.highlight .input,
table.highlight tr.highlight td.highlight .input,
table.highlight tr.highlight td .input {
    background: #FFF;
}
table.highlight tr td.highlight .ui-selectbox,
table.highlight tr.highlight td.highlight .ui-selectbox,
table.highlight tr.highlight td .ui-selectbox {
    background-color: #FFF;
}
table.highlight tr.highlight-green td.highlight,
table.highlight tr.highlight-green td {
    background:#E6FAD8;
}


table.form-full { width:100%; }
table.form-center { margin:0 auto; }

table.form { font-size:1em; }
table.form th { vertical-align: top; text-align:left; background-color: #E6E9ED; background-image: linear-gradient(to bottom , #FFF, #E6E9ED); background-repeat: repeat-x; border-bottom: 1px solid #C8CED7; color:#2B3138; font-weight: 600; text-shadow: 0 1px white; padding:8px 5px; }
table.form td { vertical-align: top; padding:2px 5px; color:#2B3138; }
table.form td.label { width:160px; padding:5px 5px; }
table.form td.label-core span { float:right; font-weight:bold; color:#F00; font-size: 1.1em; }
table.form td.label-big { width:400px; }
table.form input, table.form textarea, table.form select { vertical-align:middle; }

table.form input.text { width:250px; }
table.form input.text-small { width:100px; }
table.form input.text-xsmall { width:60px; }

table.info { font-size:1em; border: 1px solid #C8CED7; border-top: 0px; width: 100% }
table.info th { text-align:left; background-color: #E6E9ED; background-image: linear-gradient(to bottom , #FFF, #E6E9ED); background-repeat: repeat-x; border: 1px solid #C8CED7; border-width: 1px 0; color:#2B3138; font-weight: 600; text-shadow: 0 1px white; padding:8px 5px; }
table.info td { padding:2px 5px; color:#2B3138; }

table.tree { width:100%; }
table.tree td.treeView { width:190px; vertical-align:top; background:#F1F3F5; border:1px solid #C8CED7; padding:5px; }
table.tree td.treeData { width:auto; vertical-align:top; padding:0px 0px 0px 10px; }

table.price th {vertical-align: top;}
table.weekSmall {display: block; font-size: 0.8em; border: none; font-weight: bold;}
table.weekSmall tbody td {border: none; vertical-align: bottom; text-align: center; padding: 0; width: 20px;}
table.weekDistance {margin-top: 8px;}

/**
 * REPORTS
**/
.report { font-family:Tahoma,Arial,sans-serif; min-height:18px; _height:18px; text-align:left; margin:0 auto 5px auto; color:#2B3138; font-size:1.1em; padding:5px 40px 5px 40px; position:relative; background:none; z-index:1; font-weight:bold; }
.report span.ico { display:block; width:29px; height:27px; margin:1px 3px 1px 1px; background:url(images/reports.gif) no-repeat top left; position:absolute; top:0px; left:0px; z-index:2; }
.report span.ico-OK    { background-position:0px 0px; }
.report span.ico-ERROR { background-position:-36px 0px; }
.report span.ico-INFO  { background-position:-72px 0px; }
.report span.ico-ALERT { background-position:-108px 0px; }
.report span.ico-HELP  { background-position:-144px 0px; }

#reports { font-size:1.1em; background:#FFF; padding:10px 10px 5px 10px; text-align:left; position:absolute; z-index:10003; top:-1000px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; }
#reports img.close { position:absolute; top:15px; right:10px; z-index:1002; cursor:pointer; }

#overlay {
    position:absolute;
    top:0;
    left:0;
    background:#000;
    display:none;
    z-index:10002;
}

/**
 * AJAX PROGRESS
**/
#ajax_progress {
    position:absolute;
    top:10px;
    left:110px;
    z-index:10000;
    background:URL('./images/progress6.gif') no-repeat 5px 5px #000;
    color:#FFF;
    padding:5px 5px 5px 20px;
    text-align:left;
}

.ui-selectbox { position: relative; cursor: pointer; display: inline-block; padding: 5px 30px 5px 10px; margin:1px; text-align: left; vertical-align: middle; background:url('images/select-trigger.png') no-repeat right center #F0F2F5; border:1px solid #c8ced7; border-radius:3px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.03) inset; box-sizing: border-box; }
.ui-selectbox > span { display: block; margin: 0; overflow: hidden; cursor: pointer; width: 100%; white-space:nowrap; }
.ui-selectbox-white {background-color: white;}

.ui-selectbox-options { display: none; max-height: 200px; height: 200px; overflow: auto; position: absolute; z-index: 10000; line-height: 1em; list-style: none; margin: 1px 0 0 0; padding: 0; cursor: pointer; border: 1px solid #c8ced7; background:#fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.ui-selectbox-options li { padding: 7px 10px 7px 10px; border-top: 1px solid #DEDEDE; white-space: nowrap; }
.ui-selectbox-options li:first-child { border: none; }
.ui-selectbox-options li.hover { background: #F1F3F5; }
.ui-selectbox-options li.selected { background: #F1F3F5; }

.ui-dialog { border:none; padding:0; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3); }
.ui-dialog .ui-dialog-titlebar { background-color: #E6E9ED; background-image: linear-gradient(to bottom , #FFF, #E6E9ED); background-repeat: repeat-x; border-bottom: 1px solid #C8CED7; border-top: none; border-left:none; border-right: none; color:#2B3138; font-weight: 600; text-shadow: 0 1px white; padding:10px 15px; font-size:1.1em; border-radius: 5px 5px 0 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.ui-dialog .ui-dialog-titlebar-close { right:15px; }
.ui-dialog .ui-dialog-content { padding:15px; }

.ui-tabs { border:none; padding-top: 0; margin-top: 0; }
.ui-tabs .ui-tabs-panel { padding-left:0; padding-right:0; }
.ui-tabs .ui-tabs-nav { border-top:0; border-left:0; border-right: 0; background: none; padding-left:10px; }
.ui-tabs .ui-tabs-nav li.ui-state-default { background-color: #E6E9ED; background-image: linear-gradient(to bottom , #FFF, #E6E9ED); background-repeat: repeat-x; }
.ui-tabs .ui-tabs-nav li.ui-state-hover { background: #FF8F27; color:#FFF; }
.ui-tabs .ui-tabs-nav li.ui-state-active { background: #fff; }

li .ui-icon-close { margin: 0.4em 0.2em 0 0; cursor: pointer; }
ul.ui-tabs-nav > li > .ui-icon {
    cursor: pointer;
    display: inline-block;
    margin: 0.4em 0.1em 0 0;
}

/*
 * COPY
 */
button.ico.newproduct {
    margin-left: 5px;
}
img.icon {
    vertical-align: middle;
}
fieldset {
    border: 1px solid #C8CED7;
    margin: 0;
}
fieldset.search {
    margin-bottom: 10px;
}
#catalogCategoryTreeContainer {
    margin-bottom: 10px;
}
img.attribValueDelete {
    cursor: pointer;
}
a.catalogAttribsGroupAdd {
    margin-right: 10px;
}
form fieldset label , form div.fieldset  label  {
    float:left;
    clear:left;
    display:block;
    width:140px;
    margin-right:10px;
    padding-top:3px;
    text-align:right;
    color:#4D4D4D;
}
form fieldset .inputline , form div.fieldset  .inputline  {
    clear:both;
    padding-top:0.3em;
    margin-bottom:0.0em;
}
form fieldset .inputline div.list{
    width: 500px;
    float:left;
}
form fieldset .inputline div.list ul{
    padding: 5px 0;
    margin: 0px;
    list-style-type: none;
}
form fieldset .inputline div.list ul li{
    padding: 1px 5px;
    background: #EFEFEF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #D0D0D0;
}