/* ReFIS themed styles — app-specific additions to Engine/style.css */

#logo-img {
    background-image: url(../../imgs/App/logo-kittytranslator.png);
    background-repeat: no-repeat;
    width: 55px;
    height: 32px;
    min-width: 55px;
    min-height: 32px;
    display: inline-block;
}


.navbar .nav-tabs .nav-item::before {
    position: absolute;
    content: '';
    width: 3px;
    height: 36px;
    background: url('../../imgs/Engine/Menu/tab_top_left.png') no-repeat left top;
    z-index: 10;
}

.navbar .nav-tabs .nav-item.active .nav-link  {
    background: url('../../imgs/Engine/Menu/tab_top_right_sel.png') no-repeat right top;
    cursor: pointer;
}

.navbar .nav-tabs .nav-item.active::before  {
    background: url('../../imgs/Engine/Menu/tab_top_left_sel.png') no-repeat left top;
}

.nav-tabs .dropdown-menu {
    padding: 10px;
    width: 210px;
    background: url('../../imgs/Engine/Menu/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;
}

.navbar-buttons .nav-tabs {
    /* odsadenie hlavnych tab-ov od lava, zarovnane podla zoznamu (pod subtab-mi) */
    padding-left: 101px;
}

.navbar .nav-tabs .nav-item:before {
    display: none
}

.navbar .nav-tabs .nav-item .nav-link:before, .navbar .nav-tabs .nav-item .nav-link:after {
    display: none;
    position: absolute;
    content: '';
    z-index: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid
}

.navbar .nav-tabs .nav-item .nav-link:before {
    left: -28px;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent transparent transparent
}

.navbar .nav-tabs .nav-item .nav-link:after {
    right: -28px;
    border-width: 30px 0 0 30px;
    border-color: transparent transparent transparent transparent
}




@media screen and (max-width: 767px) {

    .mm-navbar .dd-hidden-menu {
        display: none
    }

    .mm-navbar .dd-hidden-menu.active {
        display: block
    }

    .mm-navbar .options-wrapper {
        border-bottom: 2px solid transparent
    }

    .mm-navbar .options-wrapper.selected {
        border-bottom: 2px solid rgba(150, 200, 130, 0.8)
    }

    #search-drop input {
        color: #000;
        margin: 10px 0 0 0;
        width: 75%;
        border: 0;
        padding: 4px
    }

    .mm-options-nav {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1)
    }

    .mobile-main-menu .dropdown:not(:first-child) a {
        border-top: 0
    }

    .mobile-main-menu a {
        border-radius: 0;
        border-color: transparent;
        cursor: pointer
    }

    .mobile-main-menu > ul > li a {
        padding-top: 10px;
        padding-left: 0;
        margin-right: 0;
        cursor: default
    }

    .mobile-main-menu ul > li:not(.active) > a:hover {
        background-color: transparent;
        cursor: pointer
    }

    .mobile-main-menu .mm-listview {
        margin-top: 0;
        margin-bottom: 0
    }

    .mobile-main-menu .navbar-right {
        padding: 10px 0;
        width: 195px;
        margin: 0 6px 0 0;
        border: none;
        box-shadow: none;
        display: inline-block
    }

    .mobile-main-menu .nav-tabs {
        margin-top: 0
    }

    .mobile-main-menu .navbar-buttons {
        width: 100%
    }

    .mobile-main-menu .navbar-buttons:after {
        content: '';
        display: block;
        height: 20px
    }

    .mobile-main-menu .navbar-buttons .dropdown-toggle {
        height: 40px;
        line-height: 20px
    }

    .mobile-main-menu ul li {
        width: 100%
    }

     .mobile-main-menu .mm-navbar {
        border: none
    }

    .mobile-main-menu .options-wrapper {
        flex: 1 0 25%;
        padding: 0;
        position: relative;
        z-index: 0
    }
}

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

/*---- listblock editor ----*/

tbody.scrollContent_ff td:last-child {
    width: 13%;
}



.bold {
    font-weight: bold;
}

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

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

div.ErrorMessage {
    color: #e00;
}

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

/** Autocomplete Menu Item **/

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

/* override component.css */

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

/* OCR Status */

/* Tooltipster - planovaci kalendar */

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




.InlineBlock {
    display: inline-block;
}

/* CSS pre FieldSumPlanDate a FieldReminderDate */

/* 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 */
    }
    .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 */
}


/* schvalovacie akcie v RecordView */
[data-wrapper=RecordView] .functionsbar.functionsbar-position-footer .panel-body {
    border-right: 0px;
    width: 228px;
}

/* parovaci nastroj - ostatne */




@media screen and (max-width: 767px){
    .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;
    }
    .mobile-menu-left-button img {
        width: 20px;
    }
    #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:hover {
        background-color: transparent;
    }

    /* mobile menu */
    #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;
    }
    /**
     * 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-navbar {
        border-bottom-color: #aaa;
    }
    .mm-navbar a {
        color: #ffffff !important;
    }
    .mm-listview{
        border: none;
    }
    .mm-listview a{
        font-size: 14px;
    }
    .options-wrapper a{
        display: block;
        padding: 15px 0;
    }
    .options-wrapper a div{
        width: 20px;
        height: 20px;
        margin: auto;
    }
    #help-image {
        background: url("../../imgs/Engine/Menu/head-menu-icon.png") no-repeat 0 0;
    }
    #user-image {
        background: url("../../imgs/Engine/Menu/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/Engine/Menu/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;
    }
    #leftbar-wrap .section>a{
        display: block;
    }
    .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);
    }
}

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

/* RawDocument BEGIN */

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

/* FieldAutoRuleAccDocTypeCondition */

.form .FormMultiAdder_AddButton {
    margin-bottom: 5px;
}

/* prvky pre toleranciu sum v AutoRule */

div[id^=FieldMultiChoice_ChosenElements] table td {
    padding: 2px;
}

div[id^=FieldMultiChoice_ChosenElements] table td.hover {
    /*
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    @TODO: Zobrazit ramcek
     */
    background-color: #e5e5e5;
    cursor: pointer;
}

.SearchBar .Functions span.notallowed {
    opacity: 0.2;
}


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

/* tooltipster-light ListBlock_Simple */

/* SumDCTermCalendarSettings: nastavenie CTF a ostatnych zostav */

.form [id$="_jstree_wrapper"] ul {
    padding-left: 0em;
    margin-top: 0em;
}

.TreeSelectorGraphChosen {
    white-space: nowrap;
    border-bottom: 1px solid #aaa;
    padding-top: 5px;
}

.formRow .TooltipGraphNamesWithPath,
.accdocument-graph .TooltipGraphNamesWithPath {
    float: left;
    clear: left;
}

/* skratenie dlhych nazvov nalepiek v ciastkach prehlade schvalovania, potrebne pre spravne zobrazenie tooltipu nalepiek */

/* wrap dlheho textu v select.option*/

#searchGraphInput:focus {
    outline: none;
}

/* bodka pred nazvom, pouziva sa na zobrazenie bodky pred spolocnostou v ktorej sme prihlaseni*/

/* nazov spolocnosti v ktorej sme prihlaseni posunieme kusok dolava aby v zozname spolocnosti bola spolocnost zarovnana rovnako ako ostatne spolocnosti*/

/* podfarbenie STLPCOV */