* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    position: relative;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.42857143;
    color: #151819;
    font-weight: 400;
    padding-right: 0 !important;
}

/*body div, body p {
    color: inherit;
}*/

body b {
    font-weight: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    color: #00477A;
    font-weight: 600;
}

h2 {
    font-size: 38px;
}

h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}

*:focus {
    outline: 0 !important;
}

a, a:hover, button, button:hover {
    color: #02A9F3;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease, -webkit-box-shadow .3s ease;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
}

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

a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

button {
    cursor: pointer;
}

:focus, :hover {
    outline: none;
    text-decoration: none;
}

::-moz-focus-inner {
    border: 0;
    outline: none;
}

:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 transparent;
}

::-moz-selection {
    color: #fff;
    background: #6E4C71;
}

::selection {
    color: #fff;
    background: #6E4C71;
}

@-moz-document url-prefix() {
    select, select:-moz-focusring, select::-moz-focus-inner {
        color: transparent;
        text-shadow: 0 0 0 #fff;
        background-image: none;
        border: 0;
    }
}

@media print {
    img {
        max-width: 100% !important;
    }
}

@media print {
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
}

svg:not(:root) {
    overflow: hidden;
}

img {
    -ms-interpolation-mode: bicubic;
}

::-moz-selection {
    background: #55BC79;
    color: #fff;
}

::selection {
    background: #55BC79;
    color: #fff;
}

input {
    border:1px solid rgba(110, 120, 125, 0.4);
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    color: rgba(43, 49, 51, 0.5) !important;
    background: #fff;
}
table input, table select {
    color: #151819 !important;
}
.zakonskiZastupnici input{
    height: 20px;
}

/* For Chrome, Edge, and Safari */
::placeholder {
    color: rgba(43, 49, 51, 0.2);
}

/* For Firefox */
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: rgba(43, 49, 51, 0.4);
}

/* For Internet Explorer */
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: rgba(43, 49, 51, 0.2);
}

/*:focus-visible{
    color: rgba(43, 49, 51, 0.5);
}*/

select {
    border:1px solid rgba(110, 120, 125, 0.4);
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    color: rgba(43, 49, 51, 0.5);
    background: #fff;
}

select.tipOsebe {
    padding: 10px;
}

.sporocila select {
    color: rgba(43, 49, 51, 1);
}

textarea {
    border:1px solid rgba(110, 120, 125, 0.4);
    width: 100%;
    padding: 10px 20px;
    color: rgba(43, 49, 51, 0.5) !important;
    background: #fff;
}
textarea:focus{
    color: rgba(43, 49, 51, 0.5) !important;
}
.checkReq textarea {
    margin-bottom: 5px;
}
button {
    background-color: #00477A;
    color: #fff;
    padding: 15px 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    border:0;
}

button.pogodbeExcelExport {
    color: #fff !important;
}

button:hover {
    background-color: rgba(178, 39, 43, 1);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    color: #fff;
}

label {
    font-weight: normal;
    color: #00477A;
}

ul {
    list-style-type: none;
}

.app-wrapper {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 100vh;
}

.app-wrapper::before {
    content: '';
    display: table;
    clear: both;
}

.app-main {

}

.app-sidebar {

}

header {

}

.app-header {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding:0;
}

.app-brand {
    margin-top: 20px;
}

.logo {
    display: block;
    margin: 0;
}

.logo a {
    display: block;
    width: 189px;
    height: 30px;
    background-image: url("../img/logo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.app-search {
    margin-right: 20px;
}

/* SOCIAL NETWORKS */

.app-links {
    margin-top: 20px;
}

.app-links ul {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center!important;
    justify-content: space-between!important;
    margin-bottom: 0;
    width: 100%;
}

.app-links ul li a {
    background: rgba(178, 39, 43, 0.1);
    border-radius: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #B2272B;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 20px;
    font-weight: 600;
    margin-right: 10px;
}

.app-links ul li.last a {
    margin-right: 0;
}

.app-links ul li .jNodeThumb {
    margin-left: 10px;
}

.app-social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.networks {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
}

.networks .network-item {
    margin: 0 15px;
}

.networks .network-item .network-link {
    font-size: 18px;
    color: #000;
}

.networks .network-item .network-link:hover,
.networks .network-item .network-link:focus {
    color: #202020;
}

.app-language {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center!important;
}

.notification-wrapper {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    background: rgba(178, 39, 43, 0.1);
    border-radius: 50%;
    text-align: center;
    margin-right: 20px;
}

.notification-wrapper i {
    color: #B2272B;
    font-size: 21px;
    line-height: 40px;
}

.circle {
    position: absolute;
    bottom: 0px;
    left: -25px;
    display: inline-block;
    border-radius: 50px;
    background: #B2272B;
    text-align: center;
    width: 35px;
    height: 22px;
}
.circle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 0;
}
.circle span {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.language-bar  {
    background: rgba(0, 71, 122, 0.1);
    border-radius: 15px;
    padding: 5px 10px;
    display: none;
}

.language-bar a {
    color: #00477A;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.language-bar i {
    color: #00477A;
    margin-left: 10px;
    font-size: 12px;
}

.header-top {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center!important;
    justify-content: space-between!important;
    margin-bottom: 0;
    width: 100%;
    position: relative;
}

.burger_menu {
    display: none;
    flex-direction: column;
    cursor: pointer;
    padding: 10px;
}

.bar {
    width: 20px;
    height: 3px;
    background-color: #333;
    margin: 2px 0;
}

.closeBurger{
    display: none;
}

.header-detail-wrapper {
    position:relative;
    display: block;
    float: right;
    padding:15px 10px 20px;
    background:rgba(0, 71, 122, 0.1);
    text-align: right;
    cursor: pointer;
}

.header-detail-wrapper:before {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    border-width:0 20px 20px 0;
    border-style:solid;
    border-color:#fff rgba(0, 71, 122, 0.2);
}

.header-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}

.header-detail h4 {
    margin: 0;
    padding: 0;
    color: #00477A;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
}

.header-detail p {
    margin: 0;
}

.header-detail .text-wrapper {
    margin-right: 10px;
}

.profilePopUp {
    width: 100%;
    max-width: 260px;
    padding: 30px 0 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 10;
    text-align: center;
}

.profilePopUp.active {
    display: block;
}

.profilePopUp .centerAV {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    float: none;
}

.profilePopUp .centerAV img {
    width: 100%;
    height: auto;
}

.profilePopUp h4 {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
}

.userTop {
    display: block;
    float: left;
    text-align: center;
    width: calc(100% - 30px);
    margin: 0 15px 20px;
    padding: 0 15px 20px;
    border-bottom: 1px solid rgba(110, 120, 125, 0.3);
}

.userBottom {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    margin: auto;
}

.userBottom p {
    color: #00477A;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 3px;
}

.userBottom p span {
    font-weight: 600;
}

.buttonwrapper {
    display: block;
    float: left;
    width: calc(100% - 30px);
    background-color: #00477A;
    color: #fff;
    padding: 15px 20px;
    margin: 30px 15px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.buttonwrapper:hover {
    background-color: rgba(178, 39, 43, 1);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.buttonwrapper a {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
}

.buttonwrapper span {
    width: 100%;
    text-align: left;
}

.buttonwrapper i {
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 18px;
}

.profileLinks {
    display: block;
    float: left;
    width: 100%;
    margin: auto;
    text-align: center;
}

.profileHolder {
    width: 100%;
    display: flex;
    align-items: center;
    margin: auto;
    float: none;
}

.profileHolder a {
    width: 100%;
    padding: 15px 20px;
    text-align: left;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #00477A;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.profileHolder a i {
    margin-right: 20px;
    font-size: 16px;
}

.profileHolder a:hover {
    background-color: rgba(178, 39, 43, 0.1);
    color: rgba(178, 39, 43, 1);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.loginHeader {
    margin: 0;
}

.loginHeader a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #00477A;
    margin-top: 20px;
}

/* NAV */

.app-nav {
    border-bottom: 1px solid #6E787D;
    display: block;
    float: left;
    width: 100%;
    margin: 35px auto 15px;
}

.app-nav ul {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center!important;
    justify-content: space-between!important;
    margin-bottom: 0;
    width: 100%;
}

.app-nav ul li {
    position: relative;
}

.app-nav ul li .nav-link {
    padding: 20px;
    color: #6E787D;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
}

.app-nav ul li.current .nav-link,
.app-nav ul li.onPath .nav-link{
    font-weight: 700;
    color: #00477A;
}

.app-nav ul li:hover .nav-link {
    color: #00477A;
}

.app-nav ul li::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #B2272B;
    left: 0;
    right: 0;
    bottom: -2px;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.app-nav ul li.current::after,
.app-nav ul li.onPath::after,
.app-nav ul li:hover::after {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.app-nav ul li.first .nav-link {
    padding-left: 0;
}

.app-nav ul li.last .nav-link {
    padding-right: 0;
}

.app-nav .navL1 {
    display: none;
}

/* ASIDE */

aside {

}

/* FORMS */

.app-input {
    height: 30px;
    border: 1px solid #f5f5f5;
    padding: 5px 10px;
    background-color: #fff;
    color: #191919;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.app-input:focus {
    border-color: #191919;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;

}

.app-input::placeholder {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #777;
}

/* BREADCRUMB */

.breadcrumbsWrapper {
    display: block;
    float: left;
    width:100%;
    margin: 0 auto 40px;
}

.breadcrumbsLink {
    float: left;
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #6E787D;
    font-weight: 600;
}

.breadcrumbsLink a {
    padding: 0 10px 0 10px;
    font-size: 12px;
    line-height: 12px;
    color: #00477A;
    text-decoration: none;
    text-transform: none;
    float: left;
}

.breadcrumbsLink.first a {
    padding-left: 0;
}

.breadcrumbsLink.idpog {
    padding-left: 10px;
}

.breadcrumbsLink span {
    float: left;
    margin-right: 10px;
}

h1.topParentTitle,
h2.page-title{
    font-size: 26px;
    line-height: 30px;
    display: block;
    float: left;
    margin-bottom: 20px;
}

#stripe1 {
    display: block;
    width: 100%;
    float: left;
    max-width: 260px;
    margin-right: 40px;
}

.sideBarNav {
    margin-top: 15px;
}

.sideBarNav a {
    color: #151819;
    font-size: 16px;
    line-height: 22px;
    display: block;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #F6F6F6;
    padding: 15px 0;
}

.sideBarNav a:hover {
    color: #00477A;
}

.sideBarNav a.onPath {
    color: #00477A;
    font-weight: 700;
    border-bottom: 1px solid #B2272B;
}

.sideBarNav a.onPath::before {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background: #B2272B;
    width: 75%;
    content: "";
    display: block;
}

.basic-container {
    display: block;
    float: left;
    width: 100%;
    max-width: calc(100% - 300px);
}

.basic-container.fullwidth {
    max-width: 100%;
}

h3.title {
    text-transform: capitalize;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

h3.title:hover {
    color: #B2272B;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.storyInfoWrapper p {
    font-size: 16px;
    margin-bottom: 25px;
    font-weight: 400;
}

.storyNav {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(110, 120, 125, 0.5);
}

.blue-btn {
    background: #00477A;
    padding: 10px 25px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    float: left;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.blue-btn:hover {
    background: #B2272B;
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}

.faqWrapper {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.faqWrapper .dataNav{
    display: table;
    width: calc(100% - 10px);
    background: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    border:0;
    padding: 15px 20px;
    margin-bottom: 5px;
}

.accordion-title {
    display: table-row;
    width: 100%;
}

.faqInfoWrapper {
    display: block;
    float: left;
    width: 100%;
}

.faq-title  {
    display: table-row;
    width: 100%;
    cursor: pointer;
}

.faq-title h3 {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    width: calc(100% - 45px);
    margin-bottom: 0;
}

.faq-title .icon-wrapper {
    color: #00477A;
    float: right;
}

.faq-title .icon-wrapper i {
    transition: transform 500ms linear;
}

.faq-title.active .icon-wrapper i {
    transform: rotate(180deg);
    transition: transform 500ms linear;
}

.faq-body {
    height: auto;
    display: none;
    float: left;
    padding: 40px 50px 20px 50px;
    margin: 0 auto;
    width: 100%;
}

/* STORY */

.story-wrapper p,
.faq-body p,
.contentBody p{
    line-height: 29px;
    margin-bottom: 30px;
}

h1.pageTitle,
h1.title {
    margin-bottom: 25px;
}

.User h1.pageTitle,
.User h1.page-title {
    margin-bottom: 40px;
}

.story-wrapper a,
.faq-body a,
.help a,
.contentBody a {
    color: #00477A;
    text-decoration: underline;
}

.story-wrapper a:hover,
.faq-body a:hover,
.help a:hover,
.contentBody a:hover {
    color: #B2272B;
}

.story-wrapper ul,
.story-wrapper ol,
.contentBody ul,
.contentBody ol,
.pageText ul,
.pageText ol,
.faq-body ol,
.faq-body ul {
    margin-bottom: 30px;
}

.story-wrapper ul,
.contentBody ul,
.pageText ul,
.faq-body ul {
    list-style: none;
}

.story-wrapper ul li,
.contentBody ul li,
.faq-body ul li {
    position: relative;
    padding-left: 15px;
}

.story-wrapper ul li:before,
.contentBody ul li:before,
.pageText ul li:before,
.faq-body ul li:before {
    width: 5px;
    height: 5px;
    display: block;
    content: '';
    border-radius: 50%;
    background-color: #B2272B;
    position: absolute;
    left: 0;
    top: 8px;
}

.pageText ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 30px;
}

.pageText ul li:before {
    width: 8px;
    height: 8px;
    top: 10px;
}

.story-wrapper ol,
.contentBody ol,
.pageText ol,
.faq-body ol {
    padding-left: 20px;
}

.boxLinks p, .boxFiles p {
    margin: 0;
}

.boxFiles a.boxFile {
    font-size: 20px;
    color: #B2272B;
    font-weight: 400;
    border-bottom: 1px solid rgba(110, 120, 125, 0.3);
    padding: 10px 0;
    width: 100%;
    text-decoration: none;
    display: block;
}

.boxFiles span.formatSize {
    margin-left: 10px;
    font-weight: 300;
    text-transform: lowercase;
}

.boxFiles span.arrowDown {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    background-color: #B2272B;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    transition: all .3s ease;
    margin-top: 4px;
    float: right;
}

.boxFiles span.arrowDown i {
    margin-left: 1px;
}

.boxLinks a.boxLink {
    font-size: 20px;
    color: #B2272B;
    font-weight: 400;
    border-bottom: 1px solid rgba(110, 120, 125, 0.3);
    padding: 10px 0;
    width: 100%;
    text-decoration: none;
    display: block;
}

.lead {
    font-weight: 400;
}

.story-wrapper p.lead {
    font-size: 20px;
    line-height: 34px;
}

.entrefilet-box .boxBody {
    font-size: 30px;
    color: #B2272B;
    border-left: 5px solid #B2272B;
    padding-left: 30px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 30px;
}

.image-box,
.fileBox {
    margin-bottom: 30px;
}

.faq-bottom {
    background: #F6F6F6;
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    padding: 15px 10px;
    border-radius: 5px;
}

.faq-bottom p {
    margin: 0;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
}

.help {
    display: block;
    width: 100%;
    float: left;
    margin: 60px auto;
}

.help h3 {
    color: #151819;
}

.help p {
    font-size: 18px;
}

.childrenItemHolder {
    display: block;
    float: none;
    width: calc(100% - 6px);
    margin: 20px auto 0;
}

.childrenItem {
    width: 100%;
    max-width: 370px;
    margin: 0 27px 30px 0;
    float: left;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.childrenItemHolder .childrenItem:nth-of-type(3n) {
    margin-right: 0;
}

.childrenItemHolder .childrenItem:nth-of-type(3n+1) {
    clear: left;
}

.thumbHolder {
    display: block;
    width: 100%;
    float: left;
    position: relative;
}

.thumbWrapper {
    position: relative;
    width: 100%;
    display: block;
    float: left;
}

.thumbWrapper:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001423+0,001423+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,20,35,0) 0%, rgba(0,20,35,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,20,35,0) 0%,rgba(0,20,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,20,35,0) 0%,rgba(0,20,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00001423', endColorstr='#001423',GradientType=0 ); /* IE6-9 */
}

h1.mainTitle {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: left;
    margin: auto;
    display: block;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    padding: 0 30px;
}

.childrenLead {
    width: 100%;
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    margin: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.childrenLead {
    font-size: 14px;
    line-height: 24px;
}

.childrenLead p {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

p.jnodeLead {
    font-weight: 600;
    margin-bottom: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.childrenLead p span {
    font-weight: 700;
}

.childrenLead a.button {
    background-color: #00477A;
    font-size: 16px;
    line-height: 16px;
    padding: 14px 35px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    display: block;
    float: left;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.childrenItem:hover .childrenLead {
    background-color: #B2272B;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.childrenItem:hover .childrenLead p {
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.childrenItem:hover .childrenLead a.button {
    background-color: #fff;
    color: #B2272B;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.produkti h1.pageTitle,
.produkti h1.page-title {
    font-size: 38px;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 30px;
}

.basic-container.produkti {
    width: 100%;
    max-width: calc(100% - 250px);
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    margin: 0 30px 30px 5px;
}

.pageText {
    display: block;
    float: left;
    width: 100%;
}

.pageText p {
    margin-bottom: 30px;
}

.pageText h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px;
}

.pageText h4 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
}

.pageText ul li,
.pageText p {
    font-size: 20px;
}

.produktiChild {
    display: block;
    float: left;
    width: 100%;
    margin-top: 40px;
}

.produktiNav {
    display: table;
    width: 100%;
}

.produktiNav.storyNav {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D8D8D8;
}

.produktiNav .faqNav:last-child .faqTitle {
    border: 0;
}

.produktiNav .faqNav .faqTitle {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.produktiNav .faqNav .faqTitle h3 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}

.produktiNav .faqNav .faqTitle i {
    display: none;
}

.produktiNav .faqNav .faqBody {
    display: none;
}

h4.cestaPitanja {
    width: 100%;
    margin: 30px auto;
    font-size: 16px;
    line-height: 30px;
}

p.oznaka {
    font-size: 16px;
    line-height: 14px;
    font-weight: 600;
    margin-bottom: 40px;
    width: 100%;
    display: block;
    float: left;
}

p.oznaka span {
    font-weight: 700;
    margin-left: 15px;
}

#stripe2 {
    width: 100%;
    max-width: 210px;
    display: block;
    float: right;
}

#stripe2 h3 {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

#stripe2 .browser.faq {
    width: 100%;
    display: block;
    float: left;
}

#stripe2 .browser.faq h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 25px;
}

.faqTitle {
    flex-flow: row nowrap;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(43, 49, 51, 0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

#stripe2 .browser.faq .faqTitle h3 {
    padding-right: 25px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #151819;
    margin: 0;
}

#stripe2 .browser.faq .faqTitle h3:hover {
    color: #00477A;
    font-weight: 600;
}

#stripe2 .browser.faq .faqBody {
    display: none;
}

.faqTitle i {
    color: #00477A;
    font-size: 12px;
}

.modal-backdrop {
    background-color: #00477A;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
}

/* css for double modal backdrop */
.modal:not([aria-hidden="true"]) + .modal:not([aria-hidden="true"]) {
    z-index: 1060;
}
.modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]),
.modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]) {
    z-index: 1050;
}
.modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]),
.modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]),
.modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]),
.modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]) {
    z-index: 1070;
}
.modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"])  + .modal-backdrop:not([aria-hidden="true"]),
.modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]),
.modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]),
.modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]),
.modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]),
.modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]) + div + .modal-backdrop:not([aria-hidden="true"]) + .modal-backdrop:not([aria-hidden="true"]) {
    z-index: 1080;
}
.modal.modal-second-level:not([aria-hidden="true"]) {
    z-index: 1070 !important;
}
.modal.modal-third-level:not([aria-hidden="true"]) {
    z-index: 1080 !important;
}
.modal.modal-fourth-level:not([aria-hidden="true"]) {
    z-index: 1090 !important;
}
/*---------------------------------*/

