.ui-widget select {
    font-size: 1.35em;
}

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

.no-indent    { padding:0; }

.indent       { padding:15px; }
.indent-box   { padding:15px 30px; }
.indent-box-row { padding:5px 30px; }
.indent-row   { padding:5px 15px; }
.indent-small { padding:5px 10px; }
.indent-cell  { padding:3px; }
span.indent, strong.indent, label.indent { display: inline-block; }

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; }

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

.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%; box-sizing: border-box; }

.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:0em; padding:0em; }
input, textarea, select, button { font-size:1em; font-family:Tahoma,Arial,sans-serif; }
button { vertical-align:middle; }

.input { 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 { 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%; line-height:18px; }
.input-circle i { font-size: 11px; }

/**
 * 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 {
    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 {
    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 {
    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 { 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 { font-size: 1.1em; margin:0; padding:0; color:#2B3138; font-weight: bold; }
.box .box-header h2 span { font-weight:normal; font-size:0.9em; }
.box .box-header img { vertical-align: middle; }

.box .box-header-invert { 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; }

/**
 * 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 { 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 div.tabs { margin-bottom: -1px; }
table.list thead th.active, table.list tfoot td.active { background: #E6E6E6; }
table.list thead th.langs { padding: 2px 0 0 0; }
table.list tbody td { color:#2B3138; text-align:left; border-top:1px dotted #C8CED7; padding:3px 5px; }

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

table .vt { vertical-align: top; }
table .vm { vertical-align: middle; }
table .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 { padding:2px 5px; color:#2B3138; }
table.form td.vtop { vertical-align: top; }
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; }
table.info th { 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.info td { padding:2px 5px; color:#2B3138; }

table.tree { width:100%; }
table.tree td.treeView { width:190px; vertical-align:top; background:#F2F2F2; 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 { min-height:18px; _height:18px; text-align:left; margin:0 auto 5px auto; color:#000000; font-size:1.3em; padding:5px 25px 5px 40px; position:relative; background:none; z-index:1; }
.report span.ico { display:block; width:29px; height:27px; margin:1px 3px 1px 1px; background:url('../images/reports.png') no-repeat top left; position:absolute; top:0; left:0; z-index:2; }
.report span.ico-OK    { background-position:0 0; }
.report span.ico-ERROR { background-position:-36px 0; }
.report span.ico-INFO  { background-position:-72px 0; }
.report span.ico-ALERT { background-position:-108px 0; }
.report span.ico-HELP  { background-position:-144px 0; }

#reports { background:#FFF; font-size: 1.1em; padding:0; text-align:left; position:absolute; z-index:10003; top:-1000px; zoom: 1; -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 50px rgba(0,0,0,0.3); box-shadow: 0 0 50px rgba(0,0,0,0.3); }
#reports img.close { position:absolute; top:12px; right:12px; z-index:10003; cursor:pointer; }
#reports div.report-title { font-size:1.2em; font-weight: bold; padding:8px 15px; }
#reports div.report-title-wide { padding:12px 15px; }
#reports div.report-title-ERROR { background: #E9573F; color:#FFF; }
#reports div.report-title-ALERT { background: #FAA732; color:#FFF; }
#reports div.report-title-OK { background: #37BC9B; color:#FFF; }
#reports div.report-title-INFO { background: #3BAFDA; color:#fff; }
#reports div.report-title-HELP { background: #3BAFDA; color:#fff; }

#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;
}