/* === common settings ================================== */
img {
    border: 0px;
}
.clear {
    clear: both;
}

.hide {
    display: none;
}

.right {
    text-align: right;
}

.novisible {
    visibility: hidden;
}

.underline {
    text-decoration: underline;
}

body {
    background-color: #fff;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

/* override pre jquery.mobile a scaffilding.less */
@media screen and (min-width: 768px) {
    body, input, select, textarea, button {
        line-height: initial;
    }
}

svg, svg:not(:root) {
    line-height: normal;
}
svg .ct-label {
    font-size: unset;
}

html, body {
    height: 100%;
}

a {
    color: #163075;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

/* planovaci kalendar, override bootstrap.css aby vsetky odkazy vyzerali rovnako */
.control-panel a, #gridPlanTable a, .sticky-thead a {
    text-decoration: underline;
}

/* planovaci kalendar, select boxy v pravom hornom menu */
.control-panel  .text-right .block  select {
    /* nastavenie jednotnej sirky vsetkych dropdownov v pravom rohu planovacieho kalendara */
    width: 125px;
}

p, h1, h2, h3, h4, ul, li, div {
    margin: 0px;
    padding: 0px;
}

p {
    display: block;
}

h3 {
    margin-bottom: 10px;
    /* override type.less a bootstrpa.css */
    font-size: initial;
    font-weight: bold;
}

input[type=checkbox] + label, input[type=radio] + label {
    float: none;
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 2em;
    line-height: 1em;
    text-align: left;
    width: auto;
    position: relative;
}

input, select, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

span.accesskey {
    text-decoration: underline;
}

/*--- overwrite windows-themes ---*/
textarea, input {
    background-color: #fff;
}

#logo-img {
    background-image: url(../imgs/logo-refis-02.png);
    background-repeat: no-repeat;
    width: 68px;
    height: 28px;
    min-width: 68px;
    min-height: 28px;
    display: inline-block;
}

/*==== header right ===================================== */
.head-right {
    float: right;
}

.head-menu {
    float: left;
}

.head-menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.head-menu > ul > li {
    display: block;
    position: relative;
    float: left;
    z-index: 100;
}

.head-menu > ul > li > ul {
    display: none;
    position: absolute;
    left: -130px;
    z-index: 9999;
}

.head-menu > ul > li > ul:before {
    position: absolute;
    content: url('../imgs/headmenu/arrow-up.png');
    display: block;
    margin: -11px 0 0 131px;
}

.head-menu > ul > li > a, .head-menu > ul > li > span {
    display: block;
    padding: 0 40px 0 30px;
    line-height: 50px;
    text-decoration: none;
    color: #fff;
    background: url("../imgs/headmenu/head-menu-icon.png") no-repeat 0 0;
}

.head-menu > ul > li.head-menu-cart > span {
    background-position: 0 -740px;
}

.head-menu > ul > li.head-menu-help > a {
    background-position: 0 16px;
}

.head-menu > ul > li.head-menu-task > span {
    background-position: 0 -164px;
}

.head-menu > ul > li.head-menu-task.wait > span {
    background-position: 0 -563px;
}

.head-menu > ul > li.head-menu-task.wait > p.number {
    position: absolute;
    font-size: 10px;
    margin: 20px 0 0 3px;
    padding: 0;
    width: 12px;
    text-align: center;
    z-index: 1;
    color: #000;
}
@media screen and (min-width: 768px) {
    .head-menu > ul > li.head-menu-task.wait > p.number {
        /* kvoli line-height: initial */
        line-height: 50px;
        padding: 0;
        margin: 2px 0 0 3px;
    }
    _:-ms-input-placeholder, :root .head-menu > ul > li.head-menu-task.wait > p.number {
        /* Internet Explorer/Edge >= 10, pozicia pocitadla pre nespracovane ulohy */
        display: inline-block;
        width: 16px;
        margin: 3px 0 0 0;
    }
    .head-menu:not(*:root) > ul > li.head-menu-task.wait > p.number {
        /* WebKit (Chrome, Android, ...) */
        margin: 3px 0 0 2px;
    }
}

.head-menu > ul > li.head-menu-user > a {
    /* Prihlaseny */
    background-position: 0 -366px;
}

.head-menu > ul > li.head-menu-user > i {
    /* Neprihlaseny */
    display: block;
    padding: 17px 40px 5px 30px;
    text-decoration: none;
    color: #fff;
    background: url("../imgs/headmenu/head-menu-icon.png") no-repeat 0 0;
    background-position: 0 -366px;
}

.head-menu > ul > li > a:after, .head-menu > ul > li > span:after {
    /* sipka pre menu hlavicky */
    position: absolute;
    content: url('../imgs/headmenu/arrow.png');
    display: inline-block;
    margin: -1px 0 0 8px;
    height: 11px;
}

.head-menu > ul > li > ul > li {
    width: 260px;
    background: #537c2e;
    padding: 15px;
}
_:-ms-input-placeholder, :root .head-menu > ul > li > ul > li {
    /* Internet Explorer/Edge >= 10, zapocitanie padding do sirky (menu pre ulohy) */
    width: 290px;
}
/* override kvoli bootstrap.css */
.head-menu > ul > li > ul > li {
    box-sizing: unset;
}

.head-menu > ul > li:hover > ul {
    display: block;
    position: absolute;
    top: 39px; /* odsadenie od vrchu (header:50 - vyska sipky:11 (vid. o par riadkov vyssie)) */
}

.head-menu > ul > li:hover > li {
    float: none;
}

.head-menu > ul > li > ul > li > ul li {
    color: #fff;
}

.head-menu > ul > li > ul > li > ul li.center {
    text-align: center;
}

.head-menu > ul > li > ul > li > ul li a {
    display: block;
    padding: 12px 8px;
}

.head-menu > ul > li > ul > li > ul li a:hover {
    background: #658943;
}

.head-menu > ul > li > ul > li > ul li p {
    padding: 12px 8px;
    border-top: 1px dashed #759658;
}

/* Jednotlive polozky menu: */
.head-menu > ul > li.head-menu-help > ul > li > ul li {
    border: 0;
}

.head-menu > ul > li.head-menu-help > ul > li > ul {
    border: 0;
}

.head-menu > ul > li.head-menu-help > ul > li > ul li a {
    padding: 6px 8px;
}

.head-menu > ul > li.head-menu-help > ul > li > ul li span {
    display: block;
    padding: 6px 8px;
}

.head-menu > ul > li.head-menu-help > ul > li > ul li hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #759658;
}

.head-menu > ul > li.head-menu-help li.reminder textarea {
    font-family: Arial, Verdana, sans-serif;
    width: 244px;
    border: 0;
    font-size: 12px;
    padding: 5px;
    margin: 8px;
    border-radius: 2px;
}

.head-menu > ul > li.head-menu-help li.reminder button {
    border-radius: 2px;
    border: 0;
    padding: 4px 8px;
    margin: 0 0 8px 8px;
    background: #ffc75a;
    background: -moz-linear-gradient(top, #ffc75a 0%, #ffa70b 40%, #ff8108 100%);
    background: -webkit-linear-gradient(top, #ffc75a 0%, #ffa70b 40%, #ff8108 100%);
    background: linear-gradient(to bottom, #ffc75a 0%, #ffa70b 40%, #ff8108 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc75a', endColorstr='#ff8108', GradientType=0);
}

.head-menu > ul > li.head-menu-task > ul > li > ul li p {
    border: 0;
}

.head-menu > ul > li.head-menu-task > ul > li > ul li a,
.head-menu > ul > li.head-menu-cart > ul > li > ul li.li-task a {
    padding-right: 40px;
}

.head-menu > ul > li.head-menu-task > ul > li > ul li.all a {
    padding-right: 8px;
}

/* pod tlacitko 'Označiť všetky úlohy ako hotové' dame ciaru */
.head-menu > ul > li.head-menu-task > ul > li > ul li.all {
    border-bottom: 1px solid #759658;
}

.head-menu > ul > li.head-menu-task > ul > li > ul li.all a {
    text-align: center;
    color: #bacbab !important;
}

.head-menu > ul > li.head-menu-task > ul > li > ul li:not(.all) span,
.head-menu > ul > li.head-menu-cart > ul > li > ul li:not(.all) span {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 30px;
    margin: 9px -10px 0 0;
    background: url("../imgs/headmenu/bg-task.png") no-repeat 0 0;
    cursor: pointer;
}

.head-menu > ul > li.head-menu-task:not(.wait) > p.number {
    display: none;
}

.head-menu > ul > li.head-menu-task > ul > li > ul li span:hover {
    background-position: 0 -20px;
}

.head-menu > ul > li.head-menu-user > ul > li > ul li {
    border: 0;
}

.head-menu > ul > li.head-menu-user > ul > li > ul li a {
    padding: 6px 8px;
}

.head-menu > ul > li.head-menu-user > ul > li > ul li span {
    padding: 6px 8px;
    display: block;
}

.head-menu > ul > li.head-menu-user > ul > li > ul {
    border: 0;
}

.head-menu > ul > li.head-menu-user > ul > li > ul li hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #759658;
}

/* Urcuje, pri ktorom rozliseni sa 'scvrknu' polozky napravo (pomocnik, ...) */
.head-menu.shrinked > ul > li > a, .head-menu.shrinked > ul > li > span {
    width: 30px;
    padding: 17px 0 5px 0;
    text-indent: 100px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    line-height: unset;
    height: 50px !important; /* IE fix */
}

.head-menu.shrinked > ul > li > a:after, .head-menu.shrinked > ul > li > span:after {
    display: none;
}
.head-menu.shrinked > ul > li > ul {
    left: -260px;
    z-index: 9999;
}
.head-menu.shrinked > ul > li > ul:before {
    margin: -11px 0 0 260px;
}

.head-menu ul li a, .head-menu ul li p {
    height: auto;
}

/* New navbar styles */
#header {
    display: flex;

    /**
     * Vyska sa nastavi na pevno kvoli bug-u:
     * - pri nacitavani stranky maju taby, menu (pomocnik, ulohy, pouzivatel) a vyhladavanie plnu sirku
     * - ak je okno uzsie a existuje menej miesta pre tieto elementy, taby sa zalomia do dalsieho riadku
     * - vyska elementu #header sa tym natiahne na 143px (hlavna navigacna cast ma 'dva' riadky)
     * - funkcia autoSetHeight() vyuziva hodnotu vysky na vypocitanie volneho miesta pre ostatne elementy
     * - v prvych dvoch volaniach sa vyska hlavicky urci ako 143px, v tretom volani je uz iba 95px
     * - nasledkom je, ze sa pre LeftBar a Listblock (s RecordView) nastavi mensia vyska ako FunctionsBar
     * - pricinou je, ze sa medzitym zavola funkcia navHandler(), ktora nastavi vhodne sirky pre taby, menu a
     *   vyhladavanie, cim sa zmestia do jedneho riadku a vyska je 95px (ako v tretom volani autoSetHeight())
     * - nefungujuce riesenia:
     * -- nastavit css display none pre elementy a zobrazit ich neskor (kod nevie urcit ich sirky)
     * -- nastavit css opacity 0 pre elementy a potom spat na 1 (drzia miesto elementu, vzniknu 'dva' riadky)
     *
     * nastavi sa aj css overflow hidden pre #header, inak to pri nacitavani stranky zobrazuje elementy cez seba
     * nevidiet vsak potom moznosti menu, napr. pomocnika, preto sa hodnota dodatocne ostrani vo funkcii navHandler()
     */
    height: 50px;
    overflow: hidden;
}
#header-1st {
    flex: 1 0 auto;
}
#header-2nd {
    flex: 0 1 100%;
}
.navbar {
    margin-bottom: 0px;
    background: url('../imgs/krea/bg_header_mod.png') repeat-y center #264B04;
    border-radius: 0;
    border: 0;
}
.navbar-header {
    float: none;
}
.navbar-mobapp {
    background: #264b04;
}
.navbar-brand ul li{
    display: inline-block;
}
.sup {
    color: white;
    font-size: 10px;
    height: 40px;
    vertical-align: top;
    margin-left: -5px;
    margin-top: -5px;
}
.navbar .nav-tabs {
    display: inline-block;
    border: 0px;
    padding-top: 14px;
}
.navbar .nav-tabs .nav-link {
    height: 36px;
    background: url('../imgs/krea/tab_top_right.png') no-repeat right top;
    font-weight: bold;
    color: black;
    padding-left: 10px;
    padding-right: 10px;
    border: 0;
    border-radius: 0;
    margin-right: 3px;
}
.navbar .nav-tabs .nav-item {
    line-height: 1;
    margin-bottom: -5px;
}
.navbar .nav-tabs .nav-item::before {
    position: absolute;
    content: '';
    width: 3px;
    height: 36px;
    background: url('../imgs/krea/tab_top_left.png') no-repeat left top;
    z-index: 10;
}
.navbar .nav-tabs .nav-item.active .nav-link  {
    background: url('../imgs/krea/tab_top_right_sel.png') no-repeat right top;
    cursor: pointer;
}
.navbar .nav-tabs .nav-item.active .nav-link:hover  {
    border: 0;
    color: black;
}
.navbar .nav-tabs .nav-item.active::before  {
    background: url('../imgs/krea/tab_top_left_sel.png') no-repeat left top;
}
.navbar-form {
    float: right;
}
.dropdown-item {
    display: block;
    font-size: 12px;
}
.nav-tabs .dropdown-menu {
    padding: 10px;
    width: 210px;
    background: url('../imgs/krea/bg_popup_top.png') repeat-x top;
    border: 1px solid #cacaca;
    background-position: -1px -5px;
    border-top-right-radius: 4px;
}
_:-ms-input-placeholder, :root .nav-tabs .dropdown-menu {
    /* Internet Explorer/Edge >= 10, menu pre ciastky a doklady */
    border: 1px solid rgba(0, 0, 0, .15); /* z definicie pre .dropdown-menu */
    width: 209px;
    background-position: -2px -5px;
}
/* dropdown pre polozky napravo (pomocnik, ulohy, pouzivatel) */
ul.dropdown-hidden {
    padding-top: 11px;
}
.dropdown-hidden hr {
    margin-top: 6px;
    margin-bottom: 6px;
}
.dropdown-hidden li ul li a{
    color: white;
}
.dropdown-hidden li ul li a:hover{
    text-decoration: none;
}
.nav-link {
    border: none;
}
.nav-link.dropdown-toggle {
    padding-top: 9px; /* kvoli borderu pre caret, o 1px menej */
}
.nav-tabs .nav-link.dropdown-toggle {
    padding-right: 5px;
}
.navbar-buttons .dropdown-menu{
    padding: 5px 0;
    margin-top: -1px;
}
.navbar-buttons .dropdown-menu > li > a {
    padding: 3px 10px;
    color: #585858;
    background: transparent;
}
.navbar-buttons .dropdown-menu > li > a:hover {
    background: transparent;
    color: black;
}
.other-options {
    padding-right: 0px;
    float: right;
    width: auto;
}
.caret-style {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: gray;
    margin-left: 5px;
    position: relative;
    top: -3px;
    border: 1px solid transparent; /* pri hover sa zobrazi border */
    z-index: 1001;
}
.caret-style.active {
    background-color: white;
    border: 1px solid #cacaca;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: black;
}
.caret {
    display: inline-block;
    margin-left: 0;
    margin-top: 3px;
}

.navbar-buttons {
    width: auto;
}
.navbar-buttons .nav-tabs {
    /* odsadenie hlavnych tab-ov od lava, zarovnane podla zoznamu (pod subtab-mi) */
    padding-left: 101px;
}
.navbar-buttons .nav-tabs.shrinked {
    padding-left: 0px;
}
.navbar-buttons .nav-tabs.shrinked li {
    max-width: 65px;
    overflow: hidden !important;
    white-space: nowrap;
}
.navbar-buttons .nav-tabs.shrinked li a {
    overflow: hidden !important;
}

/*End of new navbar styles */

/* Fulltext vyhladavanie */
.head-find {
    margin-right: 15px;
}
.head-find #fulltext-search {
    color: #fff;
    opacity: 0.6;
}
.head-find #fulltext-search::placeholder {
    color: #fff;
    opacity: 0.6;
}
.head-find.shrinked #fulltext-search {
    width: 90px;
}
/**
 * Pozor, nasledovne tri definicie musia byt oddelene s dodrzanim poradia, inak nefunguje pre IE
 * - poradie definicii pre IE je mozno menit, ale posledna musi zostat poslednou
 */
.head-find.shrinked #fulltext-search::-ms-input-placeholder {
    color: transparent !important;
}
.head-find.shrinked #fulltext-search:-ms-input-placeholder {
    color: transparent !important;
}
.head-find.shrinked #fulltext-search::placeholder {
    color: transparent !important;
}

.head-find input[type="text"] {
    background: transparent;
    border: 1px solid #739f4c;
    color: #fff;
    padding: 5px 6px;
    border-radius: 2px;
    width: 195px;
    margin-top: 10px;
    line-height: 17.15px;
}

.head-find input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}

.head-find input[type="text"]:-moz-placeholder {
    /* FF 4-18 */
    color: #fff;
}

.head-find input[type="text"]::-moz-placeholder {
    /* FF 19+ */
    color: #fff;
}

.head-find input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

.head-find ::-webkit-input-placeholder, .head-find ::-moz-placeholder, .head-find :-ms-input-placeholder {
    color: #9da896;
}

.head-find input[type="image"] {
    background: transparent;
    position: absolute;
    margin: 14px 0 0 -24px;
}
_:-ms-input-placeholder, :root .head-find input[type="image"] {
    /* Internet Explorer/Edge >= 10, pozicia lupy pre vyhladavanie */
    margin: 12px 0 0 -24px;
}

/* override kvoli externe pridanym stylom */
a.ui-menu-item h4 {
    font-size: 1em;
    font-weight: bold;
}

.ui-widget-content li.bold-text {
    font-weight: bold;
}

/*
.ui-widget-content.ui-menu {
    border: 0 !important;
    width: 193px !important;
    background: #537c2e !important;
    padding: 1px !important;
    top: 50px !important;
}
.ui-widget-content.ui-menu:before {
    position: absolute !important;
    content: url('../imgs/headmenu/arrow-up.png') !important;
    display: block !important;
    margin: -11px 0 0 170px !important;
}
.ui-widget-content.ui-menu li.ui-menu-item {
    border: 0 !important;
    color: #fff !important;
    padding: 5px 10px !important;
    margin: 0 !important;
}
.ui-widget-content.ui-menu li.ui-state-focus {
    color: #264b04 !important;
    background: #c3d2b7 !important;
    font-weight: normal !important;
    padding: 5px 10px !important;
    margin: 0 !important;
}
*/

/*--- sub-navigation (breadcrumbs and options) --------------------------*/
div#nav_sub {
    clear: both;
    background: url('../imgs/krea/bg_nav_sub.png') repeat;
    padding-top: 7px;
    padding-left: 1px; /* <li> maju nalavo 5px, aby to ladilo s medzerami v layout-e (6px) */
    position: relative;
    /* schovanie tlacitok zalomenych v dalsom riadku */
    height: 45px;
    overflow: hidden; /* kvoli overflow nedavat margin-bottom, inak zle pocita vysky */
}
#nav_sub li[role=presentation] a {
    margin-right: 0;
}
div#nav_sub em {
    display: none;
}

div#nav_sub a {
    display: inline-block;
    margin-right: 5px;
    color: #0D61C0;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    padding: 10px 14px;
    height: inherit;

    border: 0;
    border-radius: 0;
    background: transparent;
}

div#nav_sub a > span {
    display: inline;
    padding: 0;
}

div#nav_sub li.active a {
    background: url('../imgs/krea/bg_nav_sub_a_left_sel.png') no-repeat left top;
    background-position: 0px -2px;
}
div#nav_sub li.active a > span {
    color: #000;
}
div#nav_sub li.active a::after {
    background: url('../imgs/krea/bg_nav_sub_a_right_sel.png') no-repeat right top;
    content: '';
    width: 4px;
    height: 37px; /*img:38*/
    position: absolute;
    margin-top: -12px;
    padding-right: 14px;
}

div#nav_sub img {
    vertical-align: middle;
}

#nav_sub .nav-tabs {
    border-bottom: 0;
}
#nav_sub.expand {
    height: auto;
}
#nav_sub .nav-tabs li {
    height: 35px;
    margin-top: 3px;
}
#nav_sub .nav-tabs li {
    margin-left: 5px;
}
#nav_sub .nav-tabs .active {
    height: 35px;
    margin-top: 3px;
}
#nav_sub .nav-tabs .active a {
    color: black;
}
#nav_sub .nav-tabs .print-subtab {
    float: right;
    margin: 0;
    margin-top: -3px;
    margin-right: 6px;
}
#nav_sub .nav-tabs .special-subtab {
    max-width: 56px; /* 50+margin */
    float: right;
    margin: 0;
    margin-top: -3px;
}
#nav_sub .nav-tabs .special-subtab b,
#nav_sub .nav-tabs .special-subtab select {
    display: inline-block;
    width: 50px;
    margin-right: 6px;
}
#nav_sub li#subtabs_more {
    display: none;
    text-align: center;
    position: absolute;
    right: 6px;
    width: 60px; /* slovo Menej aj s ikonkou ma sirku 50px */
}
/* subtabs_more ma absolutnu poziciu, tento element rezervuje miesto */
#nav_sub li#subtabs_fix {
    display: none;
    width: 60px; /* musi byt rovnaka sirka ako #subtabs_more */
    float: right;
}
#nav_sub #subtabs_more a {
    color: #FF990A; /* oranzova */
    border: none;
    background-color: transparent;
    padding: 0;
    line-height: 35px;
    margin: 0;
    margin-top: 1px;
}
#nav_sub .subtabs-circle-arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('../imgs/subtabs-icon-circle-arrow-down.png') no-repeat left center;
}
#nav_sub .subtabs-circle-arrow.up {
    transform: rotate(180deg);
}