.modal .close {
    font-size: 30px;
    opacity: 1;
    font-weight: 400;
}

.modal .close:hover {
    background-color: transparent;
}

.modal .close span {
    color: #6E787D;
    float: right;
    margin: 10px 10px 0 0;
}

.modal-header {
    width: calc(100% - 100px);
    margin: auto;
    border-bottom: 1px solid #6E787D;
    text-align: center;
    padding: 10px;
}

.modal-header h4 {
    color: #151819;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

#faqModal .modal-body {
    overflow-y: auto;
}

.modal-body {
    padding: 30px 50px 50px;
}

.modalFaq h2 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #00477A;
}

.modalFaq p {
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    margin: 0;
}

.pagination {
    display: block;
    float: left;
    width: 100%;
}

#list .pagination {
    margin-top: 20px;
}

.pagination ul {
    float: none;
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
}

.pagination li {
    display: inline-block;
    margin-right: 3px;
    border-radius: 2px;
    line-height: 1;
    min-width: 15px;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    transition: color .3s ease, background-color .3s ease;
}

.pagination li.more {
    background: transparent;
    min-width: 1px;
}

.pagination li.more:hover {
    color: #1E365A;
    background: transparent;
    font-weight: 400;
}

.pagination li a {
    color: #151819;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 2px;
}

.pagination li a i {
    color:rgba(110, 120, 125, 0.7);
}

.pagination li.active,
.pagination li:hover {
    font-weight: 900;
    transition: color .3s ease, background-color .3s ease;
    color: #00477A;
}

.pagination li:hover a,
.pagination li:hover a i {
    color: #00477A;
}

.pagination li:last-child {
    margin-right: 0;
}

.pagination li.next,
.pagination li.last,
.pagination li.previous,
.pagination li.first {
    border:1px solid #6E787D;
    border-radius: 50%;
    min-width: 30px;
}

.pagination li.disable {
    background: rgba(110, 120, 125, 0.2);
    border-radius: 50%;
    min-width: 30px;
    border: 0;
}

.pagination li.next a,
.pagination li.last a,
.pagination li.previous a,
.pagination li.first a {
    font-size: 13px;
    line-height: 30px;
}

.pagination li.disable a i {
    color:rgba(110, 120, 125, 0.7);
}

.pagination li.disable a {
    pointer-events: none;
}

.pagination li.disable:hover {
    background: #F9F9F9;
}

.pagination li.disable:hover a i {
    color:rgba(30, 54, 90, 0.2);
}

.loginForm .holder,
.registrationForm .holder,
.passwordRecoveryForm .holder,
.userDataForm .holder,
.changePasswordForm .holder{
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 20px;
}

.forgot-password {
    display: block;
    float: right;
    width: auto;
    color: #00477A;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.button-wrapper {
    float: none;
    text-align: center;
}

.loginButton {
    margin: auto;
    float: none;
}

.holderButtons {
    text-align: center;
    margin: 20px auto 0;
    float: none;
}

.registrationBrowser {
    text-align: center;
    margin: auto;
}

.registrationBrowser p {
    color: #151819;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}
.registrationBrowser p a {
    color: #00477A;
}

.vlogaTitle {
    display: block;
    float: left;
    width: 100%;
    max-width: calc(100% - 90px);
}

.add-new-vloga a {
    width: 66px;
    height: 66px;
    line-height: 66px;
    display: block;
    float: right;
    background: #B2272B;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 10px;
}

.add-new-vloga i {
    color: #fff;
    font-size: 20px;
}

.vlogaFilter {
    background: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    display: table;
    width:calc(100% - 10px);
    padding: 20px 30px 30px;
    margin: 0 5px 10px;
}

.vlogaFilter.mb-30 {
    margin-bottom: 30px;
}

.vlogaFilterTitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center!important;
    border-bottom: 1px solid rgba(110, 120, 125, 0.5);
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.vlogaFilter.inactive{
    padding-bottom: 0;
}
.vlogaFilter.inactive .vlogaFilterTitle{
    margin-bottom: 0;
    border-bottom: none;
}

.vlogaFilterTitle h3,
.opravilaMsgComment h3{
    font-size: 18px;
    line-height: 22px;
    color: #151819;
    width: 100%;
    margin: 0;
}

.vlogaFilterTitle i {
    color: #00477A;
    font-size: 14px;
}

.vlogaFilterFieldsHolder,
.newMessageField{
    display: block;
    float: left;
    width: 100%;
}

.vlogaFilterFields {
    display: flex;
    float: left;
    width: 100%;
    /*max-width: 32.4%;*/
    margin-right: 1.4%;
    margin-bottom: 15px;
    flex-direction: column;
}
.vlogaFilterFields_date {
    margin-bottom: 15px;
    display: flex;
    float: left;
    width: 100%;
    flex-direction: column;
}

.flex-dir-row {
    flex-direction: row;
}

.opravilaButtons {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 30px;
}

.vlogaFilterFieldsHolder .vlogaFilterFields:nth-of-type(3n) {
    margin-right: 0;
}

.vlogaFilterFieldsHolder .vlogaFilterFields:nth-of-type(3n+1) {
    clear: left;
}

.vlogaFilterFields label,
.vlogaFilterFieldsRezervacije label,
.opraviloWrapper label,
.blueLabel{
    color: #00477A;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
}

.vlogaFilterFields .half {
    display: block;
    float: left;
    width: 100%;
    max-width: 48.5%;
    margin-right: 3%;
}

.vlogaFilterFields .half p {
    float: left;
    display: block;
    line-height: 50px;
    margin: 0 5px 0 0;
}

.vlogaFilterFields .half input {
    display: block;
    float: right;
    width: calc(100% - 30px);
    padding: 10px;
}


.vlogaFilterFields .half.last {
    margin-right: 0;
}

.custom-mar-right-0 {
    margin-right: 0 !important;
}

.custom-mar-right-15 {
    margin-right: 15px !important;
}

.zahtevanaMinVrednostHolder {
    margin-left: 15px;
    margin-right: 0 !important;
}

.vlogaButtons {
    float: right;
    text-align: right;
    width: auto;
    margin-top: 25px;
}

.vlogaFilterFields a {
    background: #fff;
    height: 50px;
    line-height: 50px;
    border:1px solid #00477A;
    display: block;
    float: left;
    padding: 0 25px;
    font-weight: 600;
    color: #00477A;
}

.vlogaFilterFields a:hover{
    background-color: #00477A;
    color: #fff;
}

.vlogaFilterFields a.blue {
    border:1px solid #00477A;
    background-color: #00477A;
    color: #fff;
}


.vlogaFilterFields a:last-child {
    margin-left: 10px;
}

.vlogatable {
    width:calc(100% - 10px);
    margin: 0 5px 10px;
    border-collapse:collapse;
}

.vlogadiv {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.vlogadiv .tr {
    display:table-row;
}

.vlogadiv .tr .th,
.vlogadiv .tr .td {
    display:table-cell;
    vertical-align: inherit;
}

.hidden-row {
    display: table;
    width: 100%;
}

.vlogatable th,
.vlogadiv .tr .th {
    background: #6E787D;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    padding: 10px 10px;
}

.vlogatable tr th:first-child,
.vlogatable tbody tr td:first-child,
.vlogadiv .tr .th:first-child,
.vlogadiv .tr .td:first-child {
    padding-left: 15px;
}

.vlogatable tr th:last-child,
.vlogatable tbody tr td:last-child,
.vlogadiv .tr .th:last-child,
.vlogadiv .tr .td:last-child,
.vlogadiv .tr .td.mr-15px{
    padding-right: 15px;
    min-width: 100px;
}

.vlogatable tbody tr,
.vlogadiv .tbody .tr {
    background: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    border-bottom: 6px solid rgba(0,0,0,0.06);
}

.vlogatable tbody tr:last-child,
.vlogadiv .tbody .tr:last-child{
    border: 0;
}

.vlogatable tbody tr td{
    padding: 10px 10px;
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
}

.vlogadiv .td {
    padding: 20px 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #151819;
    vertical-align: middle;
    display: table-cell;
}

.vlogatable tbody tr td:last-child span,
.vlogadiv .tbody .tr .td:last-child span {
    margin-left: 10px;
}

.vlogatable tbody tr.expand td span {
    margin: 0;
}

.vlogatable tbody tr td:last-child span i,
.vlogadiv .tbody .tr .td:last-child span i {
    font-size: 14px;
}

.vlogatable tbody tr td:last-child span.edit,
.vlogadiv .tbody .tr .td:last-child span.edit {
    margin-left: 0;
}

.vlogatable tbody tr td span i,
.vlogadiv .tbody .tr .td span i,
.modal i {
    color: #00477A;
}

.katalog.button i {
    color: #ffffff !important;
}

.vlogatable tbody tr td span.delete i,
.vlogadiv .tbody .tr .td span.delete i{
    color: #B2272B;
}

.vlogatable tbody tr td span.status {
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
}

.vlogatable tbody tr td span.status.VLOŽENA,
.vlogatable .ODDANA,
.vlogatable span.status.V_PREGLEDU,
.vlogatable .vlogatable span.status.V_DOPOLNJEVANJU,
.vlogatable tbody tr td span.status.DOKUMENTACIJA_V_PRIPRAVI {
    background: #FFCC46;
}

.vlogatable tbody tr td span.status.V_DOPOLNJEVANJU,
.vlogatable tbody tr td span.status.PODPISANA_V_DOPOLNJEVANJU,
.vlogatable tbody tr td span.status.UREJANJE_PODPISNIKOV,
.vlogatable tbody tr td span.status.V_DOPOLNJEVANJU_CRPANJE{
    background: #B2272B;
}

.vlogatable tbody tr td span.status.SKLENJENE_POGODBE,
.vlogatable tbody tr td span.status.KREDIT_CRPAN{
    background: #0d7938;
}

.vlogatable tbody tr td span.status.V_CRPANJU,
.vlogatable tbody tr td span.status.V_CRPANJU{
    background: #FFCC46;
}

.vlogatable tbody tr td span.status.V_PRIPRAVI {
    background: rgba(110, 120, 125, 0.1);
    color: rgba(110, 120, 125, 1);
}

.vlogatable tbody tr td span.status.UNKNOWN {
    background: #dc3545;
}

.vlogatable tbody tr td span.status.ZAKLJUČENA,
.vlogatable tbody tr td span.status.V_ODOBRAVANJU {
    background: #3cbd52;
    color: #fff;
}
.vlogatable tbody tr td span.status.OBDELAVI,
.vlogatable span.status.POPOLNA,
.vlogatable span.status.ODOBRENA_S_POGOJI,
.vlogatable span.status.PRIMERNA,
.vlogatable span.status.AKTIVIRANE_POGODBE {
    background: #00D856;
}
.vlogatable span.status.ODOBRENA{
    background: #127c3c;
}

.vlogatable tbody tr td span.status.NEPOPOLNA,
.vlogatable tbody tr td span.status.DOPOLNITI,
.vlogatable span.status.ZAVRNJENA,
.vlogatable span.status.UMAKNUTA,
.vlogatable span.status.ODPOVEDANA{
    background: #FF0000;
}

.vlogatable tbody tr td span.status.ZAPRTA {
    background: #6E787D;
}
.vlogatable tbody tr td span.status.V_ODPOVEDI{
    background:#ff7b00;
}

.vlogatable tbody tr td:last-child {
    text-align: right;
}

.vlogatable tbody tr.no-shadow {
    -webkit-box-shadow:  none;
    -moz-box-shadow:  none;
    box-shadow:  none;
    border-bottom: none;
}
#newMessageModal,
#calcPogodbeModal,
#opraviloModalReceived,
#izberiTransoModal{
    overflow: unset;
}
.newMessageWrapper{
    padding: 20px 40px;
}
.modal-dialog.newMessageDialog,
.modal-dialog.calcPogodbeDialog{
    max-width: 750px;
}
.modal-dialog.opraviloDialog,
#opraviloModalAlert .modal-dialog{
    max-width: 450px;
}
.newMessageDialog .modal-content{
    /*    border: 1px solid #000;
        border-radius: 2px;*/
}
.modal-content.detalji {
    height: 1000px;
}
.modal-content p {
    color: #151819;
}
.modal-content p.dopolnitevVlogeP {
    font-size: 17px;
    font-weight: 500;
    text-decoration: underline;
}
.newMessageField{
    position: relative;
    margin-bottom: 10px;
}
.newMessageField textarea{
    min-height: 200px;
}
.newMessageField select{
    color: rgba(43, 49, 51, 1);
}
.newMessageField label{
    color: #00477A;
    font-weight: 600;
}

.sendMessage{
    position: absolute;
    bottom: 25px;
    left: 20px;
}
tr.expand {
    text-align: left;
}

.dashboard-tabs .vlogatable tbody tr.expand td {
    text-align: left;
    padding-top: 0;
}

.programSelect {
    width: calc(100% - 8px);
    margin: 20px 4px 0;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    display: block;
    float: left;
}

.programSelect select {
    border:0;
    font-size: 18px;
    line-height: 22px;
    color: #00477A;
    font-weight: 600;
}

#programForm {
    float: left;
    display: block;
    width: 100%;
}

.tabList {
    display: block;
    float: left;
    width: 100%;
}

.tabsWrapper .nav-pills,
.esgVPrasalnik .nav-pills {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    width: calc(100% - 8px);
    margin: 10px 4px 0;
}

.tabsWrapper .nav-pills .nav-link,
.esgVPrasalnik .nav-pills .nav-link {
    background: #fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    padding: 15px 20px;
    margin: 0 10px 0 0;
    color:#00477A;
    font-size: 14px;
    line-height: 16px;
}

.tabsWrapper .nav-pills .nav-link.active,
.tabsWrapper .nav-pills .show>.nav-link,
.esgVPrasalnik .nav-pills .nav-link.active,
.esgVPrasalnik .nav-pills .show>.nav-link{
    position: relative;
    font-weight: 700;
    padding: 20px 20px;
    margin: 0 10px 0 0;
    /*z-index: -1;*/
    border-radius: 0;
}

.tabsWrapper .nav-pills .nav-link.active::before,
.tabsWrapper .nav-pills .show>.nav-link::before,
.esgVPrasalnik .nav-pills .nav-link.active::before,
.esgVPrasalnik .nav-pills .show>.nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #B2272B;
    display: block;
}

.esgVPrasalnik select {
    margin-bottom: 20px;
}

.hometabs.tabsWrapper .nav-pills .nav-link {
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
}

.hometabs.tabsWrapper .nav-pills .nav-link {
    margin: 0 20px 0 0;
}

.tabsWrapper .nav-pills .nav-link.active .pill-wrapper {
    background: #B2272B;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    flex-flow: column nowrap;
    padding: 10px 20px;
}

.pill-wrapper .pill-info {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    width: 100%;
    min-width: 260px;
    margin-top: 10px;
}

.pill-wrapper .pill-info i {
    background: #00477A;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    color: #fff;
}

.tabsWrapper .nav-pills .nav-link.active .pill-wrapper .pill-info i {
    background: #fff;
    color: #B2272B;
}

.pill-number {
    font-size: 32px;
    line-height: 36px;
    color: #00477A;
}

.tabsWrapper .nav-pills .nav-link.active .pill-number {
    color: #fff;
}

.tabsWrapper .nav-pills .nav-link.active .pill-wrapper .pill-title {
    color: #fff;
    width: 100%;
    float: left;
    text-align: left;
}

.hometabs.tabsWrapper .nav-pills .nav-link.active::before,
.hometabs.tabsWrapper .nav-pills .show>.nav-link::before {
    display: none;
}

.dashboard-tabs .pogodbe-h3 {
    display: block;
    float: left;
    width: 100%;
}

.dashboard-tabs .vlogatable tbody tr td {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
}

.blue {
    color: #00477A;
}
.sid_red{
    color: #B2272B !important;
}

.dashboard-tabs .oporavila-wrapper .oporavila-right .blue {
    color: #fff;
}

.dashboard-tabs .table-collapse i,
.vlogadiv .tr .td i {
    color: #00477A;
    font-weight: 600;
    font-size: 16px;
}

.vlogatable tbody tr.hidden-row {
    display: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.button_vnesite_davcnu {
    background: none;
    color: rgba(178, 39, 43, 1);
    font-size: 12px;
    border: none;
    transition: all 0.3s ease;
    padding: 5px;
    text-align: left;
    font-weight: 600;
}
.button_vnesite_davcnu:hover {
    background: none;
    border: none;
    color: #151819;
}

.table-body .col {
    padding: 20px 10px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
}

.oporavila-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: end;
    float: left;
    width: 100%;
    border-top: 1px solid rgba(110, 120, 125, 0.5);
    padding: 20px 10px;
}

.opravila-top {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.opravila-top span {
    padding-left: 5px;
}

.opravila-top .third {
    padding-bottom: 10px;
}

.oporavila-full span {
    padding-top: 5px;
}

p.third {
    width: 33%;
    float: left;
    display: block;
    color: rgba(43, 49, 51, 0.5);
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}

p.third span {
    color: rgba(43, 49, 51, 1);
}

.oporavila-full {
    width: 100%;
    margin-bottom: 20px;
}

.oporavila-left .oporavila-full:last-child {
    margin-bottom: 0;
}

.oporavila-full p {
    color: rgba(43, 49, 51, 0.5);
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}

.oporavila-full p span {
    color: rgba(43, 49, 51, 1);
    clear: left;
    width: 100%;
    display: block;
}

.oporavila-full:last-child p {
    margin-bottom: 0;
}

.oporavila-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-flow: column nowrap;
    width: 100%;
    max-width: calc(100% - 300px);
    -ms-flex-align: center;
    align-items: center;
}

