body {
    font: normal normal normal 12px "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif;
    color: black;
    background-color: white;
    margin: 0px;
    line-height: 16px;
}

ol, ul {
    margin: 0;
}

td {
    font: normal normal normal 12px "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif;
    color: black;
    margin: 0px;
}

th {
    font: normal normal normal 12px "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif;
    color: black;
    margin: 0px;
    font-weight: bold;
}

h1 {
    font-weight: bolder;
    font-size: 18px;
    vertical-align: bottom;
    color: black;
    padding-bottom: 5px
}

h2 {
    font-weight: bolder;
    font-size: 16px;
    vertical-align: bottom;
    color: black;
    margin-top: 0;
    padding-bottom: 0px
}

h3 {
    font-weight: bolder;
    font-size: 14px;
    vertical-align: bottom;
    color: black;
    padding-bottom: 3px;
    display: inline;
}

hr {
    color: #E87F35;
    width: 99%;
    height: 1px;
    margin: 0 auto;
}

a, .clickable {
    color: #E87F35;
    text-decoration: none
}

a:hover, .clickable:hover {
    color: #333333;
    text-decoration: none
}

.hover, a.hover {
    border-bottom: 1px dashed black;
}

.hover_white, a.hover_white {
    border-bottom: 1px dashed white;
}

.hover_pink, a.hover_pink {
    border-bottom: 1px dashed #dc0069;
}

img {
    border-width: 0px
}

textarea {
    font-size: 8pt;
    color: black;
    font-size: 12px;
    border: 1px solid silver;
    font-family: "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif;
    border-radius: 2px;
}

select {
    font-size: 8pt;
    color: black;
    font-size: 12px;
    border: 1px solid silver;
    font-family: "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif;
    border-radius: 2px;
}

button, input, .button {
    border: 1px solid silver;
    font-size: 12px;
    font-family: inherit;
    margin: 0;
    border-radius: 2px;
    vertical-align: middle;
}

button, .button {
    height: 18px;
    line-height: 16px;
}

input.check {
    height: auto;
    vertical-align: middle;
}

.editor {
    width: 750px;
    height: 400px;
    border: 1px solid silver;
    overflow: scroll;
}

.version {
    position: absolute;
    right: 9px
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.redbox {
    border: 1px solid red;
    background-color: #fffffe;
}

.topbg {
    position: relative;
    float: left;
    width: 100%;
    height: 80px;
    font-weight: bold;
    color: white;
    background: url(imgs/headbg.jpg) repeat-x;
}

.logo {
    position: absolute;
    top: 8px;
    left: 10px;
}

.printlogo {
    position: absolute;
    top: 8px;
    left: 10px;
    display: none;
}

.offs {
    clear: both;
    text-align: center;
    width: 100%;
}

/* zmeneno - zarucena suda vyska radku ! + skryti custom info */
.b {
    font-weight: bold;
}

#custom_functions {
    margin-bottom: 12px;
}

.headbg, .headbg td {
    font-weight: bold;
    color: white;
    background: #E87F35;
    padding: 3px 6px;
    line-height: 16px;
}

.sticky-top {
    position: sticky;
    top: 0;
}

.innerheadbg td {
    color: white;
    background-color: #71D5FF;
}

.login {
    position: absolute;
    right: 5px;
    top: 5px;
}

.h_line, .h_line td {
    background-color: #fcfcfc;
    padding: 3px 6px;
    line-height: 16px;
}

.s_line, .s_line td {
    background-color: #e6e6e6;
    padding: 3px 6px;
    line-height: 16px;
}

#flashholder {
    position: fixed;
    top: -1px;
    right: 0;
    width: 100%;
    height: 1px;
    z-index: 1000;
    overflow: visible;
}

.flash {
    background: none repeat scroll 0 0 #DD6600;
    border: 2px solid #FFFFFF;
    border-radius: 0.7em 0.7em 0.7em 0.7em;
    box-shadow: 1px 1px 1px 1px #000;
    color: #FFFFFF;
    padding: 0.5em 0.8em;
    float: right;
    clear: right;
    margin: 2.4em 1.5em -0.9em;
    cursor: default;
    font-size: 14px;
    line-height: 19px;
}

.flash > a {
    color: #FFDD33;
    text-decoration: underline;
    padding: 1px 5px;
}

.flash > a:hover {
    color: #FFFFFF;
    opacity: 0.75;
    background-color: #222222;
    text-decoration: none;
}

/* /zmeneno */
.s_liner {
    background-color: #e6e6e6;
    text-align: right;
}

.h_liner {
    background-color: #fcfcfc;
    text-align: right;
}

/* zmeneno */
tr:hover > .s_line, tr:hover > .h_line, tr:hover > .s_liner, tr:hover > .h_liner, tr.s_line:hover > td, tr.h_line:hover > td {
    background-color: #FFEEBB;
}