/*--- sub-filter (breadcrumbs and options) --------------------------*/
div#nav_filter {
    clear: both;
    padding: 12px;
    position: relative;
}

div#nav_filter em {
    display: none;
}

div#nav_filter a {
    display: inline-block;
    margin-right: 5px;
    color: #0D61C0;
    text-decoration: none;
}

div#nav_filter a > span {
    display: inline-block;
    padding: 8px 5px 7px 5px;
}

div#nav_filter a.current {
    background: url('../imgs/krea/bg_filter_left.png') no-repeat left center;
    margin: 0px 5px;
}

div#nav_filter a.current > span {
    background: url('../imgs/krea/bg_filter_right.png') no-repeat right center;
    color: #000;
    padding: 8px 12px 7px 12px;
}

/**
* quick selector in tabs
*/
span.selector {
    background-image: url('../imgs/krea/bg_selector_arrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    background-position: center center;

    display: inline-block;
    width: 30px;
    height: 23px; /* bt4 was 24px */
    position: relative;
    left: -5px;
    top: -5px;
}

.lensPosition {

    position: relative;
    top: 13px;

}

span.selectorp {
    background-image: url('../imgs/krea/filter/bg_selector_arrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    background-position: center center;

    display: inline-block;
    width: 30px;
    height: 24px;
    position: relative;
    left: -5px;
    top: 0px;
    z-index: 1000;
}

span.selector:hover {
    background-image: url('../imgs/marker_context_menu_hover.png');
    background: url('../imgs/krea/bg_selector_arrow_hover.png') no-repeat;
    display: inline-block;
}

span.selectorlist {
    display: inline-block;
    position: absolute;
    width: 29px;
    z-index: 1001; /* bt4 was 1000 */
}

.selectorlist_content_inner {
    background: url('../imgs/krea/bg_popup_bottom.png') no-repeat center bottom;
    padding: 7px 0px 7px 5px;
    margin-top: -1px;
}

span.selectorlist span.selectorlist_content {
    position: relative;
    top: 4px;
    left: -3px;

    display: block;

    background: url('../imgs/krea/bg_popup_top.png') repeat-x top;

    padding: 0px;
    margin: 20px 0px 0px 0px;
    text-align: left;
    width: 210px;

}

span.selectorlist span.selectorlist_contenty {
    position: relative;
    top: 4px;
    right: 184px;
    display: block;

    background: url('../imgs/krea/filter/bg_popup_top.png') repeat-x top;

    padding: 0px;
    margin: 20px 0px 0px 0px;
    text-align: left;
    width: 210px;

}

span.selectorlist span.selectorlist_content a {
    display: block;
    text-align: left;
    font-weight: normal;
    padding: 3px 5px 3px 7px;
    color: #585858 !important;
    font-size: 12px !important;
}

span.selectorlist span.selectorlist_content a:hover {
    color: #000 !important;
}

div.selectorLayer {
    z-index: 5000;
}

/*----- page functions ------------------*/
div.page_functions2 {
    background-color: #f1f5d2;
    display: inline;
    position: absolute;
    right: 0px;
    vertical-align: top;
    padding-left: 10px;
    /*
    border-radius: 0px 0px 0px 12px;
    */
    text-align: right;
    z-index: 0;
}

div.page_functions2 a {
    text-decoration: none;
}

div.page_functions2 span {
    display: inline;
    vertical-align: super;
    font-size: 70%;
    padding-right: 10px;
    padding-left: 2px;
}

div.page_functions2 a img {
    border: 0px solid #888;
    padding-left: 10px;
}

/*------ content layout -----------------------------*/
div#layout,  div.layout{
    vertical-align: top;
    padding: 10px 10px 3px 10px;
    clear: left;
}

.form_full {
    /*  je dolezita classa!! IE ju potrebuje aby form nenatahoval svojvolne */

    height: 100%;

    width: 100%;
    padding: 0px;
    border-width: 0px;
    margin: 0px;
}

/*---- form --------------------------------------------------------*/

div.form {
    border: 1px solid #cacaca;
    background: #f1f1f1;
    padding: 23px 0px 20px 0px;
    max-width: 950px;
}
div.form div.form {
    border: 0px;
    padding: 0px;
}
div.form * {
    /* aby sa formular podobal tomu povodnemu */
    line-height: 16px;
}

.form .columnlayout-table {
    width: 100%;
}

.form-opened .columnlayout-table {
    width: 950px;
}

.form hr {
    border: 0px;
    border-bottom: 1px solid #dadada;
    margin: 10px 0px;
}

.form p {
    margin: 0px;
}

.form label {
    font-size: 100%;
    display: block;
    float: left;
    text-align: left;
    clear: both;
    margin-left: 20px;
    width: 135px;
    font-weight: normal;
}
.form .FieldBlank {
    /* nema label, odsadenie ako pre label */
    margin-left: 20px;
    /* po umiestneni v multi-column sa nachadza pod elementom <nobr> */
    /* aby sa dlhy text zalamoval spravne, je potrebny override */
    white-space: normal;
    /* pravy okraj vypocitany na zaklade input text */
    margin-right: 19px;
}

.form .FieldGraphSelectorMicro {
    border-top: 1px solid #adadaf;
    border-right: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    display: inline-block;
    background-color: #fff;
    white-space: nowrap;
    width: 774px;
    height: 21px;
    overflow: hidden;
    margin-top: 4px;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 5px;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
}

.form .columnlayout-column .FieldGraphSelectorMicro {
    width: 300px;
}

.form #GroupByGraphID_Other {
    width: 150px;
    margin-top: -6px;
}

.form label, .form input {
    margin-top: 4px;
    margin-bottom: 4px;
}
#RequiredAccDocumentTypeIDs_label {
    margin-top: 0px;
    margin-bottom: 0px;
}

.form input[type="checkbox"] {
    margin-right: 4px;
}

.disabledLabel {
    color: #aaa;
}

.form .columnlayout-column label {
    width: 135px;
}

.form .boldtext {
    width: 78%;
    margin: 2px 0px 2px 4px;
    border: 0px;
    padding: 1px 2px 1px 3px;
    color: #555;
    font-family: verdana;
    font-weight: bold;
}

.form .inp.centered-text-inp {
    text-align: center;
}

.form .inp, .form .inpb, .form textarea {
    border-top: 1px solid #adadaf;
    border-right: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    width: 774px;

    border-radius: 5px;
    padding: 1px 2px 1px 3px;

}

.form input[readonly].inp.IgnoreReadOnlyStyle {
    background: #fff;
    color: #333;
}

.form .columnlayout-column .inp:not(.FieldPriceSimple) {
    width: 300px !important;
}

.form .columnlayout-column .inp.ExchangeRateforLightBox {
    width: 180px !important;
}

/* FieldRadioGroup */
.form .radiogroup-table {
    width: 83%;
}
.form-opened .radiogroup-table {
    width: 775px;
}

/* FieldEditMentions */
.form .FieldEditMentions {
    font-family: Verdana, sans-serif;
    font-size: 100%;
    width: 774px;
    height: 150px;
    margin-top: 10px;
    margin-bottom: 4px;
    padding: 1px 2px 1px 3px;
    border-top: 1px solid #adadaf;
    border-right: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    border-radius: 5px;
    resize: vertical;
    overflow: auto;
    background: white;

    /* fix pre duplicitne nove riadky */
    display: inline-block;
    white-space: pre-wrap;
}

.form .FieldEditMentions[contenteditable=true]:focus {
    outline: 0 solid transparent;
}

.mention {
    cursor: text;
}

.mention:hover {
    text-decoration: none;
}

.ui-autocomplete-input {
    margin-left: 0px !important;
    width: 55%;
}
/**
 * Default nastavenia pre vsetky vyskyty autocomplete
 * - podla .ui-autocomplete-productlist v jquery-ui.autocomplete.css
 */
/* make autocomplete options scrollable */
.ui-autocomplete {
    max-height: 260px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.form .inpf {
    width: 774px;
    border: 1px solid #bbb;
    padding: 1px 2px 1px 3px;
    font-family: verdana;
    border-radius: 5px;
}

.form .inpb {
}

.form .required {
    border-color: red !important;
}

.form .required-text {
    color: red !important;
}

/*
 * Select 2 - FieldSelectorBasic, FieldSelectorPerson (+ v zmluve) a FieldSelectorTokenized
*/
/* hlavny container */
.form .select2-selection.select2-selection--multiple.FieldSelectorBasic_container,
.form .select2-selection.select2-selection--multiple.FieldSelectorPerson_container,
.form .select2-selection.select2-selection--multiple.FieldSelectorPersonContract_container,
.form .select2-selection.select2-selection--multiple.FieldSelectorTokenized_container {
    min-height: 20px;
    padding: 0;
    cursor: default;
    font-size: 1em;
    font-family: sans-serif;
    border-top: 1px solid #adadaf;
    border-right: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    border-radius: 5px;
    margin: 2px 0 2px 0;
    overflow: hidden !important;
    height: auto !important;
}

.form .select2-selection.select2-selection--multiple.FieldSelectorPersonContract_container {
    margin: 0;
}

.form .select2-selection--multiple.FieldSelectorBasic_container .select2-selection__choice,
.form .select2-selection--multiple.FieldSelectorPerson_container .select2-selection__choice,
.form .select2-selection--multiple.FieldSelectorPersonContract_container .select2-selection__choice,
.form .select2-selection--multiple.FieldSelectorTokenized_container .select2-selection__choice {
    margin-top: 2px;
    margin-right: 2px;
}

.form .select2-selection--multiple.FieldSelectorBasic_container .select2-search__field,
.form .select2-selection--multiple.FieldSelectorPerson_container .select2-search__field,
.form .select2-selection--multiple.FieldSelectorPersonContract_container .select2-search__field,
.form .select2-selection--multiple.FieldSelectorTokenized_container .select2-search__field {
    margin-top: 2px;
    margin-bottom: 0;
}

.form .select2-selection--multiple.FieldSelectorBasic_container .select2-selection__rendered,
.form .select2-selection--multiple.FieldSelectorPerson_container .select2-selection__rendered,
.form .select2-selection--multiple.FieldSelectorPersonContract_container .select2-selection__rendered,
.form .select2-selection--multiple.FieldSelectorTokenized_container .select2-selection__rendered {
    margin-bottom: -2px;
    padding: 0 2px 0 3px;
}

/* Tieto dalsie classy nie su vo .form, ale priamo v body */
/* dropdown pod containerom */
.FieldSelectorBasic_dropdown,
.FieldSelectorPerson_dropdown,
.FieldSelectorPersonContract_dropdown,
.FieldSelectorTokenized_dropdown {
    border-top: none;
    border-right: 1px solid #e4e5e7 !important;
    border-bottom: 1px solid #e4e5e7 !important;
    border-left: 1px solid #e4e5e7 !important;
    margin-top: -3px;
    font: inherit;
    border-radius: 0;
}

/* skrytie dropdownu pre FieldSelectorTokenized */
.FieldSelectorTokenized_dropdown {
    display: none !important;
}

/* highlightnuty riadok dropdownu + odkaz na pridanie novej osoby */
.FieldSelectorBasic_dropdown .select2-results__options li.select2-results__option.select2-results__option--highlighted,
.FieldSelectorPerson_dropdown .select2-results__options li.select2-results__option.select2-results__option--highlighted,
.FieldSelectorPerson_dropdown .select2-results__options li.select2-results__option.select2-results__option--highlighted a#popupLink,
.FieldSelectorPersonContract_dropdown .select2-results__options li.select2-results__option.select2-results__option--highlighted,
.FieldSelectorPersonContract_dropdown .select2-results__options li.select2-results__option.select2-results__option--highlighted a#popupLink {
    background-color: #0078d7 !important;
    color: white;
}

/* highlightnuty selectnuty riadok dropdownu */
.select2-results__option[aria-selected="true"] {
    background-color: rgba(255, 245, 227, 0.963) !important;
    color: black;
}

/* title riadok v dropdowne pre select2 */
.select2-results__option .dropdown-title {
    display: block;
    color: #999;
    font-size: 0.9em;
    margin-top: 2px;
}

/* riadok dropdownu */
.FieldSelectorBasic_dropdown .select2-results__option,
.FieldSelectorPerson_dropdown .select2-results__option,
.FieldSelectorPersonContract_dropdown .select2-results__option {
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
/* riadok dropdownu s dlznikom, oznacenie dlznika */
.FieldSelectorPerson_dropdown .select2-results__option.debtor,
.FieldSelectorPersonContract_dropdown .select2-results__option.debtor,
.IsDebtor {
    color: red;
}
/* riadok dropdownu s neaktivnou osobou */
.FieldSelectorPerson_dropdown .select2-results__option.inactive,
.FieldSelectorPersonContract_dropdown .select2-results__option.inactive {
    text-decoration-line: line-through;
}

/* musime zrusit padding span prvkov pre FieldSelectorPerson v zmluvach */
.FormAccDocumentContractPartyBlock .Content .PersonName .selection,
.FormAccDocumentContractPartyBlock .Content .PersonName .select2-container,
.FormAccDocumentContractPartyBlock .Content .PersonName .dropdown-wrapper {
    padding: 0;
}
.FormAccDocumentContractPartyBlock .Content .PersonName .select2-selection__choice__remove {
    padding: 0;
    display: inline-block;
}

/* select2 uprava vysky pre vyber schvalovatelov + sipka pre rozbalenie */
.select2-container .select2-selection--single {
    height: 20px !important;
    width: 774px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 16px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px !important;
}

/* Form */
h5 {
    font-weight: bold;
    margin-top: 0;
}
.main-form {
    border: 1px solid #cacaca;
    background: #f1f1f1;
    padding: 20px;
}
.main-form hr {
    border-bottom: 1px solid #dadada;
}
.main-form input, .main-form select {
    height: 25px;
    color: black;
}
.main-form select[disabled] {
    color: gray;
}
.main-form input[disabled] {
    color: gray;
}
.main-form label {
    line-height: 25px;
    font-weight: normal;
}
.main-form select {
    padding-top: 0px;
    padding-bottom: 0px;
}
.main-form .form-group {
    margin-bottom: 5px;
}
input.onrow {
    display: inline-block;
}
.calendar table {
    border-collapse: separate;
}
.calendar * {
    box-sizing: unset;
}
.row-wrap {
    padding: 0px;
}
.inp_date {
    display: inline-block;
    width: 91%;
}
.main-form input[type="checkbox"] {
    height: 15px;
}
.main-form input[type='file'] {
    height: 24px;
    padding: 1px 2px 1px 3px;
    border: 1px solid #bbb;
}
.main-form .form-group button {
    width: 100%;
    background: url(../imgs/krea/bg_button_right.png);
    background-size: cover;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 0px;
}
.button-wrap {
    padding: 5px;
}
.dropzone {
    width: 100% !important;
    margin: 0px !important;
}
#SumBasicNewRows_Table, #ProductMovementNewRows_Table {
    width: 98%;
}
.main-form button {
    white-space: normal;
}
.form div.scrollouter {
    height: 265px;
}
#searchGraphInput {
    height: 19px !important;
}
.form-control {
    padding: 4px 8px;
}
.datetime .inp_date {
    width: 30%;
    margin: 2px 0px 2px 0px;
    border: 1px solid #bbb;
    padding: 1px 2px 1px 3px;
    font-family: verdana;
    border-radius: 4px 1px 1px 4px;
}

.datetime.list-block-col-date .inp_date {
    width: 80%;
}
.form .columnlayout-column .datetime .inp_date {
    width: 280px;
}

.form .inp_dateinterval {
    width: 18%;
}

.form .datetime .inp_time {
    width: 10%;
    margin: 2px 0px 2px 4px;
    border: 1px solid #bbb;
    padding: 1px 2px 1px 3px;
    font-family: verdana;
    border-radius: 4px 1px 1px 4px;
}

.datetime .button_calendar {
    font-size: 0.06em;
    padding: 13px 9px 2px 9px;
    border-radius: 0px 0px 0px 0px;
    background: #BBBBBB url(../imgs/bg_button_calendar.gif);
    background-repeat: no-repeat;
    color: #bbb;
    cursor: pointer;
}

.IFrameTree_helper .datetime .inp_date {
    width: 85%;
}

.IFrameTree_helper > *:not(.leftbar-filter) {
    margin: 0px 10px 0px 10px;
}

.form .datetime .slider_time {
    padding: 13px 12px 2px 12px;
    font-size: 0.06em;
    border-radius: 3px 4px 4px 3px;
    background: #BBB url(../imgs/bg_slider_time.gif);
    color: #bbb;
    background-repeat: no-repeat;
    cursor: move;
    border-left: 1px solid #EEEEFF;
}

.form .inp_dtime {
    width: 7%;
    margin: 2px 0px 2px 4px;
    border: 1px solid #bbb;
    padding: 1px 2px 1px 3px;
    font-family: verdana;
    border-radius: 4px;
}

.form .date input {
    width: 20%;
    margin: 2px 0px 2px 4px;
    border: 1px solid #bbb;
    padding: 1px 2px 1px 3px;
    font-family: verdana;
    border-radius: 4px;
}

.form .date .button {
    border: 1px solid #bbb;
    vertical-align: middle;
    padding: 1px 1px 1px 1px;
    font-family: verdana;
    border-radius: 4px;
    font-size: 80%;
    background-color: #ddd;
    cursor: pointer;
}

.form .checker {
    padding: 2px 2px 1px 3px;
    margin: 5px 0px 2px 4px;
    display: block;
    vertical-align: bottom;
}

.RelatedDocs_AccDocumentType_Docs_Table .RelatedDocsTableHeader .DocumentNotExist {
    font-weight: normal;
    position: relative;
    left: 134px;
    bottom: 17px;
    font-style:italic;
}

.RelatedDocs_AccDocumentType_Docs_Table .RelatedDocsTableHeader .IgnoreRequiredAccDocumentTypeInput {
    width:15px!important;
    position:relative;
    right:25px;
    bottom:15px;
}

.RelatedDocs_AccDocumentType_Docs_Table .RelatedDocsTableHeader .IgnoreRequiredAccDocumentTypeLabel {
    position:relative;
    left:140px;
    bottom:40px;
}

.RelatedDocs_AccDocumentType_Docs_Table .RelatedDocsTableHeader .DocumentNotExistData {
    position:relative;
    bottom:24px;
}

.RelatedDocs_AccDocumentType_Docs_Table .RelatedDocsTableHeader .DocumentNotExistData > p {
    font-weight: normal;
}

.form .infotext {
    position: relative;
    left: 4px;
    margin: 5px 0px 2px 4px;
    display: block;
    vertical-align: bottom;
}

.form span.checker input {
    /*float:left;*/
    text-align: left;
    width: 20px;
    padding: 0px 2px 0px 3px;
    margin: -4px 0px 0px 4px;
}

.form textarea {
    width: 774px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 1px 2px 1px 3px;
    font-size: 100%;
    font-family: verdana;
}

.form select {
    width: 774px;
    margin: 3px 0 2px 0;
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 1px 2px 1px 3px;
}

/* pre readonly select skryjeme vsetky options, ostane len zvolena predvolena moznost */
.form select[readonly] option, .form select[readonly] optgroup {
    display: none;
}

.form .columnlayout-column select {
    width: 300px;
}

.form .inp.dropdown-text {
    width: 575px;
    margin-left: 0.5%;
}

.form select.dropdown-text {
    width: 190px;
}

/* velkost dropdown na vyber velkosti pisma v ThemeSelector */
select.theme-selector {
    width: 30%;
}

/* Skrolovaci DIV */
.form div.scroll {
    background-color: #fff;
    height: 100%;
    width: 100%;
    overflow: auto;
    position: relative;
    margin: 2px 0px 2px 4px;
    border: 1px solid #bbb;
    padding: 1px 2px 1px 3px;
    border-radius: 5px;
}

.FormSumEditor_TD_Graph div.scroll .GraphName {
    width: 290px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form div.scroll .first-ico {
    margin-left: 10px;
}

.form label.label-with-relation {
    top: -1px;
    left: -8px;
    position: relative;
    margin-top: 0px;
    margin-bottom: -1px;
}

.form label.label-with-relation select {
    width: 130px !important;
    height: 22px;
    font-size: 11px;
    font-weight: 400;
    border: 1px solid #e5e5e5;
}

/* vhodne pre 2 stlpce */
.form .columnlayout-column textarea {
    max-width: 320px;
    min-height: 160px;
}

/* plati pre <label> elementy v layoute vo formulari, ale iba tie po ktorych hned nasleduje <span> v ktorom su <input type="radio">*/
.form .columnlayout-column label:has(+ span input[type="radio"]) {
    white-space: normal;
}

/* <ul> zoznamy vo formularoch (napriklad pridane cez FormCustomHTML, rozne napovedy,...) */
.form ul {
    padding-left: 2em;
    margin-top: 0.7em;
}
.form ul#Graph {
    padding-left: 0;
    margin-top: 0;
}