.oporavila-right {
    max-width: 300px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.oporavila-right a {
    background: #00477A;
    display: block;
    float: left;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    margin-right: 10px;
}

.oporavila-right a:last-of-type {
    margin-right: 0;
}

.oporavila-table {
    display: table;
    width: 100%;
}

.thead {
    display: table-header-group;
}

.tbody {
    display: table-row-group;
}

.oporavila-table .tr  {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}


.oporavila-table .th {
    display: table-cell;
    vertical-align: inherit;
    background: #6E787D;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    padding: 10px 10px;
}


.oporavila-table .td {
    display: table-cell;
    padding: 20px 10px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
}

.oporavila-table .tbody .tr {
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    border-bottom: 6px solid rgba(0,0,0,0.06);
}

.oporavila-table .tbody .tr .td:first-child,
.oporavila-table .tr .th:first-child{
    padding-left: 30px;
}

.oporavila-table .tbody .tr .td:last-child,
.oporavila-table .tr .th:last-child{
    padding-right: 30px;
}

.produkti-left {
    display: block;
    float: left;
    width: 260px;
    margin-right: 30px;
}

.produkti-left a {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 15px;
    color: #00477A;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.produkti-content {
    display: block;
    float: right;
    width: calc(100% - 350px);
}

.produkti-select {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.produkti-select h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
}

.produkti-select select {
    height: 40px;
    color: #151819;
    padding: 5px 20px;
    border: 1px solid rgba(110, 120, 125, 0.4);
}

.produkti-wrapper {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

.produkti-wrapper .slick-track .slick-slide {
    flex: inherit;
}

.produkti-wrapper h3.produktiTitle {
    background-color: #fff;
    line-height: 17px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    float: left;
    width: 100%;
    padding: 10px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.produkti-wrapper h3.produktiTitle a {
    margin-bottom: 0;
    margin-right: 10px;
    height: 100%;
    /*overflow: hidden;*/
    display: flex;
    align-items: center;
}

.produkti-wrapper h3.produktiTitle:hover {
    background-color: #B2272B;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.produkti-wrapper h3.produktiTitle:hover a {
    color: #fff;
}

.produkti-wrapper h3.produktiTitle.active {
    background-color: #B2272B;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.produkti-wrapper h3.produktiTitle.active a {
    color: #fff;
}

.produkti-wrapper h3.produktiTitle i {
    font-size: 12px;
}

.produkti-wrapper h3.produktiTitle:hover i,
.produkti-wrapper h3.produktiTitle.active i {
    color: #fff;
}

.produkti-content-home {
    width: 100%;
    max-width: calc(100% - 240px);
    padding: 20px 30px 0 0;
    margin: 0 30px 30px 0;
    display: block;
    float: left;
}

.produkti-content-home h2 {
    font-size: 26px;
    margin-bottom: 20px;
}

.produkti-content-home h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

.produkti-content-home h4 {
    font-size: 18px;
    margin-bottom: 20px;
}

.produkti-content-home a{
    color: #00477A;
}

.produkti-content #stripe2 {
    padding-top: 0;
}

.produkti-content h4.cestaPitanja {
    margin: 20px 0 0;
    font-size: 22px;
}

.faq-body.body-ac {
    padding: 20px 0;
}

.produkti-content .body-ac h4.cestaPitanja {
    font-size: 16px;
    margin: 0 0 20px;
}

.produkti-left .nav-tabs {
    float: left;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px;
}

.produkti-left .nav-tabs a {
    color: rgba(43, 49, 51, 0.5);
    font-weight: 600;
    font-size: 16px;
    line-height: 14px;
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.produkti-left .nav-tabs a.active {
    color: #00477A;
}

.produkti-left .nav-tabs a.active::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #B2272B;
    left: 0;
    right: 0;
    bottom: -12px;
    position: absolute;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.produkti-button {
    width: 100%;
    display: block;
    float: left;
}

.produkti-button a.button {
    background: #fff;
    border: 1px solid #00477A;
    display: block;
    float: left;
    padding: 15px 25px;
    font-weight: 600;
    color: #00477A;
    font-size: 16px;
    line-height: 1;
    margin-right: 10px;
}

.produkti-button a.button:last-child {
    margin-right: 0;
}

.produkti-button a.button.blue{
    background: #00477A;
    color: #fff;
}

.produkti-button.small {
    margin-bottom: 20px;
}

.produkti-button.small a.button {
    font-size: 12px;
    background: #00477A;
    color: #fff;
    padding: 10px 20px;
}

.nav-tabs.vloge-list {
    float: left;
    display: block;
    margin-bottom: 25px;
}
.nav-tabs.vloge-list li {
    display: block;
    float: left;
}

.nav-tabs.vloge-list a {
    color: rgba(43, 49, 51, 0.5);
    font-weight: 600;
    font-size: 16px;
    line-height: 14px;
    margin-bottom: 10px;
    padding: 0 10px;
    position: relative;
    display: block;
    float: left;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.nav-tabs.vloge-list a.active {
    color: #00477A;
}

.nav-tabs.vloge-list a.active::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #B2272B;
    left: 0;
    right: 0;
    bottom: -12px;
    position: absolute;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.tabFields {
    width: calc(100% - 8px);
    margin: 0 4px 10px;
    background: #fff;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
    padding: 30px;
    display: block;
    float: left;
    z-index: 9;
}

.tabFields .row {
    margin-bottom: 20px;
    align-items: baseline;
}

.oporavila-div .row {
    margin-left: 0;
    margin-right: 0;
    white-space: nowrap;
}

.tabFields label {
    color: #00477A;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.vloga-left-sidebar {
    width: 100%;
    display: block;
    float: left;
    max-width: 300px;
    margin-right: 50px;
}

.vloga-left-sidebar ul li {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid rgba(110, 120, 125, 0.4);
}

.vloga-left-sidebar ul li a {
    position: relative;
    width: 100%;
    display: block;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.vloga-left-sidebar ul li a:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #ebecef;
    border-radius: 50%;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.tabFields.last .vloga-left-sidebar ul li a:before {
    left: -15px;
}

.vloga-left-sidebar ul li a.red:before {
    background-color: #ff0a00;
}
.vloga-left-sidebar ul li a.green:before {
    background-color: #02d856;
}
.vloga-left-sidebar ul li a.yellow:before {
    background-color: #fecc46;
}


.vloga-left-sidebar ul li a.active,
.vloga-left-sidebar ul li a:hover {
    color: #00477A;
    font-weight: 700;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.vloga-left-sidebar ul li a.active::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    font-size: 14px;
    color: #00477A;
}

.section-container-holder {
    width: 100%;
    display: block;
    float: left;
    max-width: calc(100% - 350px);
}

.section-container-holder.povprasenjeWrapper {
    max-width: calc(100% - 8px);
    margin: 0 4px 25px;
    background: #fff;
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    padding: 30px;
}

.povprasenjeWrapper .table-holder {
    max-width: 100%;
}

.povprasenjeWrapper .row {
    margin-bottom: 15px;
}

.section-container {
    display: none;
}

.section-container.active {
    display: block;
}

.section-container table {
    width: 100%;
}

.all-section-holder {
    display: block;
    float: left;
    width: 100%;
    margin: 0 auto 40px;
}

.all-section-holder ul li {
    width: auto;
    border: none;
}

.all-section-holder .tabName {
    font-size: 18px;
    line-height: 22px;
    color: #151819;
    font-weight: 600;
    margin-bottom: 20px;
}

.all-section-holder .vloga-left-sidebar {
    max-width: 100%;
    text-align: center;
    display: flex;
}

.all-section-holder .vloga-left-sidebar ul li {
    margin-right: 30px;
}

.all-section-holder .vloga-left-sidebar ul li a.active::after {
    display: none;
}

.all-section-holder table {
    width: 50%;
}

.all-section-holder table td {
    border:2px solid #fff;
    background: rgba(0, 71, 122, 0.2);
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #151819;
    padding: 10px;
}

.all-section-holder table td:first-child {
    background: rgba(0, 71, 122, 0.1);
    color: rgba(43, 49, 51, 0.5);
    font-weight: 600;
}

.vloga-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    margin: 40px 0 20px;
}
#opravilaListWrapper .vloga-buttons:not(.vloga-buttons-autocomplete) {
    margin: 40px 0 14px;
}

.vloga-buttons-view.vloga-buttons {
    justify-content: end;
}

.vloga-buttons a {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 15px 30px;
    border:1px solid #00477A;
    color: #00477A;
    text-align: center;
    background-color: #fff;
    display: block;
    float: left;
    margin-right: 20px;
}

a.button.redirectToVloga:not([href]) {
    color: #00477A !important;
}

.vloga-buttons a.cancel-btn {
    border:1px solid #B2272B;
    color: #B2272B;
    margin-right: 0;
}

.vloga-buttons a.blue {
    border:1px solid #00477A;
    background-color: #00477A;
    color: #fff;
}

.vloga-buttons a.last {
    margin-right: 0;
}

.delete-vloga-modal .vloga-buttons {
    display: block;
    margin: 25px auto 0;
    width:auto;
    text-align: center;
}

.delete-vloga-modal .vloga-buttons a {
    float: none;
    display: inline-block;
    width: auto;
}

.delete-vloga-modal .vloga-buttons a:last-child {
    margin-right: 0;
}
.delete-vloga-modal p,
#confirmationModalForDeleteVlasniciNaPrvomNivou .full {
    color: #151819 !important;
}
.delete-vloga-modal .vloga-buttons a:first-child:hover {
    color: #00477A;
}
.noviceHolder {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 10px;
}
.home-novice .noviceHolder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-top: 10px;
}

.noviceHolder .storyNav {
    max-width: 100%;
    display: block;
    float: left;
    margin-bottom: 60px;
    padding-right: 40px;
    border-bottom: 0;
    border-right: 1px solid rgba(110, 120, 125, 0.5);
}
.noviceHolder .storyNav:nth-of-type(2n) {
    /*padding-left: 45px;*/
    padding-right: 0;
    border:0;
}

.noviceHolder .storyNav:nth-of-type(2n+1) {
    clear: left;
}

.date-comment-wrapper {
    display: block;
    float: left;
    width: 40px;
    margin-right: 20px;
}

.date-comment-wrapper img {
    margin: 0 auto 10px;
    display: block;
    max-width: 24px;
    text-align: center;
}

.date-comment-wrapper p {
    font-size: 12px;
    line-height: 1;
    text-align: center;
}

.novice-container {
    float: right;
    display: block;
    width: 100%;
    max-width: calc(100% - 60px);
}

.novice-single {
    display: block;
    float: left;
    width: 100%;
    margin: 10px auto 0;
}

.storyImgWrapper {
    position: relative;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 25px;
}

.category-name {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 7px 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    background: #FD8102;
}

.category-name.splosno {
    background: #0091FF;
}

.category-name.zavarovanje {
    background: #8DCE00;
}

.txtContent {
    display: block;
    float: left;
    width: 100%;
}

.txtContent .title {
    color: #00477A;
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    float: left;
    cursor: pointer;
}

.txtContent .title:hover {
    color: #B2272B;
}

.txtContent span.lead {
    font-size: 16px;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.single-novice-container {
    background: #fff;
    display: block;
    width: 100%;
    float: left;
}

.single-novice-container .category-name {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin-bottom: 20px;
    float: left;
}

.single-novice-container .category-name.no-img {
    margin-left: 60px;
}

.date-comment-wrapper.mt-10 {
    margin-top: 10px;
}

.single-novice-container .category-name a {
    color: #fff;
    text-decoration: none;
}

.single-novice-container .txtContent {
    max-width: 100%;
    display: block;
    float: left;
}

.single-novice-container .txtContent .title {
    font-size: 38px;
    line-height: 46px;
    font-weight: 600;
    pointer-events: none;
}

.single-novice-container .txtContent .title:hover {
    color: #00477A;
}

.single-novice-container .txtContent span.lead {
    font-size: 20px;
    margin-bottom: 34px;
}

.single-large-thumb {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin: 0 auto 40px;
}

.single-large-thumb .single-novice-container {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #fff;
    display: block;
    width: 100%;
    float: left;
    padding: 30px 40px;
    max-width: 860px;
}

.single-large-thumb .single-novice-container .txtContent {
    max-width: 630px;
    display: block;
    float: left;
}

.single-large-thumb .single-novice-container .category-name {
    margin-bottom: 0;
}

.single-large-thumb .date-comment-wrapper img {
    margin-top: 35px;
}

.novice h2 {
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 30px;
}

.novice h3 {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 30px;
}

.novice h4 {
    font-size: 28px;
    line-height: 28px;
    margin: 0 0 30px;
}

.novice h5 {
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 30px;
}

.novice h6 {
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 30px;
}

.novice ul li {
    margin-bottom: 20px;
    padding-left: 25px;
    font-size: 20px;
}

.novice ul li:before {
    width: 10px;
    height: 10px;
    top: 10px;
}

.box-left {
    float: left;
    padding-right: 20px;
}

.box-right {
    float: right;
    padding-left: 20px;
}

.box-center {
    float: none;
    margin: auto;
    clear: left;
}

.box1170,
.box585 {
    margin-bottom: 30px;
    position: relative;
}

.story-wrapper table {
    width: 100%;
    margin-bottom: 30px;
}

.story-wrapper table th {
    border: 1px solid #6E787D;
    padding: 15px 20px;
    vertical-align: middle;
    color: #151819;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
}

.story-wrapper table td {
    border: 1px solid #6E787D;
    padding: 15px 20px;
    vertical-align: middle;
    color: #151819;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
}

.story-wrapper table tr:first-child td,
.story-wrapper table th{
    background: #E1E8EC;
}

.story-wrapper table tr td:first-child {
    background: #C7CFD3;
}


table p,
.story-wrapper table p {
    margin-bottom: 0;
}

.nepravilnostiTabela {
    display: block;
    float: left;
    width: calc(100% - 8px);
    margin: 20px 4px 50px;
    padding: 30px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
}

.nepravilnostiTabela h3 {
    color: #151819;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 auto 20px;
}

.nepravilnostiTabela table {
    width: 100%;
}

.nepravilnostiTabela tbody tr td {
    font-size: 12px;
    padding: 10px 20px;
}

.nepravilnostiTabela tbody tr td:last-child {
    text-align: left;
    color: #B2272B;
}

.nepravilnostiTabela table td,
.nepravilnostiTabela table th {
    border: 1px solid #C5C9CB;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 20px;
    font-weight: 600;
}

.vlogaCheckbox {
    display: block;
    float: left;
    width: auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vlogaCheckbox label {
    color: #00477A;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    float: left;
    display: block;
    padding-left: 25px;
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.vlogaCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    padding: 0;
    border: none;
    border-radius: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 20px;
}

.vlogaCheckbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    margin-right: 10px;
    border: 1px solid #6E787D;
    border-radius: 2px;
    background: #fff;
}

.vlogaTableCheckbox input{
    position: relative;
}
.vlogaTableCheckbox .checkmark,
.vlogaTableCheckbox .checkmark:after
{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vlogaCheckbox.vlogaTableCheckbox{
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
}

input:checked ~ .checkmark {
    background-color: #00477A;
    border-color: #00477A;
}

.vlogaCheckbox .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    content: "";
    position: absolute;
    display: none;
}

.vlogaCheckbox input:checked ~ .checkmark:after {
    display: block;
    top: 2px;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
    margin: auto;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    display: inline-block;
    transform: rotate(45deg);
    height: 13px;
    width: 8px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    background: #00477A;
}

.vlogaCheckbox .input-group {
    position: initial;
    display: initial;
    display: initial;
    -ms-flex-wrap: initial;
    flex-wrap: initial;
    -ms-flex-align: initial;
    align-items: initial;
    width: auto;
}

.vlogaRadio .label span {
    color: #151819;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    float: left;
    width: 100%;
}

.vlogaRadio .label span.js-error-label {
    color: red;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
}

.radioButtonHolder {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-left: 20px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.zastupnikSkrbnikRadio .vlogaCheckbox input {
    left: 0;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #151819;
    font-size: 14px;
    font-weight: 600;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #6E787D;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #00477A;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.vlogaYesNo .input-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    width: 100%;
}

.js-yesno-button-box {
    margin-left: 10px;
}

.vlogaYesNo .label {
    margin-bottom: 0;
    display: block;
    float: left;
    width: auto;
    max-width: calc(100% - 130px);
    color: #00477A;
}


.js-yesno-button-box a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    padding: 8px 15px;
    border: 1px solid #00477A;
    color: #00477A;
    text-align: center;
    background-color: #fff;
    display: block;
    float: left;
}

.js-yesno-button-box a.active {
    border: 1px solid #00477A;
    background-color: #00477A;
    color: #fff;
}

.table-holder {
    width: 100%;
    /*max-width: 750px;*/
    display: block;
    float: left;
}
.table-holder table{
    overflow: auto;
}

.section-container-holder table th,
.section-container-holder table td {
    border: 1px solid rgba(110, 120, 125, 0.4);
    border: 0;
    padding: 10px;
    font-weight: 400;
}

.section-container-holder table {
    /*width: calc(100% - 10px);*/
    margin: 0 0 10px;
    border-collapse: collapse;
}

.section-container-holder table.vlogatableDodatna {
    width: calc(100% - 10px);
}

.section-container-holder table th {
    background: #6E787D;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    padding: 10px 10px;
}

.section-container-holder table tr,
.section-container-holder table.porociloTable tr:first-child,
.section-container-holder table.porociloTablePreview tr:first-child{
    background: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    border-bottom:  6px solid rgba(0,0,0,0.06);
}

.section-container-holder table tr:last-child {
    border-bottom: 0;
}

.section-container-holder table tr:first-child {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /*border-bottom: none;*/
}

.section-container-holder.fullwidth {
    max-width: 100%;
}

.porocila-table.section-container-holder table tr {
    border-bottom: 0;
}

.porocila-table.section-container-holder table td {
    border:2px solid #fff;
    background: rgba(0, 71, 122, 0.2);
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #151819;
    padding: 10px 20px;
}

.porocila-table.section-container-holder table td.blue {
    color: #00477A;
}

.porocila-table.section-container-holder table td:first-child {
    background: rgba(0, 71, 122, 0.1);
    color: rgba(43, 49, 51, 0.5);
    font-weight: 600;
}

.porocila-label {
    color: #00477A;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 25px;
}

.porocila-tabs .section-container-holder label {
    margin: 20px 0 25px;
    display: block;
    float: left;
    width: 100%;
}

.section-container-holder table.porocilaTable tr:first-child {
    border-bottom: 6px solid rgba(0,0,0,0.06);
}

.porocila-tabs .section-container-holder label.comment-area{
    color: #00477A;
}

.porociloTable {
    width: 100%;
}

.max-w-50 {
    width: 50px;
}

.priponke-wrapper {
    display: flex;
    align-content: center;
    align-items: center;
    width: 100%;
    float: left;
}

.priponke-select {
    margin-right: 40px;
}

.tabFields .section-container-holder .priponke-button label {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 15px 30px;
    border: 1px solid #00477A;
    background-color: #00477A;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
    margin: 0;
    color: #00477A;
}

.priponkeFile.uploadFile a {
    float: left;
}

.uploadFile.priponkeFile .file-custom p {
    margin: 0 10px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #00477A;
}

.section-container-holder.fullwidth table {
    width: 100%;
}

.tabFields .section-container-holder label.blue {
    color: #00477A;
}

.tabFields .section-container-holder h3.black {
    color: #151819;
    margin: 30px 0 20px;
}

.mb-40.vlogaFilter {
    margin-bottom: 40px;
}

.vlogaFilter .porocila-table.section-container-holder table td {
    padding: 10px;
}

.porocilaFilter,
.porocilaFilter.disable {
    /*display: none;*/
}

.porocilaFilter.enable {
    display: table;
}

.section-container-holder table tr.pravna,
.section-container-holder table tr.Država {
    background: #fbfbfb;
}

.section-container-holder table tr td,
.predlogSpregleda {
    padding: 10px 10px 15px 10px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    align-items: baseline;
    color: #151819;
}

.predlogSpregleda:hover{
    cursor: pointer !important;
}

.color151819,
.color151819:hover {
    color: #151819 !important;
}

.color00477A,
.color00477A:hover {
    color: #00477A !important;
}

.section-container-holder tr.boldFD td {
    font-weight: 700;
}

.section-container-holder table tr td.zzDetalji, td.vsDetalji, .addEmailPotpisnika, .redLinkText,
.section-container-holder table tr td.zdplDetalji,
.section-container-holder table tr td.zzDetaljiSV,
.predlogSpregleda, .editFLZ {
    color: #B2272B !important;
}
.section-container-holder table tr td.zzDetalji:hover, td.vsDetalji:hover, .addEmailPotpisnika:hover, .redLinkText:hover,
.section-container-holder table tr td.zdplDetalji:hover,
.section-container-holder table tr td.zzDetaljiSV:hover,
.predlogSpregleda:hover, .editFLZ:hover {
    cursor: pointer;
}

.addEmailPotpisnika {
    display: flex;
    justify-content: center;
}

.section-container-holder table tr td i.fa-eye {
    color: #00477A;
}

i.fa-eye:hover, i.fa-pencil-alt:hover, i.fa-trash:hover, i.fa-power-off:hover {
    cursor: pointer !important;
}

.section-container-holder table tr td i.fa-pencil-alt {
    color: #00477A;
}

.section-container-holder table tr td i.fa-trash {
    color: #B2272B;
    cursor: pointer;
}

td.deleteRow button {
    background-color: transparent;
}

.section-container-holder .add-row,
.section-container-holder .add-row-button {
    display: block;
    float: right;
    margin: 10px 10px 40px 0;
    color: #B2272B !important;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
}

.section-container-holder .add-row.mb-small {
    margin-bottom: 10px;
}

.section-container-holder .add-row span.plus,
.section-container-holder .add-row-button span.plus{
    width: 30px;
    height: 30px;
    background: #B2272B;
    line-height: 30px;
    text-align: center;
    display: block;
    float: right;
    margin-left: 10px;
    border-radius: 50%;
}

.section-container-holder .add-row span.plus i,
.section-container-holder .add-row-button span.plus i {
    color: #fff;
}

.tabFields .section-container-holder label,
.table_name,
.poslovnePovezaveTitle,
.podaci-datum-vlasnicka {
    color: #00477A;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    vertical-align: middle;
    display: table-cell;
}

.podaci-datum-vlasnicka {
    float: right;
    font-size: 13px !important;
    color: #00477A !important;
}

.tabFields .section-container-holder .modal-body label,
.modal-body label,
.infoMsg {
    color: #151819;
    font-weight: 400;
    font-size: 14px;
    line-height:16px;
    margin-bottom: 5px;
    line-height: 1.4;
}
.tabFields .section-container-holder .modal-body label,
.modal-body label {
    color: #00477A;
}

.infoMsg {
    margin-top: 30px;
    line-height: 20px;
}

.top-margin-20px {
    margin-top: 20px;
}

table .zzDetalji, table .vsDetalji, table .zdplDetalji,
table .editOvlasceniZastupnikRow, table .cnoDetalji, table .zzDetaljiSV, .editFLZ {
    cursor: pointer;
}

.section-container-holder .add.addRow {
    float: right;
}

.input-group.table-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
}

.input-group.table-group .label {
    margin-bottom: 0;
}

.input-group.table-group a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    padding: 10px;
    border: 1px solid #00477A;
    color: #00477A;
    text-align: center;
    background-color: #fff;
    display: block;
}