td.clickable:hover {
    background-color: #FFE187;
    cursor: pointer;
}

/*FFD454*/
tr.stocks > td, tr.locwstocks > td {
    padding: 0
}

tr.stocks table, tr.locwstocks table {
    margin: -1px 0;
    border-spacing: 1px;
    border-collapse: separate;
    border-bottom: 2px solid #009EDF;
}

tr.stocks table td, tr.locwstocks table td {
    padding: 1px 5px;
}

tr.innerheadbg td {
    color: #000;
    font-weight: bold;
}

/* /zmeneno */
.sumbg {
    font-weight: bold;
    color: black;
    background: #DAE8F3;
    padding: 3px 6px;
}

.leftmenu {
    float: left;
    width: 150px;
}

.leftmenuhide {
    float: left;
    width: 8px;
    overflow: hidden;
}

.leftmenu .pad {
    padding: 6px 3px;
}

.leftmenuhide .pad {
    padding: 6px 3px 6px 0;
}

.menu1 {
    width: 141px;
    background-color: #B6106E;
    color: white;
}

.menu1 a {
    color: white;
    text-decoration: none;
}

.menu1 a:hover {
    color: #333333;
    text-decoration: underline
}

.menu2 {
    width: 120px;
    background-color: #484848;
    color: white
}

.menu2 a {
    color: white;
    text-decoration: none
}

.menu2 a:hover {
    color: white;
    text-decoration: underline
}

.menu3 {
    width: 120px;
    background-color: #648500;
    color: white
}

.menu3 a {
    color: white;
    text-decoration: none
}

.menu3 a:hover {
    color: white;
    text-decoration: underline
}

.main {
    position: relative;
    float: left;
    width: 100%;
    z-index: 1;
}

.mainpad {
    padding: 12px;
}

.topright {
    position: absolute;
    top: 12px;
    right: 12px;
}

.topmenu {
    position: relative;
    float: left;
    width: 100%;
    height: 26px;
    background-color: #E5E5E5;
    color: white;
    margin-bottom: 10px;
    border-bottom: 1px solid #aaa;
    font-size: 11px; /*z-index: 5;*/
}

.topmenu .pad {
    padding: 0 0 0 12px;
    z-index: 5;
}

.topmenu .rmenu {
    position: absolute;
    right: 0;
    top: 0;
}

.topmenu .element {
    position: relative;
    top: 1px;
    float: left;
    display: inline;
    height: 26px;
    line-height: 26px;
    margin-right: 4px; /* z-index: 5;*/
}

.topmenu .aelement {
    position: relative;
    top: 1px;
    float: left;
    display: inline;
    height: 26px;
    line-height: 26px;
    margin-right: 4px;
    background-color: white;
    color: black; /* z-index: 5; */
}

.topmenu .shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fafafa;
    overflow: hidden;
}

.lcorn {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 2px;
    background: url(imgs/lcorn_d.gif);
    overflow: hidden;
}

.rcorn {
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 2px;
    background: url(imgs/rcorn_d.gif);
    overflow: hidden;
}

.topmenu a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    margin: 0 5px;
}

.topmenu img {
    position: relative;
    top: 4px;
    margin-left: 2px;
    margin-right: 4px;
}

.topmenu .aelement a {
    color: black;
}

.topmenu a:hover {
    color: #333333;
}

.submenu {
    position: absolute;
    left: 0px;
    top: 25px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid #222222;
    border-right: 1px solid #222222;
    background: white;
    opacity: .9;
    filter: alpha(opacity=95);
    z-index: 30;
}

.submenu .inner {
    border: 1px solid #B6106E;
    padding: 12px 0;
    opacity: .9;
    filter: alpha(opacity=95);
    border-color: #666;
    background: #fafafa;
}