/* Skrolovaci DIV je uzatvoreny do tohto DIVu, aby sa spravne zarovnal o 4px doprava v IE. */
.form div.scrollouter {
    border: 0px;
    height: 265px;
    margin: 0px 8px 0px 4px;
    padding: 0px;
    display: inline-block;
    position: relative;
}

/* PREMENOVAT, ZOVSEOBECNIT */
.scrollouter.accdocument-graph {
    height: 45px !important;
    position: relative;
    left: -7px;
    margin-bottom: 10px !important;
}

.scrollouter.accdocument-graph > div {
    /* formular: 'selector' pre nalepky */
    width: 774px;
    height: 45px;
}

div.formsection {
    padding: 10px 10px 10px 3px;
    margin: 10px 20px 10px 20px;
    text-align: left;
    border-top: 1px solid #aaa;
    background-color: #eee;
}

@media screen and (min-width: 992px) {
    .second-column {
        padding-left: 30px;
    }
}
@media screen and (max-width: 992px) {
    .second-column {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 480px) {
    .datetime .inp_date {
        width: 90%
    }
}
/*--- special button area -------------------*/

div.small_formbuttons {
    padding: 0px 0px 0px 3px;
    margin: -5px 0px 0px 0px;
    text-align: right;
}

div.small_formbuttons .button {
    margin: 3px;
    padding: 2px 20px 1px 20px;
    border: 1px solid #000;
    background-color: #bbb;
}

div.small_formbuttons .button:hover {
    background-color: #fff;
}

div.small_formbuttons .button:focus {
    background-color: #fff;
}

/*--- button area -------------------*/
div.formbuttons {
    text-align: center;
    padding: 15px 0px 1px 0px;
}

div.formbuttons .button {
    color: #102538;
    border: 0px;
    cursor: pointer;
    margin: 0px 5px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    background: none;
    padding: 13px 13px;
}

div.formbuttons .button:hover {
}

div.formbuttons .button:focus {
}

div.formbuttons .submit {
}

div.formbuttons .submit [disabled=disabled], div.formbuttons .submit:disabled {
    color: #e7c39d;
    cursor: default;
    pointer-events: none;
}

div.formbuttons .apply, div.formbuttons .cancel {
}

div.formbuttons .option {
}

div.formbuttons > span.option {
    /* hide for ie6 */
    line-height: 0px;
    padding: 0px;
    margin: 10px;
}

.form .formbuttons .option .checker {
    float: left;
}

div.formbuttons > span.option > .checker {
    /* hide for ie6 */
}

div.formbuttons .button-outer, div.formbuttons .button-link, div.formbuttons .button-inner {
    display: inline-block;
}

div.formbuttons .button-outer {
    background: url('../imgs/krea/bg_button_right.png') no-repeat right center;
    margin: 0px 5px;
}

div.formbuttons .button-inner {
    background: url('../imgs/krea/bg_button_left.png') no-repeat left center;
}

div.formbuttons .button-link {
    margin: 0px 0px;
}

/* --- tabgroup ---- */
div.tabgroup {
    clear: both;
    background: url('../imgs/krea/bg_tabgroup.png') repeat-x top #fff;
    margin-bottom: 15px;
}

div.tabgroup ul.tabs {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
    width: 100%;
}

div.tabgroup li.tab_header {
    float: left;
    background: url('../imgs/krea/bg_tab_left.png') no-repeat top left;
    margin-right: 2px;
    border-bottom: 1px solid transparent;
}

div.tabgroup li.tab_header a {
    background: url('../imgs/krea/bg_tab_right.png') no-repeat top right;
    display: block;
    padding: 8px 20px;
    text-decoration: none;
}

div.tabgroup li.tab_header.Active {
    background: url('../imgs/krea/bg_tab_left_sel.png') no-repeat top left;
}

div.tabgroup li.Active a {
    background: url('../imgs/krea/bg_tab_right_sel.png') no-repeat top right;
}

div.tabgroup li a:hover {
    color: #000;
}

div.tabgroup div.tab_body {
    background: url('../imgs/krea/bg_tab_body.png') repeat-x bottom;
    clear: both;
    padding: 20px 0px;
}

div.tabgroup div.tab_body.RecordView {
    padding: 0px;
}

div.tabgroup div.Hidden {
    display: none;
}

div.tabgroup div.tab_body label {
    position: relative;
}

.block label {
    position: relative;
}

/*----- blocks ---------------------------------------*/
div.block {
    /* border-radius:7px 7px 7px 7px; */

}

div.closed {
    padding: 0px;
    margin: 0px;
    margin-bottom: 1px;
}

div.opened {
    background: url('../imgs/krea/bg_opened_top.png') repeat-x;
}

.block .notShown {
    font-size: 80%;
    color: #888;
}

/*--- header ----*/
.block .header {
    padding: 1px 2px 0px 5px;
    font-weight: bolder;
    height: 15px;
}

.block .topborder {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-width: 0px;
    height: 2px;
    font-size: 1px;
    line-height: 0;
    display: inline;
}

/*--- filter ----*/
.block .filter {
    padding: 3px 2px 0px 1px;
    vertical-align: middle;
    font-weight: normal;
    height: 26px;
    font-size: 14px;
    background-color: #e8e8e8;
}

.filter input {
    text-align: left;
    margin-right: 10px;
    font-size: 90%;
    padding: 0px;
    margin: 0px;
}

/*--- toggle blocks ---*/

.block {

}

.opened {
    background: url('../imgs/krea/bg_opened_top.png') repeat-x top #fff;
    border: 1px solid #cacaca;
    padding: 12px;

}

.opened table {
    border: 0px;
}

.opened .header {
}

.closed div.header {
}

.block h2 {
    /*cursor:pointer;*/
}

.block .header h2:hover {
    cursor: pointer;
}

.block .header h2 img {
}

.header span.block_options {
    float: right;
    position: relative;
    top: -1.4em;
}

.header span.block_options span {
}

.header span.block_options span.active a {
}

.block div.empty {
}

/*----- ScrollBox ----------------------------------------*/
.scrollbox_outer {
    background-color: #fff;
    border: 1px solid #ccc;
}

/*----- listBlock ----------------------------------------*/
body.IFrameListContent {
    overflow-x: hidden;
}

.iframetable {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0px;
    border-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-width: 0px;
    width: 100%;
    background-color: #ffffff;
    overflow-y: hidden;
}

.iframeborder {
    width: 100%;
    margin: 0px;
    border: 1px solid #cacaca;
}

.notroubles {
    border-width: 0px;
    margin: 0px;
    border: 0px;
    padding: 5px;
}

table.list {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 5px solid yellow;
    border-color: #cacaca !important;
    padding: 0px;
    border-width: 0px;
    border: 0px;
    margin: 0px;
}

/* use selector to hide this from IE6 */
.block > table.list {
    border-width: 0px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

table.list th, table.list tfoot {
    overflow: hidden;
    font-weight: normal;

    text-align: left;

    white-space: nowrap;
    vertical-align: middle;
    border: 0px;
    padding: 10px 0px 10px 5px;
    box-sizing: border-box;
}

table.list th.Price, table.list th.CalculatedPrice {
    text-align: right;
}

table.list .sort_primary {

}

table.list .sort_secondary {
    border-bottom: 1px solid #a0a0a0;
}

table.list th a {
    overflow: hidden;
    text-decoration: none;
    color: #336699;
}

table.list th a:hover {
    overflow: hidden;
    text-decoration: underline;
}

table.list th img {
    overflow: hidden;
    border: none;
    padding-right: 0px;
}

table.list .select_col {
    padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
}

table.list th.select_col {
    /*
    background: url('../imgs/krea/bg_checkbox.png') no-repeat center center;
    */
}

td.select_col {

}

table.list .select_col img {
}

table.list .img_col {
    padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
}

table.list td {
    overflow: hidden;
    margin: 0px;
    font-size: 80%;
    vertical-align: middle;
    /*cursor: pointer;*/
    white-space: nowrap;
    background-color: inherit;
    padding: 0 5px;
}

table.list_ff td {
    /*
    height: 33px;
    */
    background-color: inherit;
}

table.list tr.group td {
    overflow: hidden;
    padding: 0px 0px 0px 3px;
    border-top: 2px solid #fff;
    background-color: #bbc;
    color: #fff;
    font-size: 80%;
    font-weight: bold;
    font-style: italic;
}

table.list td.narrow {
    padding: 0px;
}

table.list tr.isFolder {
    font-weight: bold;
}

table.list td.status {
    font-size: 60%;
    font-weight: bold;
}

table.list td.new {
    color: #E57700;
    font-size: 70%;
}

table.list td.done {
    color: #349118;
}

span.new {
    color: #E57700;
    font-weight: bold;
}

/*--- comment-list -----*/
table.list span.comments {
    font-weight: normal;
    background-image: url(items/item_discussion.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 13px;
    color: #888;
}

table.list div.comment_block {
    float: left;
}

table.list div.comment_block span.title {
    font-weight: bold;
}

table#comments td span.indention {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    display: block;
    float: left;
}

table.list td .entity {
    /* entities like 'D' 'h' '�'*/
    font-size: 80%;
}

table.list td.label {
    /* entities like 'D' 'h' '�'*/
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.list td.number {
    text-align: right;
}

.list td.timeDue {
    text-align: right;
    white-space: nowrap;
}

.list td.overDue {
    color: #f00;
    font-weight: bold;
}

table.list td img {
    border: none;
}

table.list td a {
    text-decoration: none;
    /*padding-left:5px;*/
}

table.list tr.isDone a {
    text-decoration: line-through;
}

.isDone a {

}

table.list th.right,
table.list td.right {
    text-align: right;
}

table.list tr.current {
    font-weight: bold;
    background-color: #ffffff;
}

table.list td a:hover {
    text-decoration: underline;
}

table.list tr.odd {
    background-color: #ffffff;
    margin: 0px;
}

table.list tr.oddFrozen {
    background-color: #ffffff;
    border-bottom: 1px solid #ededed;
    margin: 0px;
}

table.list tr.odd td {
    background-color: inherit;
}

table.list tr.oddFrozen td {
    background-color: inherit;
}

table.list tr.isNewDay td {
    border-top: 2px solid #000;
}

table.list tr.even {
    background-color: #f1f1f1;
}

table.list tr.evenFrozen {
    background-color: #f1f1f1;
    border-bottom: 1px solid #ededed;
}

table.list tr.chosen {
    background-color: #FF990A;
}

table.list tr.even, table.list tr.odd, table.list tr.oddFrozen, table.list tr.row-over, table.list tr.chosen, table.list tr.evenFrozen {
    height: 33px;
}

table.list td.frozenCell {
    padding: 0px 5px;
}

/* RecordView Table Cell Image */
table.list .rw-image {
    float: right;
}

/* RecordView Table Row */
table.list .rw-row {
    border-bottom: 1px solid #ededed;
}

.list td {
    font-size: 12px !important;
}

.notOKtext {
    color: #ff0000;
}

.notOKtext a {
    color: #ff0000;
}

table.list td.notOKtext a {
    color: #ff0000;
}

.deletedText, .StrikethroughText, .lineThrough {
    text-decoration: line-through;
}

.doubleLineThrough {
    text-decoration: none;
    position: relative;
}

.doubleLineThrough:after {
    content: ' ';
    font-size: inherit;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    bottom: 40%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.deletedText a {
    text-decoration: line-through;
}

table.list td.deletedText a {
    text-decoration: line-through;
}

.topicCell {
    background: #000 !important;
    color: #fff;
    padding: 3px;
    margin-top: 20px;
}

.topicCell a {
    color: #fff;
}

/* namiesto vrchneho border-u footer-u je border na spodku elementu */
/* aby to pekne splyvalo so scrollbar-om na pravo */
.iframetable,
.divlistblockDivScroll {
    border-bottom: 1px solid #cacaca;
}

/*--- .list_footer ----*/
.footer {
    display: block;
    visibility: visible;
    text-align: left;
    vertical-align: middle;
    background: url('../imgs/krea/bg_table_th.png') repeat-x;
    padding: 0px;
    margin: 0px;
    height: 34px;
    /* nedavat border sem, inak to robi 1px sedu ciaru pod, dat na div nizsie */
    /* border-top: 1px solid #cacaca; */
}

.footerIE {
    position: relative;
    /* border: 1px solid #cacaca; */
    border-bottom: 0px;
    /* left: -1px; */
    top: 0px;

}

.footer .summary {
    font-size: 80%;
    margin-bottom: 0px;
    padding: 10px;
    vertical-align: top;
    float: left;
    margin-left: 7px;
    position: relative;
}

.footer .eyecandy {
    padding-top: 8px;
    float: left;
    position: relative;
    left: 5px;
    visibility: hidden;
}

.footer_closer {
    text-align: left;
    height: 15px;
    vertical-align: top;
    background-color: #5ea431;
}

.footer.match-panel {
    font-size: 75%;
    background-color: #fbf695;
    height: 20px;
    line-height: 20px;
}

.icons {
    padding-left: 23px;
    padding-right: 3px;
    margin-right: 5px;
    height: 20px;
}

.icons img {
    padding-left: 5px;
    padding-right: 5px;
}

.icons a img {
    border: none;
}

.icons .notallowed {
    opacity: 0.2;
}

.icons .inactive {
    opacity: 0.6;
}

.icons .inactive:hover {
    opacity: 0.1;
}

.icons img:hover {
    background-color: #ffffff;
}

/* zobrazenie ikoniek, ktore sa pouzivaju ako tlacitko vedla textu */
a .form-icons {
    padding-right: 2px;
    cursor: pointer;
}

a .form-icons-inline {
    padding-left: 3px;
    padding-right: 2px;
    cursor: pointer;
}

/* ---- Comment tables -------------------*/
table#comments td.text {
    vertical-align: top;
}

table#comments td.text span.title {
    margin: 0px;
    padding: 4px 0px 0px 0px;
    font-size: 90%;
    font-weight: bold;
}

table#comments td.text span.text {
    margin: 0px;
    padding: 4px 0px 0px 0px;
    font-size: 90%;
}

table#comments td.details {
    vertical-align: top;
    font-size: 90%;
}

table#comments p {
    padding: 0px;
    margin: 0px;
}

table#comments td.details span.type {
    margin: 0px;
    padding: 4px 0px 0px 0px;
    font-size: 70%;
    display: block;
    font-weight: bold;
}

table#comments td.details span.date {
    margin: 0px;
    padding: 4px 0px 0px 0px;
    font-size: 70%;
    display: block;
}

.botton {
    border: 0px;
    background-color: #ff0000;
    font-weight: bold;
}

/*---- functionblock ---------------------------*/
.block {

}

/*---- information-block / summary ----*/
.block div.text {
    padding: 3px;
    font-size: 80%;
    margin: 0px 0px 0px 5px;
    border-radius: 7px;
}

.block div.text ul {
    list-style: square;
}

.block div.text li {
    margin-left: 10px;
}

.block div.text p {
    /*clear:both;*/
    /* this clear messes multi-column display in firefox */
    margin: 5px 0px 0px 80px;
    padding: 0px 0px 0px 0px;
    max-width: 400px;
}

.block div.text p.description {
    margin: 0px 0px 0px 0px;
}

.block div.text p.description label {
    display: none;
}

.block div.text p.text {
    margin: 0px 0px 0px 0px;
}

.block div.text p label {
    width: 90px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 5px;
    margin-left: -55px;
    font-size: 80%;
    /*line-height:120%;*/
    color: #666;
}

.block div.text > p label {
    /* hidden from IE5.0 */
    margin-left: -95px;
}

.block div.text a {
    text-decoration: none;
}

.block div.text a.dummy {
    text-decoration: line-through;
}

/*---- listblock editor ----*/
td.editorhovercell {
    background-image: url(../imgs/listblockeditor.edit.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

/*=== LeftBar ===========================*/
.LeftBar {
    width: 100%; /* originally was 198px */
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
    background: url('../imgs/krea/bg_leftbar_top.png') no-repeat left top;
    background: url('../imgs/krea/bg_opened_top.png') repeat-x top #fff;
    border: 1px solid #cacaca;
    font-weight: bold;
    color: #000;
    font-family: tahoma;
}

.LeftBar .head {
    background: url('../imgs/krea/bg_leftbar_head.png') no-repeat 5px 5px;
    padding: 7px 25px 0px 25px;
    min-height: 30px;
    margin: 5px 10px 0px 10px;
}

.LeftBar .subhead {
    display: none;
}

.LeftBar .subhead .Snippet {
    margin: 0px;
    padding: 0px;

    float: right;
    width: 20px;
    height: 16px;
    margin-top: -15px;
}

.LeftBar .section {
    padding: 15px 5px 8px 3px;
    background: url('../imgs/krea/bg_leftbar_block.png') repeat-x top;
    text-align: left;
    color: #0D61C0;
    vertical-align: middle;
    font-size: 11px;
    max-height: 53px;
    overflow: auto;
}

.LeftBar .section img {
    vertical-align: middle;
}

.LeftBar .SnippetListOuter {
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.LeftBar .SnippetHTML {
    color: #000;
    font-weight: normal;
}

.LeftBar .SnippetHTML:not(:first-child) {
    border-top: 1px solid #cacaca;
}

.LeftBar .SnippetHTML > .content {
    padding: 0px 15px 10px 15px;
}

.LeftBar .SnippetHTML .title {
    color: #797979;
    padding-bottom: 5px;
    margin-left: 16px;
    margin-top: 14px;
}

.LeftBar .section .functions {
    margin: 0px;
    padding: 0px;
    text-align: right;
    height: 100%;
}

.LeftBar iframe {
    background-color: transparent;
}

/* override kvoli panel.less */
.LeftBar.panel {
    border-radius: 0;
    box-shadow: none;
}

.LeftBar .leftbar-switch {
    color: black;
}

.tr-bgrandcursor a, tr-empty a {
    display: block;
    padding: 5px 0px;

}

.tr-bgrandcursor a:hover, tr-empty a:hover {
    color: #000;
}

.tr-bgrandcursor {
    background-color: #e5e5e5;
    cursor: pointer;
    /*cursor: hand;*/
}

.tr-empty {
    background-color: #ffffff;
    cursor: pointer;
    /*cursor: hand;*/
}

.simpleform {
    margin-bottom: 0;
    font-family: Verdana;
    font-size: 11px;
    padding-left: 5px;
}

.simpleform input {
    height: 14px;
    width: 115px;
    margin-top: 2px;
    vertical-align: bottom;
    border: 1px solid black;
    font-family: Verdana;
    font-size: 11px;
}

.simpleform label {
    vertical-align: -55%;
}

.simpleformbutton {
    height: 18px;
    position: relative;
    left: 5px;
}

.errorMessage {
    color: rgb(255, 0, 0);
}

/* === scrolling table ================================== */
div.tableContainer {
    /*clear: both;*/
    width: 100%;
    height: 100%;

    background-color: white;
    overflow: auto;
    overflow-y: scroll;

}

tbody.scrollContent_ie {

}

.list_ff td {
    display: table-cell;
}

tbody.scrollContent_ff {
    overflow-x: auto;
}

.input-checkbox {
    margin-right: 20px;
}

tbody.scrollContent_ff {
}

tbody.scrollContent_ff tr {

}

.select_col img {
    margin: 8px 8px 12px 3px;
}

tbody.scrollContent_ff td:first-child, tbody.scrollContent_ie td:first-child {
    width: 50px !important;
}

/*mozilla*/
html > body tbody.scrollContent_ff {
    overflow: -moz-scrollbars-none;
    overflow: -moz-scrollbars-vertical;
    background-color: white;
}

thead.fixedHeader tr, .iframeborder th {
    position: relative;
    background: url('../imgs/krea/bg_table_th.png') repeat-x #f9f9f9;
}

thead.fixedHeaderAjaxIE tr {
    position: absolute;
}

#dlScrollContent {
    height: 2px;
}

thead.fixedHeaderAjaxIE th {
}

thead.fixedHeader th {
    padding: 8px 5px 9px;
    border: 0px solid #cacaca;
}

.tableContainer {
    padding-top: 0px !important; /* solid black; */
}

thead.fixedHeader .Groups th {
    font-weight: bold;
}

.GroupSeparator {
    border-left: 1px solid #ccc;
}

thead.fixedHeader th.headerCell.GroupSeparator {
    background: url('../imgs/headerGroupSeparator.png') repeat-y left top;
}
thead.fixedHeader th.headerCell.GroupSeparator.display-in-rows {
    padding-right: 13px;
}
.list .dataCell {
    padding: 8px 6px 9px 6px;
    border-bottom: 1px solid #ededed;
}
.list .dataCell.display-in-rows {
    padding: 3px 6px 3px 6px;
    border-bottom: 0;
}
table#records_region3_table tr:not(.Grops) {
    width: auto;
}

/* === end scrolling table =============================== */

.inline-editor {
    width: 100%;
    background-color: inherit !important;
}

.inline-editor input {
    font-size: 9px;
    vertical-align: bottom;
}

.inline-editor input.input-text,
.inline-editor input.input-number {
    width: 90%;
}

/* skrytie sipok pre zadanie cisla -  Chrome, Safari, Edge, Opera */
.inline-editor input.input-number::-webkit-inner-spin-button,
.inline-editor input.input-number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

/* skrytie sipok pre zadanie cisla - Firefox */
.inline-editor input.input-number[type=number] {
    -moz-appearance: textfield;
}

.progressbar {
    width: 100%;
}

.progressbar .step {
    border: 1px solid #FFF;
    padding: 0 !important;
}

.progressbar .step:hover {
    cursor: pointer;
    border: 1px solid #FFF;
}

.progressbar .step.editing {
    opacity: 0.5;
}

.progressbar .step.editing:hover {
    opacity: 1;
}

.progressbar .not-complete {
    background-color: transparent !important;
    border: 1px solid #CCC;
}

/* colors for less than 10 steps */
.progressbar .step.step_1 {
    background-color: #FF6600;
}

.progressbar .step.step_2 {
    background-color: #FF9900;
}

.progressbar .step.step_3 {
    background-color: #FFCC66;
}

.progressbar .step.step_4 {
    background-color: #CCCC99;
}

.progressbar .step.step_5 {
    background-color: #669933;
}

/*colors for more or equal to 10 steps */
.progressbar .step.step10_1 {
    background-color: silver;
}

.progressbar .step.step10_2 {
    background-color: #999999;
}

.progressbar .step.step10_3 {
    background-color: #9999CC;
}

.progressbar .step.step10_4 {
    background-color: #3399CC;
}

.progressbar .step.step10_5 {
    background-color: #339999;
}

.progressbar .step.step10_6 {
    background-color: #339933;
}

.progressbar .step.step10_7 {
    background-color: #99CC00;
}

.progressbar .step.step10_8 {
    background-color: #FF9933;
}

.progressbar .step.step10_9 {
    background-color: #FF6600;
}

.progressbar .step.step10_10 {
    background-color: #CC0000;
}

.greyedOut, .greyedOut td nobr a {
    color: #CCCCCC;
}

.eyecandy #indicator-yellow {
    display: none;
}