.input-group.table-group a:hover {
    border: 1px solid #00477A;
    background-color: #00477A;
    color: #fff;
}

.input-group.table-group td i.deleteRow {
    display: block;
    text-align: center;
    cursor: pointer;
}

.input-group.table-group td i.deleteRow:hover {
    color: #B2272B;
}

.pogodbe-box {
    background: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    display: table;
    width:calc(100% - 10px);
    padding: 20px 30px 30px;
    margin: 0 5px 10px;
}

.pogodbe-box-custom {
    display:  grid;
    gap: 10px;
}

.pogodbe-box.pogodbe-box-custom .third {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.pogodbe-box.pogodbe-box-custom .third:nth-child(2) {
    grid-template-columns: 2fr 1fr;
    gap: 10px;
}

.pogodbe-box.pogodbe-box-custom .third:nth-child(2) .pogodbe-row:last-child {
    justify-self: end;
}

.pogodbe-box.pogodbe-box-custom .third.last {
    justify-content: start;
}

.pogodbe-box-custom .pogodbe-row,
.pogodbe-box-custom .pogodbe-row .pogodbe-input-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pogodbe-box-custom .pogodbe-row .pogodbe-input-label {
    height: 36px;
    white-space: nowrap;
    min-width: 200px;
    padding: 10px;
    font-size: 14px;
}

.pogodbe-box-custom .pogodbe-row .pogodbe-input {
    width: 155px;
    height: 40px;
    background: rgba(0, 71, 122, 0.2);
    color: #151819 !important;
}

.width-fit-content {
    min-width: 575px !important;
}

.pogodbe-box h3 {
    color: #151819;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.pogodbe-box .half{
    width: 49%;
    margin-right: 2%;
    display: block;
    float: left;
}

.pogodbe-box.half{
    width: 48.4%;
    margin-right: 2%;
    display: block;
    float: left;
}

.pogodbe-box .third {
    width: 32%;
    margin-right: 2%;
    display: block;
    float: left;
}

.pogodbe-box .half.last,
.pogodbe-box.half.last,
.pogodbe-box .third.last{
    margin-right: 0;
}

.no-border {
    border:0;
    margin-bottom: 20px;
}

.no-border td {
    padding: 5px 10px 5px 0;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: rgba(43, 49, 51, 0.5);
    font-weight: 600;
}

.no-border td:last-child {
    font-weight: 600;
    color: rgba(43, 49, 51, 1);
}

.no-border td.blue {
    color: #00477A;
}

table.pogodbe {
    width: 100%;
    color: rgba(43, 49, 51, 0.5);
    margin: 0 0 40px;
}

table.pogodbe th,
table.pogodbe td,
.pogodbe-input {
    border: 1px solid rgba(110, 120, 125, 0.4);
    padding: 10px;
    font-weight: 400;
}

table.pogodbe th {
    font-weight: 600;
    color: #00477A;
}

table.pogodbe td,
.pogodbe-input {
    border:2px solid #fff;
    background: rgba(0, 71, 122, 0.2);
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #151819;
    padding: 10px;
}

table.pogodbe td:first-child,
.pogodbe-input-label {
    background: rgba(0, 71, 122, 0.1);
    color: rgba(43, 49, 51, 0.5);
    font-weight: 600;
}

.pogodbe-links h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
}

.oddaj-vlogo {
    display: block;
    float: right;
}

.oddaj-vlogo a {
    background: #00477A;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding: 15px 35px;
    float: right;
}

.oddaj-vlogo a:hover {
    color: #fff;
}

.pogodbe-box .third {
    width: 32.33%;
    margin-right: 1.5%;
    display: block;
    float: left;
}

.pogodbe-box .third.last {
    margin-right: 0;
}

.pogodbe-box .third table.pogodbe {
    margin: 10px 0 0;
}

h3.pogodbe-h3 {
    font-size: 26px;
    line-height: 30px;
    margin: 50px 5px 10px;
}

.home-novice-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    margin: 50px 0 10px;
    width: 100%;
}

.home-novice h3.pogodbe-h3  {
    margin: 0;
}

.home-novice-title a.button {
    background: #fff;
    height: 50px;
    line-height: 50px;
    border: 1px solid #00477A;
    padding: 0 25px;
    font-weight: 600;
    color: #00477A;
}

.home-novice-title a.button:hover {
    background-color: #00477A;
    color: #fff;
}

.home-novice .noviceHolder .storyNav {
    width: 100%;
    max-width: 370px;
    display: block;
    float: left;
    margin-bottom: 0;
    /*margin-right: 30px;*/
    padding-right: 0;
    border-bottom: 0;
    border-right: 0;
    padding-bottom: 0;
}

.noviceHolder .storyNav:nth-of-type(2n) {
    /*padding-left: 40px;*/
}

.home-novice .noviceHolder .storyNav:nth-of-type(3n) {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    border:0;
}

.home-novice .noviceHolder .storyNav:nth-of-type(2n+1) {
    clear: none;
}

.home-novice .noviceHolder .storyNav:nth-of-type(3n+1) {
    clear: left;
}

.home-novice .storyImgWrapper::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001423+0,001423+100&0+0,0.6+100 */
    background: -moz-linear-gradient(top,  rgba(0,20,35,0) 0%, rgba(0,20,35,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,20,35,0) 0%,rgba(0,20,35,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,20,35,0) 0%,rgba(0,20,35,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00001423', endColorstr='#99001423',GradientType=0 ); /* IE6-9 */
}

.home-title-date {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: 100%;
    max-width: calc(100% - 40px);
}

.home-title-date a {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
}

.home-title-date p {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 12px;
    margin: 0 auto 10px;
}

.pogodbe-box .holder {
    display: block;
    float: left;
    margin: 0 0 25px;
    width: 100%;
}

.pogodbe-box .holder p {
    margin: 0;
}

.align-right {
    text-align: right;
}

.vlogatable.pogodbene-zavese tbody tr td:last-child {
    text-align: left;
}

.website-help {
    width: 100%;
    max-width: 900px;
    margin: 70px auto 0;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.website-help-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    max-width: calc(100% - 450px);
    -ms-flex-align: center;
    align-items: center;
}

.website-help-left p {
    float: left;
    margin: 0;
    margin-right: 20px;
}

.website-help-left .thumb {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    padding: 10px;
    border:1px solid #B2272B;
}

.website-help-left .thumb.last {
    margin-right: 0;
}

.website-help .form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 450px;
}

.website-help form {
    width: 100%;
}

.website-help .form input {
    width: 100%;
    max-width: calc(100% - 100px);
    display: block;
    float: left;
    height: 40px;
    background: #F6F6F6;
    color: rgba(43, 49, 51, 0.5);
    font-size: 15px;
    border:0;
}

.website-help .form button {
    width: 100px;
    height: 40px;
    text-align: center;
    float: left;
    display: block;
    background: #00477A;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    padding: 0;
}

.modal.detalji .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.modal-dialog{
    max-width: 800px;
}
.modal.detalji,
.modal.zavarovanjeModal{
    max-width: 800px;
    /*  max-height: 75vH;*/
    padding: 0 !important;
    margin: auto;
    right: 0;
}

/*.modal#detaljiLokacijaModal,
#detaljiLokacijaModal .modal-dialog-scrollable .modal-content{
    min-height: calc(100vh - 40px);
}*/

.modal.modal-upfront {
    z-index: 1060;
}

.modal.detalji .half {
    width: 49%;
    margin-right: 2%;
    display: block;
    float: left;
}
.modal.detalji .third {
    width: 33%;
    margin-right: 2%;
    display: block;
    float: left;
}
.modal.detalji .third.custom-third-width {
    width: 39%;
}

.modal.detalji .half:nth-of-type(2n) {
    margin-right: 0;
}
.modal.detalji .third:last-of-type {
    margin-right: 0;
}

.modal.detalji .half:nth-of-type(2n+1) {
    clear: left;
}

.modal.detalji .holder{
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
}
.modal.detalji .holderThirds{
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
    justify-content: end;
}
/*.modal[visoko-tveganje].detalji .holder {
    align-items: center;
}*/

.zavarovanjeModal .holder{
    margin-bottom: 10px;
}

.modal.detalji .fullwidth {
    max-width: 100%;
}

.modal.detalji .fullwidth .detailCheckbox {
    margin-top: 0;
}

.modal.detalji .detailCheckbox label {
    margin-bottom: 0;
}

.detailCheckbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    align-self: center;
}

.detailCheckbox input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

::-webkit-calendar-picker-indicator{
    margin-left: -5px;
}

.modal-body .vlasnickeVeze {
    /*margin: 40px 0;*/
}

.modal-body .vlasnickeVeze table {
    width: 100%;
    margin: 0 0 10px;
}

.vlasnickeVeze .add-row,
.add-row-button {
    margin-bottom: 10px;
    color: #B2272B;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    float: right;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.vlasnickeVeze .add-row:hover,
.add-row-button:hover {
    /*    background: #B2272B;
        color: #fff;*/
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.vlasnickeVeze table th {
    font-size: 14px;
    line-height: 18px;
    padding: 7px;
}

.fullwidth-table {
    width: 100%;
    display: block;
}

.right-button {
    float: right;
    display: block;
    width: 100%;
}

#js-vloga-form,
.blueBtn{
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    background-color: #00477A;
    color: #fff;
    display: block;
    float: left;
    padding: 0 25px;
    font-weight: 600;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease, -webkit-box-shadow .3s ease;
}

#js-vloga-form:hover,
.blueBtn:hover{
    background-color: #B2272B;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease, -webkit-box-shadow .3s ease;
    color: #fff;
}

#sporocilaListWrapper,
#opravilaListWrapper{
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    display: table;
    width:calc(100% - 10px);
    margin: 0 5px 10px;
}
#sporocilaListWrapper .vlogaFilterFields{
    flex-direction: row;
}

.sporocilaTabsWrapper  {
    width: 100%;
    /*max-height: 505px;*/
    max-height: 100vh;
    overflow-y: auto;
    border-right: 1px solid #D8D8D8;
}

.sporocilaTabsWrapper ul.nav li {
    border-bottom:1px solid #D8D8D8;
    width: 100%;
}

.sporocilaTabsWrapper .nav-pills .nav-link {
    border-radius: 0;
    padding: 15px 20px;
}

.sporocilaTabsWrapper .nav-pills .nav-link.active,
.sporocilaTabsWrapper .nav-pills .show>.nav-link {
    background-color: rgba(0, 71, 122, 0.1);
}

.sporocilaTabsWrapper i.fa-star {
    color: #fff;
    -webkit-text-fill-color: #ff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #6E787D;
    font-size: 14px;
}

.sporocilaTabsWrapper .nav-pills .nav-link i.fa-star.js_important{
    color: #B2272B;
    -webkit-text-fill-color: #B2272B;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #B2272B;
}

p.sporocila-p {
    color: #00477A;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    width: calc(100% - 35px);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
p.sporocila-p.not-expand{
    padding-left: 35px;
}
.expand-messages i{
    font-size: 20px;
    color: #00477A;
    transition: transform 500ms linear;
}

.nav-pills.activeeee .expand-messages i{
    transform: rotate(180deg);
    transition: transform 500ms linear;
}

.conversation-messages{
    width: 100%;
    display: none;
}
.sporocilaTabsWrapper .nav-pills .nav-link.expend-conv,
.conversation-messages a,
.sporocilaTabsWrapper .nav-pills .nav-link.opened-conv
{
    background-color: #c2e5fe;
}



.pill-wrapper .sporocila-list-title p {
    color: #151819;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}

.sporocilaTop {
    background: #6E787D;
    display: block;
    float: left;
    width: 100%;
}

.sporocilaTop h4 {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    display: block;
    float: left;
    margin: 0;
}

.firstField {
    width: 100%;
    display: block;
    float: left;
    max-width: 390px;
}

.secondField {
    width: 100%;
    display: block;
    float: left;
    max-width: calc(100% - 390px);
}
.sporocilaTop.sporocilaTop-responsive{
    display: none
}

.tab-content.secondField {
    padding: 20px 40px;
}

.tab-content.secondField .vlogaButtons {
    float: left;
    margin-bottom: 20px;
}

.sporocilaTop .firstField {
    padding:10px 20px 10px 56px;
}

.sporocilaTop .secondField {
    padding: 10px 40px;
}

.sporocilaTabsWrapper .pill-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: top;
    align-items: top;
    -ms-flex-pack: top;
    justify-content: space-between;
    margin-bottom: 20px;
}

.sporocila-list-title, .notification-list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: top;
    align-items: top;
    -ms-flex-pack: top;
    justify-content: space-between;
    padding-left: 20px;
}
.sporocila-list-title p {
    margin-bottom: 0;
}

.sporocila-right img,
.notification-right img {
    max-width: 18px;
    float: right;
    display: block;
    margin-bottom: 3px;
}

.pill-wrapper .sporocila-list-title .sporocila-right p {
    font-size: 11px;
}

.pill-wrapper .sporocila-list-title .sporocila-left p.autor,
.notification-left p.autor  {
    font-size: 12px;
    margin-bottom: 5px;
}

.tab-content.secondField h2 {
    margin-bottom: 20px;
    font-size: 26px;
}

div.avtor {
    margin-bottom: 30px;
}

div.avtor p {
    margin-bottom: 5px;
}

div.avtor p.avtor {
    margin-bottom: 0;
}

.povprasevanjeModal label,
.zavarovanjeModal label{
    color: #00477A;
    font-size: 14px;
}

.povprasevanjeModal .fullwidth {
    width: 100%;
}

a.katalog {
    float: left;
    width: auto;
    display: block;
    background: #00477A;
    text-align: center;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
    margin-top: 15px;
}

a.katalog:hover {
    background: #B2272B;
    color: #fff;
}

a.katalog span {
    border:1px solid #fff;
    border-radius: 3px;
    padding: 3px;
    font-size: 10px;
    margin-right: 10px;
}

a.katalog span i {
    font-size: 11px;
}

.povprasevanje-buttons {
    margin: 40px auto 20px;
    float: none;
    display: block;
    width: 100%;
    text-align: center;
}

.povprasevanje-buttons a {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 15px 30px;
    border:1px solid #00477A;
    color: #00477A;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    margin-right: 20px;
}

.povprasevanje-buttons a.cancel-btn {
    border:1px solid #B2272B;
    color: #B2272B;
}

.povprasevanje-buttons a.blue {
    border:1px solid #00477A;
    background-color: #00477A;
    color: #fff;
}

.povprasevanje-buttons a.last {
    margin-right: 0;
}

.katalogModal .modal-dialog {
    max-width: 1170px;
}

.modal.katalogModal {
    z-index: 9999;
}

.productKatalog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    width: calc(100% - 8px);
    margin: 0 4px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    padding: 10px 20px;
    position: relative;
}

.productKatalog h3 {
    max-width: calc(100% - 220px);
    cursor: pointer;
    font-size: 15px;
    margin-bottom: 0;
}
.productKatalog label{
    margin-bottom: 0;
}

.katalogDetails {
    width: auto;
    float: right;
    display: block;
    max-width: 190px;
}

.katalogDetails span {
    color: #00477A;
    display: block;
    float: left;
    margin-right: 30px;
    cursor: pointer;
    font-size: 14px;
}

.katalogRadioHolder {
    float: right;
    display: block;
}

.katalogTable {
    width: calc(100% - 8px);
    margin: 0 4px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    margin: 15px auto;
    display: none;
}
.katalogTable .vlogatable tbody tr td {
    color: #151819 !important;
}

.send a.blue:hover,
.prihvatiBtn a.blue:hover {
    background: #B2272B;
    border:1px solid #B2272B;
    color: #fff;
}

.uploadFile .vloga-left-sidebar {
    max-width: 100%;
    margin-right: 0;
}

.uploadFile .vloga-left-sidebar ul li {
    border: 0;
}

.uploadFile .vloga-left-sidebar ul li a {
    color: #151819;
    font-size: 18px;
    line-height: 22px;
    pointer-events: none;
}

.uploadFile .vloga-left-sidebar ul li a.active::after {
    display: none;
}

.uploadFile .input-group {
    display: block;
    float: left;
    width: 100%;
}

.uploadFile label.file input.customFile {
    border:0;
    color: #00477A;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    -webkit-user-select: none;
    padding-left: 0;
    display: none;
    float: left;
    width: calc(100% - 200px);
}


input.customFile::-webkit-file-upload-button {
    visibility: hidden;
    width: 0;
    padding: 0;
    margin: 0;
}

.uploadFile .file-custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    cursor: pointer;
    float: right;
}

.uploadFile .file-custom img {
    float:left;
    display: block;
}

.uploadFile .file-custom img.file {
    max-width: 14px;
}

.uploadFile .file-custom img.uploadImg {
    max-width: 40px;
}

.uploadFile .file-custom p {
    display: block;
    float: left;
    margin: 0 10px;
    font-size: 14px;
    font-weight: 400;
}

.uploadFile .section-container-holder {
    max-width: 100%;
}

.uploadFile label.file {
    float: right;
    display: block;
    width: 100%;
    max-width: 200px;
    margin-bottom: 0;
}

.uploadFile label.label span:first-child {
    display: none;
}

.fileDetails {
    display: none;
}

.fileDetails.active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
}

.fileDetails i {
    color: #00477A;
}

.fileDetail .modal-dialog {
    max-width: 800px;
}

.fileDetail .modal-dialog iframe {
    width: 100%;
    min-height: 400px;
}

span.eye {
    margin-left: 10px;
    cursor: pointer;
}