.inner a {
    color: black;
    width: 100%;
    height: 20px;
    margin: 0;
    line-height: 20px;
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.submenu .pad {
    margin: 0;
    padding: 0 12px;
}

.inner a:hover {
    color: white;
    background: #B6106E;
    text-decoration: none;
}

.topmenu .newicon {
    position: absolute;
    z-index: 1;
    top: -20px;
    right: -10px;
    width: 30px;
}

.ctopbgw {
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    padding-right: 7px;
    font-size: 14px;
    width: 2%;
}

.ctopbg {
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    padding-right: 7px;
    font-size: 14px;
    width: 14%;
}

.ctopbgn {
    color: red;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    padding-right: 7px;
    font-size: 14px;
    width: 14%;
}

.cweek {
    background: #EFEFEF;
    color: black;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
}

.cday, .cdaya {
    position: relative;
    background: #EFEFEF;
    color: black;
    height: 60px;
    font-size: 9px;
    margin: 0;
    padding: 0;
}

.wday {
    height: 250px;
}

.yday {
    height: 22px;
    line-height: 22px;
    width: 30px;
    padding: 0;
}

.cdaya {
    background: #FAFAFA;
}

.aday {
    top: 0;
    right: 0;
}

.cday .text, .cdaya .text {
    margin: 18px 4px 4px 4px;
}

.daynumber {
    position: absolute;
    top: 2px;
    right: 4px;
    font-size: 14px;
    font-weight: bold;
}

.yday .daynumber {
    position: relative;
    width: 26px;
    text-align: right;
    top: 0;
    right: 0;
}

.dayinfo {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 9px;
    width: 90%;
    height: 13px;
    overflow: hidden;
    color: #888888;
    white-space: nowrap;
}

.redborder {
    background: #FFCBB3;
}

.tdbox {
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.title {
    font-weight: bold;
    color: black;
    font-size: 18px;
    margin-left: 20px
}

.disable_error {
    font-weight: bold;
    color: red;
    font-size: 22px
}

.disable_info {
    font-weight: bold;
    color: blue;
    font-size: 22px
}

.disable_ok {
    font-weight: bold;
    color: green;
    font-size: 22px
}

.disable_header {
    font-weight: bold;
    color: black;
    font-size: 22px
}

.ico {
    position: relative;
    top: 5px
}

.pagin, .pagin a {
    background-color: #484848;
    height: 18px;
    line-height: 18px;
    color: orange;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.pagin {
    color: white;
    font-weight: normal;
}

.pagin a:hover {
    color: white
}

.nopagin {
    background-color: #484848;
    height: 4px;
}

.deleted.tip {
    position: relative;
    left: 0px;
    top: 1px;
    display: inline;
    width: 11px;
    height: 16px;
    background-image: url(imgs/bulb.gif);
    margin-right: 5px;
    overflow: hidden;
}

.deleted.itip {
    position: relative;
    left: 0px;
    top: 1px;
    display: inline;
    width: 12px;
    height: 12px;
    background-image: url(imgs/info.gif);
    margin-right: 5px;
    overflow: hidden;
}

.wikina_question_mark {
    width: 60px;
    height: 60px;
}

.tool {
    width: 12px;
    height: 12px; /*vertical-align: middle*/
}

.help {
    font-size: 9px;
    color: #666666;
}

.helpq {
    font-size: 9px;
    color: #666666;
}

.red {
    color: red;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

.pink {
    color: #dc0069;
}

.black {
    color: black;
}

.grey {
    color: darkgrey;
}

.lightyellowbg {
    background-color: #FFE187;
}

.form_overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .5;
    filter: alpha(opacity=50);
    background-color: #000;
    text-align: center;
    z-index: 6;
}

.form_table, .form_box {
    position: fixed;
    left: 150px;
    top: 100px;
    border: 1px solid black;
    background-color: white;
    padding: 8px 8px;
    padding-bottom: 20px;
    z-index: 12;
    box-shadow: 3px 3px 4px #000;
    border-radius: 4px;
}

.form_pad_50 {
    padding-bottom: 50px !important;
}

.form_close {
    position: absolute;
    top: 3px;
    right: 5px;
    background: red;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    width: 14px;
    height: 14px;
    text-align: center;
    text-decoration: none;
    color: white;
    box-shadow: 1px 1px 2px #000;
    border-radius: 2px;
}

.form_title {
    background: blue;
    color: white;
    position: relative;
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-radius: 2px;
}

#form_table {
    position: relative;
    overflow: auto;
    margin-bottom: 45px;
}

.form_table table {
    overflow: auto;
    position: relative;
}

.form_send {
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

.form_send input {
    box-shadow: 1px 1px 2px #000;
}

.width20px {
    width: 20px;
}

.width30px {
    width: 30px;
}

.width40px {
    width: 40px;
}

.width60px {
    width: 60px;
}

.center {
    text-align: center;
    margin: 5px auto;
}

.index_panel {
    border: 1px solid silver;
    padding: 5px;
    margin-right: 6px;
    float: left;
    height: 300px;
}

.red_button {
    border: red;
    color: red;
}

.green_button {
    border: green;
    color: green;
}

.note {
    position: relative;
    float: left;
    font-size: 9px;
    width: 150px;
    height: 150px;
    border: 1px solid silver;
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 5px;
}

.note strong {
    width: 100%;
    font-size: 13px;
    border-bottom: 1px solid silver;
}

.deleted {
    text-decoration: line-through;
}

.filter {
    position: relative;
    width: 100%;
    line-height: 26px;
    background: black;
    color: white;
    margin-bottom: 12px;
    border-radius: 2px;
    z-index: 30;
}

.pfilter {
    position: relative;
    width: 100%;
    line-height: 18px;
    background: silver;
    color: black;
    margin-bottom: 12px;
}

.filter td {
    background-color: #484848;
    color: white
}

/*.filter input, .filter select { margin-right: 12px; }*/
.filter form {
    margin: 0;
    padding: 0;
    margin-top: 0px;
}

.filter .nomargin {
    margin-right: 5px;
}

.filter .icon {
    position: relative;
    top: 4px;
}

.period {
    position: relative;
    display: inline;
}

.period-menu {
    position: absolute;
    top: 18px;
    left: 0;
    border: 1px solid black;
    opacity: .9;
    filter: alpha(opacity=95);
    border-radius: 2px;
    box-shadow: 1px 1px 2px #000;
    display: none;
}

.period-menu a {
    background-color: #F0F0F0;
    color: black;
    text-indent: 5px;
    line-height: 20px;
    display: block;
    height: 20px;
    width: 120px;
}

.period-menu a:hover {
    background-color: blue;
    color: white;
}

.filter .fdv {
    position: relative;
    display: inline;
    margin: 4px 8px;
    padding: 2px 1px;
    background: url(imgs/fdv.gif);
    overflow: hidden;
}

.save {
    position: absolute;
    top: 4px;
    right: 4px;
}

.save-menu {
    position: absolute;
    top: 23px;
    right: 4px;
    border: 1px solid black;
    opacity: .9;
    filter: alpha(opacity=95);
    border-radius: 2px;
    box-shadow: 1px 1px 2px #000;
    display: none;
}

.filter-link {
    position: relative;
    text-indent: 5px;
    line-height: 20px;
    display: block;
    height: 20px;
    width: 140px;
    overflow: hidden;
}

.filter-link:hover, .filter-link:hover a {
    background-color: blue;
    color: white;
}

.save-menu a {
    color: black;
}

.save-menu a:hover {
    background-color: blue;
    color: white;
}

#saveFilter {
    text-indent: 5px;
    line-height: 20px;
    display: block;
    height: 20px;
    width: 140px;
    border-top: #A0A0A0 1px solid;
}

.deleteFilter {
    position: absolute;
    top: 4px;
    right: 6px;
}

.okbg {
    background: url(imgs/ok_bg.gif) repeat-x #00CA65;
}

.redbg {
    background: url(imgs/red_bg.png) repeat-x #d80000;
}

.bigger {
    height: 28px;
    font-size: 20px;
}

.extfilter {
    position: relative;
    top: -16px;
    padding-top: 10px;
    width: 100%;
    line-height: 22px;
    background: #555;
    color: white;
    border-radius: 2px;
    z-index: 28;
    padding-bottom: 4px;
}

.extfilter .pad {
    padding: 0 8px;
}

.orders {
    clear: both;
}

.clearall {
    clear: both;
}

.bad {
    margin-left: 5px;
    padding-left: 20px;
    color: red;
    background: url(imgs/no.png) no-repeat;
    background-size: contain;
}

.ok {
    margin-left: 5px;
    padding-left: 20px;
    color: green;
    background: url(imgs/yes.png) no-repeat;
    background-size: contain;
}

.loading {
    margin-left: 5px;
    padding-left: 20px;
    color: black;
    background: url(imgs/loading.gif) no-repeat;
}

.error {
    margin-top: 22px;
    margin-bottom: 5px;
    border: 2px solid red;
    padding: 12px 6px;
    color: red;
    padding-left: 52px;
    background: url(imgs/i_warning.gif) 9px center no-repeat white;
    border-radius: 2px;
}

.confirmFunction {
    padding: 12px 6px;
    color: white;
    /*padding-left: 52px;*/
    background: #06141F;
    border-radius: 2px;
    font-size:1.5em;
}

.wikie {
    margin-top: 22px;
    margin-bottom: 5px;
    border: 2px solid #002e5d;
    padding: 12px 6px;
    color: #002e5d;
    padding-left: 52px;
    background: url(imgs/i_wikie.png) 9px center no-repeat white;
    border-radius: 2px;
}

.wikie_pink {
    margin-top: 22px;
    margin-bottom: 5px;
    border: 2px solid #dc0069;
    padding: 12px 6px;
    color: #dc0069;
    padding-left: 52px;
    background: url(imgs/i_wikie_pink.png) 9px center no-repeat white;
    border-radius: 2px;
}

.success {
    margin-top: 18px;
    margin-bottom: 5px;
    border: 2px solid green;
    padding: 12px 6px;
    color: green;
    padding-left: 52px;
    background: url(imgs/i_ok.gif) 9px center no-repeat white;
    border-radius: 2px;
}

.info {
    margin-top: 18px;
    margin-bottom: 5px;
    border: 2px solid blue;
    padding: 12px 6px;
    color: blue;
    padding-left: 52px;
    background: url(imgs/i_info.gif) 9px center no-repeat white;
    border-radius: 2px;
}

.tip {
    margin-top: 18px;
    margin-bottom: 5px;
    border: 2px solid #FFC107;
    padding: 12px 6px;
    color: #FFC107;
    padding-left: 52px;
    background: url(imgs/i_tip.gif) 9px center no-repeat white;
    border-radius: 2px;
}

.delete_invoice {
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background: red;
    color: white;
    font-size: 14px;
    border-radius: 2px;
}

.tabs .righttop {
    position: absolute;
    top: -2px;
    right: -2px;
}

.db_debug {
    font-size: 9px;
    background: silver;
    color: black;
}

.db_debug_err {
    font-size: 9px;
    background: silver;
    color: red;
}

.nofr {
    border: 0px;
    height: inherit;
}

.tight {
    line-height: 3px;
}

#naseptavacDiv {
    position: absolute;
    left: 60px;
    top: 24px;
    z-index: 1000;
}

#naseptavac {
    border: 1px solid silver;
    font-size: 14px;
}