.eyecandy #indicator-white {
    display: inline !important;
}

.td_record_1 {
    width: 200px;
    border-right: 1px solid #dddddd;
}

.td_record_2 {
    width: 160px;
    text-align: left;
    padding-left: 10px;
}

.td_bgwhite {

}

.td_bggray {

}

.td_value {
    font-weight: bold;
}

.opened td {
    vertical-align: top;
    line-height: 150%;
    border: 0px;
}

.opened tr {
    border-top: 1px solid #f5f5f5;
}

.td_sep {
    height: 33px;
    background: url('../imgs/krea/bg_line.png') repeat-x center center;
}

.form_simple_section {
    padding: 6px 6px 6px 3px;
    margin: 10px 10px 5px 10px;
    text-align: left;
    border-top: 1px solid #aaa;
    background-color: #e5e5e5;
}

.form_simple_section .form_section_icon_wrapper {
    float: right;
    text-align: right;
}

.form_section_icon {
    height: 12px;
    margin-right: 1em;
    vertical-align: middle;
    transform: rotate(90deg);
    transition: transform 0.5s ease;
}

.form_section_icon.active {
    transform: rotate(-90deg);
}

#sumview_iframe_table_lim {
    padding-top: 0px;
}

.height-40 {
    height: 30px;
    /*border: 1px solid red;*/
}

.row-over, table.list tr[class*='Frozen'].row-over {
    background: #FFC16F;
}

.hand {
    cursor: pointer;
}

.divlistblock-ie-fix {

}

.scrollTableIEnoAjax thead {
    position: absolute;
    top: 105px;

}

tr.odd:first-child {
    width: 24px;
}

tr.oddFrozen:first-child {
    width: 24px;
}

.divlistblockDivScroll {
    background: #fff;
}

.help {
    cursor: help;
}

.select-multi-dropdown {
    width: 630px !important;
}

#VarNumber_Block {
    color: #e00;
    text-align: left;
    padding-left: 120px;

}

.help {
    cursor: help;
}

.FormInputAIValue {
    width: 80px !important;
    text-align: right;
    border: 1px solid #bbbbbb;
    font-size: 11px;
}

#SumBasicNewRows_AI_VATaxRateSummary td {
    border-top: 1px solid #aaa;
    vertical-align: top;
    white-space: nowrap;
}

#SumBasicNewRows_AI_Table {
    margin: 10px 10px 0px 10px;
    width: 98%;
}

#SumBasicNewRows_AI_Table .inp {
    width: 50%;
}

#SumBasicNewRows_AI_Table .inp,
#SumBasicNewRows_AI_Table .FormInputAISumDCVATaxRate {
    font-family: arial;
    font-size: 90%;
    border: 1px solid #bbb;
    width: 70px;
    position: relative;
    left: 3px;
}

#SumBasicNewRows_AI_Table .FormInputAISumDCVATaxRate {
    width: 70px !important;
}

#SumBasicNewRows_AI_Table tr.odd {
    background-color: #E0E0E0;
}

#SumBasicNewRows_AI_Table tr:first-child {
    background-color: inherit;
}

.bold {
    font-weight: bold;
}

.default-margin,
.form .default-margin,
.div-list-empty {
    margin: 20px 20px 10px 20px;
}

.div-list-empty ul {
    padding-top: 5px;
    padding-left: 20px;
}

#Graph_Note {
    text-align: left;
    padding-left: 5px;
}

#Graph_Note.SumForm {
    margin-left: 160px;
    display: block;
}

.MaturityDateWantedDisabled {
    font-style: italic;
    color: #aaa;
}

.MaturityDateWantedAutoForwardDisabled {
    opacity: 0.4;
}

.listblockcolprice-cell,
table.list th.listblockcolprice-cell {
    text-align: right;
    padding-right: 5px;
}

.add-padding-right {
    text-align: right !important;
    padding-right: 10px !important;
}

.FormSumEditor-DeleteRow,
.FormSumEditor-RemoveRow,
.FormProductEditor-RemoveRow,
.FormProductMovementEditor-DeleteRow,
.FormProductMovementEditor-RemoveRow,
.FormAccDocumentContractSumEditor-DeleteRow,
.FormAccDocumentContractSumEditor-RemoveRow,
.FormAccDocumentContractPartyEditor-RemoveRow,
.FormSumEditor-EditRow {
    float: right;
    margin-left: 10px;
    position: relative;
}

.FormAccDocumentContractSumEditor .SumPlanBlock .Content {
    cursor: pointer;
}

.FormAccDocumentContractSumEditor .SumPlanBlock .Content:hover {
    background: #d5d5d5;
}

table.tree-selector {

}

table.tree-selector td {
    width: 380px;
}

table.tree-selector td > .scrollouter {
    width: 377px;
    text-align: left;
}

#MoreFunctions_Block {
    padding-top: 10px;
    padding-right: 18px;

}

.FlowParticipantsAdvancedFunctionsBlock {
    padding-top: 10px;
    padding-right: 23px;
}

.ForceLoadGraphsBlock {
    padding-top: 0;
    padding-right: 23px;
}

#SumBasicNewRows_Table tr:first-child td:nth-child(2) {
    width: 200px;
}

.FormSumEditor_Table {
    width: 930px !important;
    color: #555555;
}

.FormSumEditor_Table td {
    white-space: nowrap;

    border: 1px solid transparent;

}

.FormSumEditor_Table tr {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.FormSumEditor_Table .bg {
    background: #E0E0E0;
}

.FormSumEditor_Table > .formRow {
    padding: 10px 15px;
    margin-left: 10px;
}

.FormSumEditor_TD_VATaxRate select,
.FormInputAISumDCVATaxRate {
    width: 100px !important;
}

.FormSumEditor_TD_Graph {
    width: 365px;
    height: 50px;
}

.FormSumEditor_TD_Description,
.FormSumEditor_TD_Description textarea {
    min-height: 50px;
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
}

.FormSumEditor_TD_Description textarea {
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #bbb;
}

.FormSumEditor_TD_ValuePerUnit {
    width: 130px;
}

.FormSumEditor_TD_Currency {
    width: 120px;
}

.FormSumEditor_TD_ValueWithTax {
    width: 155px;
}

.FormSumEditor_TD_Unit {
    width: 113px;
}

.FormSumEditor_Table.NoProduct .FormSumEditor_TD_Unit {
    width: 108px;
}

.FormSumEditor_TD_Unit > span {
}

.FormSumEditor_TD_Discount {
    width: 90px;
    left: 20px;
}

.FormSumEditor_TD_Discount_Label {
    left: -20px;
}

.FormSumEditor_TD_Discount_Label .VATaxHide {
    left: 50px;
}

.FormSumEditor_TD_Value {
    width: 140px;
    left: 20px;
}

.FormSumEditor_TD_VATaxRate {
    width: 110px;
}

.FormSumEditor_TD_Subject img {
    vertical-align: baseline;
    display: inline-block;
    padding: 0px;
}

.FormSumEditor_Subject {
    width: 100% !important;
    border: 1px solid #bbb;
    font-family: verdana;
    border-radius: 4px;
}
span.FormSumEditor_Subject_Badge, span.FormProductMovementEditor_Subject_Badge {
    position: absolute;
    border-top: 1px solid #ADADAF;
    border-left: 1px solid #E4E5E7;
    border-right: 1px solid #E4E5E7;
    border-bottom: 1px solid #E4E5E7;
    background-color: #f6f6fa;
    padding: 1px 1em;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 20px;
}
input.FormSumEditor_Subject_Badge, input.FormProductMovementEditor_Subject_Badge {
    position: absolute;
    border-top: 1px solid #ADADAF;
    border-left: 1px solid #E4E5E7;
    border-right: 1px solid #E4E5E7;
    border-bottom: 1px solid #E4E5E7;
    background-color: #f6f6fa;
    padding: 1px 1em;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
}
input.FormSumEditor_Subject_Badge:focus-visible, input.FormProductMovementEditor_Subject_Badge:focus-visible {
    outline: 0 solid transparent;
    border-top: 1px solid #ADADAF;
    border-left: 1px solid #E4E5E7;
    border-right: 1px solid #E4E5E7;
    border-bottom: 1px solid #E4E5E7;
}

.FormSumEditor_Table.NoRelatedAccDocumentNumber .FormSumEditor_TD_Subject {
    border-right: 20px solid transparent;
}

.FormSumEditor_ExternalPersonName {
    width: 100% !important;
    border-top: 1px solid #adadaf;
    border-right: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
    border-left: 1px solid #e4e5e7;
    font-family: verdana;
    border-radius: 4px;
}

.FormSumEditor_RelatedAccDocumentNumber {
    width: 201px;
    border: 1px solid #bbb;
    font-family: verdana;
    border-radius: 4px;
}

.FormSumEditor_Table .FormSumEditor_ValueWithTax {
    width: 201px;
    border: 1px solid #bbb;
    font-family: verdana;
    border-radius: 4px;
}

#UserIDTable td:nth-child(1),
#UserIDTable td:nth-child(2) {
    width: 20px;
}

#UserIDTable td:nth-child(3) {
    width: 30px;
}

#DocumentFlowDecisionForm textarea {
    margin-top: 10px;
}

div.tabgroup.DocumentApproval {
    background: repeat-x top #fff;;
}

div.tabgroup.DocumentApproval div.tab_body {
    background: none;
    overflow: initial;
}

.LightBoxOuter {
    padding: 10px;
}

.LightBoxOuter .form h3 {
    margin-left: 15px;
}

td.cell-margin-right {
    padding-right: 25px !important;
}

.chosen-container {
    margin-left: 0px !important;
    position: absolute !important;  /* prepisujeme nastavenie pluginu, ktoreho css sa vklada neskor, preto !important*/
}
.chosen-container a.chosen-single span {
    margin-top: 3px;
}

.form div.scroll#OperationID {
    width: 767px;
    position: relative;
    left: -8px;
}

div.ErrorMessage {
    color: #e00;
}

div.ErrorMessage.padding {
    padding: 10px;
}

[data-wrapper=GroupBlock_FrozenDiv] .FrozenDivGroupBlock {
    border: 1px solid #cacaca;
}
[data-wrapper=GroupBlock_FrozenDiv] .footer {
    border: 1px solid #cacaca;
    border-top: 0;
}

.FrozenDivGroupBlock table.list td {
    cursor: default;
}

.FrozenDivGroupBlock .GroupBlockHeadDate {
    font-weight: bold;
    padding: 5px;
    background: #fff !important;
}

.FrozenDivGroupBlock .GroupBlockHeadDate .range {
    font-weight: normal;
    color: #767676;
    font-style: italic;
}

.FrozenDivGroupBlock .GroupBlockHeadDate .range > span {
    display: block;
    visibility: hidden;
    height: 1px;
}

.FrozenDivGroupBlock .summary.bg {
    padding: 5px;
    background: #F1F1F1 !important;
}

.FrozenDivGroupBlock thead.fixedHeader tr {
    position: relative;
    background: none;
    border: 1px solid #cacaca;
    color: #5b5b5b;
    text-transform: uppercase;
}

.FrozenDivGroupBlock tr {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.FrozenDivGroupBlock .row-over {
    background-color: #fff !important;
    border-color: #000;
}

.FrozenDivGroupBlock .row-over .GroupBlockHeadDate {
    background: #FFE7AD !important;
}

.FrozenDivGroupBlock thead.fixedHeader th.summary {
    text-align: right;
}

.FrozenDivGroupBlock th {
    border: 0px;
}

.FrozenDivGroupBlock th.summary {
    background: #f1f1f1;
    border-left: 0px;
    border-right: 0px;
}

.FrozenDivGroupBlock thead.fixedHeader th {
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.FrozenDivGroupBlock > form label {
    display: none;
}

.FrozenDivGroupBlock > form .checker input[type=checkbox] {
    margin-left: 0px;
    margin-right: 0px;
}

.FrozenDivGroupBlock > form .checker label {
    display: inline;
}

.FrozenDivGroupBlock .item-info {
    margin-left: 20px;
    color: #767676;
}

.FrozenDivGroupBlock .underline {
    border-bottom: 1px solid #e4e4e4;
    padding: 2px 0px;
}

.FrozenDivGroupBlock table.list tr.even {
    background: none;
}

.FrozenDivGroupBlock .value-info {
    border-radius: 3px;
    padding: 4px;
    font-weight: bold;
    text-align: center;
    margin: 5px;
    position: relative;
}

.FrozenDivGroupBlock .value-info.arrow,
.ListBlockCol_Toggle > a {
    background-image: url('../imgs/krea/arrow_white_transparent.png');
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.FrozenDivGroupBlock .value-info.arrow:hover,
.FrozenDivGroupBlock .collapsed .value-info.arrow,
.ListBlockCol_Toggle > a {
    background-image: url('../imgs/krea/arrow_white.png');
}

.ListBlock_Simple .ListBlockCol_Toggle > a {
    background-image: url('../imgs/krea/arrow_white_outlined.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

.ListBlock_Simple .ListBlockCol_Toggle > a.active {
    background-image: url('../imgs/krea/arrow_black_down.png');
}

.FrozenDivGroupBlock .value-info .count-info {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 11px;
    font-weight: normal;

    color: #555;
}

.FrozenDivGroupBlock .value-info .content {
    width: 120px;
    margin: 0px auto;
    overflow-x: hidden;
}

.FrozenDivGroupBlock td.item {
    border-right: 1px solid #e4e4e4;
}

.item-bgcolor {
    background-image: url('../imgs/krea/bg_white_transparent.png');
}

.FrozenDivGroupBlock .row-over-prev {
    border-bottom: 1px solid #000;
}

div.frozen_wrap {
    border: 1px solid #cacaca;
}

div.frozen_region_1,
div.frozen_region_3 {
    border-bottom: 1px solid #cacaca;
}

.leftbar-filter {
    border-bottom: 1px solid #cacaca;
    background: #f3f3f3;
    padding: 5px 16px 10px 16px;
    margin-bottom: 10px;
}

.leftbar-filter.not-last {
    margin-bottom: 0px;
}

.leftbar-filter > div {
    color: #797979;
    padding-bottom: 5px;
}

.leftbar-filter a {
    color: #CC3300;
    font-weight: bold;
    display: block;
    padding: 2px 2px 2px 17px;
    margin-bottom: 3px;
    background: url('../imgs/leftbar_filter_cancel.png') no-repeat left 3px;
    text-decoration: none;
}

.DropDown_DateFilter {
    margin-bottom: 10px;
    margin-left: 5px;
}

.DropDown_DateFilter select {
    margin-bottom: 10px;
}

.IFrameTree_helper {
    background: transparent;
    padding-top: 10px;
    box-sizing: border-box;
}

.IFrameTree_helper select, .SnippetHTML select {
    width: 100%;
    padding: 5px;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    color: #797979;

    border-radius: 5px;
}

.IFrameTree_helper select#DropDown_LeftBarYearsMonth_Month {
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
    width: 60%;
}

.IFrameTree_helper select#DropDown_LeftBarYearsMonth_Year {
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0px;
    width: 40%;
}

.IFrameTree_helper .PastDate_Outer {
    box-sizing: border-box;
    width: 100%;
    color: #aeaeae;
    border: 1px solid #E2E2E2;
    padding: 5px;

    border-radius: 5px;
}

.IFrameTree_helper .PastDate_Outer .inp_date {
    padding-left: 0px;
    border: 1px solid transparent;
    color: #797979;
}

.IFrameTree_helper .PastDate_Outer .datetime .button_calendar {
    background: url(../imgs/bg_button_calendar2.png) no-repeat center center;
}

/* Own Company Page */
.logo-preview {
    width: 260px;
    height: 100px;
}

/** Text Classes **/
.text-bold {
    font-weight: bold;
}

.text-minus {
    color: #a80000;
}

/** CSS Spinner Loader **/
.loader {
    display: none;
    position: relative;
}

/** Autocomplete Menu Item **/
.PersonAutoComplete.ui-menu {
    max-height: 20em;
    overflow-y: scroll;
    overflow-x: hidden;
}

.custom-menu-item, .custom-menu-item.ui-state-focus {
    border-bottom: 1px solid #f6f6f6;
}

.custom-menu-item:hover, .custom-menu-item.ui-state-focus {
    background: #f8f8f8 !important;
    font-weight: normal !important;
}

.drag-icon {
    font-size: 16px;
    font-weight: bold;
    color: #808080;
    cursor: move;
}

.text-red {
    color: #e00;
}

.text-green {
    color: #0a0;
}

.SumPlanEdit-SumTypeID {
    background: #E3E3E3;
    position: relative;
    top: 10px;
}

.SumPlanEdit-SumTypeID > * {
    position: relative;
    top: 3px;
}

.SumPlanEdit-SumTypeID > p > label {
    color: #1C6BC3;
    font-weight: bold;
}

.SumPlanEdit-SumTypeID div {
    display: inline-block;
}

.FormAccDocumentContractSumEditorTitle,
.FormAccDocumentContractPartyEditorTitle {
    padding: 0px 20px;
    margin-bottom: 10px;
}

.FormAccDocumentContractSumEditor,
.FormAccDocumentContractPartyEditor {
    margin: 0px 10px 10px 10px;
    padding: 10px;
    background: #E0E0E0;
}

.FormAccDocumentContractSumEditor .SumPlanBlock,
.FormAccDocumentContractPartyEditor .FormAccDocumentContractPartyBlock {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.FormAccDocumentContractSumEditor .link-edit {
    float: right;
    position: relative;
    top: -15px;
}

.FormAccDocumentContractPartyBlock .Content > div {
    float: left;
}

.FormAccDocumentContractPartyBlock .Content .PersonName {
    font-weight: bold;
    width: 30%;
}

.FormAccDocumentContractPartyBlock .Content .PersonName span {
    display: block;
    padding: 5px 0px;
}

.FormAccDocumentContractPartyBlock .Content .PersonName label {
    display: none;
}

.FormAccDocumentContractPartyBlock .PartyTypeName,
.FormAccDocumentContractPartyBlock .SignatoryPersonName {
    width: 17%;
}

.FormAccDocumentContractPartyBlock .IsSigned {
    width: 10%;
}

.FormAccDocumentContractPartyBlock .SignDate {
    width: 17%;
}

.FormAccDocumentContractPartyBlock .PartyTypeName label,
.FormAccDocumentContractPartyBlock .SignatoryPersonName label,
.FormAccDocumentContractPartyBlock .IsSigned label,
.FormAccDocumentContractPartyBlock .SignDate label {
    display: none;
}

.FormAccDocumentContractPartyBlock .PartyTypeName input,
.FormAccDocumentContractPartyBlock .SignatoryPersonName input {
    margin: 0px;
    width: 90%;
}

.FormAccDocumentContractPartyBlock .SignDate input {
    margin: 0px;
    width: 80%;
}

.FormAccDocumentContractPartyEditor > .FormAccDocumentContractPartyBlock:first-child {

}

.FormAccDocumentContractPartyEditor > .FormAccDocumentContractPartyBlock:first-child .Content > * {
    padding: 0px !important;
    font-weight: normal;
}
#AccDocCreate_SetRatesForm table#records-to-process input[name^="TimeDiffHuman_TimeEntry"] {
    cursor: pointer;
}
#AccDocCreate_SetRatesForm div.form {
    padding-top: 6px;
}
.TimeEntryBillableTitle {
    display: none;
}
#TimeEntryNotBillableContainer {
    display: none;
}
.EditTimeEntryBillableInfoTitle {
    margin-bottom: 10px;
}
#EditTimeEntryBillableInfoForm .form {
    max-width: 100%;
}
#EditTimeEntryBillableInfoForm .form input {
    width: 100px;
}
table#TimeEntriesNotBillable tbody tr {
    display: none;
}

.FieldAccDocumentHeaderInput {
    margin-left: 17px;
}
.FieldAccDocumentHeaderInput input,
input.VATaxSummary:hover,
input.VATaxSummary.ChangedManually {
    background-color: #f1f1f1;
    border: 1px solid #e0e0e0 !important;
}
input.VATaxSummary {
    border: 1px solid transparent;
    background-color: inherit;
    margin: 0px 2px 0px 0px;
    border-radius: 5px;
    padding: 0px 3px 0px 0px;
}
.HeaderInputWidthHelper {
    display: none;
}