.filename {
    color: #00477A;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}

/*  LOGIN  */

.loginContainer {
    height: 100vH;
    flex-flow: column nowrap;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1170px;
    margin: auto;
}

.login-logo {
    margin: 60px auto 0;
    width: calc(100% - 30px);
}

.loginHolder {
    border-radius: 5px;
    margin: 60px auto 0;
    width: calc(100% - 30px);
}

.loginHolder .data {
    padding: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgb(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgb(0,0,0,0.1);
    display: flex;
    float: none;
    margin: auto;
    width: 100%;
    max-width: 520px;

}

.loginHomeWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgb(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgb(0,0,0,0.1);
    float: none;
    margin: auto;
    width: calc(100% - 30px);
    max-width: 520px;
}

.loginHomeWrapper a {
    padding: 20px 40px;
    background: #fff;
    border: 1px solid #00477A;
    display: block;
    float: left;
    font-weight: 600;
    color: #00477A;
    margin: 0;
}

.loginHomeWrapper a:first-child {
    margin-right: 30px;
}

.loginHomeWrapper a:hover {
    background-color: #00477A;
    color: #fff;
}

.loginHomeWrapper a.blue {
    background-color: #00477A;
    color: #fff;
}

.loginHomeWrapper a.blue:hover {
    background-color: #B2272B;
    border-color: #B2272B;
}

.listOrganization {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.listOrganization h3 {
    margin-bottom: 40px;
}

.listOrganization a.button {
    padding: 10px 20px;
    background: #fff;
    display: block;
    float: left;
    font-weight: 600;
    background-color: #00477A;
    color: #fff;
}

.listOrganization a.button:hover {
    background-color: #B2272B;
}

.registrationContainer.loginHolder {
    width: 100%;
    max-width: calc(100% - 30px);
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.registrationContainer .data {
    padding: 0;
    background-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
}

.registration-text {
    display: block;
    float: left;
    margin-right: 80px;
    width: 100%;
    max-width: calc(100% - 600px);
}

.registration-text p a {
    color: #00477A;
}

.registration-text p a:hover {
    text-decoration: underline;
}

.registration-form {
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgb(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgb(0,0,0,0.1);
    float: right;
    display: block;
    width: 100%;
    max-width: 520px;
}

.formButtons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    margin: 40px 0 20px;
    width: 100%;
}

.formButtons a {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 15px 30px;
    border:1px solid #B2272B;
    color: #B2272B;
    text-align: center;
    background-color: #fff;
    display: block;
    float: left;
    margin-right: 20px;
}

.formButtons a.cancel-btn {
    border:1px solid #B2272B;
    color: #B2272B;
    margin-right: 0;
}

.formButtons a.cancel-btn:hover {
    background-color: #B2272B;
    color: #fff;
}

.registrationFormHolder {
    padding: 30px 0;
    margin-bottom: 80px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgb(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgb(0,0,0,0.1);
}

.registrationFormHolder .half {
    width: 50%;
    float: left;
    display: block;

}

.registrationFormHolder .fieldHolder {
    padding: 0 50px;
}

.registrationFormHolder .userDetails .fieldHolder {
    border-left: 1px solid #D8D8D8;
    display: block;
    float: left;
}

.registrationFormHolder h3 {
    font-size: 21px;
    padding-left: 50px;
    margin-bottom: 40px;
}

.registrationFormHolder label {
    color: #00477A;
    font-size: 14px;
    margin-bottom: 5px;
}

.registrationFormHolder .formButtons {
    padding: 0 50px;
}

.registrationFormHolder .vlogaCheckbox {
    width: 100%;
    margin-bottom: 10px;
}

.registrationFormHolder .vlogaCheckbox label {
    margin-bottom: 0;
}

.registrationFormHolder p {
    font-size: 16px;
    font-weight: 600;
    color: #00477A;
}

.registrationForm .bottomCheckboxes {
    display: block;
    float: left;
    width: 100%;
    padding: 0 50px;
    margin: 60px auto 0;
}

.registrationForm .bottomCheckboxes label {
    color: #00477A;
    margin-bottom: 0;
}

.registrationForm .bottomCheckboxes .vlogaCheckbox {
    margin-bottom: 20px;
}

.bottomCheckboxes .vlogaCheckbox input {
    height: 100%;
}

.upload-btn-wrapper {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.custom-file-input {
    height: 50px;
}

.custom-file-label {
    color: rgba(43, 49, 51, 0.5);
    border: 1px solid rgba(110, 120, 125, 0.4);
    border-radius: 0;
}

.registrationFormHolder .custom-file-label {
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    background: #F6F6F6;
    color: rgba(43, 49, 51, 0.5);
    border: 1px solid rgba(110, 120, 125, 0.4);
    border-radius: 0;
    margin: 0;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    content: "Naloži";
    background-color: #00477A;
    border-left: inherit;
    border-radius: 0;
}

.registrationFormHolder input:disabled,
.modal.detalji input:disabled,
.section-container-holder input.readonly,
.section-container-holder input[readonly],
.section-container-holder textarea[readonly],
.section-container-holder textarea[disabled='disabled'],
.podaci-wrapper input.readonly,
.podaci-wrapper input[readonly],
.modal input[readonly],
.modal select[disabled],
.onlyNumberPorocilo:disabled,
input.readonlyView,
select.readonlyView,
textarea.readonlyView {
    background: #F6F6F6;
}

.calcBackground {
    background: #E8E7E7 !important;
}

.fajldownload {
    color: #00477A;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 15px;
}
.fajldownload:hover {
    color: #B2272B;
}

.editdeleteFajl a.fa-pencil-alt {
    color: #00477A;
    margin-right:10px;
    display: none;
}

a.fajltrash {
    color: #B2272B;
    margin-right:10px;
}

input#pidundefined_file_undefined,
label[for="pidundefined_file_undefined"] {
    display:none;
}

.kreditne-pogodbe-top {
    display: block;
    width: 100%;
    float: left;
}

.kreditne-pogodbe-top h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.kreditne-pogodbe-box-wrapper {
    background: #fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    padding: 25px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: top;
    align-items: top;
    -ms-flex-pack: top;
    justify-content: space-between;
    width: calc(100% - 10px);
    margin: 0 5px 40px;
}

.kreditne-pogodbe-box {
    display: block;
    text-align: center;
}

.kreditne-pogodbe-box p {
    display: block;
    width: 100%;
}

.kreditne-pogodbe-box span {
    background: #F6F6F6;
    border-radius: 5px;
    text-align: center;
    padding: 15px 30px;
    color: #00477A;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    display: inline-block;
    float: none;
    margin: auto;
}

.dotsMenu {
    position: relative;
}

.dropdown-table {
    position: absolute;
    right: 10px;
    background-color: #E0E8ED;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
    outline: none;
    opacity: 0;
    z-index: -1;
    max-height: 0;
    transition: opacity 0.1s, z-index 0.1s;
    min-width: 260px;
}

.dropdown-table a {
    display: block;
    float: none;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: #00477A;
}

.dropdown-table a:hover {
    background: #fff;
    color: #151819;
}

.dropdown-container-table i {
    cursor: pointer;
}


.dropdown-container-table:hover .dropdown-table {
    opacity: 1;
    z-index: 100;
    max-height: 100vh;
    transition: opacity 0.2s, z-index 0.2s;
}
.dropdown-container-table.calc{
    position: relative;
}
.dropdown-container-table.calc:hover .dropdown-table{
    opacity: 1;
    z-index: 100;
    max-height: 100vh;
    transition: opacity 0.2s, z-index 0.2s;
}

p.tableInfo {
    color: rgba(43, 49, 51, 0.5);
    font-size: 14px;
}

.half.sredstva {
    width: 49%;
    margin-right: 2%;
    display: block;
    float: left;
    margin-bottom: 40px;
}

.half.sredstva.last {
    margin-right: 0;
}

.piechart-box {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.piechart-holder {
    display: block;
    float: left;
    width: 100px;
    margin-right: 20px;
}

.piechart {
    display: block;
    float: left;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-image: conic-gradient(
        #00477A calc(3.6deg * var(--segment1, 100)),
        #E0E8ED 0 calc(3.6deg * var(--segment2, 100)))
}

.piechart-info-holder {
    display: block;
    float: right;
    width: calc(100% - 120px);
    margin-right: 0;
}

.program-finansiranja {
    display: block;
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.pogodbe-sredstva {
    display: block;
    float: left;
    width: 100%;
}

.pogodbe-sredstva h3 {
    font-size: 18px;
    color: #00477A;
    margin-bottom: 20px;
}

.pogodbe-sredstva table {
    width: 100%;
}

.pogodbe-sredstva table td {
    width: 60%;
}

.pogodbe-sredstva table td:last-child {
    width: 40%;
    text-align: right;
}

.pogodbe-box .oddaj-vlogo {
    margin-top: 40px;
}

.pogodbe-box .oddaj-vlogo a {
    margin-left: 10px;
    float: left;
}

.sredstva .two-thirds {
    width: 100%;
    max-width: 70%;
    justify-content: left;
    align-items: center;
    display: flex;
    float: left;
}

.sredstva .one-thirds {
    width: 100%;
    max-width: 30%;
    display: block;
    float: left;
}

.chart-info {
    display: block;
    float: left;
    width: 100%;
    margin-bottom:15px;
}

.chart-info p {
    color: rgba(43, 49, 51, 0.5);
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    text-align: right;
    margin-bottom: 5px;
}

.chart-info p:last-child {
    color: #151819;
}

.piechart-info p {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
    color: #151819;
    display: flex;
    justify-content: left;
    align-items: center;
}

.piechart-info span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: block;
    margin-right: 10px;
    background: #E0E8ED;
}

.piechart-info span.darkblue {
    background: #00477A;
}

p.firstP {
    color: rgba(43, 49, 51, 0.5);
    margin-bottom: 25px;
}

.pogodbe-top {
    justify-content: center;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
}

.pogodbe-top h3 {
    width: 30%;
}

.datum-spremembe {
    font-size: 12px;
    color: #151819;
    font-weight: 600;
    width: 70%;
    text-align: right;
}

.datum-spremembe span {
    font-weight: 700;
}

.pogodbe-box .fileDetails p {
    display: block;
    float: left;
    width: 100%;
    font-size: 14px;
    color: #151819;
    margin-top: 5px;
}

.pogodbe-box .filename {
    font-size: 14px;
    line-height: 16px;
}

.pogodbe-box .fileDetails.active {
    display: block;
}

.podaci-wrapper {
    width: 100%;
    display: block;
    float: left;
}

.podaci-half {
    width: 49.5%;
    display: block;
    float: left;
    margin-right: 1%;
    margin-bottom: 20px;
}

.podaci-half .podaci-half {
    margin-bottom: 0;
}

.podaci-half.last {
    margin-right: 0;
}

.podaci-quater {
    width: 24.25%;
    display: block;
    float: left;
    margin-right: 1%;
    margin-bottom: 20px;
}

.podaci-quater.last {
    margin-right: 0;
}

.input-group.podaciStranka .label span {
    display: none;
}

.tabFields .section-container-holder .podaci-half label,
.tabFields .section-container-holder .podaci-quater label{
    font-size: 13px;
    margin-bottom: 5px;
}

.input-group.podaciStranka {
    margin-bottom: 30px;
}

/* FOOTER */

.footer {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 20px 0;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #6E787D;
    margin-top: 40px;
    position: absolute;
    left: 0;
    right: 0;
}

.footer-copy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    flex-flow: column nowrap;
}

.footer-copy p.copy {
    color: #6E787D;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    margin: 0;
}

.footer-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

.footer-navigation ul {
    margin: 0;
}

.footer-navigation ul li {
    float: left;
    margin-right: 20px;
}

.footer-navigation ul li.last {
    margin-right: 0;
}

.footer-navigation ul li .nav-link {
    padding: 0;
    color: #00477A;
    font-size: 16px;
    line-height: 1;
    transition: color .5s ease;
}

.footer-navigation ul li .nav-link:hover {
    color: #B2272B;
    transition: color .5s ease;
}

.footer-logo {
    margin-left: 40px;
}

.footer-logo .logo a {
    display: block;
    width: 107px;
    height: 17px;
    background-image: url(../img/logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.section-container-holder.uporabnik {
    position: relative;
}

.vlogaFilterFields.vlogaCheckbox {
    min-height: 1px;
    margin-top: 38px;
}

.uporabnikCheckbox {
    width: 20px;
    float: none;
    margin: auto;
}

.vlogaCheckbox.uporabnikCheckbox .checkmark {
    position: relative;
    margin: 0;
}

.uporabnikModal .half,
.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.uporabnikModal label {
    margin: 0;
}

.podrobnostiUporabnika {
    display: block;
    float: left;
    width: 100%;
    max-width: 66%;
    margin: 20px 0 0;
}

.podrobnostiUporabnikaRight {
    display: block;
    float: left;
    width: 100%;
    max-width: 32%;
    margin-left: 2%;
    margin-top: 40px;
    background: #f6f6f6;
    padding: 27px 10px;
}

.uporabnikDetails {
    display: block;
    margin-bottom: 15px;
    text-align: center;
}

.uporabnikDetails.last {
    margin-bottom: 0;
}

.uporabnikDetails p{
    color: #6E787D;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.uporabnikDetails p.uporabnikName,
.uporabnikDetails p.uporabnikDate {
    color: #151819;
}

.podrobnostiUporabnika .vlogaFilterFields {
    max-width: 48%;
    float: left;
    margin-bottom: 20px;
}

.podrobnostiUporabnika .vlogaFilterFields.vlogaCheckbox {
    width: 100%;
    display: block;
    float: left;
    clear: left;
    margin: 0 0 20px;
}

.pravice-uporabnika {
    display: block;
    float: left;
    width: 100%;
    margin: 40px 0 0;
}

.pravice-uporabnika .vlogaFilterFields {
    max-width: 100%;
    margin: 0;
}

.pravice-uporabnika label {
    display: block;
    float: left;
    width: 100%;
}

.vloge-uporabnika-wrapper {
    display: block;
    float: left;
    width: 100%;
    border:1px solid rgba(110,120,125,0.4);
    padding: 5px 20px;
    margin-bottom: 5px;
}

.vloge-uporabnika {
    display: block;
    float: left;
    width: auto;
    background: #6E787D;
    border-radius: 15px;
    text-align: center;
    display: flex;
    padding: 5px 15px;
    margin: 5px 15px 5px 0px;
    align-items: center;
}

.vloge-uporabnika p {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    display: block;
    float: left;
    margin: 0;
}

.vloge-uporabnika i {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    margin-left: 10px;
}

.uporabnikSelect {
    display: flex;
    width: 100%;
}

.uporabnikSelect select {
    width: auto;
    min-width: 360px;
}

.uporabnikSelect .vlogaButtons {
    margin: 0;
    margin-left: 20px;
}

.uporabnikSelect a.blue {
    width: auto;
}

.nazajButton {
    position:absolute;
    bottom: 30px;
    right:30px;
    margin: 0;
}
.ta-left{
    text-align: left !important;
}

.vlogatable.sredstva-tabela tr td:last-child {
    text-align: left;
}

.download-links {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.download-links a {
    color: #00477A;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
}

.download-links a:last-child {
    margin-bottom: 0;
}
.customFileInput{
    position: relative;
    line-height: 29px;
}
.customFileInput::-webkit-file-upload-button {
    visibility: hidden;
}
.customFileInput::before,
.customFileInput[type=file]::file-selector-button{
    content: 'Prenesi prilogo';
    display: inline-block;
    background: #00477A;
    border: 1px solid #00477A;
    padding: 0 5px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 46px;
    color: #fff;
}
.customFileInput[type=file]::file-selector-button {
    content: 'Prenesi prilogo';
    display: inline-block;
    background: #00477A;
    border: 1px solid #00477A;
    padding: 0 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    position: absolute;
    right: -5px;
    top: -1px;
}

.downloadFile{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.downloadFile a.fajldownload{
    float: right;
}
.clear-both{
    clear: both;
}
.rolesMatches .menuItem{
    padding: 5px 10px;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
    cursor: pointer;
}
.deleteChosen i{
    cursor:pointer;
}
.rolesMatches .menuItem:hover{
    background-color: #6E787D;
    color: #fff;
}
.matchesWrapper{
    display: block;
    position: relative;
}
.rolesMatches.matchesContainer {
    position: absolute;
    top: 20px;
    background-color: #F6F6F6;
    z-index: 99;
    width: calc(100% - 50px);
    overflow-y: scroll;
    max-height: 100vh;
}
.vlogaFilterFields.roleWrapper{
    position: relative;
}
.matchesWrapper .vloge-uporabnika-wrapper, .vlogaFilterFields label{
    float: none;
}
#roles{
    background: url('/assets/front/img/chevron-down-solid.svg') no-repeat center right;
    background-size: 15px;
    border: none;
    float: right;
    width: 15px;
    height: 44px;
    cursor: pointer;
}
.vloge-uporabnika-wrapper{
    min-height: 50px;
}
.pogodbaBody .boxFiles a.boxFile,
#calcPogodbeModal .downloadCalc{
    font-size: 16px;
    color: #00477A;
    font-weight: 400;
    border-bottom: none;
    padding: 10px 0;
    width: fit-content;
    padding-right: 50px;
    text-decoration: none;
    display: block;
    background: url("/assets/front/img/upload-file.svg") no-repeat right;
}
.pogodbaBody .boxFiles a.boxFile img{
    padding-right: 10px;
    padding-bottom: 3px;
}
.redBorder{
    border: 1px solid #B2272B;
}
.errMsg{
    text-align: right;
    font-size: 14px;
    color:#B2272B;
}
.input-group{
    display: block !important;
}
.vlogatable.pogodbeTable tbody tr td:last-child,
.vlogatable.pogodbeTable tr th:last-child{
    min-width: unset;
}
.newVlogaTitle{
    border: 0;
    font-size: 18px;
    line-height: 22px;
    color: #00477A;
    font-weight: 600;
    width: calc(100% - 8px);
    margin: 0 4px;
    padding: 10px 20px;
    -webkit-box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 10%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.selectWithLabel{
    width: calc(100% - 100px);
}
.blueText{
    font-weight: 700;
    color: #00477A;
}
.mr-20{
    margin-right: 20px;
}
.mb-20{
    margin-bottom: 20px;
}
.l-10px{
    left: 10px;
}
.greyBckrd {
    background: #eae9e9 !important;
}
.whiteBckrd {
    background: #fff !important;
}
.opened-conv {
    background: #c2e5fe !important;
}
.tab-content.secondField .vlogaFilterFields.replyBtn{
    float: none;
}
.vlogaFilterFields.replyBtn{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    max-width: 100%;
    margin-top: 0;
}
.vlogaFilterFields.replyBtn a{
    text-align: center;
    float: none;
}
.tab-panel{
    border-bottom: 1px solid #00477A;
    margin-bottom: 20px;
}
.tab-panel:last-child{
    border-bottom: none;
}
.tab-content.secondField{
    max-height: 100vh;
    overflow-y: auto;
}

.slick-arrow{
    position: absolute;
    top: -35px;
    /* display: block; */
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    background: none;
}

.slick-dotted.slick-slider{
    margin-top: 20px;
}
.slide-arrow{
    background: url(../../../assets/front/img/icon-slider-arrow.svg) #fff center no-repeat;
    position: absolute;
    background-size: 14px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #cecece;
}
.next-arrow {
    right: calc(50% - 30px);
    transform: rotate(-180deg);
}
.prev-arrow {
    transform: none;
    left: calc(50% - 30px);
}

.redText{
    color: #B2272B;
}
.greyText{
    color: #151819
}
.userBottom .buttonwrapper{
    padding: 0;
}
.userBottom .buttonwrapper a{
    padding: 15px 20px;
}

.slick-track {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.slick-track .slick-slide {
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
    height: auto;
}
.button.blueBtn,
.button.blueBtn:hover{
    color: #fff;
}

.msgContentRecieved a.button,
.opraviloWrapper a.button{
    background: #fff;
    height: 50px;
    line-height: 50px;
    border: 1px solid #00477A;
    display: block;
    float: left;
    padding: 0 25px;
    font-weight: 600;
    color: #00477A;
}

.msgContentRecieved a.button.blue,
.opraviloWrapper a.button.blue{
    border: 1px solid #00477A;
    background-color: #00477A;
    color: #fff;
}

#opraviloModalReceived p{
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(110, 120, 125, 0.5);
}
.opraviloWrapper{
    padding: 0px 40px 40px;
}
.opravilaMsgComment span{
    color: #6E787D;
}
.opravilaMsgComment .commentDetails{
    font-weight: 600;
    color: #151819;
    font-size: 14px;
}
.opravilaMsgComment .commentContent{
    border: 1px solid rgba(110, 120, 125, 0.4);
    border-radius: 2px;
    padding: 10px;
}
.opravilaMsgDetails{
    border-bottom: 1px solid rgba(110, 120, 125, 0.5);
}
.msgContentRecieved .pogodbe-box,
.msgContentSent .pogodbe-box{
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.table-collapse i{
    cursor: pointer;
}
.opravila .expand{
    display: none;
}
.opravila .expand.active{
    display: table-row;
}
.vlogatable.opravila tbody tr.table-collapse:nth-last-child(2){
    border-bottom: none;
}
.dodatniPodatki .podatki{
    margin-bottom: 20px;
    font-weight: 600;
}

.koncnaNadrejena-text li {
    position: relative;
    margin-left: 20px;
}

.koncnaNadrejena-text li:first-child {
    margin-top: 10px;
}

.koncnaNadrejena-text li::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #00477A;
    left: -18px;
    top: 8px;
}

/*vlasnici modal*/
.vlasnici .input-list {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 40px;
}

.vlasnici .vloga-buttons {
    clear: both;
    margin: 0;
}

.vlasnici .vloga-buttons a {
    margin-right: 0;
}

.registrationFormHolder .alert{
    color: #B2272B;
}

/* Input holders for tables */
.input-holders-for-table table {
    background-color: #F6F6F6;
}

.input-holders-for-table thead {
    opacity: 0;
    visibility: collapse;
}

.section-container-holder .input-holders-for-table td {
    padding: 5px;
}
.section-container-holder .input-holders-for-table td:first-child {
    width: 130px;
}

.input-holders-for-table td input,
.prejetaSredstvaSkupaj input[disabled] {
    padding: 10px 5px !important;
    font-size: 10px;
}

.display-input-holder {
    margin-bottom: 15px;
    clear: both;
}
.ta-center{
    text-align: center;
}
.mb-50px{
    margin-bottom: 50px;
}
.pogodbeTable.half{
    width: 48.4%;
    margin-right: 2%;
    display: block;
    float: left;
}
.pogodbeTable.half.last{
    margin-right: 0;
}
.border-btm-white{
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.mb-10px{
    margin-bottom: 10px;
}
.mb-0{
    margin-bottom: 0;
}
.tableWithInputs input,
.sumInput,
.tableWithInputs select{
    height: 30px;
    margin-bottom: 10px;
    padding: 10px;
}
.tableWithInputs select.tipFinansiranja {
    padding: 0 10px;
}
.tableWithInputs select{
    margin-bottom: 0;
}

.tableWithInputs td input:last-child{
    margin-bottom: 0;
}
.inputLabel input,
.inputLabel label,
.prejetaSredstvaSkupaj input[disabled] {
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    border: none;
    color: #151819 !important;
    height: 30px;
}
.section-container-holder table.realizovaneIPlaniraneInvesticije tr td {
    vertical-align: middle;
}
.tabFields .section-container-holder .inputLabel label {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #151819 !important;
    height: auto;
    margin-bottom: 0;
}
.section-container-holder table.noShadow tr {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 0;
}
.input-group .label.inputLabel span,
.tabFields .section-container-holder label.inputLabel, .label_helper {
    font-size: 13px;
}
.table-holder p{
    font-size: 13px;
}

.table-holder p[modal-field-error] {
    height: 5px;
}
a.blue-btn-latinske{
    border: 1px solid #00477A;
    background-color: #00477A;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}
a.blue-btn-latinske:hover{
    color: #fff;
}

.rezervacijaHolder {
    display: block;
    float: left;
    width: 100%;
}

.rezervacije-buttons {
    display: block;
    margin-top: 30px;
    float: right;
    text-align: right;
    width: auto;
}

.rezervacija_back_button {
    float: left;
    width: auto;
    display: block;
}

.rezervacije-buttons a,
.rezervacija_back_button a {
    background: #00477A;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding: 15px 35px;
    float: left;
}

.rezervacije-buttons a:hover,
.rezervacija_back_button a:hover {
    color: #fff;
}

.rezervacije-buttons a.ml-15px {
    margin-left: 15px;
}

.box-shadow-none {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    width: 100%;
}

.rezervacije-buttons.mb-20px {
    margin-bottom: 20px;
}

.rezervacije-buttons.mr-5px {
    margin-right: 5px;
}

.vlogatable tbody tr td span.rezervacije-info {
    background: #00477A;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: center;
    border-radius: 100%;
    position: relative;
}

.vlogatable tbody tr td span.rezervacije-info i {
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}

.vlogatable tbody tr td.table-information {
    width: 20px;
    min-width: 1px;
    position: relative;
}

.rezervacije-info span.tooltiptext {
    visibility: hidden;
    width: auto;
    color: #123D7B;
    text-align: center;
    bottom: 0;
    left: auto;
    right: 100%;
    position: absolute;
    z-index: 99;
    background: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    border-radius: 0;
    height: auto;
    padding: 10px;
    margin: 0;
    min-width: 700px;
}

.rezervacije-info:hover .tooltiptext {
    visibility: visible;
}

.vlogatable  span.tooltiptext table th {
    background: transparent;
    color: rgba(43, 49, 51, 0.5);
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    padding: 5px;
    text-align: left;
}

.vlogatable span.tooltiptext table tr {
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 0;
}

.vlogatable span.tooltiptext table td.black {
    color: rgba(43, 49, 51, 1);
}

.modal-footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0 0;
}

.modal-footer-buttons.single {
    justify-content: center;
}

.modal-footer-buttons .button {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 15px 30px;
    border: 1px solid #00477A;
    color: #00477A;
    text-align: center;
    background-color: #fff;
    display: block;
}

.modal-footer-buttons .button.blue {
    border-color: #00477A;
    background-color: #00477A;
    color: #fff;
}

.izberiTranso-list li {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-bottom: none;
    cursor: pointer;
}

.izberiTranso-list li:last-child {
    border-bottom: 1px solid #ccc;
}

.izberiTranso-list li:hover {
    color: #004678;
}

.vlogaPortal input,
.vlogaPortal select,
.vlogaPortal textarea{
    width: 49%;
    margin-right: 2%;
}
.vlogaPortal label{
    display: block;
}

.vlogaPortal .note{
    float: right;
    width: 49%;
}
.pointer{
    cursor: pointer;
}
#izberiTransoModal .modal-dialog{
    max-width: 650px;
}
.izberiTransoTable th{
    font-size: 18px;
}
.izberiTransoTable tbody tr td{
    font-size: 16px;
}
.katalogWrapper,
.firstModal-povprasevanje{
    /*max-height: 500px;*/
    /*overflow: scroll;*/
}
.firstModal-povprasevanje::-webkit-scrollbar,
.katalogWrapper::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 7px;
}
.firstModal-povprasevanje::-webkit-scrollbar-thumb,
.katalogWrapper::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.firstModal-povprasevanje i{
    color:#00477A;
}
.backBtn{
    padding: 10px 20px;
    background-color: #00477A;
    color: #fff;
    display: inline-block;
}

.disabledTabLink, .disabledSectionLink {
    color: lightgray !important;
    pointer-events: none;
}
.sessionNote{
    color: #b2272b;
    font-size: 22px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
#preloader, #preloaderESG, #preloaderEnotno, #preloader_pocakajte, #preloader_doc_pocakajte, #preloader_sporocila, #preloader_opravila, #preloader_namenKredita, #preloaderZavarovanja,#preloaderPogodba,
#obcina_projekta, #skd_podrocje {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color: #fff;
    overflow: hidden;
}
#preloader_sporocila, #preloader_opravila, #preloader_namenKredita, #obcina_projekta, #skd_podrocje {
    background-color: rgba(255,255,255,0.35) !important;
}
#preloaderSmall {
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color: #fff;
    overflow: hidden;
}

#preloaderVloga {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color: #fff;
    overflow: hidden;
}

.loader_animation-holder {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.loader_animation-holder-small {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    animation: loader 2.5s linear infinite;
    padding: 30px;
    background: url(/assets/front/img/loader1.svg) no-repeat;
    background-size: 60px;
    z-index: 999999;
}

.loaderSmall {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: loader 2.5s linear infinite;
    width: 40px;
    height: 40px;
    background: url(/assets/front/img/loader1.svg) no-repeat;
    background-size: cover;
}

@keyframes loader {
    from {
        transform: translate(-50%, -50%) rotate(0);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.ovf-off{
    overflow: unset;
}
#vlogaLinksModal a{
    display: block;
}

.vlogaLinksModal .body_content a {
    clear: left;
    display: block;
    margin-bottom: 5px;
}

.pogodbe-box.podkrediti {
    display: block;
    float: left;
}

.podkrediti-table {
    float: left;
    width: 100%;
    display: block;
    overflow-x: scroll !important;
    white-space: nowrap;
    margin-bottom: 20px;
}

.scroll-container {
    display: block;
    overflow-x: scroll !important;
    overflow-y: hidden;
    white-space: nowrap;
}
.scroll-container label {
    white-space: wrap;
}
.font-size-13 {
    font-size: 13px;
}
.loan_explanations p {
    font-size: 13px !important;
    color: #151819 !important;
    font-weight: 400 !important;
}
.vecinskiKupciNaDomacemIStranomTrzistu-inputs thead,
#js_skupaj thead,
.prejetaSredstvaSkupaj thead {
    visibility: hidden;
}
.prejetaSredstvaSkupaj thead th {
    line-height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.input-holders-for-table .prejetaSredstvaSkupaj td:first-child {
    width: auto;
}
.vecinskiKupciNaDomacemIStranomTrzistu-inputs tbody td,
#js_skupaj tbody td {
    padding-bottom: 12px !important;
    padding-top: 0px !important;
}
.vecinskiKupciNaDomacemIStranomTrzistu-inputs thead th,
#js_skupaj thead th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.vecinskiKupciNaDomacemIStranomTrzistu-inputs tbody input,
.prejetaSredstvaSkupaj input[disabled] {
    background: #fff !important;
}
.prejetaSredstvaSkupaj input[disabled] {
    width: 50%;
}
.kupci_dobavitelji_table {
    white-space: wrap;
}
#delRowVecDobavljaci, #delRowVecKupci {
    padding-right: 10px !important;
}
.podkrediti-table table {
    width: 100%;
    position: relative;
    max-width: 100%;
    margin: auto;
}

.podkrediti-table::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
}

.podkrediti-table::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.podkreditiButtons {
    display: flex;
    flex-direction: row;
}

.zavarovanjeModal .modal-dialog{
    height: 850px ;
}

.katalogModal .modal-dialog{
    height: auto;
}

.border-red{
    border: 1px solid #B2272B;
}
.tableWithInputs input[type='checkbox']{
    height: 20px;
}
.section-container-holder table tr.skupajRow{
    background-color: #F6F6F6 !important;
    border-top: 10px solid #fff;
}
.section-container-holder table tr.skupajRow td, .pd-5px {
    padding: 5px;
}

.pd-top-20px {
    padding-top: 20px !important;
}
.overflowTable{
    overflow-x: scroll;
    max-width: calc(100% - 280px);
    margin-bottom: 40px;
}

.greskaUnosa{
    color: #B2272B;
    float: right;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 5px;
}
.greskaUnosa-znesek{
    color: #B2272B;
    font-size: 13px;
    margin-bottom: 0;
}
.cellWidth th,
.cellWidth td,
.sumTable th,
.sumTable td {
    padding-right: 0 !important;
    box-sizing: border-box;
}
.cellWidth th.third,
.sumTable td.third{
    width: 4%;
}
.cellWidth th.first,
.sumTable td.first{
    width: 13%;
}
.cellWidth th.second,
.sumTable td.second {
    width: 20%;
}
.cellWidth td {
    word-break: break-word;
}
.w-12{
    width: 12%;
}
#buttons{
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}
#buttons button{
    font-size: 15px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    height: 30px;
    padding: 0;
    border: 1px solid rgba(110, 120, 125, 0.4);
    line-height: 29px;
    background-color: #fff;
    color: #000;
    margin-right: 8px;
    font-weight: 500;
}
#buttons button:disabled{
    pointer-events: none;
    cursor: default;
    color: #4a4b68;
    opacity: 0.6;
}
#buttons button.number{
    border: none;
    width: auto;
    font-size: 15px;
    margin-right: 13px;
}
#buttons button.active{
    color: #00477A;
    font-weight: 800;
}
.pogodbe-box.vlogaPortal .greskaUnosa{
    float: none;
}
.buttonChoose{
    padding: 10px 20px;
    font-weight: 600;
    background-color: #00477A;
    color: #fff !important;
    font-size: 13px;
    line-height: 13px;
}
/*    pointer-events: none;
    cursor: default;
    color: #4a4b68;
    opacity: 0.6;*/

.porocila-filter {
    display: block;
    float: left;
    width: 100%;
}

.porocila-select-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 20px 0;
    justify-content: space-between;
    align-items: center;
}

.porocila-select {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    margin-right: 20px;
    min-width: 200px;
}

.porocila-select p {
    margin-bottom: 0;
    margin-right: 5px;
}
.vlogaTitleHolder{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-right: 30px;
}
.vlogaRok{
    font-size: 13px;
    color: #000;
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.alertMsg{
    padding: 10px;
    border: 1px solid #B2272B;
    color: #B2272B;
}
.select2-results__options{
    max-height: 300px;
    overflow: auto;
}
.select2-selection{
    width: 165px !important;
}
.select2-dropdown {
    z-index: 1090 !important;
}
.arrows{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #00477A;
    padding: 0;
}
.arrows:hover{
    border: 1px solid #B2272B;
    background-color: #fff;
}

.arrows-container {
    display: flex !important;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
}
.porociloPageNumber {
    font-weight: 700;
}
.arrow-left{
    background: url(/assets/front/img/arrow-left.png) #fff 5px center no-repeat;
    background-size: 10px;
    margin-right: 5px;
}
.arrow-right{
    background: url(/assets/front/img/arrow-right.png) #fff 7px center no-repeat;
    background-size: 10px;
}
.arrow-left-first {
    background: url(/assets/front/img/angles-left-solid.svg) center center no-repeat !important;
    background-size: 12px !important;
}
.arrow-right-last {
    background: url(/assets/front/img/angles-right-solid.svg) center center no-repeat !important;
    background-size: 12px !important;
}
.arrows:hover.arrow-left{
    background: url(/assets/front/img/arrow-left-red.png) #fff 5px center no-repeat;
    background-size: 10px;
}
.arrows:hover.arrow-right{
    background: url(/assets/front/img/arrow-right-red.png) #fff 7px center no-repeat;
    background-size: 10px;
}

.arrow-wrapper {
    position:relative;
    display: block;
    /*float: left;*/
    margin-top: 10px;
}

.arrow-wrapper button {
    background: url(../../../assets/front/img/icon-slider-arrow.svg) #fff center no-repeat;
    background-size: 14px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #cecece;
}
.arrow-wrapper .arrow-right {
    right: calc(50% - 30px);
    transform: rotate(-180deg);
}
.porocila .button{
    padding: 15px 25px;
    background: #00477A;
    color: #fff;
    font-weight: 600;
}
.porocila .button:hover{
    background: #fff;
    color: #00477A;
    border: 1px solid #00477A;
}
/*.povprasevanjeModal{
    min-height: 900px;
    margin-top: 6% !important;
}
.zavarovanjeModal{
    min-height: 960px;
    margin-top: 6% !important;
}*/
.nepremicnineBasicInfo .opisNepremicnine {
    height: 50px;
}

modal-dialog-scrollable .modal-content {
    max-height: 70vh !important;
}
.tabFields .section-container-holder .modal-body .radioBtns label{
    line-height: 20px;
}
.tableWithInputs select{
    padding: 0;
}
.button.disabled, .button[disabled] {
    opacity: 0.4;
    cursor: default;

}
.select2-container .select2-selection--multiple{
    width: 100% !important;
}
.select2{
    margin-top: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #fff !important;
    border: 1px solid #00477A !important;
    margin-top: 5px !important;
    color: #00477A !important;
    font-size: 13px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #B2272B !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    color: #00477A !important;
}
.select2-container--default .select2-results__option[aria-selected="true"]{
    background-color: rgba(110, 120, 125, 0.3) !important;
    color: #00477A;
}
.w-20px{
    width: 20px;
}
.notification-holder{
    width: 300px;
    background: #fff;
    position: absolute;
    z-index: 99;
    -webkit-box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 10%);
    overflow-y: auto;
    max-height:400px;
}
.notification-holder a{
    display: block;
    border-bottom: 1px solid #D8D8D8;
    padding: 10px 20px 10px 20px;
}
.notification-holder a:hover{
    background: rgba(0, 71, 122, 0.2) !important;
}
.notification-holder a:last-child{
    border-bottom: none;
}
.notification-list {
    padding: 0 0 15px 0;
}
.notification-left p {
    text-align: left;
    font-size: 13px !important;
    margin-bottom: 0 !important;
    line-height: 20px;
}
.notifDate {
    text-align: left;
    line-height: 15px;
    font-size: 11px;
    color: #151819;
}
.notifType{
    font-size: 12px;
    line-height: 20px;
    color: #151819;
}
.notifBody{
    color: #00477A;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    line-height: 20px;
}

[modal-field-error]:not(p), .error-izjave-border {
    outline: #B2272B solid 2px;
}
.nepremicnineCustomValidations[modal-field-error]:not(p) {
    padding: 0 5px 5px 5px;
}
.nepremicnineCustomValidations ~ p {
    margin-bottom: 40px;
    margin-top: -10px;
}
table p[modal-field-error]:after {
    max-width: 185px;
}
p[modal-field-error]:after, .error-izjave-p {
    color: #B2272B !important;
    content: attr(modal-field-error);
    position: absolute;
    z-index: 1;
    font-size: 13px;
    max-width: 350px;
}
.opravilaMainContainer p[modal-field-error]::after {
    color: #B2272B;
    content: attr(modal-field-error);
    position: inherit;
}

.vlogaOpravila .section-container-holder{
    float:none;
    max-width: 100%;
}
.vlogaOpravila .row{
    margin-right: 0;
    margin-left: 0;
    /*margin-bottom: 10px;*/
}
.vlogaOpravila .section-container-holder .add-row-button{
    margin-bottom: 20px;
}
.vlogaOpravila .fullwidth-table table{
    width: 100%;
}
.vlogaOpravila .input-group{
    display: flex !important;
}
.tab-pane[tabname="Izjave"] .vloga-left-sidebar{
    display: none;
}
.tab-pane[tabname="Izjave"] .section-container-holder{
    max-width: 100%;
}
.tabFields.active[tabname="Izjave"],
.display-grid {
    display: grid !important;
}
.wide.modal {
    max-width: 900px !important
}

.tab-pane[tabname="Dokumentacija"] .vloga-left-sidebar{
    display: none;
}

.tab-pane[tabname="Dokumentacija"] .section-container-holder{
    max-width: 100%;
}

.tab-pane[tabname="Dokumenta"] .vloga-left-sidebar{
    display: none;
}

.tab-pane[tabname="Dokumenta"] .section-container-holder{
    max-width: 100%;
}

input[type=checkbox]{
    height: auto;
}
.tabFields .section-container-holder .modal-body .yes-now-td__option label{
    line-height: 20px;
}
.downloadIcon{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #00477A;
    display: block;
    border-radius: 50%;
    text-align: center;
}
.downloadIcon i{
    color: #fff;
}
#docs .uploadFile label{
    font-size: 12px;
}
#docs .customFileInput{
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
}
#docs .customFileInput::before{
    line-height: 26px;
    /*content: 'Naloži prilogo';*/
    content: 'Naloži...';
}
.fileList{
    /*display: none;*/
    margin-top: 10px;
    text-align: left;
}
.fileList .fileName{
    margin-left: 0;
    font-style: italic;
    color: #a14a9b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block;
}
#fileInput {
    width: 245px;
}
#fileInfo {
    display: flex;
    gap: 10px;
}
#fileInfo .fileName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
    display: inline-block;
}
.doc_title,
#sporocilaListWrapper .tab-content.secondField .d-flex.flex-column a.blue,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: 330px;
}
#sporocilaListWrapper .tab-content.secondField .d-flex.flex-column a.blue {
    max-width: 500px;
}
.fileList .fileName:hover {
    cursor: pointer;
}
.fileList i{
    margin-right: 5px;
}
.italic{
    font-style: italic;
}
.prednostiKonkurenata{

}
td.slabostiKonkurenata,
td.prednostiKonkurenata{
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blueVrsta{
    color: #5757ed;
}
.redVrsta{
    color: #ff0000;
}
.orangeVrsta{
    color: #ed7505;
}
.border-red.p-5px{
    padding: 5px;
}
.radio_holder{
    margin-bottom: 10px;
}
.reg_msg{
    margin-top: 50px;
    text-align: center;
    font-weight: 600;
    max-width: 700px;
}
.bilance_holder{
    max-width: 50%;
}

/* Porocilo Accordion Style */
.accordion {
    margin-top: 35px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
}
.accordion-item {
    border-bottom: 6px solid rgba(0,0,0,0.06);
    max-height: 50px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.accordion-item.active {
    max-height: fit-content;
}
.accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    cursor: pointer;
    background-color: #fff;
}
.accordion-header h3,
.accordion-content {
    line-height: 14px;
    font-weight: 600;
    margin: 0;
}
.accordion-header h3 {
    font-size: 14px;
}
.accordion-content {
    display: none;
    padding: 0px;
    transition: transform 0.3s ease-in-out;
}
.accordion-content .porocanjaTable {
    margin: 0 !important;
}
.accordion-icon {
    width: 10px;
    height: 10px;
    border-left: 2px solid #6E787D;
    border-bottom: 2px solid #6E787D;
    transform: rotate(-45deg);
    transition: transform 0.3s ease-in-out;
}
.accordion-item.active .accordion-icon {
    transform: rotate(135deg);
}
.accordion-item.active .accordion-content {
    display: block;
}
.accordion-header.active-header {
    background-color: rgba(0, 0, 0, 0.06);
}
.accordion-header:hover h3,
.accordion-header:hover span,
.accordion-header.active-header h3,
.accordion-header.active-header span {
    color: #343a40;
    transition: all 0.3s ease;
}
input.porociloInput,
.porociloSelect {
    height: 36px;
    margin-top: 10px;
}
textarea.auto-resize-textarea {
    overflow: hidden;
    resize: none;
    color: #151819 !important;
}
.hiddenRow, .hiddenElement{
    display: none;
}
.hiddenDiv {
    display: none !important;
}
.porociloRadioButtons {
    display: flex;
    margin-top: 10px;
}
.porociloRadioButtons label {
    width: 20% !important;
    margin: 10px 0px !important;
    font-size: 14px !important;
}
.porocanjaTable tr td {
    padding: 10px 20px !important;
}
.porocanjeTable tbody tr td span.status{
    text-transform: uppercase;
    padding: 5px;
}
.porocanjeTable span.status.Poslato.na.proveru{
    background: #FFCC46;
    color: #fff;
}
.porocanjeTable span.status.Oddano{
    background: #ffe000;
    color: rgba(110, 120, 125, 1);
}
.porocanjeTable span.status.Neoodano{
    background: rgba(110, 120, 125, 0.1);
    color: rgba(110, 120, 125, 1);
}
.porocanjeTable span.status.Zapadlo{
    background: #f01616;
    color: #fff;
}
.porocanjeTable span.status.Zavrnjeno{
    background: #d00000;
    color: #fff;
}

.porocanjeTable span.status.Potrjeno.v.OKA{
    background: #39864b;
    color: #fff;
}
.porocanjeTable span.status.Avtomatski.pridobljeno,
.porocanjeTable span.status.Avtomatsko.pridobljeno,
.porocanjeTable span.status.V.preverjanju {
    background: #0cde3c;
    color: #fff;
}
.porocanjeTable span.status.V.dopolnjevanju{
    background: #ff0000;
    color: #fff;
}
.porocanjeTable span.status.Zaključeno{
    background: #3cbd52;
    color: #fff;
}
.porocanjeTable span.status.Zaprto{
    background: #106905;
    color: #fff;
}
.porocanjeTable span.status.V.pregledu{
    background: #ff9c36;
    color: #fff;
}
.porocilo-gridRow-3col,
.vlogaFilterFieldsHolder.user-profile-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 25px;
}
.user-profile-grid {
    column-gap: 15px;
    row-gap: 5px;
}
.porocilo-gridRow-2col {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
    column-gap: 5px;
    align-items: center;
}
/* Nov dokument/poročilo */
.porocilo-wrapper {
    display: grid;
    grid-template-columns: 100%;
    gap: 20px;
    justify-content: space-between;
}
.porocilo-left, #podpogodbeContainer {
    display: grid;
    justify-content: end;
    gap: 20px;
}
.porocilo-right {
    display: grid !important;
    justify-content: start;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: center;
    margin: 0 0 40px 0 !important;
}
.porocilo-fi01-table {
    display: block;
}
#podpogodbeContainerHolder #podpogodbeContainer {
    display: grid;
    justify-content: unset;
    gap: 20px;
}
.porocilo-fi01-buttons {
    display: flex !important;
    justify-content: start;
    align-items: center;
}
.oddajaPorociloInfo p {
    margin-bottom: 5px;
    font-size: 14px;
}
.porocilo-buttons a {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 7px 10px;
}
.porocilo-buttons .porocilo-buttons-first-row a {
    width: 330px;
}
.porocilo-buttons .porocilo-buttons-second-row a {
    width: 213px;
}
.tabFields .section-container-holder .porocilo-buttons label {
    font-size: 14px;
    padding: 0;
}
.porocilo-icons {
    display: flex;
    gap: 20px
}
.porocilo-table tr td {
    padding: 10px 10px !important;
}
.preveri-porocilo-btn {
    display: grid;
    justify-content: end;
    margin: 0;
    align-items: end;
}
.preveri-porocilo-btn a {
    font-size: 14px;
    padding: 7px 13px;
}
.preveri-porocilo-btn .vloga-btn {
    margin: 0;
}
.porocilo-buttons {
    display: grid;
}
.porocilo-buttons > *:not(:last-child) {
    margin-bottom: 12px;
}
.modal.detalji .full-width {
    width: 100%;
    margin-right: 2%;
    display: block;
    float: left;
}
.modal.detalji .modal-porocilo {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.input-wrapper {
    display: flex;
    font-size: 12px;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    font-weight: 500;
}
.input-part {
    display: flex;
    align-items: center;
    gap: 5px;
}
.input-wrapper input {
    max-width: 200px;
    width: 100%;
}
.porocilo-buttons label {
    margin: 0 !important;
    color: #00477A !important;
}

.vlogaFilterTitle {
    cursor: pointer;
}
.vlogaFilterFieldsHolder {
    display: block;
}
.vlogaFilterFieldsHolder.active {
    display: none;
}
.noPadding {
    padding: 0 !important;
    margin-left: 50px !important;
    max-width: 264px;
    width: 100%;
}
.crpanjeContent {
    display: grid;
}

.validation-error {
    border: 1px solid #B2272B;
}
.error-message::after{
    content: "Napaka pri vnosu";
    display: block;
    color: #B2272B;
    font-size: 13px;
}
.error-message{
    content: "Napaka pri vnosu";
    display: block;
    color: #B2272B;
    font-size: 13px;
}
.date-error-message, .user-error-message {
    color: #B2272B !important;
    font-size: 14px !important;
}
#porocilo-modal {
    max-width: 1200px;
}
#porocilo-modal .modal-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    justify-items: center;
    align-items: center;
    column-gap: 20px;
    row-gap: 5px;
}
#porocilo-modal .modal-body .vloga-buttons {
    grid-column-start: 1;
    grid-column-end: 3;
    justify-self: center;
}
#porocilo-modal .modal-body input,
#porocilo-modal .modal-body .holder {
    max-width: 300px !important;
    width: 100% !important;
    align-self: end;
}
#porocilo-modal .modal-body .full-width {
    display: grid;
    position: relative;
}