td #naseptavacDiv {
    left: 60px;
    top: 42px;
}

td #naseptavac {
    border: 1px solid silver;
    font-size: 18px;
}

.tabs {
    width: 100%;
    height: 25px;
    border-bottom: 1px solid #B0B0B0;
    padding: 0;
    font-size: 12px;
    clear: both;
}

.tabs .tab {
    display: block;
    float: left;
    position: relative;
    width: 145px;
    height: 25px;
    line-height: 24px;
    border: 1px solid #B0B0B0;
    margin: 0 4px 0 0;
    text-align: center;
    color: black;
    text-transform: uppercase;
    background: url(imgs/panel_bg.jpg) repeat-x #FDFDFC;
    top: 1px;
}

.tabs > .tab {
    height: 23px;
}

.tabs a:hover {
    color: #CA0000;
}

.tabs .active {
    background: white;
    border-bottom: 1px solid white;
}

.tabs_ord_ui_x {
    width: 100%;
    height: 25px;
    border-bottom: 1px solid #B0B0B0;
    padding: 0;
    font-size: 12px;
    clear: both;
}

.tabs_ord_ui_x .tab {
    display: block;
    float: left;
    position: relative;
    width: 145px;
    height: 25px;
    line-height: 24px;
    border: 1px solid #B0B0B0;
    margin: 0 4px 0 0;
    text-align: center;
    color: black;
    text-transform: uppercase;
    background: url(imgs/panel_bg.jpg) repeat-x #FDFDFC;
    top: 1px;
}