a.FieldCountIntervalPrice_AddButton {
    color: black;
}
.FieldCountIntervalPrice_AddButtonDiv {
    margin-left: 135px;
}
.ListFilter_DropDown {
    padding: 5px;
    border: 1px solid rgb(226, 226, 226);;
    box-sizing: border-box;
    color: rgb(121, 121, 121);
    border-radius: 5px;
    width: 200px;
}
#DropDown_AccDocumentType, #DropDown_PaidStatus {
    padding: 5px;
    border: 1px solid rgb(226, 226, 226);;
    box-sizing: border-box;
    color: rgb(121, 121, 121);
    border-radius: 5px;
}
.grey-pipe {
    color: rgb(121, 121, 121);
}
.unselectable {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
img.split-sums-by-accdocuments {
    cursor: pointer;
}

table.AccDocumentEditAssignment,
div.disponibility-types {
    margin-left: 152px;
    width: 780px;
}

.help-text {
    display: block;
    margin-left: 155px;
    margin-bottom: 5px;
    color: #737373;
}

/* override component.css */
.component table tbody td[data-haschild="false"],
.component table tbody th[data-haschild="false"] {
    cursor: default;
}

.component table th.summary {
    /* sirka sumarneho stlpca v kalendari */
    width: 240px !important;
}

.component table th.summary.summary-change {
    cursor: pointer;
}

#preview_divInner #preview-help .heading,
#preview_divInner .preview .heading {
    background: url("../imgs/krea/bg_table_th.png") repeat-x #f9f9f9;
    height: 34px;
    line-height: 34px;
    padding: 0;
    padding-left: 12px;
    overflow: hidden;
    word-break: break-all;
}
#preview_divInner #preview-help .heading > * {
    /* obsah header-u pre nespracovane doklady: dropdown, tlacitka */
    line-height: 1;
}

.AttachmentList-wrapper {
    position: relative;
    display: inline-block;
}

.AttachmentList-wrapper:before {
    background: #f6f6f6;
    color: #888;
    content: attr(data-count);
    position: absolute;
    padding: 2px 5px;
    right: 18px; /* priestor pred ikonkou rozbalenia dropdownu */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.AttachmentList-wrapper select {
    padding-right: 50px; /* priestor pre zobrazenie pocitadla priloh */
}

/* OCR Status */
.OCRStatus_1 {
    /* nespracovane */
    color: transparent;
}

.OCRStatus_2 {
    /* odoslane */
    color: #d7d7d7;
}

.OCRStatus_3 {
    /* spracovane */
    color: #62963d;
}

.OCRStatus_4 {
    /* chyba */
    color: #b42d2d;
}

/* Tooltipster - planovaci kalendar */

#grid-table-holder .sticky-wrap {
    /* override kvoli component.css (sticky-wrap) */
    margin: 0;
}
.tooltip-date .date-range {
    width: 90px;
}

.tooltip-date .fixed-width select {
    width: 120px;
    margin-bottom: 0.6em;
}

.tooltip-date .details {
    font-size: 0.8em;
    margin-top: 0.3em;
    margin-bottom: 0.9em;
}

.tooltip-date .details .income {
    color: #43810F;
}

.tooltip-date .details .expense {
    color: #A80000;
}

.tooltip-date .details .children {
    color: #6D6D6D;
}

.tooltip-date .details .symbol {
    display: inline-block;
    width: 0.8em;
    text-align: center;
}

.tooltip-date .total {
    font-size: 1.2em;
    font-weight: bold;
    color: #0d61c0;
}

.tooltip-loading {
    text-align: center;
    margin: 1em;
}

.tooltip-content .cutoff {
    white-space: nowrap;
    overflow: hidden;
    margin-right: 1.2em;
}

.tooltip-content .tooltip-date .cutoff {
    width: 150px;
}

.tooltip-content .tooltip-graph .cutoff {
    max-width: 300px;
}
.plangrid-tooltip {
    position: relative;
}
.component table tbody td.plangrid-tooltip:hover {
    /* override kvoli component.css */
    background-color: transparent;
}
.tooltip-icon {
    display: none;
    opacity: 1 !important;
    width: 16px;
    height: 16px;
    position: absolute; /* rodic musi byt relative */
    right: 1px;
    bottom: 1px;
    background: white;
    padding: 2px;
    border-radius: 18px;
}


/* RecordView */
.RecordView {
    border: 1px solid #cacaca;
    position: relative;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
}

.RecordView.fullscreen {
    height: calc(100% - 105px);
    border: 0px;
}

.RecordView .Header {
    position: relative;

    box-sizing: border-box;
}

.RecordView .Header .Title {
    border-bottom: 1px solid #cacaca;
    font-size: 1.4em;
    padding: 0 18px;
    line-height: 34px;
    box-sizing: border-box;
    background: url('../imgs/krea/bg_table_th.png') repeat-x;
    font-weight: bold;
}

/* ak je RecordView v tabulke je jej potrebne nastavit table-layout: fixed, vid. Layout_MSOutlook */
.RecordView .Header .Title span {
    display: block;
    /* oseknutie textu */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* kvoli control links tlacitkam */
    width: calc(100% - 75px);
}

.RecordView .ControlLinks {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: auto;
}

.opened .RecordView .ControlLinks {
    display: none;
}

.RecordView .ControlLinks a {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.RecordView .ControlLinks a.edit {
    background: url('../imgs/recordview-icon-edit.png')
}

.RecordView .ControlLinks a.edit:hover {
    background: url('../imgs/recordview-icon-edit-hover.png')
}

.RecordView .ControlLinks a.edit_disabled {
    background: url('../imgs/recordview-icon-edit-disabled.png');
    cursor: default;
}

.RecordView .ControlLinks a.fullscreen {
    background: url('../imgs/recordview-icon-fullscreen.png')
}

.RecordView .ControlLinks a.fullscreen:hover {
    background: url('../imgs/recordview-icon-fullscreen-hover.png')
}

.RecordView .ControlLinks a.fullscreenclose {
    background: url('../imgs/recordview-icon-fullscreenclose.png')
}

.RecordView .ControlLinks a.fullscreenclose:hover {
    background: url('../imgs/recordview-icon-fullscreenclose-hover.png')
}

.RecordView .ControlLinks a.close {
    background: url('../imgs/recordview-icon-close.png');
    opacity: 1; /* override kvoli opacity.less a close.less */
}

.RecordView .ControlLinks a.close:hover {
    background: url('../imgs/recordview-icon-close-hover.png')
}

.RecordView .ControlLinks a.viewmore {
    background: url('../imgs/recordview-icon-viewmore.png')
}

.RecordView .Content {
    overflow-y: auto;
    height: calc(100% - 40px);
}
.RecordView .Footer {
    bottom: 0px;
    padding: 10px 19px 10px 19px;
    width: 100%;
    border-top: 1px solid #ededed;

}
.RecordView .Footer a {
    color: #888;
}
.RecordView .Footer a:hover {
    color: #333;
}

.RecordView .ColumnLayout {
    padding: 20px 18px 17px 18px;
    background: #F3F7FC;
    overflow: auto;
    position: relative;
}

.opened .RecordView .ColumnLayout {
    margin-top: 0px;
    position: relative;
}

.RecordView .ColumnLayout > div {
    float: left;
}

.RecordView .ColumnLayout > .ColumnStandard {
    display: inline-block;
    float: left;
    width: 100%;
    max-width: 370px;
    min-width: 200px;
}

.RecordView .ColumnLayout > div label {
    display: inline-block;
    color: #5f5f5f;
}

.RecordView .ColumnLayout > div > * {
    vertical-align: middle;
}

.RecordView .ColumnLayout > div.ColumnStandard .MultitextBlock {
    display: inline-block;
}

.RecordView .ColumnLayout > div.ColumnSimple .MultitextBlock {
    display: inline-block;
}

.RecordView .ColumnLayout > div.ColumnFullWidth .MultitextBlock {
    display: inline-block;
    width: calc(100% - 150px);
}

.RecordView .ColumnLayout .MultitextBlock li {
    margin-bottom: 4px;
}

.RecordView .ColumnLayout > div label {
    width: 45%;
}

.RecordView .ColumnLayout > div label,
.RecordView .ColumnLayout > div.ColumnLinks a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.RecordView .ColumnLayout > div > div {
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RecordView .ColumnLayout > div.ColumnFullWidth > div {
    white-space: normal;
    margin-right: 0px;
}

.width700 {
    width: 700px;
}

/* RecordViewItem_ColSpanText start */
.RecordView .ColumnLayout > div > div.MultilineBlock > label {
    width: 100%;
    white-space: normal;
    display: inline-block;
    margin-bottom: 7px;
}

.RecordView .ColumnLayout > div > div.MultilineBlock {
    white-space: normal;
}

.RecordView .ColumnLayout > div > div.MultilineBlock > div {
    margin: 0 0 5px 0;
}

.RecordView .ColumnLayout > div > div.MultilineBlock > a.RecordView_Link {
    display: inline;
}

/* RecordViewItem_ColSpanText end */

.RecordView .ColumnLayout > .ColumnStandard > div:nth-child(2n+1),
.RecordView .ColumnLayout > .ColumnFullWidth > div:nth-child(2n+1) {
    background: #E7EFF9;
}

.RecordView .ColumnLayout > .ColumnStandard div.color1,
.RecordView .ColumnLayout > .ColumnFullWidth div.color1 {
    background: #FFDF90;
}

.RecordView .ColumnLayout > .ColumnStandard div.color2,
.RecordView .ColumnLayout > .ColumnFullWidth div.color2 {
    background: #CBF39D;
}

.RecordView .ColumnLayout > .ColumnStandard div.color3,
.RecordView .ColumnLayout > .ColumnFullWidth div.color3 {
    color: #A80000;
}

.RecordView .ColumnLayout > .ColumnStandard .WrapText {
    width: 720px;
    white-space: normal;
}
.RecordView .ColumnLayout > .ColumnStandard .WrapText > label {
    width: auto !important;
}
.RecordView .ColumnLayout > .ColumnStandard .WrapText > div {
    white-space: normal;
    margin-left: 21.5%;
}

.RecordView-RowSeparator {
    margin-bottom: 20px;
}

.RecordView-CurrencySeparator {
    margin-top: 10px;
}

.RecordView_Link {
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    width: 55%;
}

.RecordView_Link:hover {
    text-decoration: none;
}

.RecordView .ColumnLayout > .ColumnSimple {
    max-width: 265px;
    min-width: 150px; /* bt4 was 100px */
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #E8F0F9;
    background: #fff;
    padding: 16px 18px;
    margin-left: 5px;
    margin-bottom: 5px;
}

@media screen and (max-width: 1500px) {
    .RecordView .ColumnLayout > .ColumnSimple {
        float: right;
    }
}

.RecordView .ColumnLayout > div.ColumnSimple > div {
    padding: 0px;
}

.RecordView .ColumnLayout > .ColumnSimple label {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    width: auto;
}

.RecordView .ColumnLayout > .ColumnLinks {
    max-width: 180px;
    min-width: 150px;
    width: 100%;
    box-sizing: border-box;
    float: right;
    clear: right;
}

@media screen and (max-width: 1500px) {
    .RecordView .ColumnLayout > .ColumnLinks {
        position: static;
        float: right;
        clear: right;
    }
}

.RecordView .ColumnLayout > .ColumnLinks span {
    display: block;
    padding: 7px 10px;
    width: 100%;
    background: #0D61C0;
    color: #fff;
    text-decoration: none;
    float: left;
}

.RecordView .ColumnLayout > .ColumnLinks a {
    display: block;
    padding: 7px 10px;
    width: 100%;
    background: url('../imgs/recordview-basicinfo-block3-arrow.png') no-repeat right 10px center #0D61C0;
    color: #fff;
    text-decoration: none;
}

.RecordView .ColumnLayout > .ColumnLinks a:nth-child(2n), .RecordView .ColumnLayout > .ColumnLinks span:nth-child(2n) {
    background-color: #4787CF
}

/* samostatny odkaz na pridanie spravy v ColumnLinks*/
.RecordView .ColumnLayout > .ColumnLinks .messageLink {
    display: block;
    padding: 7px 10px;
    width: 100%;
    background: url('../imgs/icons/RecordView/message-add.png') no-repeat right 5px center;
    background-size: 16px 16px;
    background-color: #cfe7ff !important;
    color: #0D61C0;
    text-decoration: none;
}

/* samostatny odkaz na pridanie pripomienky v ColumnLinks*/
.RecordView .ColumnLayout > .ColumnLinks .reminderLink {
    display: block;
    padding: 7px 10px;
    width: 100%;
    background: url('../imgs/icons/RecordView/reminder-add.png') no-repeat right 5px center;
    background-size: 16px 16px;
    background-color: #cfe7ff !important;
    color: #0D61C0;
    text-decoration: none;
}
/* samostatny odkaz na zobrazenie zmien objektu */
.RecordView .ColumnLayout > .ColumnLinks .differenceLogLink {
    padding: 7px 10px;
    width: 180px;
    background: url('../imgs/icons/RecordView/differencelog.png') no-repeat right 5px center;
    background-size: 16px 16px;
    background-color: #cfe7ff !important;
    color: #0D61C0;
    text-decoration: none;
}
table.list tr[id^=DifferenceLog] td {
    white-space: normal;
}

.RecordView .ColumnLayout.InlineLinks {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 49px;
}
.RecordView .ColumnLayout.InlineLinks > .ColumnLinks {
    width: 100%;
    max-width: 100%;
}
.RecordView .ColumnLayout.InlineLinks > .ColumnLinks a {
    float: right;
    margin-left: 10px;
    padding-right: 18px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* samostatny odkaz na pridanie Generovaneho dokladu v ColumnLinks*/
.documentLink {
    display: block;
    padding: 7px 10px;
    width: 100%;
    background: url('../imgs/icons/RecordView/gendoc-generate.png') no-repeat right 5px center !important;
    background-size: 16px 16px;
    background-color: #00deed !important;
    color: #00deed;
    text-decoration: none;
}

.RecordView .ColumnLayout span.alert {
    width: 15px;
    height: 15px;
    display: block;
    float: right;
    background: url('dashboard/icon-alert.png') no-repeat;
}

.RecordView .ColumnLayout > .ColumnFullWidth {
    min-width: 320px;
    max-width: 1005px;
}

.RecordView .ColumnLayout > .ColumnFullWidth label {
    width: 150px;
}

.RecordView .ListLayoutItem {
    margin-bottom: 20px;
}

.RecordView .ListLayoutItem .Title {
    padding: 25px 19px;
    border-top: 1px solid #EDEDED;
    position: static;
}

.RecordView .ListLayoutItem .Title label {
    display: inline-block;
    width: 160px;
    font-weight: bold;
    vertical-align: top;
    margin-right: 20px;
}

.RecordView .ListLayoutItem .Title a {
    color: #0D61C0;
}

.RecordView .ListLayoutItem .Title.HasContent {
    background: #D7D7D7;
    padding-top: 20px;
    padding-bottom: 20px;
}

.RecordView .ListLayoutItem .Title.HasContent label {
    width: auto;
}

.RecordView .ListLayoutItem .Content1 {
    display: inline-block;
}

.RecordView .ListLayoutItem ul li {
    margin: 10px 0;
}

.RecordView #layout {
    padding: 0px;
}

.RecordView #layout .opened {
    padding: 0px;
    border: 0px;
}

.RecordView table.list th {
    background: #e6e6e6;
    color: #5F5F5F;
    padding: 12px 5px 12px 8px;
}

/* zarovnanie prveho stlpca */
.RecordView table.list th:first-child {
    padding-left: 19px;
}
.RecordView table.list th.select_col:first-child {
    padding-left: 8px;
}
.RecordView table.list td:first-child {
    padding-left: 19px;
}
.RecordView table.list td.select_col:first-child {
    padding-left: 8px;
}
/* zarovnanie obrazku, napr. ikona typu prilohy */
.RecordView table.list td:first-child img {
    margin-left: -12px;
    overflow: visible;
}
/* zarovnanie posledneho stlpca */
.RecordView table.list th:last-child {
    padding-right: 19px;
}
.RecordView table.list td:last-child {
    padding-right: 19px;
}
/* Internet Explorer/Edge >= 10, pre prilohy sa zobrazovali zvisle cierne ciary */
_:-ms-input-placeholder, :root .RecordView table.list {
    border-left: 1px solid transparent;
}
_:-ms-input-placeholder, :root .RecordView table.list td {
    border-left: 1px solid transparent;
}

.RecordView table .listblockcolprice-cell {
    color: #A80000;
    font-weight: bold;
}

.RecordView table.list tr.even:not(.chosen) {
    background: #fff;
}

.RecordView table.list tr {
    border-bottom: 1px solid #ededed;
}

.RecordView table.list td a {
    text-decoration: underline;
    color: #163075;
}

.RecordView label {
    font-weight: normal;
    margin-bottom: 0px;
}
.RecordView table.list td.select_col {
    padding-left: 13px;
}

.RecordView .ColumnLayout > .ColumnStandard > div.toggleNextElements {
    cursor: pointer;
    background-image: url('../imgs/icons/RecordView/arrow-down.png');
    background-repeat: no-repeat;
    background-position: right 5px center;
}
.RecordView .ColumnLayout > .ColumnStandard > div.toggleNextElements.expanded {
    background-image: url('../imgs/icons/RecordView/arrow-up.png');
}

.AccDocCreateAccDoc #Subject {
    width: 900px;
}
.AccDocCreateAccDoc #Message {
    width: 900px;
    height: 200px;
}

.ListBlockCol_Toggle a {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

.IFrameListContent tr[id*="Sum"] .ListBlockCol_Toggle a,
.IFrameListContent tr[id*="TimeEntry"] .ListBlockCol_Toggle a,
.ListBlock_Simple .list tr[id*="Sum"] .ListBlockCol_Toggle a {
    background-image: none;
    cursor: default;
}

.IFrameListContent .child-item td:nth-child(-n+4),
.ListBlock_Simple .list .child-item .ListBlockCol_Toggle,
.ListBlock_Simple .list .child-item .select_col {
    padding-left: 15px;
    box-sizing: border-box;
}

.ListBlock_Simple tr[id*="accdocument-attachment_Attachment_"]:not([data-children-count]) .ListBlockCol_Toggle a {
    background-image: none;
    cursor: default;
}
.ListBlock_Simple tr[id*="accdocument-attachment_Attachment_"] td.ListBlockCol_Toggle {
    padding-left: 5px;
}
.ListBlock_Simple tr[id*="accdocument-attachment_Attachment_"].child-item td:nth-child(2) {
    margin-left: 20px;
}
.ListBlock_Simple tr[id*="accdocument-attachment_Attachment_"].child-item td:nth-child(3) {
    padding-left: 25px;
}

/* FROM HERE these styles were not on bt4 maybe they need to be checked */

#AccDocCreateAccDocForm .form {
    padding-top: 0;
}

/* cast formulara v LightBox-e pre nastavenie zostavy */
#LightBoxDateNew,
#LightBoxDateNew > p {
    display: inline-block;
    padding: 0px;
}

#LightBoxDateNew .inp {
    margin-top: 0px;
}

#LightBoxDateNew label {
    width: auto;
}

#LightBoxDateNew #DaysOffset,
#LightBoxDateNew .datetime .inp_date {
    width: 150px;
}

#LightBoxDateNew {
    position: absolute;
    right: -400px;
    width: 410px;
    top: -8px;
}

label[for=RealizationDateMode_Range] p {
    display: inline-block;
    width: 180px;
}

label[for=RealizationDateMode_Range]  p .inp_date {
    width: calc(100% - 20px);
    vertical-align: baseline;
}

input#DateMode_Dynamic[type=radio] {
    vertical-align: top;
}

input#DateMode_Dynamic[type=radio] + label {
    line-height: 1.5em;
}

#BankAccountStatementImport_DateInputs_Block {
    margin-left: 20px;
}

#BankAccountStatementImport_DateInputs_Block strong {
    display: inline-block;
    margin-bottom: 15px;
}

#BankAccountStatementImport_DateInputs_Block label {
    width: 114px;
}

.Form_Currency_ForeignBlock {
    display: inline-block;
    padding-left: 10px;
}

.Form_Currency_ForeignBlock input[id$=XRate] {
    width: 125px;
}

.PageDocFunctionsDocPreview {
    margin: 0 10px;
    width: calc(100% - 20px);
}

.PageDocFunctionsDocPreview .RecordView {
    width: 1200px;
}

.PageDocFunctionsDocPreview .RecordView, .PageDocFunctionsDocPreview .RecordView .Content {
    overflow: hidden;
}

.PageDocFunctionsDocPreview .RecordView {
    height: auto;
}

.PageDocFunctionsDocPreview .RecordView .Content {
    height: auto;
}

.PageDocFunctionsDocPreview {
    margin: 0 10px;
    width: calc(100% - 20px);
}

.InlineBlock {
    display: inline-block;
}

img.close-the-tab {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
}

.Form_Realization p {
    display: inline-block;
    width: 40%;
}

.Form_Realization .datetime .inp_date {
    width: 90%;
}

.calendar {
    box-shadow: 0px 0px 15px #bbb;
}

.calendar .DateFormulaOptions {
    float: left;
    width: 280px;
    border-right: 1px solid #cbcbcb;
    margin-right: 5px;
}