/* USER PROFILE */
#moji-podatki {
    display: grid;
}
#moji-podatki h5 {
    color: #343a40;
    margin-bottom: 20px;
}
#moji-podatki .section-container-holder:not(:first-child) h5 {
    margin-top: 30px !important;
}
#moji-podatki .fa-pencil-alt {
    color: #00477A;
    padding-left: 10px;
}
.user-profile-grid label {
    font-size: 16px;
    padding-bottom: 5px;
    color: #00477A !important;
    font-weight: 400 !important;
}
.user-profile-grid input {
    border: 2px solid rgba(110,120,125,0.2);
    color: #6E787D !important;
    font-weight: 500;
    font-size: 16px;
}
.user-profile-grid input[disabled="true"] {
    background-color: #f6f6f6;
}

#moji-podatki .vloga-buttons {
    display: flex;
    justify-content: end;
    align-items: center;
}
#moji-podatki .vloga-buttons * {
    max-width: 120px;
    width: 100%;
    height: 50px;
}
#moji-podatki .vloga-buttons a {
    color: #B2272B;
    border: 1px solid #B2272B;
}
.user-profile-table th {
    padding: 10px 30px !important;
}
.user-profile-table td {
    padding: 20px 30px !important;
    min-width: 200px;
}
.userProfileCheckbox {
    display: grid;
}
.userProfileCheckbox .vlogaCheckbox{
    margin-left: 20px;
}
.userProfileCheckbox span:first-of-type{
    margin-bottom: 15px;
    font-weight: 500 !important;
}
.userProfileCheckbox label {
    font-weight: 400 !important;
    padding-left: 30px;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.user-profile {
    display: grid !important;
}
.likeDislikeWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    column-gap: 40px;
    margin: 100px 110px 0 110px;
}
.likeDislikePart,
.dokumenta_naziv {
    display: flex;
    align-items: center;
}
.likeDislikePart:last-of-type,
.justify-content-end {
    justify-content: end;
}
.justify-content-center {
    justify-content: center;
}
.likeDislikePart p {
    font-size: 18px;
    margin: 0;
    padding-right: 25px;
}
.likeDislikePart input,
.likeDislikePart button {
    max-height: 40px;
    height: 100%;
    font-size: 14px;
}
.likeDislikePart input {
    max-width: 350px;
    width: 100%;
    background-color: #f6f6f6;
    border: none;
}
.likeDislikePart button {
    padding: 12px 20px;
    max-width: 95px;
    width: 100%;
}
.likeDislikePart a {
    width: 50px;
    height: 50px;
    border: 1px solid #B2272B;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.likeDislikePart a:first-of-type {
    margin-right: 5px;
}
.likeDislikePart a:last-of-type {
    margin-left: 5px;
}
#zgodovine .vloga-buttons {
    display: flex;
    justify-content: end;
}
#zgodovine .vloga-buttons .button {
    margin-right: 0;
}
.zgodovinePagination {
    margin-top: 20px;
}
.zgodovinePagination button {
    background: none;
    color: #6E787D;
    padding: 5px;
    font-weight: 400;
    transition: all 0.3s ease;
}
.zgodovinePagination button:hover {
    color: #00477A;
}
.zgodovinePagination button.active {
    color: #00477A;
    font-weight: 700;
    font-size: 18px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.mg-50px {
    margin: 0 50px 50px 50px !important;
}
/* Vloga za črpanje */
.dokumenta_datum {
    vertical-align: bottom;
}
.dokumenta_datum ul {
    margin: 0;
}
.dokumenta_datum ul li {
    text-align: left;
}
.dokumenta_datum ul li span {
    margin: 0 !important;
}
.dokumenta_column {
    width: 1%;
    white-space: nowrap;
}
.dokumenta_datum.dokumenta_column ul {
    display: grid;
    gap: 8px;
}
.dokumenta_datum.dokumenta_column ul li {
    top: -5px;
    position: relative;
}
.dokumenta_uploadFile {
    width: 2%;
    white-space: nowrap;
}
.dokumenta_uploadFile input {
    width: 244px;
}
.dokumenta_uploadFile .filee {
    margin: 0;
}
.dokumenta_uploadFile .filee .fileList {
    margin: 10px 0 0 0;
}
.dokumenta_uploadFile .filee .fileList .fileName {
    padding-right: 5px;
}
.dokumenta_uploadFile input[type="file"]::file-selector-button:before {
    content: 'Naloži prilogo' !important;
}
.dokumenta_uploadFile input[type="file"]::file-selector-button {
    top: -10px;
}
#programForm .vloga-buttons .right-buttons .forwardBtn {
    display: block !important;
}
#odstop-modal .modal-header {
    border-bottom: 1px solid #dee2e6 !important;
}
#odstop-modal .modal-body .modal-buttons {
    display: flex;
    justify-content: center;
    gap: 30px;
}
#odstop-modal .modal-body .modal-buttons button {
    width: 90px;
}
#komentar-section {
    display: grid;
    gap: 5px;
}
#potrdi-zahtevo-btn {
    margin-top: 20px;
}
#komentar-section #komentar-textarea {
    width: 100%
}
#komentar-section #potrdi-zahtevo-btn {
    width: 100%;
    max-width: 250px;
    justify-self: center;
}
/* Porocanja Calendar*/
.porocanja_calendar_grid {
    display: flex;
    overflow-x: hidden;
    scroll-snap-type: x mandatory;
    gap: 20px;
    width: 1100px;
    padding: 0 5px;
    padding-bottom: 20px;
}
.calendar_month {
    flex: 0 0 350px;
    scroll-snap-align: center;
}
.porocanja_calendar_grid .month_name {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #888E92;
    background-color: rgba(0,71,122,0.05);
    padding: 12px 0;
    margin-bottom: 5px;
}
.calendar_month.current .month_name {
    color: #00477A;
    background-color: rgba(0,71,122,0.2);
}
.porocanja_calendar_grid .vlogatable {
    margin: 0;
    width: 100%;
}
.porocanja_calendar_grid .vlogatable tr td:first-child {
    border-right: 2px solid rgba(0,0,0,0.06);
    font-size: 16px;
    font-weight: 500;
    color: #151819;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.porocanja_calendar_grid .vlogatable tr td:last-child {
    display: grid;
    padding: 0;
    font-size: 11px;
    font-weight: 500;
    color: #00477A;
    text-align: left;
}
.calendar_arrows {
    float: right;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    color: #00477A;
}
.calendar_arrows .arrows {
    display: flex;
    justify-content: center;
    align-items: center;
}
.calendar_arrows .arrow_prev:hover,
.calendar_arrows .arrow_next:hover {
    cursor: pointer;
    color: #B2272B;
}
.calendar_month.current tr.calendar_next_date {
    border: 1px solid #B2272B;
}
.calendar_month.current tr.calendar_next_date td {
    font-weight: 600 !important;
}
.calendar_month.current tr.calendar_next_date td.calendar_date {
    color: #B2272B;
}
.calendar_arrows .arrow_prev.disable,
.calendar_arrows .arrow_next.disable {
    opacity: 0.5;
}
.calendar_arrows .arrow_prev.disable:hover,
.calendar_arrows .arrow_next.disable:hover {
    pointer-events: none;
}