.tabs_ord_ui_x > .tab {
    height: 23px;
}

.tabs_ord_ui_x a:hover {
    color: #dc0069;
    font-weight: bold;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.tabs_ord_ui_x .active {
    background: #002e5d;
    font-weight: bold;
    color: white;
    border-bottom: 1px solid white;
}

.scroll {
}

#form_table {
    overflow: auto;
    height: 82%;
}

.nowrap {
    white-space: nowrap;
}

.toolholder {
    display: inline-block;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.toolholder.pendable.pending {
    background-image: url(imgs/points-pending.gif);
    cursor: wait;
}

.toolholder.pendable.pending img {
    display: none;
}

/* Table Format */
table.Default {
    border-collapse: collapse;
    border: #4f81bd 1px solid;
    margin-bottom: 15px;
}

table.Default td {
    border: #ccc 1px solid;
    padding: 7px;
}

table.Default td.alt {
    border: #ccc 1px solid;
    padding: 7px;
}

table.Default td.hd {
    border: #ccc 1px solid;
    padding: 7px;
}

table.Default td.fc {
    border: #ccc 1px solid;
    padding: 7px;
}

table.Default td.fcalt {
    border: #ccc 1px solid;
    padding: 7px;
}

table.Zebra {
    width: 80%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

table.Zebra td {
    padding: 7px;
    font-size: 9pt;
}

table.Zebra td.alt {
    padding: 7px;
    background: #eee;
    font-size: 9pt;
}

table.Zebra td.hd {
    border-bottom: #4f81bd 1px solid;
    color: #365fa5;
    font-size: 12pt;
    padding: 7px;
}

table.Zebra td.fc {
    padding: 7px;
    font-size: 9pt;
}

table.Zebra td.fcalt {
    padding: 7px;
    background: #eee;
    font-size: 9pt;
}

table.Zebra-2 {
    width: 80%;
    border-collapse: collapse;
    margin-bottom: 15px;
    border: #4f81bd 1px solid;
}

table.Zebra-2 td {
    padding: 7px;
    background: #eee;
    font-size: 9pt;
}

table.Zebra-2 td.alt {
    padding: 7px;
    background: #fff;
    font-size: 9pt;
}

table.Zebra-2 td.hd {
    background: #709ad1;
    border-bottom: #4f81bd 1px solid;
    color: #fff;
    font-size: 12pt;
    padding: 7px;
}

table.Zebra-2 td.fc {
    padding: 7px;
    background: #eee;
    font-size: 9pt;
}

table.Zebra-2 td.fcalt {
    padding: 7px;
    background: #fff;
    font-size: 9pt;
}

table.Zebra-3 {
    width: 80%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

table.Zebra-3 td {
    border: #4f81bd 1px solid;
    padding: 7px;
    font-size: 9pt;
}

table.Zebra-3 td.alt {
    background: #eee;
    padding: 7px;
    font-size: 9pt;
}

table.Zebra-3 td.hd {
    border: none;
    border-bottom: #4f81bd 3px solid;
    color: #365fa5;
    font-size: 14pt;
    padding: 7px;
}

table.Zebra-3 td.fc {
    padding: 7px;
    font-size: 9pt;
}

table.Zebra-3 td.fcalt {
    background: #eee;
    padding: 7px;
    font-size: 9pt;
}

table.Vertical-Emphasis {
    width: 80%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

table.Vertical-Emphasis td {
    padding: 7px;
    font-size: 9pt;
}

table.Vertical-Emphasis td.alt {
    padding: 7px;
    font-size: 9pt;
}

table.Vertical-Emphasis td.hd {
    border-bottom: #4f81bd 1px solid;
    color: #365fa5;
    font-size: 12pt;
    padding: 7px;
}

table.Vertical-Emphasis td.fc {
    padding: 7px;
    font-size: 9pt;
    background: #eee;
}

table.Vertical-Emphasis td.fcalt {
    padding: 7px;
    font-size: 9pt;
    background: #eee;
}

table.Vertical-Emphasis-2 {
    width: 80%;
    border-collapse: collapse;
    margin-bottom: 15px;
    border: #4f81bd 1px solid;
}

table.Vertical-Emphasis-2 td {
    padding: 7px;
    font-size: 9pt;
}

table.Vertical-Emphasis-2 td.alt {
    padding: 7px;
    font-size: 9pt;
}

table.Vertical-Emphasis-2 td.hd {
    background: #709ad1;
    border-bottom: #4f81bd 1px solid;
    color: #fff;
    font-size: 12pt;
    padding: 7px;
}

table.Vertical-Emphasis-2 td.fc {
    padding: 7px;
    background: #eee;
    font-size: 9pt;
}

table.Vertical-Emphasis-2 td.fcalt {
    padding: 7px;
    background: #eee;
    font-size: 9pt;
}

table.Vertical-Emphasis-3 {
    width: 80%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

table.Vertical-Emphasis-3 td {
    padding: 7px;
    font-size: 9pt;
}

table.Vertical-Emphasis-3 td.alt {
    padding: 7px;
    font-size: 9pt;
}

table.Vertical-Emphasis-3 td.hd {
    border-bottom: #4f81bd 3px solid;
    color: #365fa5;
    font-size: 14pt;
    padding: 7px;
    background: #eee;
}

table.Vertical-Emphasis-3 td.fc {
    padding: 7px;
    background: #4f81bd;
    font-size: 9pt;
    color: #fff;
}

table.Vertical-Emphasis-3 td.fcalt {
    padding: 7px;
    background: #4f81bd;
    font-size: 9pt;
    color: #fff;
}

table.Modern {
    width: 80%;
    border-collapse: collapse;
    margin-bottom: 15px;
    background-image: url(library/bulb3.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #ececf6;
}

table.Modern td {
    font-size: 9pt;
    padding: 12px;
    border-bottom: white 1px solid;
    color: #365f91
}

table.Modern td.alt {
    font-size: 9pt;
    padding: 12px;
    border-bottom: white 1px solid;
    color: #365f91
}

table.Modern td.hd {
    background: #fff;
    border-bottom: #4f81bd 1px solid;
    color: #365f91;
    font-size: 14pt;
    padding: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

table.Modern td.fc {
    font-size: 9pt;
    padding: 12px;
    border-bottom: white 1px solid;
    color: #365f91
}

table.Modern td.fcalt {
    font-size: 9pt;
    padding: 12px;
    border-bottom: white 1px solid;
    color: #365f91
}

table.Modern-Dark {
    width: 80%;
    border-collapse: collapse;
    margin-bottom: 15px;
    border-bottom: #5177bb 1px solid;
    background-image: url(library/bulb1.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #9caff1;
}

table.Modern-Dark td {
    font-size: 9pt;
    padding: 12px;
    border-bottom: #ececf6 1px solid;
    color: #fff
}

table.Modern-Dark td.alt {
    font-size: 9pt;
    padding: 12px;
    border-bottom: #ececf6 1px solid;
    color: #fff
}

table.Modern-Dark td.hd {
    background: #5177bb;
    border-bottom: #ececf6 1px solid;
    color: #fff;
    font-size: 12pt;
    padding: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

table.Modern-Dark td.fc {
    font-size: 9pt;
    padding: 12px;
    border-bottom: #ececf6 1px solid;
    color: #fff
}

table.Modern-Dark td.fcalt {
    font-size: 9pt;
    padding: 12px;
    border-bottom: #ececf6 1px solid;
    color: #fff
}

.img_container {
    float: right;
    width: 96px;
    text-align: center;
}

.img_container img {
    width: 100%;
}

.fly_help {
    position: absolute;
    background-color: #009edf;
    color: white;
    padding: 6px;
    z-index: 10000;
    opacity: .8;
    filter: alpha(opacity=80);
    display: none;
}

.diffprice {
    background-color: yellow !important;
}

.column-table {
    display: inline-block;
    border-right: 1px solid darkgrey;
    margin-right: 10px;
    margin-bottom: 30px;
    padding-right: 10px;
    vertical-align: top;
}

.hidden {
    display: none;
}

.biggest {
    font-size: 50px;
}

.small {
    font-size: 0.7em;
}

.message-list {

/ / height: auto;
    max-height: 400px;
    width: 300px;
/ / height: 400 px;
    overflow: auto;
    padding: 0;
    list-style: none;
    text-align: left;
    background: white;
    color: black;
    box-shadow: 0 0 10px -4px black;
    border-radius: 3px;
    z-index: 100000000000000;
}

.message-list li {
    border-top: 1px solid #ddd;
    font-weight: normal;
    cursor: pointer;
    padding: 5px 9px;
}

.message-list li:hover {
    background-color: #888;
}

.message-history {

    position: relative;
    width: 700px;
    height: 300px;
    overflow: auto;
    border: 1px solid #eee;
}

.message-message {

    position: relative;
    clear: both;

    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 4px;
    display: inline-block;
    min-width: 250px;
    max-width: 600px;

}

.message-text {

    padding: 6px;
    overflow: hidden;

}

.message-left .message-text {

    background-color: #d9e6e6;

}

.message-right .message-text {

    background-color: #eee;

}

.message-left {

    float: left;
    margin-left: 8px;

}

.message-right {

    float: right;
    margin-right: 8px;

}

.message-title {

    clear: both;
    position: absolute;
    top: -16px;
    font-size: 11px;
    font-weight: bold;

}

.radiobutton {

    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 3px;
    height: 40px;
    line-height: 40px;
    text-indent: 8px;
    cursor: pointer;

}

.radiobutton input {

    display: none;

}

.radiobutton.active {

    background-color: #eee;
    font-weight: bold;

}

.clickable {
    cursor: pointer;
}

.graph-line-color {
    width: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.graph-line-color div {
    margin-top: -5px;
    position: absolute;
    width: 100%;
}

.graph-line-hidden {
    opacity: 0.5;
}

.graph-line-color-line {
    height: 2px;
}

.graph-line-color-shadow {
    opacity: 0.4;
    height: 8px;
}

.monospace {
    font-family: monospace;
}

.overlay_pleasewait_holder {
    position: absolute;
    background-color: rgba(33, 33, 33, 0.8);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: none;
}

.overlay_pleasewait_text {
    margin: auto auto;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    line-height: 18px;
    color: white;
}

.overlay_pleasewait {
    margin: auto auto;
    margin-top: 10%;
    text-align: center;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.abs-under {
    position: absolute;
    left: 0;
    width: 100%;
}

.abs-under-75 {
    bottom: -75%;
}

.abs-under-100 {
    bottom: -100%;
}

.relative {
    position: relative;
}

.underline {
    text-decoration: underline;
}

.flash-animation {
    animation: flash 2s infinite;
}

@keyframes flash {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.loader {
    margin: auto auto;
    text-align: center;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}

.small-loader, .small-loader::after {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    border: 1px solid #9e9e9e;
    border-top-color: transparent;
    animation: spin 1s infinite;
    box-sizing: border-box;
}

.small-loader {
    margin: 0 3px;
    width: 1em;
    height: 1em;
}

.small-loader::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation-duration: 1s;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.pretender-info {
    background: red;
    height: 3em;
    text-align: center;
    color: white;
    font-weight: bold;
    vertical-align: middle;
    line-height: 3em;
}

.button_link {
    border: 1px solid #002e5d;
    border-radius: 6px;
    color: white;
    font-weight: bold;
    padding: 0.5em;
    line-height: 16px;
    background: #002e5d;
    width: min-content
}

.button_link:hover {
    border: 1px solid #dc0069;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    color: white;
    background: #dc0069;
}

.select2-selection__rendered {
    line-height: 17px !important;
}

.select2-container .select2-selection--single {
    height: 18px !important;
}

.select2-selection__arrow {
    height: 16px !important;
}

select.select2 {
    padding-right: 15px;
}

.dib {
    display: inline-block;
}

/* --- START PV GOO_WRAPS --- */
.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator::before, .separator::after {
    content: '';
    flex: 1;
    height: 1px;
    /*background: linear-gradient(90deg, rgba(0,46,93,0.5) 0%, rgba(220,0,105,0.5) 100%);*/
    background: lightgray;
}

.separator::before {
    margin-right: .25em;
}

.separator::after {
    margin-left: .25em;
}

/* --- END GOO_WRAPS --- */
/* --- START PV ORDER CONTENT --- */
/* TODO sjednotit podobné - done */

.options-button {
    //margin: 5px 0 0 0;
    padding: 2px;
    border-radius: 0.75em;
    /*border: none;*/
    background-color: slategrey;
    /*background-color: #002e5d;*/
    font-size: 1em;
    color: white;
    cursor: pointer;
    border-width: 2px;
    border-style: inset;
    border-left-color: #CCC;
    border-top-color: #CCC;
    border-right-color: #000;
    border-bottom-color: #000;
}

.options-button-active {
    margin: 5px 0 0 0;
    padding: 5px;
    border-radius: 0.75em;
    background-color: #dc0069;
    font-size: 1em;
    color: white;
    cursor: pointer;
    border-width: 2px;
    border-style: inset;
    border-left-color: #CCC;
    border-top-color: #CCC;
    border-right-color: #000;
    border-bottom-color: #000;
}


.order_button_pv, .order_button_pv_active, .order_button_pv_red, .order_button_pv_disabled, .order_button_pv_relative, .order_button_pv_relative_active {
    font-weight: bold;
    margin: 5px;
    border-radius: 5px;
    height: 22px;
    width: -webkit-fill-available;
}

.order_button_pv {
    background: #002e5d;
    border: 1px solid #002e5d;
    color: white;
}

.order_button_pv_relative {
    background: #002e5d;
    border: 1px solid #002e5d;
    color: white;
}

.order_button_pv_relative_active {
    background: #009EDF;
    border: 1px solid #009EDF;
    color: white;
}

.order_button_pv_red {
    background: red;
    border: 1px solid red;
    color: white;
}

.order_button_pv_disabled {
    background: #868fab;
    border: 1px solid #868fab;
    color: dimgrey;
}

.order_button_pv_active {
    background: #dc0069;
    border: 1px solid #dc0069;
    color: white;
}

.order_button_pv_red:hover, .order_button_pv_active:hover, .order_button_pv:hover {
    background: #dc0069;
    border: 1px solid #dc0069;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(153, 153, 153, 1);
}

@keyframes blink {
    0% {
        color: yellow;
    }
    100% {
        color: black;
    }
}

@-webkit-keyframes blink {
    0% {
        color: yellow;
    }
    100% {
        color: black;
    }
}

.blink {
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
    font-weight: bold;
}

@keyframes redblink {
    0% {
        color: red;
    }
    100% {
        color: #E87F35;
    }
}

@-webkit-keyframes redblink {
    0% {
        color: red;
    }
    100% {
        color: #E87F35;
    }
}

.redblink {
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
    font-weight: bold;
}

.redblink a {
    color: red;
}

.more-visible {
    color: black;
    font-weight:bold;
}

.no-points-list {
    list-style-type: square;
    margin: 0 1em;
    padding: 0;
}

.warning-pulse {
    color: #E87F35;
    font-weight:bold;
}
/* --- END ORDER CONTENT --- */
/* --- START PV detail položky --- */
.value_div {
    display: flex;
    justify-content: left;
}

.value_header, .value_header_red, .value_header_gray, .value_header_flex, .value_header_flex_red, .value_header_flex_gray {
    padding: 0.5em;
    font-weight: bold;
    border: 1px solid white;
    color: white;
    width: 100px;
    max-height: 16px;
}

.value_header_flex, .value_header_flex_red, .value_header_flex_gray {
    display: flex;
    justify-content: space-between;
}

.value_header, .value_header_flex {
    background: #dc0069;
}

.value_header_red, .value_header_flex_red {
    background: red;
}

.value_header_gray, .value_header_flex_gray {
    background: slategrey;
}

.value_item, .value_item_medium, .value_item_medium_b, .value_item_short, .value_item_short_b {
    padding: 0.5em;
    border: 1px solid white;
    margin-right: 0.5em;
    background: #EDF0F2;
}

.value_item_medium, .value_item_medium_b, .value_item_short, .value_item_short_b {
    text-align: center;
}

.value_item {
    width: 250px;
}

.value_item_medium, .value_item_medium_b {
    width: 160px;
}

.value_item_short, .value_item_short_b {
    width: 80px;
}

.value_image {
    width: 200px;
    margin-right: 1em;
}

.value_link a {
    color: #e87F35;
    text-decoration: none;
}

/* --- KONEC detail položky --- */
/* --- START TABULKY App/Table TEST --- */
.headbg_pink {
    font-weight: bold;
    color: white;
    background: #dc0069;
    padding: 3px 6px;
    line-height: 16px;
}



.loader_text {
    margin: 20px auto;
    font-size: 16px;
    text-align: center;
    line-height: 18px;
}

.loader {
    margin: auto auto;
    text-align: center;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}