.calendar .DateFormulaOptions .Items {
    height: 214px;
    box-sizing: border-box;
}

.calendar .DateFormulaOptions .Items a {
    display: block;
    text-decoration: none;
    padding: 2px;
}

.calendar .DateFormulaOptions a:hover {
    text-decoration: underline;
}

.calendar .DateFormulaOptions .Footer {
    color: #4F4824;
    font-weight: bold;
    text-align: center;
}

/* CSS pre FieldSumPlanDate a FieldReminderDate */
.form .Form_SumPlanDate .Line1,
.form .Form_SumPlanDate .Line2 {
    padding: 3px 0px;
    overflow: auto;
    clear: both;
}

.form .Form_SumPlanDate .Line1 p,
.form .Form_SumPlanDate .Line2 p,
.form .Form_SumPlanDate .Line1 p label,
.form .Form_SumPlanDate .Line2 p label {
    width: auto;
    float: left;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.form .Form_SumPlanDate .Line2 p .checker,
.form .Form_SumPlanDate .Line2 p .checker input {
    margin: 2px 0 0 -1px;
    padding-left: 0px;
}

.form .Form_SumPlanDate .Line2 p .checker label {
    float: none;
    margin-right: 0px;
    position: relative;
    top: -3px;
}

.form .Form_SumPlanDate select#MaturityDay,
.form .Form_SumPlanDate select#MaturityMonth,
.form .Form_SumPlanDate select#MaturityYear {
    width: auto;
}

.form .Form_SumPlanDate select {
    width: 170px;
}

.form .Form_SumPlanDate .datetime .inp_date {
    width: 152px;
}

.form .Form_SumPlanDate p#SumPlanSeriesInfo {
    padding-top: 5px;
    width: 160px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form .Form_SumPlanDate > div div label {
    margin-left: 0px;
}

.form .Form_SumPlanDate label {
    position: relative;
    top: 2px;
}

/* margin navyse, pre spravne zarovnanie labelu a checkboxov */
.form #Repeat_DOWs_label {
    margin: 4px 10px 4px 20px;
}

input#LastPaymentReminderDays,
input#MaturityDateAfterDays,
input#PaymentOrderDateDays,
input#RealizationDateDays {
    width: 30px;
    text-align: center;
}

div#ReportPaymentReminderLinks {
    text-align: right;
    margin-right: 15px;
}

div#ReportPaymentReminderLinks a {
    margin-left: 5px;
}

.form label[for=MaturityDateAfterDays] {
    margin-left: 2px;
}

/* ovladacie prvky (s/bez DPH a rok) v schvalovacom LightBox-e */
#DocumentApprovalListControl {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: -13px;
    text-align: center;
}

#DocumentApprovalListControl .BlackCube {
    font-size: 20px;
}

#DocumentApprovalListControl .Title {
    position: relative;
    top: -4px;
    font-size: 85%;
}

#DocumentApprovalListControl > div {
    margin-left: 10px;
    padding: 0px 6px;
    box-sizing: border-box;
    display: inline-block;
    background: #f6f6f6;
}

.RecordView table.list tr.SummarySimple.FooterRow {
    font-style: italic;
    text-align: center;
    background: #fff;
}

.RecordView table.list tr.SummarySimple.SummaryRow {
    font-weight: bold;
    background: #f8f8f8;
}

.ListBlock_Simple table.list tr.SummarySimple.even.FooterRow,
.ListBlock_Simple table.list tr.SummarySimple.odd.FooterRow,
.ListBlock_Simple table.list tr.SummarySimple.FooterRow.row-over {
    font-style: italic;
    background: #fff;
}

.ListBlock_Simple table.list tbody tr.SummarySimple.SummaryRow {
    font-weight: bold;
}
/* UNTIL HERE */

/* BELOW are new styles from bt4 */

/* General New Styles */
.leftbar-wrap, .tables-wrap, .functionsbar-wrap {
    padding-left: 3px;
    padding-right: 3px;
}
.tables-wrap {
    /* ked pravy panel neexistuje */
    padding-right: 6px;
}

#leftbar-active {
    background-color: #44830F;
}
#leftbar-active>a {
    color: white !important;
}
[data-wrapper=ListBlock_Div] {
    border: 1px solid #cacaca;
}
/* ListBlock v RecordView - schvalovacie akcie pre nahlad dokladu pod zoznamom dokladov */
[data-wrapper=RecordView] [data-wrapper=ListBlock_Div] {
    border-left: 0;
    border-right: 0;
}

/* uprava sirky a vysky scrollbaru pre prehliadace pouzivajuce webkit a bez podpory overlay scrollbaru - v nasom pripade Google Chrome */
::-webkit-scrollbar {
    height: 6px;
    width: 8px;
}
::-webkit-scrollbar-thumb:vertical {
    height: 10px;
    background-color: #aaa;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
}
::-webkit-scrollbar-thumb:horizontal {
    background-color: #aaa;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
}

/* Roztiahnutie elementov na pevnu sirku pre mobilne zariadenia s moznostou scroll-ovania */
@media screen and (max-width: 767px) {
    .mobile_wrap {
        height: calc(100% - 50px);
        overflow: auto;
        overflow-x: scroll; /* musi byt, inak sa zobrazi scrollbar vo vysunutom menu nalavo */
        padding-bottom: 40px;
    }
    .mobile_wrap > * {
        width: 970px;
    }
    .mobile_wrap > #msoutlook_wrap {
        width: unset;
    }
    .mobile_wrap > #fullscreen_wrap {
        width: unset;
    }
    .mobile_wrap > .RecordView.fullscreen {
        width: unset !important;
        height: initial;
    }

    /* RecordView */
    [data-wrapper=RecordView] [data-wrapper-position=Content] {
        overflow: scroll;
    }
    [data-wrapper=RecordView] [data-wrapper-position=Content] > div {
        min-width: 970px;
    }

    /* ListBlock */
    /* - funguje rovnako ako pre RecordView vyssie, len je potrebne synchronizovat hlavicku tabulky pomocou js */
    [data-wrapper=ListBlock_Div] form {
        overflow: hidden;
    }
    [data-wrapper=ListBlock_Div] [data-wrapper-position=Header] {
        width: 970px;
        position: relative;
        left: 0px; /* js bude menit tuto hodnotu podla pozicie scroll-u zoznamu, vid. mobile_mod.js */
    }
    [data-wrapper=ListBlock_Div] .divlistblockDivScroll > table {
        width: 970px;
    }

    /* LightBox */
    .LightBoxOuter #layout {
        width: 970px;
    }
}

/* Informacia o zvolenych dokladoch sa zobrazi v jednom riadku a je mozne scroll-ovat doprava/dolava */
@media screen and (max-width: 767px) {
    [data-wrapper=ListBlock_Div] [data-wrapper-position=Footer] {
        display: flex;
    }
    [data-wrapper=ListBlock_Div] [data-wrapper-position=Footer] .summary {
        white-space: nowrap;
    }
}

.divider {
    margin-top: 5px;
    margin-bottom: 5px;
}
/* End Of General */

div[data-wrapper="Layout_MSOutlook"] {
    margin-top: 6px;
    /* override scaffolding.less */
    line-height: 14px;
}
.iframetable-parent, /* ListBlock iframe verzia */
div[data-wrapper="Layout_MSOutlook"] [data-wrapper="LeftBar"] [data-wrapper-location="Content"] {
    /* fix, aby nevznikala prazdna medzera pod scrollbarom */
    line-height: 0;
}
.iframetable-parent iframe,
div[data-wrapper="Layout_MSOutlook"] [data-wrapper="LeftBar"] [data-wrapper-location="Content"] iframe {
    /* ostatne prvky tak, ako rodic Layout_MSOutlook */
    line-height: 14px;
}
div[data-wrapper="Layout_MSOutlook"] table {
    table-layout: fixed;
}
div[data-wrapper="Layout_MSOutlook"] [data-wrapper-position=BottomLine] [data-wrapper=RecordView] {
    /* pre nahlad sa odstrani border, inak by bol zsvojeny spolu so zoznamom dokladov/ciastok */
    border-top: 0;
}

@media (max-width: 767px) {
    :root {
        --top-offset: 50px;
    }
    div[data-wrapper="Layout_MSOutlook"] .mobile-searchbar {
        position: fixed;
        background: #FFF;
        z-index: 10;
        left: 0;
        width: 80%;
        height: calc(100% - var(--top-offset));
        overflow-y: auto;
        top: var(--top-offset);
        font-size: 15px;
        display: none;
        box-shadow: -8px 0px 32px -12px rgba(0, 0, 0, 0.33);
        padding-left: 0;
        padding-right: 0;
    }
    div[data-wrapper="Layout_MSOutlook"] .mobile-searchbar.active {
        display: block;
    }
    .mobile-searchbar-fade {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 9;
        width: 100%;
        background: #000;
        opacity: .2;
        height: 100%
    }
    .mobile-searchbar-fade.active {
        display: block
    }
    .no-scroll {
        overflow: hidden;
    }
}

/* Označenie farieb pre tlačidlá na prepínanie obsahu v mobilnej verzii GridLayoutu */
:root {
    --white-color: #fff;
    --black-color: #000;
    --gray-color: #e2e2e2;
    --green-color: #264b04;
    --green-light-color: #bdd29e;
    --green-extralight-color: #e3ecd6;
    --yellow-color: #ffc16f;
    /* Premenna ktora obsahuje bud hodnotu 1vh alebo ekvivalent 1vh v pixeloch.
       Tato premenna je nastavovana vo WebView v mobilnych aplikaciach pomocou javascriptu, pretoze vo WebView zle funguje viewport */
    --vh-or-px: 1vh;
}

@media (max-width: 767px) {
    .mobile_wrap:has(.wrap-side) > * {
        width: auto;
    }
}

.wrap-side {
    display: flex;
}
@media (max-width: 767px) {
    padding-bottom: 20px;
}
.wrap-side #left-side {
    flex-grow: 0;
}
.wrap-side #right-side {
    flex-grow: 1;
}

@media (max-width: 767px) {
    .wrap-side .tabcontent {
        width: 100%;
        height: calc(100% - 109px);
        display: none;
        -webkit-animation: fadeEffect 1s;
        animation: fadeEffect 1s;
    }
}
@media (max-width: 767px) {
    .wrap-side .tabcontent #SearchLine_RawDocument .SearchLineFilterInput {
        margin-right: 10px;
    }

    .wrap-side .tabcontent :is(iframe, embed) {
        width: 100% !important;
        height: 100% !important;
    }
}
@media (max-width: 767px) {
    .wrap-side .tabcontent #preview_divOuter,
    .wrap-side .tabcontent #preview_divInner {
        height: calc((var(--vh-or-px) * 100) - 116px) !important;
    }
    /*  Pri výpočte výšky je potrebné zohľadniť prítomnosť prvku #layout, pretože v takom prípade sa v sekcii
        preview zobrazí riadok navrchu, ktorý posunie obsah nadol */
    #layout .wrap-side .tabcontent #preview_divOuter,
    #layout .wrap-side .tabcontent #preview_divInner {
        height: calc((var(--vh-or-px) * 100) - 116px) !important;
    }
}

#GridLayout_table_right, #GridLayout_RawDocument_table_right {
    height: calc(100% - 2px);
    table-layout: fixed;
}

.wrap-side .tabcontent #GridLayout_RawDocument_cell_0_1 {
    height: auto;
}
.wrap-side .tabcontent #GridLayout_cell_1_0 {
    height: calc((var(--vh-or-px) * 100) - 110px);
}
@media (max-width: 767px) {
    .wrap-side .tabcontent #GridLayout_RawDocument_cell_0_1 {
        padding: 0 10px;
    }
    .wrap-side .tabcontent #GridLayout_cell_0_0 {
        padding-right: 10px;
    }
}
@media (max-width: 767px) {
    .wrap-side .tabcontent #GridLayout_RawDocument_cell_1_0 {
        padding: 0 10px;
    }
}
@media (max-width: 1400px) {
    .wrap-side #left-side {
        width: 675px !important;
    }
}
.wrap-side .tabcontent #rawdocuments_Main_TD {
    height: calc((var(--vh-or-px) * 100) - 209px);
}
@media (max-width: 767px) {
    .wrap-side .tabcontent #rawdocuments_Main_TD {
        height: calc((var(--vh-or-px) * 100) - 186px);
    }
}
.wrap-side .tabcontent #preview-help-text {
    height: calc((var(--vh-or-px) * 100) - 143px) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0 !important;
}
/*  Pravidlo, ktoré bude fungovať iba v Safari, na obmedzenie výšky #preview-help-text - v Safari on by mal mať
    o niečo väčšiu výšku pre správne zobrazenie.  */
_::-webkit-full-page-media, _:future, :root {
    .wrap-side .tabcontent #preview-help-text {
        height: calc((var(--vh-or-px) * 100) - 137px) !important;
    }
}
@media (max-width: 767px) {
    .wrap-side .tabcontent #preview-help-text {
        height: calc((var(--vh-or-px) * 100) - 153px) !important;
    }

    .wrap-side .tabcontent #preview-help {
        margin-top: 0 !important;
    }
}
@media (max-width: 1400px) {
    .wrap-side #left-side {
        min-width: min-content !important;
    }
}
@media (max-width: 767px) {
    .wrap-side #left-side {
        width: auto !important;
    }
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.tab-down {
    display: none;
}
@media (max-width: 767px) {
    .mobile_wrap .tab-down {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0; /* aby tlačidlá boli na celú šírku obrazovky aj v rámci .layout (tam sa používa padding) */
        width: 100%;
    }
}
.tab-down button {
    width: 50%;
    transition: 0.3s;
    background-color: transparent;
    border: 0;
    background-color: var(--green-extralight-color);
    color: var(--green-color);
    height: 45px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;
}
.tab-down button.active {
    height: 50px;
    background: rgb(89, 145, 13);
    background: linear-gradient(90deg, rgb(89, 145, 13) 0%, rgb(78, 148, 17) 35%, rgb(55, 106, 8) 100%);
    color: var(--white-color);
    margin-top: 0;
}
.tab-down button.tablink-mobapp.active {
    /* aktivnemu tlacidlu v mobilnej aplikacii zmenime farbu, koli tomu, ze v aplikacii sa pouziva tato zelena farba a nie gradient */
    background: var(--green-color);
}

@media (max-width: 767px) {
    .mobile-searchbar-fade.active {
        display: none;
    }
}

.mobile-menu-searchbar-button span {
    padding: 0;
    font-size: 0.75em;
    font-weight: 400;
    background-color: var(--yellow-color);
    color: var(--black-color);
    border-radius: 50rem;
    display: inline-flex;
    white-space: nowrap;
    position: absolute;
    transform: translate(-50%, -50%);
    margin-left: 0;
    margin-top: 0;
    min-width: 17px;
    min-height: 17px;
    justify-content: center;
    align-items: center;
}
.filter-wrap .filter-content-up {
    display: none;
}
.filter-wrap .filter-content {
    display: flex;
}
.filter-wrap .filter-content .action-btn {
    display: none;
}
@media (min-width: 1350px) {
    #GridLayout_RawDocument_InSearchLine .SearchLineFilterDropdown, .SearchLineFilterInput, #GridLayout_RawDocument_InSearchLine {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .filter-wrap {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1031;
        top: 0;
        left: 0;
        background-color: var(--white-color);
        overflow-x: hidden;
        transition: 0.5s;
        box-shadow: 0 0 20px var(--gray-color);
    }
    .filter-wrap .filter-content-up {
        display: block;
        padding: 20px;
        width: 320px;
        position: sticky;
        background-color: var(--white-color);
        z-index: 3;
        top: 0;
    }
    .filter-wrap .filter-content-up h3 {
        margin-bottom: 0;
    }
    .filter-wrap .filter-content-up .closebtn {
        position: absolute;
        top: 9px;
        right: 15px;
        font-size: 30px;
    }
    .filter-wrap .filter-content {
        padding: 0 20px 20px 20px;
        width: 320px;
        flex-wrap: wrap;
    }
    .filter-wrap .filter-content select {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        margin-right: 0 !important;
    }
    .filter-wrap .filter-content .action-btn {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 10px;
    }

    #preview_divInner .preview {
        height: calc((var(--vh-or-px) * 100) - 153px);
    }

    /*  Pri výpočte výšky je potrebné zohľadniť prítomnosť prvku #layout, pretože v takom prípade sa v sekcii
        preview zobrazí riadok navrchu, ktorý posunie obsah nadol */
    #layout #preview_divInner .preview {
        height: calc((var(--vh-or-px) * 100) - 153px);
    }
}

/*  Nastavíme výšku, aby v GridLayout v pravej časti stránky správne fungovala výška 100% pre obrázky  */
@media (min-width: 768px) {
    .wrap-side .tabcontent #preview_divInner .preview {
        height: calc(100% - 35px);
    }

    .wrap-side .tabcontent #preview-help {
        margin-top: 0 !important;
    }
}

/* functionsbar styles */

/* .functionsbar-wrap sa pouziva pre operaci napravo vo FunctionsBar */
.functionsbar-wrap {
    margin-top: 6px;
    width: 0px;
    /* default-ne sa schova, vid. comment v functionsBarWidth_Layout() */
    display: none;
}
.functionsbar-wrap .Title {
    display: none;
}
.functionsbar-wrap .scriptbar-wrapper {
    padding: 0 6px 0 3px;
}

.functionsbar {
    margin-bottom: 0px;
    margin-right: 6px;
}
.functionsbar .panel-default {
    border: 1px solid #cacaca;
    border-radius: 0 !important;
    margin-top: 6px;
}
.functionsbar .panel-default:first-child {
    margin-top: 0px;
}
.functionsbar .panel {
    webkit-box-shadow: none;
    box-shadow: none;
}
.functionsbar .panel .panel-heading .panel-title a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.functionsbar .panel .panel-heading .panel-title a:hover {
    text-decoration: none;
}
.functionsbar .panel .panel-heading .panel-title a span{
    float: right;
    line-height: 14px;
    vertical-align: middle;
}
.functionsbar .panel-body .header-option a {
    text-align: center;
    font-size: 9px;
    display: block;
    margin: 0 auto;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8%;
    color: grey;
}
.functionsbar .panel-body .header-option a:hover {
    background-color: #FFC16F;
    color: black;
    text-decoration: none;
}
.functionsbar .panel-body .header-option img {
    width: 50px;
    height: 50px;
}
.functionsbar .panel-body .header-option span {

}
.functionsbar .option-wrap {
    padding-left: 0px;
    padding-right: 1px;
}

.functionsbar .option-title {
    display: inline-block;
    margin-top: 5px;
}
.functionsbar .panel-body {
    display: none; /* default-ne schovany, aby nesposoboval scrollbar stranky, js ho zobrazi po nastaveni vysky */
    position: relative;
}
.functionsbar .panel-body .list-wrap {
    padding-right: 3px;
    padding-left: 3px;

}
.functionsbar .panel-body .list-group {
    width: 100%;
    margin-bottom: 0px;
}
.functionsbar .panel-body .list-wrap .list-group-item {
    border: none;
    padding: 3px 0px 3px 0px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    border-radius: 5px;
}
.functionsbar .panel-body .list-wrap .list-group-item:hover {
    background-color: #FFC16F;
}
.functionsbar .panel-body .list-wrap .list-group-item:hover a{
    color: black;
}
.functionsbar .panel-body .list-group-item img {
    width: 25px;
    height: 25px;
}
.functionsbar .panel-body .list-group-item a {
    color: gray;
    font-size: 10px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.functionsbar .panel-body .list-group-item a:hover {
    text-decoration: none;
}
.functionsbar .panel-body .header-option a.not-allowed,
.functionsbar .panel-body .list-group-item a.not-allowed{
    opacity: 0.3;
    cursor: not-allowed;
    filter: grayscale(100%);
}
.functionsbar .panel-heading {
    padding: 0px;
    height: 33px;
    overflow: hidden;
}
.functionsbar .panel-heading .panel-title a {
    display: block;
    padding: 10px;
}
.accordion-menu-up {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../imgs/accordion-menu-up.png");
}
.accordion-menu-down {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../imgs/accordion-menu-down.png");
}

.functionsbar.functionsbar-position-footer {
    float: right;
    margin: 0;
}
.functionsbar.functionsbar-position-footer .panel {
    border-width: 0 0 0 1px;
    width: 228px;
    float: left;
    height: 34px;
}
.functionsbar.functionsbar-position-footer .panel-default {
    margin-top: 0;
}
.functionsbar.functionsbar-position-footer .panel-body {
    width: 229px; /* +1px border */
    background: white;
    border: 1px solid #cacaca;
    margin-left: -1px;
    margin-top: -1px;
}

/* schvalovacie akcie v RecordView */
[data-wrapper=RecordView] .functionsbar.functionsbar-position-footer .panel-body,

/* end of functionsbar */

/* parovaci nastroj - functions bar */
#match_right_footer .functionsbar.functionsbar-position-footer .panel-body {
    border-right: 0px;
    width: 228px;
}
#match_right_footer .functionsbar.functionsbar-position-footer {
    margin-top: 1px;
}
#match_right_footer .functionsbar.functionsbar-position-footer .panel,
#match_right_footer .functionsbar.functionsbar-position-footer .panel-heading {
    height: 33px;
}

/* parovaci nastroj - ostatne */
#match_left_footer #match_selected_info {
    display: none;
}
#SearchLine_MatchingDoubleList {
    margin-top: 6px;
    margin-bottom: 5px;
}