.jc-center {
    justify-content: center;
}
#vlasnicka-struktura-id tr:not([parentindex="0"]) td {
    font-weight: 400;
}
/* VALIDATION ERRORS */
.section_error,
.vloga-left-sidebar ul li a.section_error::after,
.tab_error {
    color: #B2271B !important;
}
.vloga-left-sidebar ul li a.section_error::before {
    background-color: #B2272B;
}
.vloga-left-sidebar ul li a.section_filled::before {
    background-color: #0d7938;
}
.buttons_error {
    border: 1px solid #B2272B !important;
    color: #B2272B !important;
}
.fields_error {
    background-color: rgba(178,39,43, 0.1) !important;
}
.tab-content #id-porocila.active,
.porocila.active.show {
    display: grid;
}
/* Kreiraj porocilo - Modal */
.kreiraj_porocilo_table tr tdm,
.kreiraj_porocilo_table_main tr td{
    margin: 10px 10px !important;
    padding: 10px 10px !important;
}
.kreiraj_porocilo_table tr td:first-of-type,
.kreiraj_porocilo_table tr th:first-of-type,
.kreiraj_porocilo_table_main tr td:first-of-type,
.kreiraj_porocilo_table_main tr th:first-of-type {
    padding-left: 20px !important;
}
.kreiraj_porocilo_table .row_is_selected,
.kreiraj_porocilo_table_main .row_is_selected {
    background-color: rgba(0, 71, 122, 0.1) !important;
}
.pointerEventNone {
    pointer-events: none;
}
/* Loader - Dokumentacija */
/*.loader-doc {
    margin-top: 150px;
}*/

/* Loader - porocilo */
.loader-porocilo {
    margin-top: 250px;
}

.porocanjaTable_scroll {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: scroll;
    max-height: 650px;
}
.porocanjaTable_scroll thead tr {
    position: sticky;
    top: 0;

}
/* Porocilo: Validacija tab */
.validation_row_error {
    color: #B2272B;
}
.inner_table_header {
    background-color: rgba(0, 71, 122, 0.1) !important;
}
.inner_table_header td,
.inner_table_row td {
    font-size: 10px !important;
}
.inner_table_header td {
    font-weight: 700 !important;
}
.col-3, .col-6, .col-4, .col-12 {
    padding-left: 1%;
    padding-right: 0;
}
.col-6 {
    height: auto !important;
}
#Od, #Do {
    font-size: 14px;
}

/* DATEPICKER */
.section-container-holder .inputTypeDate,
.modal-body .inputTypeDate,
.formatDate .inputTypeDate,
.vlogaFilterFieldsRezervacije .inputTypeDate,
.vlogaFilter .inputTypeDate,
.section-container-holder .inputTypeFutureDate,
.modal-body .inputTypeFutureDate,
.formatDate .inputTypeFutureDate,
.vlogaFilterFieldsRezervacije .inputTypeFutureDate,
.vlogaFilter .inputTypeFutureDate,
.section-container-holder .inputTypePastDate,
.section-container-holder .inputTypePastAndCurrentDate,
.modal-body .inputTypePastDate,
.modal-body .inputTypePastAndCurrentDate,
.formatDate .inputTypePastDate,
.formatDate .inputTypePastAndCurrentDate,
.vlogaFilterFieldsRezervacije .inputTypePastDate,
.vlogaFilterFieldsRezervacije .inputTypePastAndCurrentDate,
.vlogaFilter .inputTypePastDate,
.vlogaFilter .inputTypePastAndCurrentDate,
table .inputTypeDate {
    background-image: url('/assets/front/img/calendar-icon.svg');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 18px 18px;
    position: relative;
}
.inputTypeDate:hover,
.inputTypeFutureDate:hover,
.inputTypePastDate:hover,
.inputTypePastAndCurrentDate:hover,
table .inputTypeDate:hover {
    cursor: pointer;
}
table .ui-datepicker {
    width: 21em;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    background-color: white;
    border: none;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
    margin-top: 1px;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
    background: url(/assets/front/img/arrow-left.png) center center no-repeat;
    background-size: 8px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
    background: url(/assets/front/img/arrow-right.png) center center no-repeat;
    background-size: 8px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
    padding: 5px;
    color: #00477A;
    font-weight: 700;
    font-size: 14px;
    max-height: 40px;
}
.ui-datepicker select.ui-datepicker-month:hover,
.ui-datepicker select.ui-datepicker-year:hover {
    cursor: pointer;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 400;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
    text-align: center;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}
