@font-face {
    font-family: vladarhsans_regregular;
    src: url(../fonts/vladarhsans-regular-webfont.woff);
    src: url(../fonts/vladarhsans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/vladarhsans-regular-webfont.ttf) format('truetype'), url(../fonts/vladarhsans-regular-webfont.woff) format('woff'), url(../fonts/VladaRHSans-Regular.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_semibold;
    src: url(../fonts/vladarhsans-semibold-webfont.woff);
    src: url(../fonts/vladarhsans-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/vladarhsans-semibold-webfont.woff) format('woff'), url(../fonts/vladarhsans-semibold-webfont.ttf) format('truetype'), url(../fonts/VladaRHSans-SemiBold.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_regregular;
    src: url(../fonts/VladaRHSerif-Regular.otf);
    src: url(../fonts/VladaRHSerif-Regular.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_regularItalic;
    src: url(../fonts/VladaRHSerif-RegularItalic.otf);
    src: url(../fonts/VladaRHSerif-RegularItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_regularItalic;
    src: url(../fonts/VladaRHSans-RegularItalic.otf);
    src: url(../fonts/VladaRHSans-RegularItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_bold;
    src: url(../fonts/VladaRHSerif-Bold.otf);
    src: url(../fonts/VladaRHSerif-Bold.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_bold;
    src: url(../fonts/VladaRHSans-Bold.otf);
    src: url(../fonts/VladaRHSans-Bold.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_bolditalic;
    src: url(../fonts/VladaRHSerif-BoldItalic.otf);
    src: url(../fonts/VladaRHSerif-BoldItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_bolditalic;
    src: url(../fonts/VladaRHSans-BoldItalic.otf);
    src: url(../fonts/VladaRHSans-BoldItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_book;
    src: url(../fonts/VladaRHSerif-Book.otf);
    src: url(../fonts/VladaRHSerif-Book.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_book;
    src: url(../fonts/VladaRHSans-Book.otf);
    src: url(../fonts/VladaRHSans-Book.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_bookitalic;
    src: url(../fonts/VladaRHSerif-BookItalic.otf);
    src: url(../fonts/VladaRHSerif-BookItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_bookitalic;
    src: url(../fonts/VladaRHSans-BookItalic.otf);
    src: url(../fonts/VladaRHSans-BookItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_light;
    src: url(../fonts/VladaRHSerif-Light.otf);
    src: url(../fonts/VladaRHSerif-Light.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_light;
    src: url(../fonts/VladaRHSans-Light.otf);
    src: url('../fonts/VladaRHSans-Light.otf') format('opentype');
}

@font-face {
    font-family: vladarhserif_lightitalic;
    src: url(../fonts/VladaRHSerif-LightItalic.otf);
    src: url(../fonts/VladaRHSerif-LightItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_lightitalic;
    src: url(../fonts/VladaRHSans-LightItalic.otf);
    src: url(../fonts/VladaRHSans-LightItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_medium;
    src: url(../fonts/VladaRHSerif-Medium.otf);
    src: url(../fonts/VladaRHSerif-Medium.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_medium;
    src: url(../fonts/VladaRHSans-Medium.otf);
    src: url(../fonts/VladaRHSans-Medium.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_mediumitalic;
    src: url(../fonts/VladaRHSerif-MediumItalic.otf);
    src: url(../fonts/VladaRHSerif-MediumItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_mediumitalic;
    src: url(../fonts/VladaRHSans-MediumItalic.otf);
    src: url(../fonts/VladaRHSans-MediumItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_semibold;
    src: url(../fonts/VladaRHSerif-SemiBold.otf);
    src: url(../fonts/VladaRHSerif-SemiBold.otf) format('opentype');
}

@font-face {
    font-family: vladarhserif_semibolditalic;
    src: url(../fonts/VladaRHSerif-SemiBoldItalic.otf);
    src: url(../fonts/VladaRHSerif-SemiBoldItalic.otf) format('opentype');
}

@font-face {
    font-family: vladarhsans_semibolditalic;
    src: url(../fonts/VladaRHSans-SemiBoldItalic.otf); /**/
    src: url(../fonts/VladaRHSans-SemiBoldItalic.otf) format('opentype');
}

:root {
    --color-background: white;
    --color-header: white;
    --color-eusluge-col: #f2f2f2;
    --color-paragraph-text: black;
    --color-accent: #d71920;
    --color-actor-info: #424242;
    --color-button: #d71920;
    --color-button-text: white;
    --elem-text-col: black;
    --color-subtitle: rgba(74, 74, 74, 0.93);
    --color-free-label: #333;
    --color-form-control-background: white;
    --border-button: none;
    --elem-title-col: black;
    --ctrl-ico-filter: invert(1) grayscale(1);
    --color-selected-text: white;
    --color-status-ind-bkg: #EEEEEE;
}

[data-selected-theme="high-contrast"] {
    --color-background: black;
    --color-header: black;
    --color-eusluge-col: black;
    --color-paragraph-text: white;
    --color-accent: white;
    --color-actor-info: white;
    --color-button: #242424;
    --color-button-text: white;
    --elem-text-col: white;
    --color-subtitle: white;
    --color-free-label: white;
    --color-form-control-background: #141414;
    --border-button: none;
    --elem-title-col: white;
    --ctrl-ico-filter: invert(1) grayscale(1);
    --color-selected-text: black;
    --color-status-ind-bkg: #242424;
}

    [data-selected-theme="high-contrast"] #FormObrazac h1 {
        color: white;
    }

    [data-selected-theme="high-contrast"] #FormObrazac h2 {
        color: white;
    }

    [data-selected-theme="high-contrast"] #eOvlastenjeRegistrationForm table {
        border: 2px solid white;
    }

    [data-selected-theme="high-contrast"] #eOvlastenjeRegistrationForm th {
        border: 2px solid white;
    }

    [data-selected-theme="high-contrast"] #eOvlastenjeRegistrationForm td {
        border: 2px solid white;
        color: white;
    }

    [data-selected-theme="high-contrast"] #eOvlastenjeRegistrationForm .tableHeader {
        background: var(--color-form-control-background);
    }

    [data-selected-theme="high-contrast"] #eOvlastenjeRegistrationForm .tableHeader-horizontal td {
        background: var(--color-form-control-background);
    }

    [data-selected-theme="high-contrast"] .statement.underlinedStatementPart {
        color: white;
        border-bottom: 1px solid white !important;
    }

    [data-selected-theme="high-contrast"] .underlinedTitle {
        color: white;
    }

    [data-selected-theme="high-contrast"] .not-found-container {
        background-color: black;
    }

    [data-selected-theme="high-contrast"] nav.login-nav li {
        display: inline-block;
        color: var(--color-button-text);
        line-height: 34px;
        margin-right: 2rem;
        margin-bottom: 0 !important;
        text-transform: uppercase;
    }

    [data-selected-theme="high-contrast"] .toast.toast-success {
        background-color: var(--color-button);
        border: 2px solid white;
        opacity: 1 !important;
    }

    [data-selected-theme="high-contrast"] .toast.toast-error {
        background-color: var(--color-button);
        border: 2px solid white;
        opacity: 1 !important;
    }

    [data-selected-theme="high-contrast"] .red-line {
        color: var(--color-subtitle);
    }

    [data-selected-theme="high-contrast"] .dashboard-paragraph {
        color: white;
        font-weight: 200;
    }

    [data-selected-theme="high-contrast"] .vrsta-priloga-je-obavezna-p {
        color: white;
        font-weight: 200;
    }

    [data-selected-theme="high-contrast"] .login-description {
        font-weight: 200;
    }

    [data-selected-theme="high-contrast"] .footer-info label {
        color: white;
        font-size: 1rem;
        font-weight: 200;
    }

    [data-selected-theme="high-contrast"] .powered-by {
        font-weight: 200;
    }

    [data-selected-theme="high-contrast"] .naziv-ministarstva {
        font-weight: 200;
    }

    [data-selected-theme="high-contrast"] .eusluge-col {
        border: 2px solid #666666;
    }

    [data-selected-theme="high-contrast"] .prikazi-vise-manje {
        color: #CCC;
    }

    [data-selected-theme="high-contrast"] .free-label {
        font-weight: 200;
    }

    [data-selected-theme="high-contrast"] input #username {
        background-color: black;
    }

    /*[data-selected-theme="high-contrast"] .form-control {
        border: 2px solid white;
    }*/

    [data-selected-theme="high-contrast"] .alert-danger {
        background-color: var(--color-button);
        border: 2px solid white;
    }

    [data-selected-theme="high-contrast"] .control-label label {
        color: white;
        font-weight: 200;
        font-size: 1.1rem;
    }

    [data-selected-theme="high-contrast"] .field-error-desc {
        color: white;
        font-weight: 200;
    }

    [data-selected-theme="high-contrast"] .k-input {
        background-color: var(--color-form-control-background);
        color: white;
    }

    [data-selected-theme="high-contrast"] input.k-textbox {
        background-color: var(--color-form-control-background);
        color: white;
    }

    [data-selected-theme="high-contrast"] textarea.k-textbox {
        background-color: var(--color-form-control-background);
        color: white;
    }

    [data-selected-theme="high-contrast"] input.k-textbox:hover {
        background-color: var(--color-form-control-background);
        color: white;
    }

    [data-selected-theme="high-contrast"] textarea.k-textbox:hover {
        background-color: var(--color-form-control-background);
        color: white;
    }

    [data-selected-theme="high-contrast"] .k-textbox > input {
        background-color: var(--color-form-control-background);
        color: white;
    }

    [data-selected-theme="high-contrast"] .k-multiselect-wrap {
        background-color: var(--color-form-control-background);
        color: white;
    }

    [data-selected-theme="high-contrast"] k-widget k-autocomplete k-header form-control idom-autocomplete k-state-default {
        background-color: var(--color-form-control-background);
        color: white;
    }

    [data-selected-theme="high-contrast"] .k-autocomplete.k-state-default {
        background-color: var(--color-form-control-background);
        border-color: #CCC;
    }
    
    [data-selected-theme="high-contrast"] .k-dropdown-wrap.k-state-hover .k-input {
        color: #fff;
    }

    [data-selected-theme="high-contrast"] .k-dropdown-wrap.k-state-default .k-input {
        color: #fff;
    }

    [data-selected-theme="high-contrast"] .k-picker-wrap.k-state-default {
        background-color: var(--color-form-control-background);
        border-color: #CCC;
    }

    [data-selected-theme="high-contrast"] .k-numeric-wrap.k-state-default {
        background-color: var(--color-form-control-background);
        border-color: #CCC;
    }

    [data-selected-theme="high-contrast"] .k-dropdown-wrap.k-state-default {
        background-color: var(--color-form-control-background);
        border-color: #CCC;
    }

    [data-selected-theme="high-contrast"] .k-autocomplete.k-state-hover {
        background-color: black;
        border-color: #aeaeae;
    }

    [data-selected-theme="high-contrast"] .k-picker-wrap.k-state-hover {
        background-color: black;
        border-color: #aeaeae;
    }

    [data-selected-theme="high-contrast"] .k-numeric-wrap.k-state-hover {
        background-color: black;
        border-color: #aeaeae;
    }

    [data-selected-theme="high-contrast"] .k-dropdown-wrap.k-state-hover {
        background-color: black;
        border-color: #aeaeae;
    }

    [data-selected-theme="high-contrast"] .k-multiselect.k-header {
        border-color: #cccccc;
    }

        [data-selected-theme="high-contrast"] .k-multiselect.k-header.k-state-hover {
            border-color: #aeaeae;
        }

    [data-selected-theme="high-contrast"] .k-autocomplete.k-state-focused {
        background-color: black;
        border: 2px solid white;
        -webkit-box-shadow: 0 0 7px 0 white;
        box-shadow: 0 0 7px 0 white;
    }

    [data-selected-theme="high-contrast"] .k-picker-wrap.k-state-focused {
        background-color: black;
        border: 2px solid white;
        -webkit-box-shadow: 0 0 7px 0 white;
        box-shadow: 0 0 7px 0 white;
    }

    [data-selected-theme="high-contrast"] .k-numeric-wrap.k-state-focused {
        background-color: black;
        border: 2px solid white;
        -webkit-box-shadow: 0 0 7px 0 white;
        box-shadow: 0 0 7px 0 white;
    }

    [data-selected-theme="high-contrast"] .k-dropdown-wrap.k-state-focused {
        background-color: black;
        border: 2px solid white;
        -webkit-box-shadow: 0 0 7px 0 white;
        box-shadow: 0 0 7px 0 white;
    }

    [data-selected-theme="high-contrast"] .k-multiselect.k-header.k-state-focused {
        background-color: black;
        border: 2px solid white;
        -webkit-box-shadow: 0 0 7px 0 white;
        box-shadow: 0 0 7px 0 white;
    }

    [data-selected-theme="high-contrast"] .input-group-btn .btn {
        background-color: #CCC;
        color: black;
    }

    [data-selected-theme="high-contrast"] .paragraph {
        color: white;
    }

    [data-selected-theme="high-contrast"] .input-gen-checkbox input.form-control {
        accent-color: white;
    }

    [data-selected-theme="high-contrast"] .red-button {
        background-color: var(--color-button);
        border-color: var(--color-button);
        color: white;
    }

    [data-selected-theme="high-contrast"] .light-blue-background {
        background-color: #f2f2f2;
    }

    [data-selected-theme="high-contrast"] .light-button {
        border-color: #333333;
    }

    [data-selected-theme="high-contrast"] .button-prilog {
        border-color: #333333 !important;
    }

    [data-selected-theme="high-contrast"] .blue-button {
        background-color: var(--color-button) !important;
        border-color: var(--color-button);
        color: white;
    }

    [data-selected-theme="high-contrast"] .k-list-container {
        background-color: black;
        color: white;
        border: 2px solid white;
    }

    [data-selected-theme="high-contrast"] .alert.idom-lookup-alert.alert-warning {
        background-color: transparent;
    }

    [data-selected-theme="high-contrast"] .alert.idom-lookup-alert.alert-success {
        background-color: transparent;
    }

    [data-selected-theme="high-contrast"] .modal.in {
        background-color: rgba(0,0,0,0.7);
    }

    [data-selected-theme="high-contrast"] .modal-content {
        background-color: #222;
        border: 2px solid white;
        color: white;
    }

    [data-selected-theme="high-contrast"] .modal-header button.close {
        color: white;
        text-shadow: none;
        font-size: 2rem;
        opacity: 1;
    }

    [data-selected-theme="high-contrast"] .idom-grid.k-grid.k-widget {
        color: white;
        background-color: black;
    }

    [data-selected-theme="high-contrast"] .k-grid-header th {
        color: white;
        background-color: var(--color-button);
        text-transform: uppercase;
        line-height: 1.2rem;
        font-size: 1.2rem;
        font-weight: 400;
    }

        [data-selected-theme="high-contrast"] .k-grid-header th .k-link {
            margin-top: -8px;
        }

    [data-selected-theme="high-contrast"] .k-grid tr.k-alt {
        color: white;
        background-color: var(--color-button);
    }

    [data-selected-theme="high-contrast"] .k-grid tr {
        border-bottom: 1px solid white;
    }

    [data-selected-theme="high-contrast"] .k-grid .k-grid-content tr:hover td {
        background-color: white;
        color: black;
    }

    [data-selected-theme="high-contrast"] .k-grid .k-grid-content tr.k-state-selected {
        background-color: white;
        color: black;
        font-weight: 800;
    }

    [data-selected-theme="high-contrast"] .k-grid .action-btn {
        filter: invert(1) grayscale(1);
    }

    [data-selected-theme="high-contrast"] button:hover,
    [data-selected-theme="high-contrast"] button:active,
    [data-selected-theme="high-contrast"] button:focus {
        filter: invert(1) grayscale(1);
    }

    [data-selected-theme="high-contrast"] .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
        filter: invert(1) grayscale(1);
    }

        [data-selected-theme="high-contrast"] .k-pager-wrap .k-icon {
            filter: unset;
        }

    [data-selected-theme="high-contrast"] .k-pager-info.k-label {
        color: black;
    }

    [data-selected-theme="high-contrast"] .k-pager-wrap .k-state-selected {
        color: black;
        font-weight: 400;
        font-size: 1.2rem;
        border: 2px solid black;
        border-radius: 0 !important;
        background-color: #DDDDDD;
        line-height: 2.4rem;
    }

    [data-selected-theme="high-contrast"] .k-pager-wrap .k-link {
        color: black;
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 2.4rem;
        border: 2px solid black;
        border-radius: 0 !important;
    }

        [data-selected-theme="high-contrast"] .k-pager-wrap .k-link.k-pager-nav {
            color: black;
            font-weight: 400;
            font-size: 1.2rem;
            line-height: 2.5rem;
            border: 2px solid black;
            border-radius: 0 !important;
        }

    [data-selected-theme="high-contrast"] .k-icon {
        filter: invert(1) grayscale(1);
    }

    [data-selected-theme="high-contrast"] .form-control[disabled] {
        background-color: var(--color-form-control-background);
        color: white;
    }

    [data-selected-theme="high-contrast"] .podnesen-row-header {
        font-weight: normal;
        font-size: 1.2rem;
    }

    [data-selected-theme="high-contrast"] .btn-upute {
        background-color: var(--color-button);
        border-color: var(--color-button);
        color: white;
    }

    [data-selected-theme="high-contrast"] .potpisivanje-span-padding {
        color: black !important;
    }

    [data-selected-theme="high-contrast"] .fina-upute {
        color: black !important;
    }

    [data-selected-theme="high-contrast"] .povratak-button {
        background-color: var(--color-button);
        border-color: var(--color-button);
        color: white;
    }

    [data-selected-theme="high-contrast"] .potpisi-naziv-kolone {
        font-size: 1.2rem;
    }

    [data-selected-theme=high-contrast] .k-calendar .k-link.k-nav-fast {
        color: #000;
    }

    [data-selected-theme=high-contrast] .k-calendar .k-content .k-link {
        color: #000;
    }

    [data-selected-theme=high-contrast] .success-page-link {
        text-decoration: underline;
    }

    [data-selected-theme="high-contrast"] .non-link-eusluga {
        color: white;
    }

    [data-selected-theme="high-contrast"] .tooltip-div .tooltip-title {
        box-shadow: none;
    }

    [data-selected-theme="high-contrast"] .tooltip-div .tooltip-title {
        border: 1px solid black;
    }

    [data-selected-theme="high-contrast"] .tab-content {
        background-color: #737373;
    }

    [data-selected-theme="high-contrast"] li.active a[data-toggle=tab] {
        background-color: #737373;
    }

    [data-selected-theme="high-contrast"] .epodnesak-podnesen-pismena-h3 {
        color: white;
    }

    [data-selected-theme="high-contrast"] .repeater-instance {
        background-color: #737373;
    }

  /**/

#root-wrapper .sidebar-content .quick-links-row #quick-links-branding {
    color: #04aedf;
    margin: 0;
}

a, a:focus, a:hover {
    color: var(--color-accent);
}

.nav-tabs > li > a {
    color: #555;
    font-size: 1rem;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: var(--color-accent);
}

[data-selected-theme="high-contrast"] .k-icon.k-i-arrow-s,
[data-selected-theme="high-contrast"] .k-icon.k-i-calendar,
[data-selected-theme="high-contrast"] .k-icon.k-i-clock,
[data-selected-theme="high-contrast"] .k-calendar {
    filter: var(--ctrl-ico-filter);
}

.k-list-optionlabel .k-state-selected .k-state-focused :focus{
    color: black !important;
}

button.btn.btn-default {
    width: 100%;
    line-height: 1.7rem;
    margin-bottom: 1rem;
    color: white;
    background-color: var(--color-button);
    border: var(--border-button);
    border-radius: 0;
}

    button.btn.btn-default:focus {
        outline: none;
    }

hr {
    border: 1px var(--color-accent) solid;
    margin-top: 0;
}

div.well {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

input {
    margin-bottom: 2rem;
    border-radius: 0 !important;
}

    input:focus {
        border-color: var(--color-accent) !important;
        box-shadow: none !important;
    }

textarea:focus {
    border-color: var(--color-accent) !important;
    box-shadow: none !important;
}

html, body {
    font-family: vladarhsans_regregular,Arial;
    font-size: 100%;
    min-height: 1vh;
    background-color: var(--color-background);
    padding: 1px 0;
}

html {
    overflow-y: scroll;
}

.login-cookies-error {
    height: 55px;
    line-height: 56px;
    padding-left: 13px;
    border-radius: 3px;
}

.margin-bottom {
    margin-bottom: 5rem;
}

.bottom-move {
    position: relative;
    bottom: 1.7rem;
}

.eusluge-col {
    padding: 0 1rem 2.6rem 1rem;
    margin-bottom: 2.6rem;
    background-color: var(--color-eusluge-col);
    color: var(--color-paragraph-text);
    border-radius: 0.5rem !important;
    word-break: break-word;
}

.eusluge-col-limited {
    min-height: 17rem;
    max-height: 17rem;
}

.text-limit {
    max-height: 4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eusluge-btn {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

.eusluge-scroll {
    margin-bottom: 10rem;
    padding-bottom: 10rem;
}

.eusluge-scroll-smaller {
    margin-bottom: 5rem;
    padding-bottom: 5rem;
}

.logo-title {
    color: var(--color-accent);
    font-family: vladarhsans_semibold,Arial;
    font-size: 2.4rem;
    margin-bottom: 0;
    line-height: 2.4rem;
}

nav.login-nav {
    background-color: var(--color-button);
    margin-top: 2rem;
    padding: 0.3rem 0;
}

    nav.login-nav ul {
        margin: 0;
    }

    nav.login-nav li {
        display: inline-block;
        color: var(--color-button-text);
        line-height: 34px;
        margin-right: 2rem;
        margin-bottom: 0 !important;
    }

        nav.login-nav li:hover {
            text-decoration: underline;
            cursor: pointer;
        }

        nav.login-nav li a {
            color: var(--color-button-text);
        }

            nav.login-nav li a:hover, nav.login-nav li a:focus, nav.login-nav li a:active {
                color: var(--color-button-text);
            }

        nav.login-nav li.right-nav {
            float: right;
        }

label.login-description {
    margin-top: 1.5rem;
    color: var(--color-paragraph-text);
}

/* .eusluga-form-content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 3rem;
} */

/*********/
/* Index */
/*********/
header#mobile-collapsible {
    position: relative;
    background-color: transparent;
    padding: 0;
    left: 0;
    top: 0.3rem;
}

.header-title {
    margin-top: 2.2rem;
    padding-left: 0 !important;
}

.powered-by {
    display: block;
    margin-top: -0.2rem;
    font-size: 1.2rem;
    color: var(--color-subtitle);
}

.actor-icon {
    text-align: center;
}

    .actor-icon i {
        font-size: 4.5rem;
        color: var(--color-actor-info);
    }

div.header-btn {
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.header-btn.pull-right#actor {
    color: var(--color-actor-info);
    opacity: 1;
    font-size: 1rem;
}

.header-outer-wrapper {
    position: relative;
    background-color: var(--color-header);
}

header div.title {
    padding-right: 0;
    position: relative;
}

div#content-wrapper {
    margin-top: 10px;
}

div#root-wrapper {
    padding-left: 0;
}

/* div#quick-links-wrapper {
} */

/****************/
/*Input override*/
/****************/

div.form-group div.control-label {
    position: relative;
    top: 0;
    left: 0;
    font-size: 1rem;
    text-transform: none;
    color: black;
    font-family: vladarhsans_regregular;
    float: left;
}

    div.form-group div.control-label span {
        color: #d71920;
    }

div.idom-directive div span input.form-control {
    padding-top: 0px;
    border-radius: 5px !important;
    font-size: 1em;
    margin-bottom: 0;
}

idom-textbox span:focus {
    outline: none;
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #d71920;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*-webkit-box-shadow: 0 0 7px 0 #76abd9;
    box-shadow: 0 0 7px 0 #d71920;*/
}

/*******************/
/*Dropdown override*/
/*******************/
div.k-list-scroller ul.k-list li.k-item {
    border-radius: 0px !important;
}

    div.k-list-scroller ul.k-list li.k-item:focus {
        border-radius: 0px !important;
    }

.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-multiselect.k-header, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    border-radius: 5px !important;
}

span.k-dropdown-wrap span.k-input {
    padding: 0 0.2rem !important;
    height: auto;
    line-height: 39px;
    border-radius: 5px !important;
    font-size: 1rem;
}

.k-datepicker,
.k-datepicker input,
.k-numerictextbox,
.k-numerictextbox input {
    border-radius: 5px !important;
}

input.idom-datepicker.k-input, input.idom-datetimepicker.k-input, input.idom-timepicker.k-input {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/*set dropdown icon to .k-i-arrow.chevron-down*/
.k-select .k-i-arrow-s.k-icon {
    background-position: 0 -291px;
}

.k-list-optionlabel.k-state-selected.k-state-focused, .k-list > .k-state-selected.k-state-focused {
    border-radius: 0px !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-dropdown-wrap .k-icon:before {
    content: "\e120";
}

.k-grid-header span.k-widget.k-dropdown.k-header .k-input {
    padding-top: 0 !important;
    line-height: 2rem;
}

/*******************/
/*Textarea override*/
/*******************/
idom-textarea div.idom-directive.form-group .control-label {
    text-align: left;
}

idom-textarea div.idom-directive.form-group div {
    width: 100%;
}

div.no-side-padding {
    padding-right: 0;
    padding-left: 0;
}

idom-textarea div.idom-directive.form-group {
    padding: 3px;
}

[hidden] {
    display: none !important;
}

.btn {
    font-size: 0.9rem;
}

label.btn.btn-default, idom-include button, button-prilog {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e2e2e2+102 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 102%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(102%,#e2e2e2)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 102%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 102%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 102%); /* IE10 preview */
    background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 102%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ccc;
    border-radius: 4px !important;
}

idom-include {
    color: black;
    font-weight: 400;
}

button span.glyphicon {
    padding: 4.5px 0;
    color: #FFF;
}

button span.glyphicon:hover {
    color: #333;
}

.active .material-icons {
    color: #FFF;
}

.active .material-icons:hover {
    color: #000;
}

.preview-priloga {
    margin-top: 2rem;
    margin-left: 0;
    margin-right: 0;
}

.vrsta-priloga {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-left: 0;
    margin-right: 0;
}

.naziv-priloga {
    margin-left: 0;
    margin-right: 0;
}

.naziv-ministarstva {
    font-size: 1.3rem;
    color: var(--color-accent);
    font-weight: 900;
    text-transform: uppercase;
}

.idom-checkbox input[type=checkbox] {
    margin: 0 5px !important;
    margin-right: 10px !important;
    margin-top: 4px !important;
}

.naslov-sectiona {
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

.prilozi-polja {
    padding-left: 7px;
}

h3 {
    font-family: vladarhsans_regregular;
}

.submit-button {
    background-color: #7294B2;
    border-color: #7294B2;
}

p {
    font-family: vladarhsans_regregular;
    margin-top: 3rem;
}

.red-line {
    border-bottom: solid 2px var(--color-accent);
}

h1.red-line {
    font-size: 2.4rem;
    line-height: 4rem;
}

.red-line h3 {
    font-size: 2.3rem;
    display: inline-block;
}

.action-buttons {
    padding-top: 1rem;
}

    .action-buttons .red-button {
        margin-left: 0.35rem;
    }

.bottom-border {
    border-top: solid 1px #ccc;
    margin-top: 0.5rem;
}

.no-side-margin {
    margin-right: 0;
    margin-left: 0;
}

.k-grid-header th.k-with-icon .k-link {
    color: var(--color-accent);
}

.k-pager-wrap .k-link {
    border: 1px solid #cccccc;
    border-radius: 1.2rem !important;
    margin: 0 0.1rem;
}

    .k-pager-wrap .k-link:hover, .k-pager-wrap .k-link .k-icon:hover, .k-pager-numbers:hover {
        cursor: pointer !important;
        color: var(--color-accent);
    }

.k-pager-numbers .k-state-selected {
    border-radius: 1.2rem !important;
    margin: 0 0.1rem;
}


.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: var(--color-selected-text);
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent);
    box-shadow: none !important;
}

.idom-grid {
    margin-top: 2rem;
}

.idom-grid .command-cell .action-btn {
    border: none;
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.podnesak-grid .idom-grid .command-cell .action-btn::after {
    content: ' Info';
}

.podnesak-grid .idom-grid .command-cell .action-btn:focus,
.podnesak-grid .idom-grid .command-cell .action-btn:active {
    border: 2px solid white;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.podnesak-grid .idom-grid tr.k-state-selected .command-cell .action-btn,
.podnesak-grid .idom-grid tr:hover .command-cell .action-btn {
    color: white;
}

.k-grid .k-grid-content tr:hover td {
    background-color: #e4262c;
    color: white;
}

/* fix for horizontal scrolling on mobile devices */
.k-grid-content .k-selectable {
    touch-action: pan-x !important;
}

.footer-wrapper {
    width: 83.3%;
    margin: 0 auto;
    position: relative;
    display: table;
}

div.footer {
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--color-accent);
    position: relative;
}

.footer-info {
    font-size: 0.8rem;
    text-align: right;
    margin-bottom: .7rem;
}

h4.collection-name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 3rem;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

h2 a {
    color: #333;
    text-decoration: underline;
}

    h2 a:hover, h2 a:focus, h2 a:active {
        color: #d71920;
    }

.service-box p {
    margin-top: 1rem;
}

button.btn, a.btn {
    background-color: var(--color-button);
    border: var(--border-button);
    color: var(--color-button-text);
    border-radius: 3px !important;
    font-size: 1rem;
    line-height: 1.7rem;
}

    a.btn:hover, a.btn:focus, a.btn:active, a.btn:visited {
        background-color: var(--color-button);
        border-color: var(--color-button);
        color: var(--color-button-text);
    }

.upute-wrapper {
    transition: height .2s ease-in-out;
    overflow: hidden;
}

    .upute-wrapper p {
        margin-top: 0;
    }

/*.expand-description {
    transition: height .3s;
}

.hide-description {
    height: 0;
    transition: height .3s;
}*/

.btn-upute {
    background-color: #d71920;
    border: none;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    color: white;
    margin-right: 20rem;
    border-radius: 3px !important;
}

.btn-eusluge-upute {
    background-color: #d71920;
    border: none;
    margin-bottom: 0.5rem;
    color: white;
    float: right;
}

.h3-eusluge {
    max-width: 85rem;
}

.btn-upute:hover, .btn-upute:focus, .btn-upute:active, .btn-upute:visited {
    outline: none;
    border: none;
    color: white;
}

.right-btn-group {
    float: right;
}

    .right-btn-group > idom-button > button {
        margin-left: 0.35rem;
    }

.preuzimanje-natrag {
    border-top: 1px solid #d71920;
    margin-top: 3rem;
    padding-top: 1rem;
}

h4.instruction-name {
    font-size: 1.9rem;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

div.instruction {
    margin-left: 1.7rem;
}

.instruction p, .instruction-title p {
    margin-top: 1rem;
}

.instruction-btn {
    padding: 0.2rem 0.5rem;
    margin-left: 0;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5rem;
    border-radius: 3px !important;
}

idom-button button.btn.btn-primary.default-button {
    background-color: #d71920;
    border-color: #d71920;
    color: white;
}

input[type="checkbox"].disabled-checkbox {
    pointer-events: none;
}

h4.status-podneska {
    float: right;
    background-color: var(--color-status-ind-bkg);
    color: var(--color-accent);
    padding: 0.3rem 1.2rem;
    border-radius: 5px;
}

form.k-filter-menu .k-select .k-icon.k-i-arrow-s {
    background-position: 0 -284px;
    padding-bottom: 8px;
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

span.input-group-btn {
    position: absolute;
    right: 2rem;
}

div.new-actor {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: solid 1px #ccc;
}

.form-group input.form-control.idom-autocomplete {
    border: none;
    background-color: transparent;
    padding-left: 8px !important;
    padding-top: 5px !important;
}

#actor {
    cursor: auto;
}

button.btn.btn-default.read-more {
    width: auto;
    margin-bottom: 0;
    padding: 4px 8px;
    line-height: 1.42857143;
    font-size: 0.9rem;
    font-weight: 400;
    border: 1px solid #d71920;
    color: white;
}

p.show-more {
    cursor: pointer;
    white-space: pre-wrap;
    margin-bottom: 5rem;
}

.relative {
    position: relative;
}

.fixed-title {
    padding-top: 85px;
}

    .fixed-title .service-title-wrapper {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        background-color: white;
        z-index: 100;
        display: block;
    }

.service-title {
    margin-bottom: 1rem;
}

.service-box {
    margin-bottom: 2rem;
    padding-top: 1rem;
}

/********/
/*Lookup*/
/********/
span.input-group-btn.lookup-btn {
    position: relative;
    right: 0;
}

idom-modal span.glyphicon {
    color: white;
}

/*****************/
/**Grid kolecija**/
/*****************/
.idom-grid.k-grid.k-widget {
    margin-bottom: 2rem;
}

.idom-grid .footer-actions idom-button button {
    width: auto;
    line-height: 1rem;
    margin-bottom: 0;
    padding: 6px 8px;
    padding-top: 1px;
}

    .idom-grid .footer-actions idom-button button span.glyphicon {
        color: white;
    }

.idom-checkbox.form-group {
    margin-bottom: 29px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

    .idom-checkbox.form-group .control-label label {
        font-size: 100% !important;
    }

.potvrda-OKP {
    margin-top: 1rem;
}

.vrsta-priloga-je-obavezna-p {
    font-weight: 700;
    padding-top: 0.2rem;
    margin-top: 0;
    padding-left: 1.3rem;
}

#fileSelector {
    cursor: pointer;
}

.button-margin-right {
    margin-right: 0.5rem;
}

.podneseni-prilozi-razmak {
    margin-bottom: 0.5rem;
}

.move-prilog-left {
    padding-left: 0;
}

.preuzimanje-dokumenta-povratak-button {
    border-radius: 3px !important;
}

input[type=checkbox] {
    width: 13px;
}

.move-prilog-button-top {
    position: relative;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
}

.prilog-naziv-span {
    margin-top: 5px;
    top: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
}

.vrsta-priloga-buttons {
    position: relative;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
}

.move-prilog {
    left: 2rem;
    top: 0.2rem;
}

.move-vrsta-priloga {
    top: 0.2rem;
}

.strong {
    font-weight: bold;
}

.podnesen-row-header {
    font-weight: bold;
}

.red-button {
    background-color: #d71920;
    border-color: #d71920;
    color: white;
}

.blue-button {
    background-color: #1e398d !important;
    border-color: #1e398d !important;
    width: 10rem !important;
}

.podnesi-button {
    padding-top: 1rem;
    margin-bottom: 1.5rem;
}

.light-blue-background {
    background-color: #edf3f7;
    border-bottom: 2px solid #ccc;
    border-bottom-color: white;
}

.light-grey-background {
    background-color: #ededed;
    border-bottom: 2px solid #ccc;
    border-bottom-color: white;
}

.row-height {
    padding-bottom: 0;
}

.prilog-u-rjesavanju-naziv-span {
    margin-top: 5px;
    top: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.prilog-top-margin {
    top: 0.3rem;
}

.dashboard-height {
    min-height: 65vh;
}

span.k-numeric-wrap .k-input {
    padding-left: 8px !important;
    padding-top: 5px !important;
    height: 2rem;
}

.eusluga-left-padding {
    padding-right: 2vw;
}

.eusluga-right-padding {
    padding-left: 2vw;
}

.btn-danger:hover {
    background-color: #d64843 !important;
}

.eusluge-btn:hover {
    background-color: #d64843 !important;
}

.blue-button:hover {
    background-color: #284dbd !important;
}

.podnesen-padding-gumb {
    padding-bottom: 3px;
    padding-top: 3px;
}

.podnesen-padding {
    padding-top: 7px;
}

.prilozi-grid-margin {
    margin-bottom: 2rem;
}

a:hover {
    cursor: pointer;
}

.eusluga-desc-body-large {
    margin-bottom: 5rem;
}

.prikazi-vise-manje {
    color: var(--color-accent);
    position: absolute;
    bottom: 1.3rem;
    left: 1rem;
    margin-bottom: 1.5rem;
}

    .prikazi-vise-manje:hover {
        cursor: pointer;
    }

.izjava-o-pristupacnosti {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    font-weight: bold;
}

.podnesen-row-margin {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.podaci-usluge-start {
    border-top: 1px solid #ccc !important;
    margin-bottom: 2.8rem;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
}

.u-pripremi-row-margin {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

input[type=checkbox]:hover {
    cursor: pointer;
}

.eusluge-no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.button-prilog {
    width: 55px;
}

.margin-bottom-dodaj-dokument {
    margin-bottom: 7px;
}

.p-odabir-potpisnog-rjesenja {
    display: inline-block;
    margin-left: 33px;
    margin-top: 15px;
}

.radio-opcija-potpisivanja {
    display: inline-block;
    margin-left: 10px !important;
}

.inline-block {
    display: inline-block;
}

.potpisi-dokumenti-tablica {
    padding-left: 25px;
}

.potpisi-naziv-kolone {
    margin-top: 10px !important;
}

.potpisi-dokument-red {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.potpisi-red-margin {
    margin-left: 1px;
    margin-right: 1px;
}


.dokument-je-potpisan {
    margin-left: 40px;
}

.dovrsi-button {
    margin-top: 5rem;
}

.potpisivanje-span-padding {
    padding-top: 10px;
}

.povratak-button {
    padding: 0.2rem 0.5rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5rem;
    border-radius: 3px !important;
    background-color: #d71920;
    border: none;
    color: white;
    border-radius: 3px !important;
    margin-top: 5rem;
    margin-right: 10px;
}

.btn-potpisi {
    width: 5rem !important;
    background-color: #d71920;
    border: none;
    margin-left: 0.15rem;
    margin-bottom: 0.5rem;
    color: white;
    border-radius: 3px !important;
    display: inline-block;
    padding-top: 7px;
    margin-left: 23px;
    margin-top: 7px;
}

.btn-dohvati {
    background-color: #d71920;
    border: none;
    margin-left: 0.15rem;
    margin-bottom: 0.5rem;
    color: white;
    border-radius: 3px !important;
    padding-top: 7px;
    margin-left: 23px;
    margin-top: 7px;
}

.btn-pecat {
    width: 5rem !important;
    background-color: #d71920;
    border: none;
    margin-left: 0.15rem;
    margin-bottom: 0.5rem;
    color: white;
    border-radius: 3px !important;
    padding-top: 7px;
    margin-left: 23px;
    margin-top: 7px;
}

.potpis-spinner {
    display: none;
    margin-top: 0.3rem;
    width: 15px;
    color: #5f9bd1;
    border: 1px black;
    margin: 0 !important;
    margin-top: 7px;
}

.potpisi-button-div {
    display: inline-block;
}

.fina-upute {
    padding: 1rem;
    margin-bottom: 2.6rem;
    margin-left: 1.5rem;
    width: 55rem;
    background-color: #f2f2f2;
    border-radius: 0.5rem !important;
    display: none;
    word-break: break-word;
}

#user_slideout {
    z-index: +200 !important;
}

.login-errors {
    margin-top: 1rem;
}

/* Repeater input generator */

.repeater-group {
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    border-radius: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.repeater-instance {
    background-color: #F0F0F0;
    margin-bottom: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
}

    .repeater-instance .delete-button {
        background-color: transparent;
        color: #D9534F;
        padding-right: 8px;
    }

/* Repeater input generator */

.form-control {
    font-size: 1rem;
    height: 2.2rem;
    background-color: var(--color-form-control-background);
    color: var(--color-paragraph-text);
}

h3 {
    font-size: 1.5rem;
}

h3.collection-title {
    font-size: 1rem;
    font-weight: 700;
}

.material-icons {
    line-height: unset;
}

.input-group-btn .btn {
    line-height: unset;
}

.modal-footer .btn {
    margin-left: 10px;
}

.modal-content {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-title {
    font-size: 1rem;
    font-weight: 700;
}

span.k-icon {
    vertical-align: middle;
}

.idom-datetimepicker span.k-icon, .idom-datepicker span.k-icon {
    vertical-align: middle;
}

.k-select .k-icon {
    margin: 0.8rem 5px;
}

.free-label {
    color: var(--color-free-label);
}

.not-found-container {
    text-align: center;
    background-color: var(--color-accent);
    color: white;
    height: 40px;
}

h4 {
    font-size: 1.1rem;
}

.non-link-eusluga {
    color: #d71920;
}

.visuallyhidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.epodnesak-podnesen-pismena-h3 {
    font-size: 1.35rem;
}

.epodnesak-podnesen-pismena-bottom {
    margin-bottom: 1.8rem;
    border-bottom: 1px solid #ccc;
}

/* #region Izjava o pristupacnosti */

[data-selected-theme="high-contrast"] .izjava-wrapper {
    color: #fff;
}

/* #endregion Izjava o pristupacnosti */

.form-group .control-label {
    z-index: initial !important;
}

/* #region metapodaci - tooltip */
.tooltip-div {

}

    .tooltip-div .tooltip-title {
        visibility: hidden;
        min-width: 250px;
        background-color: white;
        color: black !important;
        font-weight: normal !important;
        font-size: 0.9rem !important;
        font-family: vladarhsans_regregular;
        text-align: center;
        border-radius: 6px;
        box-shadow: 3px -6px 9px #888888;
        padding: 5px 0;
        position: absolute;
        z-index: 11;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
        background-color: white;
        border-bottom: 1px solid lightgray;
        border-left: 1px solid lightgray;
    }

    .tooltip-div .tooltip-title-left {
        bottom: initial;
        left: 50%;
        top: 100%;
    }

    .tooltip-div .tooltip-title-left-textarea {
        bottom: initial;
        left: 5%;
        top: 100%;
    }

    .tooltip-div .tooltip-title-left-kolekcija {
        bottom: 70%;
        left: 7%;
        top: initial;
    }

    .tooltip-div .tooltip-title-left-label {
        top: 75%;
        left: 5%;
        bottom: initial;
        line-height: 1.3rem;
    }

    .tooltip-div .tooltip-title-right {
        bottom: initial;
        left: initial;
        right: 0;
        top: 100%;
    }

    .tooltip-div .tooltip-title-right-textarea {
        bottom: initial;
        left: initial;
        right: 15%;
        top: 100%;
    }

    .tooltip-div .tooltip-title-right-kolekcija {
        bottom: 72%;
        left: initial;
        right: 48%;
        top: initial;
    }

    .tooltip-div .tooltip-title-right-label {
        left: initial;
        bottom: initial;
        top: 80%;
        right: 73%;
        line-height: 1.3rem;
    }

    .tooltip-div .tooltip-title::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent white transparent;
    }

    .tooltip-div .tooltip-title-left::after {
        left: 10%;
    }

    .tooltip-div .tooltip-title-right::after {
        left: 90%;
    }

    .tooltip-div .tooltip-title-left-label::after {
        left: 10%;
    }

    .tooltip-div .tooltip-title-right-label::after {
        left: 90%;
    }

    .tooltip-div .tooltip-title-left-kolekcija::after {
        left: 10%;
    }

    .tooltip-div .tooltip-title-right-kolekcija::after {
        left: 90%;
    }

    .tooltip-div .tooltip-title-left-textarea::after {
        left: 10%;
    }

    .tooltip-div .tooltip-title-right-textarea::after {
        left: 90%;
    }

    .tooltip-div:hover .tooltip-title {
        visibility: visible;
        opacity: 1;
    }
/* #endregion metapodaci - tooltip */

.k-animation-container:has(.k-calendar-container) * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}