/* == Custom Style == */
#nav_sub.expand{
    height: 90px;
}
.mobile-menu-left-button {
    display: none;
}
.mobile-menu-searchbar-button {
    display: none;
}
#navbar-tab{
    display: none;
}
.BillValuePerUnitContainer {
    margin-left: 184px;
}
.BillValuePerUnitContainer .TimeDiffHelperBottomDiv {
    margin-left: 5px;
    float: left;
}
.BillValuePerUnitContainer .TimeDiffHelperBottomDiv input {
    width: 75px;
}
.BillValuePerUnitContainer .BillValuePerUnitDiv {
    float: left;
    margin-left: 5px;
}
.BillValuePerUnitContainer .BillValuePerUnitDiv input {
    width: 118px !important;
}

.BillValuePerUnitContainer .BillCurrencyIDDiv {
    float: left;
    margin-left: 3px;
}
.BillValuePerUnitContainer .BillCurrencyIDDiv select {
    width: 121px !important;
}
.BillValuePerUnitContainer .MathSymbol {
    float: left;
    margin-left: 5px;
    padding-top: 5px;
}
.BillValuePerUnitContainer .BillValuePerUnitResultDiv {
    float: left;
    margin-left: 5px;
}
.BillValuePerUnitContainer .BillValuePerUnitResultDiv input {
    width: 118px !important;
}

.leftbar-wrap {
    padding-left: 6px;
    /*width: 209px;*/ /* namiesto width sa pouzije flex */
    flex: 0 0 209px; /* 200 + padding left + padding right (leftbar-wrap) */
}
@media (max-width: 767px){
    #nav_sub li[role=presentation] a {
        padding: 10px 5px;
    }
}

/* pouziva MSOutlookLayout */
#msoutlook_wrap {
    display: flex;
    flex-direction: row;
}

/* :not() selector je tam kvoli napr. formularu, ktory ma vlastny padding */
#msoutlook_wrap > div:not(#layout) {
    padding: 0 !important;
}
#msoutlook_wrap #ui-resize-wrapper-custom {
    display: flex;
    flex-direction: row;
    flex: 0 1 auto;
}
#msoutlook_wrap .functionsbar-wrap {
    flex: 0 0 auto;
}

/* pouziva Layout_Fullscreen */
#fullscreen_wrap {
    display: flex;
    flex-direction: row;
}

/* :not() selector je tam kvoli napr. formularu, ktory ma vlastny padding */
#fullscreen_wrap > div:not(#layout) {
    padding: 0 !important;
}
#fullscreen_wrap #ui-wrapper-custom {
    display: flex;
    flex-direction: row;
    flex: 0 1 auto;
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 6px;
    width: 100%;
}
#fullscreen_wrap #mainelement {
    width: 100%;
}
#fullscreen_wrap .functionsbar-wrap {
    flex: 0 0 auto;
}
#lb-id-search{
    width: 100%;
}
#leftbar-button{
    display: none;
}
#msoutlook_wrap #tables-wrap {
    /* flex pre IE nefunguje spravne */
    width: 100% !important;
}

/* natiahnutie vysky tabulky pomocou padding-u, zrejme kvoli mobilnej verzii a vacsim prstom */
/* padding pre left a right nemenit, lebo moze sposobit napr. 'schovanie' ikony typu dokladu */
/* pouzitie napr.: RecordView pre ciastku, cast Doklady */
.RecordView table.list th {
    padding-top: 14px;
    padding-bottom: 14px;
}
.RecordView table.list td {
    padding-top: 12px;
    padding-bottom: 12px;
}

#accdocview_MainDiv i {
    margin-left: 19px;
}

/* vo vypise ucastnikov dokladu nechceme odskok */
#accdocview_MainDiv i.left-margin-0 {
    margin-left: 0;
}

/* operacie pod zoznamom */
.notroubles {
    margin-top: 5px;
}

#hiddenTableHeader {
    display: none;
}

#lb-id-search{
    width: 100%;
}

#leftbar-wrap .section>a{
    display: none;
}

/* Table height*/
#tables-wrap .Title.top-title {
    display: none;
}

@media screen and (max-width: 767px) {
    .hide-for-mobile {
        display: none;
    }
    .collapse.in {
        display:block !important;
    }
    #msoutlook_wrap {
        flex-direction: column;
    }
    #fullscreen_wrap {
        flex-direction: column;
    }
    #ui-resize-wrapper-custom{
        width: 100% !important;
        flex-direction: column;
    }
    #tables-wrap{
        width: 100% !important;
    }
    #header {
        /* nedavat position fixed, rozhadze layout pri otvorenom menu */
    }
    #header .mobile-menu-left-button {
        display: none;
        position: absolute;
        top: 1px;
        padding: 14px;
    }
    #header .mobile-menu-searchbar-button {
        display: none;
        position: absolute;
        top: 1px;
        padding: 14px;
    }
    #header .mobile-menu-searchbar-button.active {
        display: block;
    }
    .mobile-menu-left-button img {
        width: 20px;
    }
    .mobile-menu-searchbar-button img {
        width: 20px;
    }
    #navbar-tab{
        display: none;
        height: 30px;
        color: #ffffff;
        text-align: right;
        position: absolute;
        right: 60px;
        top: 11px;
    }
    #navbar-tab a{
        font-size: 14px;
        position: relative;
        z-index: -1;
        padding: 5px 15px;
        line-height: 28px;
        color: #dddddd;
        border: 1px solid #739f4c;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.75);
    }
    #header .navbar-header {
        display: flex;
    }
    #header .navbar-brand {
        margin: auto;
        float: none;
        display: inline-block;
        padding: 12px 15px;
    }
    #header .mobile-menu-right-button {
        position: absolute;
        right: 0;
        display: block;
        margin-top: 9px;
        margin-right: 9px;
        border: none;
    }
    #header .mobile-menu-right-button .icon-bar {
        background-color: #ddd;
    }
    #header .mobile-menu-right-button:hover {
        background-color: transparent;
    }

    /* mobile menu */
    .mm-listitem::after, /* spodny border */
    .mm-listitem .mm-btn_next::before { /* border nalavo od cisla */
        border-color: #dadada;
    }
    #mobile-menu-right-content .dropdown:not(:first-child) a{
        border-top: 0;
    }
    #mobile-menu-right-content a {
        border-radius: 0;
        border-color: transparent;
        cursor: pointer;
    }
    #mobile-menu-right-content > ul > li a {
        padding-top: 10px;
        padding-left: 0;
        margin-right: 0;
        cursor: default;
    }
    #mobile-menu-right-content ul > li:not(.active) > a:hover {
        background-color: transparent;
        cursor: pointer;
    }
    #mobile-menu-right-content .subheader {
        margin: 20px -20px;
        background: #488510;
        text-align: center;
        color: white;
        line-height: 20px;
        padding: 10px 0;
    }
    #mobile-menu-right-subtabs span.accesskey,
    #mobile-menu-right-tabs span.accesskey {
        text-decoration: none;
    }
    #mobile-menu-right-subtabs > li:last-child::after,
    #mobile-menu-right-tabs > li:last-child::after {
        /* schovanie poslednej ciarky pre tab-y */
        display: none;
    }
    #mobile-menu-left-content .mm-listview .mm-next:before {
        display: none;
    }
    #mobile-menu-right-content .mm-listview,
    #mobile-menu-left-content .mm-listview {
        margin-top: 0;
        margin-bottom: 0;
    }
    #nav_sub{
        display: none;
    }
    #header .mobile-menu-right-button:focus,
    #header .mobile-menu-right-button:hover
    {
        background-color: transparent;
    }
    .navbar .nav-tabs a {
        padding: 10px 5px;
    }
    #mobile-menu-right-content{
        border-left: 1px solid #cacaca;
    }
    #mobile-menu-right-content .navbar-right{
        padding: 10px 0;
        width: 195px;
        margin: 0 6px 0 0;
        border: none;
        box-shadow: none;
        display: inline-block;
    }
    #mobile-menu-right-content .other-options {
        display: none;
    }
    #mobile-menu-right-content .nav-tabs {
        margin-top: 0;
    }
    #mobile-menu-right-content .navbar-buttons{
        width: 100%;
    }
    #mobile-menu-right-content .navbar-buttons:after {
        content: '';
        display: block;
        height: 20px;
    }
    #mobile-menu-right-content .navbar-buttons .dropdown-toggle{
        height: 40px;
        line-height: 20px;
    }
    #mobile-menu-right-content ul li{
        width: 100%;
    }
    #mm-4{
        padding: 40px 0 0 0;
    }
    #mobile-menu-right-content .mm-navbar-top{
        border: none;
    }
    #mobile-menu-right-content .mm-navbar,
    #mobile-menu-left-content .mm-navbar {
        border: none;
    }
    #mobile-menu-right-content .mm-navbars_top .mm-navbar,
    #mobile-menu-left-content .mm-navbars_top .mm-navbar {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        background: #244c05; /* dark green */
    }
    #mobile-menu-right-content .mm-panels .mm-navbar,
    #mobile-menu-left-content .mm-panels .mm-navbar {
        background: #488510; /* light green */
    }
    /**
     * Vyska topbar-u pre mobilne menu sa dynamicky sa urcuje pomocou js
     * - pre element '.mm-navbar' sa nastavi 'height'
     * - pre ostatne element-y sa nastavi ako 'top':
     * -- #mobile-menu-right-content.mm-menu_navbar_top-1 .mm-panels
     * -- #mobile-menu-left-content.mm-menu_navbar_top-1 .mm-panels
     * - vid. mobileMenuLeft_TopNavBar_SetHeight()
     */
    .mm-navbars_top .mm-navbar {
        min-height: 50px;
    }
    .mm-menu_navbar_top-1 .mm-panels {
        top: 50px;
    }
    .mm-navbar {
        border-bottom-color: #aaa;
    }
    .mm-navbar .mm-btn:before{
        border-color: #ffffff !important;
    }
    .mm-navbar a {
        color: #ffffff !important;
    }
    .mm-listview{
        border: none;
    }
    #mobile-menu-right-content{
        font-size: 14px;
        z-index: 1;
    }
    .mm-listview a{
        font-size: 14px;
    }
    #mobile-menu-right-content .mm-panel ul li {
        padding-left: 0px;
    }
    #mobile-menu-right-content .options-wrapper {
        flex: 1 0 25%;
        padding: 0;
        position: relative;
        z-index: 0;
    }
    [data-icon-target="#task-drop"] {
        background: url("../imgs/headmenu/head-menu-icon.png") no-repeat center -164px; /* zelena */
    }
    [data-icon-target="#task-drop"].wait {
        background-position: center -564px; /* oranzova */
    }
    [data-icon-target="#task-drop"] p.number {
        display: none;
    }
    [data-icon-target="#task-drop"].wait p.number {
        display: block;
        font-size: 10px;
        margin-top: 16px;
        color: #000;
    }
    #task-drop {
        text-align: left;
        overflow: auto;
        height: calc((var(--vh-or-px) * 100) - 50px);
    }
    #task-drop ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    #task-drop > ul > li > ul > li {
        padding: 1em;
        line-height: initial;
    }
    #task-drop li[data-id] a {
        padding-right: 30px;
    }
    #task-drop li[data-id] {
        border-top: 1px solid #759658;
    }
    #task-drop li[data-id] > span {
        /* oznacit ulohu ako hotovu */
        display: block;
        height: 20px;
        width: 20px;
        position: absolute;
        right: 0;
        margin: 0 10px 0 0;
        background: url("../imgs/headmenu/bg-task.png") no-repeat 0 0;
        cursor: pointer;
    }
    iframe#Lists_iframe {
        display: none;
    }
    html.mm-blocking,
    html.mm-blocking body
    {
        position: fixed !important;
        width: 100%;
    }
    html.mm-blocking.mm-right,
    html.mm-blocking.mm-right body
    {
        position: relative !important;
        width: auto;
    }
    #mobile-menu-right-content:after,
    #mobile-menu-left-content:after {
        z-index: 100;
    }
    #mobile-menu-left-content .DropDown_DateFilter {
        margin: 0;
        padding: 0;

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 100%;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;

        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;

        flex-wrap: wrap;
    }
    #mobile-menu-left-content .DropDown_DateFilter .ui-select {
        margin: 0;
        border-bottom: 1px solid #488510;
        border-left: 1px solid #488510;
        flex: 1 0 100%;
    }
    #mobile-menu-left-content .DropDown_DateFilter .ui-select.date-filter-month {
        flex: 0 0 60%;
        overflow: hidden;
        border-left: 0;
    }
    #mobile-menu-left-content .DropDown_DateFilter .ui-select.date-filter-year {
        flex: 0 0 40%;
        overflow: hidden;
    }
    #mobile-menu-left-content .DropDown_DateFilter .ui-select span {
        color: #fff;
        padding: 0 1em;
    }
    #mobile-menu-left-content .leftbar-filter {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 100%;

        background: transparent;
        border: 0;
        text-align: left;
        margin: 0;
        padding: 1em 1.5em;
        border-bottom: 1px solid #488510;
    }
    #mobile-menu-left-content #leftbar-active a {
        background: #fff;
        color: #555 !important;
    }
    #mobile-menu-left-content .link-like {
        background: white;
        text-decoration: underline;
        color: #336699;
    }
    .mobile-dropdown-button {
        padding: 0;
        box-shadow: none;
        border: none;
        line-height: 50px;
    }
    .mobile-dropdown-button:after {
        background: url("../imgs/dropdown-down.png") no-repeat 3px 3px;
    }
    .options-wrapper a{
        display: block;
        padding: 15px 0;
    }
    .options-wrapper a div{
        width: 20px;
        height: 20px;
        margin: auto;
    }
    #help-image {
        background: url("../imgs/headmenu/head-menu-icon.png") no-repeat 0 0;
    }
    #user-image {
        background: url("../imgs/headmenu/head-menu-icon.png") no-repeat 0 -382px;
    }
    #search-image {
        width: 20px;
        height: 20px;
        display: block;
        margin: 15px auto;
        z-index: 0;
        background: url("../imgs/headmenu/search.png") no-repeat 0 -2px !important;
    }
    #header .navbar-collapse.in {
        overflow-y: visible;
    }
    .head-menu-help .dropdown-hidden{
        left: -200px;
        top: 40px;
    }
    .head-menu-user .dropdown-hidden{
        left: -230px;
        top: 40px;
    }
    .head-menu-help .dropdown-hidden:before{
        margin: -11px 0 0 200px
    }
    .head-menu-user .dropdown-hidden:before{
        margin: -11px 0 0 230px
    }
    div#nav_sub{
        font-size: 11px;
    }
    #leftbar-wrap .scriptbar-wrapper{
        padding: 0 5px 0 0;
    }
    .functionsbar-wrap .scriptbar-wrapper {
        padding: 0 6px;
    }
    #tables-wrap{
        padding: 0;
    }
    #tables-wrap .scriptbar-wrapper{
        padding: 0 6px 0 6px;
    }
    .leftbar-wrap .ui-resizable-e{
        width: 0;
    }
    #lb-id-search{
        width: 175px;
    }
    #leftbar-wrap .section>a{
        display: block;
    }
    #leftbar-button{
        display: block;
    }
    #hiddenTableHeader{
        display: none;
    }
    #list_form_records .ui-resizable-handle.ui-resizable-s{
        display: none !important;
    }
    .functionsbar{
        margin: 6px;
    }
    [data-wrapper-position="LeftBar"] {
        display: none;
    }
    .RecordView {
        border: 1px solid #cacaca;
    }
    .functionsbar-wrap .Title {
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        border: none;
        font-size: 1.2em;
        padding: 24px 0 4px;
        box-sizing: border-box;
        font-weight: bold;
    }
    .functionsbar-wrap{
        padding-bottom: 6px;
    }
    .tooltip{
        display: none !important;
    }

    /* zobrazovanie sprav */
    .ui-notify {
        width: calc(100% - 20px) !important;
        position: absolute !important;
        top: 60px;
        right: unset !important;
        bottom: unset !important;
        left: unset !important;
        margin: auto 10px;
    }
    .ui-notify .ui-notify-message {
        z-index: 1;
        position: relative;
    }
    .ui-notify .ui-notify-info {
        background-color: rgba(128, 128, 128, 1);
    }
    .ui-notify .ui-notify-error {
        background-color: rgba(171, 0, 0, 1);
    }
}
/* == End of Custom Style == */

/* content of file styles.css from bt4 BEGIN */
/* Form */
#main-form {
    border: 1px solid #cacaca;
    background: #f1f1f1;
    padding: 20px;
}
#main-form hr {
    border-bottom: 1px solid #dadada;
}
#main-form input, #main-form select {
    height: 25px;
}
#main-form label {
    line-height: 25px;
}
#main-form select {
    padding-top: 0px;
    padding-bottom: 0px;
}
#main-form .form-group {
    margin-bottom: 5px;
}
input.onrow {
    display: inline-block;
    padding: 5px;
}
.row-wrap {
    padding: 0px;
}
.inp_date {
    display: inline-block;
    width: 91%;
}
#main-form input[type="checkbox"] {
    height: 15px;
}
#main-form input[type='file'] {
    height: 24px;
    padding: 1px 2px 1px 3px;
    border: 1px solid #bbb;
}
#main-form .form-group button {
    width: 100%;
    background: url(../imgs/krea/bg_button_right.png);
    background-size: cover;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 0px;
}
.button-wrap {
    padding: 5px;
}
.dropzone {
    width: 100% !important;
    margin: 0px !important;
}
#SumBasicNewRows_Table {
    width: 98%;
}
#main-form button {
    white-space: normal;
}
.form div.scrollouter {
    height: 265px;
}
#searchGraphInput {
    height: 19px !important;
}
@media screen and (max-width: 992px) {
    .second-column {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 480px) {
    .datetime .inp_date {
        width: 90%
    }
}
/* content of file styles.css from bt4 END */

#leftbar-wrap .ui-resizable-e {
    right: -3px;
}

/* content of file style_local.css from bt4 BEGIN */
.options-wrapper{
    width: 33.33%;
}
.mm-navbar .active{
    box-shadow: inset 0 -2px 0 0 rgba(150, 200, 130, .8);
}
#mobile-menu-right-content .dd-hidden-menu {
    position: absolute;
    top: 50px;
    width: 100%;
    padding: 0;
    background: #244c05;
    color: #ffffff;
    font-size: 14px;
}

.dd-menu-header{
    padding: 10px 0;
    border-bottom: 1px solid #aaa;
}
#help-drop .dd-menu-header.no-bd{
    border: none;
}
.dd-menu-item {
    padding: 15px 0;
    width: 50%;
    display: inline-block;
}
.dd-menu-item.full-width {
    border-top: 1px solid #488510;
    width: 100%;
}
.dd-menu-item.full-width:first-child {
    border-top: 0;
}
.mm-panels {
    z-index: 100;
    -webkit-transition: top 0.4s;
    -moz-transition: top 0.4s;
    -ms-transition: top 0.4s;
    -o-transition: top 0.4s;
    transition: top 0.4s;
}
@media screen and (max-width: 500px) {
    .dd-hidden-menu .dd-menu-item strong{
        display: block;
    }
}

/* tato class-a je pouzita iba pre mobilne zariadenia */
.searchbox {
    height: 50px;

    -webkit-transition: width 0.4s;
    -moz-transition: width 0.4s;
    -ms-transition: width 0.4s;
    -o-transition: width 0.4s;
    transition: width 0.4s;
}

#mobile-menu-right-content .searchbox-input {
    border: 0;
    outline: 0;
    background: #f3f3f3;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 0.5em;
    font-size: 20px;
    color: green;
    border-radius: 0;
}

.searchbox-input::-webkit-input-placeholder {
    color: green;
    opacity: .6;
}

.searchbox-input:-moz-placeholder {
    color: green;
    opacity: .6;
}

.searchbox-input::-moz-placeholder {
    color: green;
    opacity: .6;
}

.searchbox-input:-ms-input-placeholder {
    color: green;
    opacity: .6;
}

#search-button,
.searchbox-submit {
    width: 100%;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 22px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #dcddd8;
    background: transparent;
    z-index: 1;
}

.searchbox-open {
    width: 100%;
}

.cntr {
    text-align: center;
}

#records_Column__select_col_ {
    padding: 0;
}

.list .odd {
    background-color: #fff;
}

.list .even {
    background-color: #f1f1f1;
}

tr.row-over {
    height: 32px;
}

.select_col input[type=checkbox] {
    margin: 5px 0 0;
}

/*v RecordView odstranime margin pre ColumnSelect, aby boli stlpce spravne zarovnane*/
.RecordView table.list .select_col img, .RecordView table.list .select_col input[type="checkbox"] {
    margin: 0;
}

#list_form_records {
    z-index: 0;
}

/* ak su zobrazene oba scrollbar-y (bocny a spodny), corner-om sa mysli miesto co vznikne vpravo dole */
.RecordView::-webkit-scrollbar-corner {
    background: #f1f1f1;
}

/* content of file style_local.css from bt4 END */

/* RawDocument BEGIN */
#GridLayout_RawDocument_table:before, #GridLayout_RawDocument_InSearchLine_table:before, #GridLayout_RawDocument_table_left:before, #GridLayout_RawDocument_table_right:before {
    /* namiesto margin nastavenia priamo pre element, kvoli autoSetHeight */
    margin: 6px 0 0 0;
    display: block;
    content: '';
}
#preview_divInner .preview {
    border-bottom: 1px solid #f1f1f1;
}

#SearchLine_RawDocument {
    margin-bottom: 6px;
    display: flex;
}