.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active {
    color: #00477A;
    border: 1px solid #00477A;
    font-weight: 700;
}
.ui-datepicker-header a{
    margin-top: 20px !important;
}
.ui-datepicker-calendar thead {
    border-top: 1px solid rgba(110, 120, 125, 0.4);
    border-bottom: 1px solid rgba(110, 120, 125, 0.4);
}
.ui-datepicker-title {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
.ui-datepicker-month {
    margin-right: 10px !important;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td:nth-child(6),
#ui-datepicker-div .ui-datepicker-calendar tbody tr td:nth-child(7) {
    font-weight: 700 !important;
}
.ui-datepicker-calendar tbody tr td:nth-child(7) {
    color: #B2272B;
}
.ui-datepicker-year {
    max-width: 70px;
}
.ui-datepicker-month {
    min-width: 110px;
}
.ui-datepicker-calendar tbody tr td {
    transition: all 0.3s ease;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td:not(.ui-datepicker-unselectable.ui-state-disabled):hover {
    color: #00477A;
    background-color: rgba(0,71,122,0.1);
    font-weight: 700;
}
.ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled {
    opacity: 0.5;
}
.modal-dialog-scrollable .modal-content{
    max-height: calc(100vh - 40px);
    margin: 20px 0;

}
.ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled {
    opacity: 0.5;
}
#ui-datepicker-div thead th {
    background: #fff !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333 !important;
}
#ui-datepicker-div tbody tr {
    border-bottom: none  !important;
}
#ui-datepicker-div tbody tr td {
    padding: 5px  !important;
    font-size: 14px  !important;
    font-weight: 400  !important;
}
/*css for datepicker on vloga filter and porocila filter*/
.filterDateFlex {
    display: flex !important;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
}
.filterDateFlex p {
    margin: 0;
}
.no-margin {
    margin: 0;
}
.m-bottom-20 {
    margin-bottom: 20px;
}
/*----------------------------------------------*/
select.insuranceCat,
select.insuranceSubcat {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}
/* For IE10 */
select.insuranceCat::-ms-expand,
select.insuranceSubcat::-ms-expand {
    display: none;
}
select.insuranceCat,
select.insuranceSubcat {
    background: url("/assets/front/img/angle-down-gray.svg") right 5px center no-repeat !important;
    background-size: 10px !important;
}
.overflowX {
    overflow-y: scroll;
}
.hiddenTable {
    display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.additionalInfo-wrapper {
    font-size: 14px;
    font-weight: 500;
    color: #6c757d;
    margin-top: 30px;
    line-height: 24px;
    background-color: rgba(110, 120, 125, 0.1);
    padding: 10px;
}
.additionalInfo-wrapper p {
    margin: 0;
}
.boldText {
    font-weight: 700;
}
.modal-backdrop {
    /*display: none !important;*/
}
body .custom_modal_backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    opacity: 0.65;
    background-color: #00477A;
    transition: all 0.3s ease;
}
.single_modal_overlay {
    z-index: 1040;
}
.dokumentacija_locked {
    pointer-events: none;
    opacity: 0.8;
    color: #6c757d !important;
    background: #F6F6F6 !important;
}
#confirmationModalSave5 label,
#confirmationModalSave6 label,
#confirmationModalSave9 label {
    text-align: center;
    width: 100%;
}
#confirmationModalSave5 .vloga-buttons,
#confirmationModalSave6 .vloga-buttons,
#confirmationModalSave9 .vloga-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}
#confirmationModalSave9 .vloga-buttons a:hover {
    color: #00477A;
}
#predlogZavarovanjaEditContainer {
    margin-top: 100px;
}
#sprememba-error-msg {
    font-size: 16px !important;
}
.elementErrorMsg, .elementErrorMsgSum, .elementErrorMsgState, .elementErrorMsgLastniska, .error-msg-dp, #calc-error-msg, #sprememba-error-msg, .field-error {
    color: #B2272B !important;
    font-size: 13px;
    line-height: 14px;
    font-weight: 600;
    padding: 5px 0px;
}
.elementErrorMsgState, .error-msg-dp, #calc-error-msg, #sprememba-error-msg {
    margin-bottom: 0;
}
.flex-direction-row {
    flex-direction: row !important;
}
.max-width {
    max-width: fit-content;
}
.justify-self-end {
    justify-self: end;
}
table.izjave .vlogaCheckbox.vlogaTableCheckbox .elementErrorMsg {
    position: absolute;
    bottom: -5px;
    left: -20px;
    width: 100px;
}
.section-container-holder table.izjave tr td {
    padding: 15px 10px;
}
.margin-30 {
    margin: 30px;
}
.error-double {
    position: absolute;
    bottom: auto;
    right: 60px;
    font-weight: 600;
}
.error-double-nepremicnine {
    position: absolute;
    right: 90px;
    font-weight: 600;
}
table.zastaviteljiModalTabela tr {
    position: relative;
}
table.spremeniRacunModal tbody tr td:last-child {
    text-align: left !important;
}
table.spremeniRacunModal tr td {
    font-size: 12px;
}
table.spremeniRacunModal tr [type="radio"]:checked + label::after,
table.spremeniRacunModal tr [type="radio"]:not(:checked) + label::after {
    top: 0px !important;
}
table.spremeniRacunModal tr [type="radio"]:checked + label::before,
table.spremeniRacunModal tr [type="radio"]:not(:checked) + label::before {
    top: -5px !important;
}
/* ESG Vprasalnik */
.esgPrasalnikPitanje {
    padding: 30px 0px 0px 0px;
}
.esgPrasalnikPitanje .selectElement {
    margin: 0px 0px 10px 0px;
}
.inputLabel.komentar_label {
    margin: 0 !important;
}
.esgPrasalnikPitanje .esgVprasanjeNaziv {
    padding-bottom: 10px;
    color: #00477A !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}
.columns-width tr td:not(:nth-child(6)):not(:nth-child(7)),
.columns-width tr th:not(:nth-child(6)):not(:nth-child(7)) {
    width: 18% !important;
}
.odpoved-vloga-btn {
    margin-right: 20px !important;
}
.autocompleteData {
    margin-right: 0px !important;
}
.half-grid {
    display: grid !important;
    grid-template-columns: 60% 25%;
    column-gap: 5px;
    align-items: center !important;
}
.half-grid .half {
    width: 100% !important;
}
.width-half {
    width: 50% !important;
}
.documentation_generating, .preloaderPogodbaMsg {
    padding-top: 20px;
    color: #00477A;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.loader_animation_holder_documentation, .preloaderPogodbaHolder {
    display: flex;
    justify-content: center;
    align-items: center;
}
.documentation_generating_pocakajte, .preloaderPogodbaMsg {
    margin-top: 120px;
    font-size: 18px;
}
.d-flex {
    display: flex !important;
}
.gap5px {
    gap: 5px;
}
.mg-bottom-12 {
    margin-bottom: 12px;
}
.mg-bottom-50 {
    margin-bottom: 50px;
}
.margin-0 {
    margin: 0;
}
.nacin_prejema_obracunov {
    display: flex;
    gap: 20px;
}
.nacin_prejema_obracunov_racun {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.nacin_prejema_obracunov_email_fields {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.nacin_prejema_obracunov_email_fields div {
    width: 100%;
}
.nacin_prejema_obracunov_wrapper label {
    margin-top: 10px;
}

.customCheckbox {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    position: relative;
}

.customCheckbox.empty {
    display: none;
}

.customCheckbox  label {
    padding-left: 30px;
}

.customCheckbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    padding: 0;
    border: none;
    border-radius: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 20px;
}


.customCheckbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    margin-right: 10px;
    border: 1px solid #6E787D;
    border-radius: 2px;
    background: #fff;
}

.customCheckbox  input:checked ~ .checkmark {
    background-color: #00477A;
    border-color: #00477A;
}

.customCheckbox .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    content: "";
    position: absolute;
    display: none;
}

.customCheckbox input:checked ~ .checkmark:after {
    display: block;
    top: 2px;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
    margin: auto;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    display: inline-block;
    transform: rotate(45deg);
    height: 13px;
    width: 8px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    background: #00477A;
}

.sestevek_delezev {
    margin-bottom: 15px;
    margin-top: 50px;
}
/* OPRAVILA: Zalogodavac pravnog lica */
.pravniZalogodavacContainer {
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.06);
}
.pravniZalogodavac {
    border-bottom: 2px solid rgba(0,0,0,0.06);
    display: grid;
    gap: 20px;
    align-items: start;
    margin: 20px 20px 0 20px;
    padding-bottom: 20px;
    font-size: 14px;
}
.pravniZalogodavac_part {
    display: flex;
    gap: 30px;
}
.pravniZalogodavac_part .zastavitelj_porok {
    display: flex;
    flex-direction: column;
}
.pravniZalogodavac_part .zastavitelj_porok input {
    margin-top: 14px;
}
.pravniZalogodavac input {
    height: auto;
    padding: 10px;
}
.padd-20 {
    padding: 20px;
}
.overflow_X {
    overflow-x: scroll;
}
#js-porocila-pagination {
    margin: 20px;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.arrows.first-page, .arrows.last-page {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #00477A;
}
.arrows.first-page:hover, .arrows.last-page:hover, .paginationPage:hover {
    color: #B2272B !important;
    cursor: pointer;
}
.pagination-pages {
    color: #00477A;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}
.paginationPage.active {
    font-weight: 700;
}
.deleteBilancijeFile {
    color: #B2272B;
}
.deleteBilancijeFile:hover {
    cursor: pointer;
}
#bilanceUploadFilesModal .fileList {
    display: grid;
    gap: 10px;
}
#bilanceUploadFilesModal .fileList li {
    display: flex;
    align-items: center;
    gap: 15px;
}
#bilanceUploadFilesModal .fileList .fileName {
    color: #00477A;
}
.bilance_buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.bilance_upload_body {
    justify-content: center !important;
}
#bilance-oddaja-modal {
    width: 700px;
}
#bilance-oddaja-modal .modal-body {
    display: grid;
    justify-content: center;
    align-items: center;
}
#bilance-oddaja-modal .modal-buttons {
    display: flex;
    justify-content: center;
    gap: 50px;
}
#bilance-oddaja-modal .modal-buttons button {
    width: 120px;
    height: 50px;
}
.openBilanceOddajaDisabled {
    pointer-events: none;
    opacity: 0.5;
}
#bilance-oddaja-modal .modal-dialog {
    margin-left: -5px !important;
}
@-moz-document url-prefix() {
    #bilance-oddaja-modal .modal-dialog {
        margin-left: 0px !important;
    }
}
.zalogodavciFizickogLicaOpraviloError {
    font-size: 14px !important;
    font-weight: 500;
    margin: 5px 0;
}
#zalogodavciFizickogLicaTableContainerOpravilo, .zakonskiZastupniciParent {
    margin-bottom: 20px;
}
#emailPotpisnikaContainerOpravilo {
    margin-bottom: 40px;
}
.bilance_buttons .redirectToVloga {
    width: 100px;
}

/* Statements */
#statementsList {
    display: grid;
    gap: 20px;
    font-size: 14px;
}
.singleStatement {
    display: flex;
    gap: 10px;
    align-items: center;
}
#statementsList input {
    height: 15px;
    width: 15px;
}
#statementsList p,
.politikoZasebnosti {
    text-align: justify;
    margin: 0;
    color: #151819 !important;
}
.politikoZasebnosti {
    font-size: 14px;
}
.politikoZasebnosti a {
    color: #00477A;
    font-weight: 500;
    transition: all 0.3s ease;
}
.politikoZasebnosti a:hover {
    color: #B2272B;
}
.prihvatiBtn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.header_div {
    padding: 5px;
    text-align: center;
    font-weight: 700;
    color: #fff;
}
.header_div_razvoj {
    background-color: #00477A;
}
.header_div_test {
    background-color: #B2272B;
}
/* viewVloga */
.vloga-left-sidebar-view  a:before {
    background-color: transparent !important;
}
textarea[readonly],
select[disabled],
input[disabled] {
    background: #F6F6F6;
}
.holderView {
    align-items: baseline !important;
}
.select2-search__field,
.select2View + .select2-container .select2-selection__rendered {
    background: #F6F6F6;
}
.procenaUdelaVarijabilnihTroskova .inputLabel input[disabled] {
    background: transparent;
}
input[type='radio'][disabled] + *,
input[type='checkbox'][disabled] + * {
    pointer-events: none;
    color: rgba(110, 120, 125, 0.8);
}
input[type='radio'][disabled] + label::after,
input[type='checkbox'][disabled]:checked  ~ .checkmark::after,
input[type='checkbox'][disabled]:checked  ~ .checkmark {
    background: #6E787D;
}
input[type='checkbox'][disabled] ~ .checkmark {
    border-color: rgba(110, 120, 125, 0.4);
}
input[readonly] ~ .js-yesno-button-box a.active {
    background: rgba(110, 120, 125, 0.6);
    color: #fff;
}
input[readonly] ~ .js-yesno-button-box a {
    border-color: rgba(110, 120, 125, 0.4);
    color: rgba(110, 120, 125, 0.8);
}

/*  ------ Stroski -----*/
.btn-clear-table-stroski {
    background: #fff;
    color: #00477A;
    border: none;
    padding: 10px;
    margin: 0 0 15px 0;
    font-size: 14px;
    display: flex;
    float: right;
}
.btn-clear-table-stroski span {
    font-size: 22px;
    font-weight: 400;
    margin-left: 5px;
}
button.btn-clear-table-stroski:hover {
    background-color: unset;
    color: unset;
}
#confirmationModalForClearStroski {
    text-align: center;
}
#stroskiInViri {
    display: block;
    overflow-x: scroll !important;
    overflow-y: hidden;
}
#stroskiInViri tr {
    border: none;
}
#stroskiInViri .first-row th:last-of-type {
    border-right: 1px solid #6E787D;
}
#stroskiInViri tr:last-of-type {
    border-bottom: 1px solid #6E787D;
}
#stroskiInViri td {
    position: relative;
    font-weight: 400 !important;
    padding: 0 !important;
    border: 1px solid #6E787D;
}
#stroskiInViri th:not(th.sticky-column), #stroskiInViri td {
    min-width: 200px;
}
#stroskiInViri td.itsFormula {
    font-weight: 600 !important;
    background: #e9e9e9;
    position: relative;
}
#stroskiInViri td.itsFormula .tooltip-icon {
    visibility: visible !important;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    z-index: 1;
    color: #6E787D;
    font-size: 13px;
}
#stroskiInViri td.itsFormula input {
    font-weight: 700 !important;
}
#stroskiInViri td input {
    text-align: right;
    padding: 0 20px 0 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: none;
    background: inherit;
    color: #151819 !important;
}
#stroskiInViri .sticky-column {
    position: sticky;
    left: 0;
    z-index: 10;
    min-width: 150px;
}
.empty-message {
    margin-top: 15px;
    font-weight: 500;
}
#empty-message {
    border: none;
}
#empty-message ~ .elementErrorMsg {
    display: none;
}
/* Zavarovanja: Opomba izjave */
.izjavaDiv {
    margin: 10px 0 20px 0;
}
.izjavaDiv .detailCheckbox {
    display: inline-flex;
}
.izjavaDiv .izjavaZavarovanjaCb {
    min-width: 17px;
    height: 17px;
    margin-top: 4px;
}
.izjavaDiv .textareaIzjava {
    padding: 10px;
}
.izjavaDiv .detailCheckbox {
    align-items: start;
    margin-bottom: 5px;
}
.error-izjave-p {
    margin-bottom: 10px;
    position: relative;
}
.error-davcna {
    position: relative;
    margin-bottom: 40px;
}
.idZnakDelaStavbeHolder, .opisOpremeContainer {
    margin-right: 0 !important;
}
.idZnakStavbeHolder {
    margin-right: 2% !important;
}
.holder .drzavaZast {
    margin-right: 0 !important;
}
#custom-display-1, #custom-display-2 {
    display: flex;
    align-items: end;
}
/* custom align for autocomplete button */
.custom-align,
.custom-align-thirds {
    align-items: flex-end !important;
}
.custom-align .vloga-buttons,
.custom-align-thirds .vloga-buttons {
    margin: 0;
}
.custom-align:has(p[modal-field-error]) {
    align-items: center !important;
}
.custom-align-thirds:has(p[modal-field-error]) {
    align-items: unset !important;
}
.customAlign {
    display: flex;
    align-items: start !important;
}
/*------------------------------------*/
.vozniParkSpan {
    display: grid;
    gap: 26px;
}
/*------------------------------------*/
.half.obstajaNaslov {
    display: flex !important;
    justify-content: start;
    align-items: center;
    gap: 10px;
    padding-top: 5px;
}
.half.obstajaNaslov input {
    width: 20px;
    height: 15px;
}
.half.obstajaNaslov label {
    margin-bottom: 0 !important;
}

.min-width-130 {
    min-width: 130px
}
.skupaj-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F6F6F6;
    padding: 0px 10px;
}
.skupaj-field input, .skupaj-field span {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #151819 !important;
}
.skupaj-field input {
    max-width: 120px;
    border: none;
    background: inherit !important;
}
.dokumentHolder {
    display: flex;
    align-items: center;
    gap: 10px;
}
#confirmationModalForDeleteDocument .modal-body .full {
    color: #151819;
}
#confirmationModalForDeleteDocument {
    z-index: 9999;
}
.sort-button {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
}
.sort-button:hover {
    background-color: transparent;
}
.sort-label {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}
.height90vh {
    min-height: 90vh;
}
.input-table {
    border: none;
    background: transparent !important;
    padding: 0;
    color: rgb(43, 49, 51) !important;
    font-weight: 600 !important;
}
.cb_wrapper {
    margin-bottom: 5px !important;
}
.cb_wrapper .full {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
}
.cb_wrapper .full input {
    width: fit-content;
}
.cb_wrapper .full label {
    margin-bottom: 0 !important;
}
.pd-top-5px {
    padding-top: 5px;
}
.spremembe-rb {
    display: grid;
    gap: 5px;
}
.scroll-block {
    overflow: hidden;
}
.fileContainer {
    display: flex;
    align-items: center;
    gap: 8px;
}
.fileContainerSporocilo {
    margin: 5px 0 10px 0;
}
.uploadedFilesContainer div {
    display: flex;
    align-items: center;
    gap: 5px;
}
.uploadedFilesContainer div span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    display: inline-block;
}
.customFileInput {
    flex-grow: 1;
}
.removeFileBtn {
    background: none;
    border: none;
    color: #B2272B !important;
    font-size: 16px;
    cursor: pointer;
    padding: 5px;
}
.removeFileBtn:hover {
    color: darkred;
}
.hover-style:hover {
    background: #00477A !important;
    color: #ffffff !important;
}

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

.rowDeactivated td {
    color: rgba(110, 120, 125, 0.6) !important;
}

.rowDeactivated td i {
    pointer-events: none;
    color: rgba(110, 120, 125, 0.5) !important;
}
a.button.redirectToVloga:not([href]):hover {
    color: #ffffff !important;
}

#alertModalMessage {
    text-align: center;
    font-size: 16px;
}

#alertModalError .modal-dialog {
    width: 500px;
}

.custom-padding {
    padding: 10px 5px 10px 0 !important;
}

.revertImpersonationContainer {
    display: grid;
}

.revertImpersonation {
    font-weight: 700;
    color: #B2272B;
    padding: 5px;
    border: 1px solid #B2272B;
    border-radius: 4px;
    margin-bottom: 5px;
    transition: all 0.3s ease;
    width: 285px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-self: end;
}
.revertImpersonation:hover {
    border: 1px solid #00477A;
    color: #00477A;
}
.error-text {
    color: #B2272B;
    font-size: 12px;
    font-weight: 600;
}
.mt-20 {
    margin-top: 20px;
}
.holderGrid {
    display: grid !important;
    gap: 15px;
}
.margin-bottom-100 {
    margin-bottom: 100px;
}
.d-grid {
    display: grid !important;
}
.edit-user-uporabnik-tooltip {
    display: flex;
    gap: 5px;
    width: fit-content;
}
.edit-user-uporabnik-tooltip i {
    color: #00477A;
}