@media (max-width: 767px) {
    :root {
        --top-offset: 50px;
    }
    .wrap-side #SearchLine_RawDocument {
        flex-direction: column;
        gap: 10px;
    }
    .wrap-side #SearchLine_RawDocument.mobile-searchline {
        position: fixed;
        background: #FFF;
        z-index: 10;
        left: 0;
        width: 80%;
        height: calc(100% - var(--top-offset));
        overflow-y: auto;
        top: var(--top-offset);
        font-size: 15px;
        display: none;
        box-shadow: -8px 0px 32px -12px rgba(0, 0, 0, 0.33);
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        margin-top: 1px;
    }
    .wrap-side #SearchLine_RawDocument.mobile-searchline.active {
        display: flex;
    }
    .mobile-searchbar-fade {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 9;
        width: 100%;
        background: #000;
        opacity: .2;
        height: 100%
    }
    .mobile-searchbar-fade.active {
        display: block
    }
    .no-scroll {
        overflow: hidden;
    }

    .wrap-side :is(.SearchLineFilterDropdown, .SearchLineFilterInput) {
        width: calc(100% - 20px) !important;
    }
}

/* Zobrazenie zvolenej moznosti cervenou, podobne ako mavame v SearchBare
 - moznost kde je hodnota nula alebo "" nezvyraznujeme
 - preskakujeme element s ID "CompanyID[]" - tu zvyraznenie nema zmysel
*/
#SearchLine_RawDocument .SearchLineFilterDropdown:has(option:checked:not([value=""]):not([value="0"])):not(#CompanyID\[\]) {
    color: #CC3300;
    font-weight: bold;
}
/* RawDocument END */

/* SearchLine */
.SearchLineFilterDropdown, .SearchLineFilterInput {
    padding: 5px;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    color: #797979;
    border-radius: 5px;
    width: 100px;
    margin-left: 10px;
}
/* defaultne zobrazime options sivou */
.SearchLineFilterDropdown option {
    color: #797979;
}

@media (min-width: 1670px) {
    .SearchLineFilterDropdown, .SearchLineFilterInput {
        width: 120px;
    }
}
@media (min-width: 1770px) {
    .SearchLineFilterDropdown, .SearchLineFilterInput {
        width: 140px;
    }
}

.SearchLineFilter_MonthYear_Month {
    width: 90px !important;
    border-radius: 5px 0px 0px 5px;
}

.SearchLineFilter_MonthYear_Year {
    margin-left: -3px;
    border-radius: 0px 5px 5px 0px;
    width: 65px !important;
}
/* SearchLine END */

/* odstranenie zdvojenej vertikalnej ciary pre zostavy CTF, PAZ, KPU a parovanie ciastok */
@media screen and (min-width: 767px) {
    [data-wrapper="Layout_Grid"] [data-wrapper-column="1"] > table {
        border-left: 0;
    }
}
/* pre parovanie ciastok sa odstrani aj zdvojena horizontalna ciara */
/* cislovanie riadkov je od nuly, ale prvy riadok je filter pre druh, stav a typ ciastok */
[data-wrapper="Layout_Grid"] [data-wrapper-row="2"] > table {
    border-top: 0;
}

/* CSS pre automaticky vypocitany input */
.autocalc {
    background-image: url("../imgs/lock.png");
    background-repeat: no-repeat;
    background-position: right 0.5em top 0.1em;
    background-size: 1.1em;
    color: #adadaf;
}

/**
 * @TODO toto je tu iba kvoli starsej verzii FF, nejaky element sposobuje pretecenie na zlomok sekundy pri nacitavani
 * stranky (nelahko zistit co presne) a nasledkom toho sa na zlomok sekundy objavi scrollbar na spodku stranky, pricom
 * uz js kod pre autoSetHeight zistuje vysky pre jednotlive prvky a fcia getBrowserHeight() vrati nespravnu hodnotu,
 * ale iba pre prvy zistovany prvok, ostatne sa nastavia uz spravne, objavuje sa napr. pre zostavu CTF
 */
#mmenu_wrapper {
    overflow: hidden;
}

div.FormMultiAdderRow {
    position: relative;
    margin-right: 30px;
    box-sizing: border-box;
}
div.FormMultiAdderRow img {
    position: absolute;
    right: -10px;
    top: 5px;
    cursor: pointer;
    box-sizing: border-box;
}
div.FormMultiAdderRow img.relative {
    position: relative;
    top: 0px;
    left: 0px;
}
div.FormMultiAdder_Target.deletableRows div.FormMultiAdderRow .inp,
div.FormMultiAdder_Target.deletableRows div.FormMultiAdderRow select,
div.FormMultiAdder_Target.deletableRows div.FormMultiAdderRow textarea {
    width: 745px;
}

/* FieldAutoRuleAccDocTypeCondition */
.form .FormMultiAdderRow select[id^="AccDocumentTypeID_"], .form .FormMultiAdderRow select[id^="RelatedAccDocumentTypeID_"], .form .FormMultiAdderRow select[id^="RelatedAccDocumentFlowStatusID"] {
    width: 290px !important;
}

.form .FormMultiAdderRow select[id^="RelatedAccDocumentValueComparison_"] {
    width: 170px !important;
}
.form .FormMultiAdder_AddButton {
    margin-bottom: 5px;
}

/* FieldAutoRuleGraphInAttachmentCondition */
#FieldAutoRuleGraphInAttachmentCondition #GraphInAttachmentGraphAttribute {
    width: 100px;
}
#FieldAutoRuleGraphInAttachmentCondition #GraphInAttachmentGraphID {
    width: 90px;
    height: 20px;
    margin: 0 0 -6px 0;
    padding-top: 1px;
}

/* FieldAutoRuleAttachmentQttyMin */
#FieldAutoRuleAttachmentQttyMin #AttachmentQttyMin {
    width: 50px !important;
}
#FieldAutoRuleAttachmentQttyMin #AttachmentQttyMinCheckedValue {
    width: 250px;
}

/* prvky pre toleranciu sum v AutoRule */
.form #Tolerance2Absolute, .form #Tolerance2Percent {
    width: 100px !important;
}

/* Styly pre FieldMultiChoice element */
div[id^=FieldMultiChoice_ChosenElements] table td {
    padding: 2px;
}
/* Ked je hlavicka tabulky prazdna tak nastavime styly aby nezaberala vobec miesto */
div[id^=FieldMultiChoice_ChosenElements] table tr.EmptyHeaderRow {
    visibility: collapse;
}
div[id^=FieldMultiChoice_ChosenElements] table tr.EmptyHeaderRow td {
    padding: 0;
}
div[id^=FieldMultiChoice_ChosenElements] table td.hover {
    /*
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    @TODO: Zobrazit ramcek
     */
    background-color: #e5e5e5;
    cursor: pointer;
}
.form .columnlayout-column div[id^=FieldMultiChoice_ChosenElements] table {
    width: 63% !important;
}

.date_shortcuts .content {
    display: block;
    margin-top: .5em;
    margin-bottom: .5em;
}
.date_shortcuts .content .separator,
.date_shortcuts .content a,
.date_shortcuts .content a img {
    margin-right: .25rem;
}

/**
 * SearchBar
 */
.SearchBar {
    border: 1px solid #cacaca;
}
.SearchBar .SavedSearches {
    max-height: 160px;
    overflow-y: auto;
    padding: 1em;
}
.SearchBar .SavedSearches a {
    display: block;
    padding-bottom: .25em;
}
.SearchBar .SavedSearches a.active {
    font-weight: bold;
}
.SearchBar .SavedSearches a:last-child {
    padding-bottom: 0;
}
.SearchBar .SavedSearches a img {
    opacity: 0.8;
    margin-right: .25em;
}
.SearchBar .SavedSearches a.active img {
    opacity: 1.0;
}
.SearchBar .SavedSearches span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
}
.SearchBar .Functions {
    padding: .5em 1em;
    text-align: right;
    background: url('../imgs/krea/bg_leftbar_block.png') repeat-x top;
}
.SearchBar .Functions span.notallowed {
    opacity: 0.2;
    cursor: not-allowed;
    filter: grayscale(100%);
}
.SearchBar .Functions span img {
    margin-left: .5em;
}
.SearchBar .Functions a img {
    margin-left: .5em;
}
div[data-wrapper-position="LeftBar"] > div.panel-group {
    margin-bottom: 0;
}

.SearchBar .AppliedFilters {
    border-bottom: 1px solid #cacaca;
    background: #f3f3f3;
    padding: 1em;
}
.SearchBar .AppliedFilters .FilterActive:first-child .FilterName {
    padding-top: 0;
}
.SearchBar .AppliedFilters .FilterActive .FilterName {
    display: block;
    color: #797979;
    padding-top: .5em;
    padding-bottom: .5em;
}
.SearchBar .AppliedFilters .FilterActive .FilterValue {
    color: #CC3300;
    font-weight: bold;
    display: block;
    padding: 2px;
    padding-left: 17px;
    margin-bottom: .125em;
    background: url('../imgs/leftbar_filter_cancel.png') no-repeat left 3px;
    text-decoration: none;
    cursor: pointer;
}
.SearchBar .AppliedFilters .FilterActive .Merged {
    display: none;
}

.SearchBar .Filters {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.SearchBar .Filters label {
    font-weight: normal;
}

.SearchBar .Filters hr {
    margin: 0 0 10px 0;
}

/* FilterFieldInput */
.SearchBar .Filters input.FilterInput {
    width: 100%;
    padding: 5px;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    color: #797979;
    margin-bottom: 10px;
    border-radius: 5px;
}

/* FilterFieldDropdown a FilterFieldMonthYear */
.SearchBar .Filters select {
    width: 100%;
    padding: 5px;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    color: #797979;
    margin-bottom: 10px;
    border-radius: 5px;
}

.SearchBar .Filters select.FilterMonthYear_Month {
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
    width: 60%;
    margin-bottom: 10px;
}

.SearchBar .Filters select.FilterMonthYear_Year {
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0px;
    width: 40%;
    margin-bottom: 10px;
}

/* FilterFieldLetters */
.SearchBar .Filters span a {
    padding: 5px;
    color: #797979;
    margin-bottom: 10px;
}

.SearchBar .Filters span a:hover {
    background-color: #ffc75a;
    border-radius: 5px;
    text-decoration: underline;
}

/* FilterFieldDate */
.SearchBar .Filters .FilterFieldDate_Outer {
    box-sizing: border-box;
    width: 100%;
    color: #aeaeae;
    border: 1px solid #E2E2E2;
    padding: 5px;

    border-radius: 5px;
}

.SearchBar .Filters .FilterFieldDate_Outer .inp_date {
    padding-left: 0px;
    border: 1px solid transparent;
    color: #797979;
    width: 87%;
}

.SearchBar .Filters .FilterFieldDate_Outer .datetime .button_calendar {
    background: url(../imgs/bg_button_calendar2.png) no-repeat center center;
}

/* prepisujeme nastavenie pluginu (jQuery Chosen - jquery.chosen.min.js), ktoreho css sa vklada neskor, preto !important*/
.SearchBar .chosen-container a.chosen-single {
    line-height: 16px !important;
}
.SearchBar .chosen-container a.chosen-single span{
    margin-top: 4px !important;
}

.language_header{
    margin:12px 0 12px 0;
    padding: 8px 10px;
    font-weight: bold;
    font-size: 12px;
    background-color:#f1f1f1;
}

form > .form .formLabel {
    padding: 0 20px;
    margin-bottom: 10px;
}

/* Readonly input field */
.inp[readonly] {
    color: gray;
    background-color: #f2f2f2;
}

/* tooltipster-light ListBlock_Simple */
.tooltipster-light .ListBlock_Simple .opened {
    padding: 0px;
}
.tooltipster-light .ListBlock_Simple .opened a {
    text-decoration: underline;
}
.tooltipster-light .ListBlock_Simple .opened table.list th,
.tooltipster-light .ListBlock_Simple .opened table.list td {
    padding: 8px 8px;
}
.tooltipster-light div#layout.ListBlock_Simple {
    padding: 10px;
}
.tooltipster-light div#layout.ListBlock_Simple .HeaderRow {
    padding-bottom: 10px;
}

#PrintAccDocumentForm {
    padding-bottom: 150px;  /* formular trosku natiahneme smerom dole, ak je tokenized input na spodku formulara tak sa jeho moznosti nezobrazi pod spodnu hranicu formulara, tymto formular natiahneme smerom dole a zobrazia sa v poriadku*/
}

/* SumDCTermCalendarSettings: nastavenie CTF a ostatnych zostav */
form#SumDCTermCalendarSettings span#RealizationDateRangeInputs *,
form#SumDCTermCalendarSettings span#RealizationDateDays * {
    display: inline;
    float: none;

}

form#SumDCTermCalendarSettings span#RealizationDateOptions > p {
    display: inline-block;
}

form#SumDCTermCalendarSettings span#RealizationDateRangeInputs:not(.hide) {
    display: inline-block;
    width: 400px;
}

form#SumDCTermCalendarSettings span#RealizationDateRangeInputs input {
    width: 160px;
}

form#SumDCTermCalendarSettings span#RealizationDateOptions > p,
form#SumDCTermCalendarSettings span#RealizationDateRangeOptions select {
    width: 185px;
    margin-left: 10px;
}

form#SumDCTermCalendarSettings label[for^=RealizationDate] {
    margin-left: 0px;
}

.chosen-option-gray {
    color: #aaa;
}

.form [id$="_jstree_wrapper"] ul {
    padding-left: 0em;
    margin-top: 0em;
}

.TreeSelectorGraphChosen {
    white-space: nowrap;
    border-bottom: 1px solid #aaa;
    padding-top: 5px;
}
.TreeSelectorGraphAncestorsPath {
    padding-bottom: 5px;
    margin-left: 20px;
    color: #888;
    font-size: 0.8em;
}

.formRow .TooltipGraphNamesWithPath,
.accdocument-graph .TooltipGraphNamesWithPath {
    float: left;
    clear: left;
}

/* skratenie dlhych nazvov nalepiek v ciastkach prehlade schvalovania, potrebne pre spravne zobrazenie tooltipu nalepiek */
.ApprovalListBlock_GraphName {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: rgba(28, 26, 26, 0.85);
}

.ApprovalListBlock_HighlightOwnedGraphs {
    font-style: italic;
    font-weight:650;
}

.ApprovalListBlock_AND {
    color:#000000;
    font-weight:650;
}

.ApprovalListBlock_Semicolon {
    color:#000000;
    font-weight:1000;
}

/* wrap dlheho textu v select.option*/
.option-wrap-long-text {
    max-width: 100%;
    overflow: hidden;
    white-space: normal;
}
#searchGraphInput:focus {
    outline: none;
}
.form div.scroll.searchGraphInputWrapper:focus-within {
    border-color: #333;
}

/* bodka pred nazvom, pouziva sa na zobrazenie bodky pred spolocnostou v ktorej sme prihlaseni*/
span.company-selected:before {
    position: relative;
    left: -5px;
    top: 1px;
    content: '•';
}
/* nazov spolocnosti v ktorej sme prihlaseni posunieme kusok dolava aby v zozname spolocnosti bola spolocnost zarovnana rovnako ako ostatne spolocnosti*/
span.company-selected {
    position: relative;
    left: -4px;
}

.FieldPersonEmail > div {
    display: inline-block;
}

.FieldPersonEmail > div:first-child {
    margin-right: 5px;
    margin-left: 12px;
}

.FieldPersonEmail > div:first-child,
.FieldPersonEmail > div:first-child select {
    width: 138px;
    box-sizing: border-box;
}

.FieldPersonEmail > div:first-child select {
    width: 138px;
    box-sizing: border-box;
    border-color: transparent;
    background: #f0f0f0;
    border-radius: 5px;
}

.FieldPersonEmail > div:last-child {
    width: 200px;
}

.Form_Realization {
    position: relative;
}
.Form_Realization .UseRealization0Info {
    position: absolute;
    left: 155px;
    top: 5px;
    font-style: italic;
    color: #777;
}

/* podfarbenie STLPCOV */
.even .ColumnHighlighted_LightRed {
    background: rgba(244, 204, 204, 1)  !important;
}

.odd .ColumnHighlighted_LightRed {
    background: rgba(244, 204, 204, 0.5) !important;
}

.chosen .ColumnHighlighted_LightRed {
    background: #FF990A !important;
}

.even .ColumnHighlighted_Orange {
    background: rgba(253, 233, 217, 1) !important;
}

.odd .ColumnHighlighted_Orange {
    background: rgba(253, 233, 217, 0.5) !important;
}

.chosen .ColumnHighlighted_Orange {
    background: #FF990A !important;
}

/* pocet dni od dnes v kalendari */
form.DateInDays {
    padding: 10px 10px 0px 10px;
    margin-top: 3px;
    border-top: 1px solid #cbcbcb;
    display: block;
}

form.DateInDays label {
    margin-left: 0px;
    width: 150px;
    text-align: right;
    padding: 3px 0px;
}

form.DateInDays .inp {
    width: 30px;
    text-align: right;
    background: rgb(232, 232, 232);
    background: linear-gradient(0deg, rgba(232, 232, 232, 1) 0%, rgba(242, 242, 242, 1) 100%);
    margin-left: 5px;
}

form.DateInDays input[type=button] {
    visibility: hidden;
}

.PageDocFunctionsDocPreviewContent {
    height:200px;
    width:100%;
    overflow:scroll;
}

/* FieldAutoComplete_RelatedAccDocumentNumber */
#NonEditableRelatedAccDocumentNumber {
    border-radius: 5px 0 0 5px;
    border-right: 0;
    width: 200px; /* spolu s .RelatedAccDocumentNumberWithNonEditable dava 774 px */
}

.RelatedAccDocumentNumberWithNonEditable {
    width: 574px !important; /* spolu s #NonEditableRelatedAccDocumentNumber dava 774 px */
    border-radius: 0 5px 5px 0 !important;
}

/* platobne podmienky */
a.PaymentTermsText {
    border: 1px solid #bbbbbb;
    color: #333;
    background-color: #e9e9ed;
    margin-top: 3px;
    padding: 1px 5px;
    display: inline-block;
    border-radius: 5px;
    width: 300px;
    min-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.PaymentTermsText:hover {
    text-decoration: none;
}

/* ColumnDateByState-EstEndDate */
.ColumnDateByState-EstEndDate > span {
    position: relative;
    left: 8px;
    font-size: 85%;
}

/* Odstranenie padding pre stlpec FollowUpTypeID pouzivajuci EditorImageCycle_FollowUpTypeID */
.RecordView table.list td.ColumnImage-FollowUpTypeID {
    padding-top: 0px;
    padding-bottom: 0px;
}

.SignatureImagePreviewContainer {
    border: 1px solid #ccc;
    width: 455px;
    height: 200px;
    border-radius: 4px 4px 4px 4px;
}
.SignatureImagePreviewContainer .SignatureImagePreviewType {
    width: 455px;
    height: 200px;
}
.SignatureImagePreviewContainer_Wide {
    border: 1px solid #ccc;
    width: 774px;
    height: 200px;
    border-radius: 4px 4px 4px 4px;
    margin-right: 20px;
}
.SignatureImagePreviewContainer_Wide .SignatureImagePreviewType_Wide {
    width: 774px;
    height: 200px;
}

/* GroupByGraph-SumKindDialog */
.GroupByGraph-SumKindDialog {
    transform: translate(35px, 2px);
    background-color: rgb(245, 245, 245);
    border: 1px solid rgb(230, 230, 230);
    display: none;
    padding: 10px 15px;
    width: 700px;
}
.GroupByGraph-SumKindDialog label {
    display: inline-block;
    float: none;
    white-space: nowrap;
    margin: 0px 20px 0px 0px;
    width: auto;
}
.GroupByGraph-SumKindDialog label input[type=checkbox] {
    margin-right: 8px;
}

.SumImportParameters p {
    display: inline-block;
    padding: 7px 0 4px;
    width: 100%;
}

.SumImportParameters p:nth-child(2n) {background-color: #e1e1e1;}

.SumImportParameters span.FieldGraphSelectorMicro {
    width: 755px;
    margin: 5px 10px 0 0;
}

/* FieldAccDocumentOtherAttributes */
.AccDocumentOtherAttributesLabel a {
    display: inline-block;
    width: 300px !important;
    height: 22px;
    background: url('../imgs/icons/Forms/AccDocument/sum-more.png') no-repeat right top 2px;
    margin-top: 2px;
    border-radius: 5px;
}
.AccDocumentOtherAttributesLabel a:hover {
    background-color: #fafafa;
}
.AccDocumentOtherAttributesContent {
    margin: 10px 0px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 10px 20px;
    background: url('../imgs/icons/Forms/AccDocument/sum-more.png') no-repeat right 20px top 10px #fafafa;
}
.AccDocumentOtherAttributesContent:hover {
    cursor: pointer;
    background-color: #fafafa;
}
.AccDocumentOtherAttributesContent label,
.AccDocumentOtherAttributesContent div {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
}

div.GroupByGraph-DisplayMode {
    position:relative;
}
div.GroupByGraph-DisplayMode > div {
    position: absolute;
    left: 15px;
}
div.GroupByGraph-DisplayMode > div #DisplayMode {
    width: 80px;
    background: #f3f3f3;
    border: 1px solid #f0f0f0;
}

table.list tr:not(.row-over) td.MoneyUserLocation-Difference {
    background: #e4f6cf !important;
}
table.list tr.odd td.MoneyUserLocation-Difference {
    background: #f4ffdf !important;
}