:root {

    /* Colors: */
    --unnamed-color-aeb0b2: #AEB0B2;
    ---8b8d96_tekst2-light-: #8B8D96;
    ---292929_sekundarni-naslov: #292929;
    ---3f3f3f_text: #3F3F3F;
    ---f3f5f7_ozadje2: #F3F5F7;
    ---ffffff_ozadje1: #FFFFFF;
    ---f58341_naslovi: #F58341;
    --unnamed-color-f5d13a: #F5D13A;
    --unnamed-color-9cca41: #9CCA41;
    --unnamed-color-1287e5: #1287E5;
    --unnamed-color-c93737: #C93737;
    --orange-hover: #D86929;
    --blue-hover: #055A9D;
    --green-hover: #668E15;
    --unnamed-color-108be3: #108BE3;
    --unnamed-color-707070: #707070;
    
    /* Font/text values */
    --unnamed-font-family-arial: Arial;
    --unnamed-font-family-arial-narrow: Arial Narrow, ArialNarrow;
    --unnamed-font-family-courier-new: Courier New;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-weight-bold: bold;
    --unnamed-font-size-11: 11px;
    --unnamed-font-size-13: 13px;
    --unnamed-font-size-14: 14px;
    --unnamed-font-size-15: 15px;
    --unnamed-font-size-16: 16px;
    --unnamed-font-size-18: 18px;
    --unnamed-font-size-20: 20px;
    --unnamed-font-size-22: 22px;
    --unnamed-font-size-24: 24px;
    --unnamed-font-size-32: 32px;
    --unnamed-font-size-38: 38px;
    --unnamed-font-size-48: 48px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-20: 20px;
    --unnamed-line-spacing-23: 23px;
    --unnamed-line-spacing-25: 25px;
    --unnamed-line-spacing-28: 28px;
    --unnamed-line-spacing-35: 35px;
    --unnamed-line-spacing-52: 52px;
    }
    
    /* Character Styles */
    .courier-new-16pt-code {
    font-family: var(--unnamed-font-family-courier-new);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-25);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(---3f3f3f_text);
    }
    .arial-italic-14px {
        font: italic normal var(--unnamed-font-weight-normal) 14px/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---8b8d96_tekst2-light-);
        text-align: left;
        font: italic normal normal 14px/25px Arial;
        letter-spacing: 0px;
        color: #8B8D96;
        opacity: 1;
    }
    .arial-narrow-22pt-faq-kartice {
    font-family: var(--unnamed-font-family-arial-narrow);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-22);
    line-height: var(--unnamed-line-spacing-28);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(---292929_sekundarni-naslov);
    }
    .arial-narrow-20pt-kategorije {
    font-family: var(--unnamed-font-family-arial-narrow);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-23);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-707070);
    }
    .arial-18pt-body-text {
    font-family: var(--unnamed-font-family-arial);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-25);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(---3f3f3f_text);
    }
    .arial-15pt-small-tags {
    font-family: var(--unnamed-font-family-arial);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-15);
    line-height: var(--unnamed-line-spacing-20);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(---ffffff_ozadje1);
    }
    .arial-pomoc-sekundarni-naslov {
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---292929_sekundarni-naslov);
        text-align: left;
        font: normal normal bold 24px/35px Arial Narrow;
        letter-spacing: 0px;
        color: #292929;
        opacity: 1;
    }
    .arial-pomoc-sekundarni-naslov-smaller {
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---292929_sekundarni-naslov);
        text-align: left;
        font: normal normal bold 20px/28px Arial Narrow;
        letter-spacing: 0px;
        color: #292929;
        opacity: 1;
    }
    
    .badge {
        font-family: var(--unnamed-font-family-arial-narrow) !important;
        font-style: var(--unnamed-font-style-normal) !important;
        font-weight: var(--unnamed-font-weight-bold) !important;
        font-size: var(--unnamed-font-size-13) !important;
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: white !important;
    }
    
    h4, .arial-narrow-24pt-terciarni-naslov {
        font-family: var(--unnamed-font-family-arial-narrow) !important;
        font-style: var(--unnamed-font-style-normal) !important;
        font-weight: var(--unnamed-font-weight-bold) !important;
        font-size: var(--unnamed-font-size-24) !important;
        line-height: var(--unnamed-line-spacing-28) !important;
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(--blue-hover) !important;
    }
    .arial-narrow-24pt-terciarni-naslov-2 {
        font-family: var(--unnamed-font-family-arial-narrow) !important;
        font-style: var(--unnamed-font-style-normal) !important;
        font-weight: var(--unnamed-font-weight-bold) !important;
        font-size: var(--unnamed-font-size-24) !important;
        line-height: var(--unnamed-line-spacing-28) !important;
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(--unnamed-color-108be3) !important;
    }
    h3, .arial-narrow-32pt-sekundarni-naslov {
        font-family: var(--unnamed-font-family-arial-narrow);
        font-style: var(--unnamed-font-style-normal);
        font-weight: var(--unnamed-font-weight-bold);
        font-size: var(--unnamed-font-size-32);
        line-height: var(--unnamed-line-spacing-35);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---292929_sekundarni-naslov);
    }
    
    h2, .arial-narrow-38pt-sekundarni-naslov {
        font-family: var(--unnamed-font-family-arial-narrow);
        font-style: var(--unnamed-font-style-normal);
        font-weight: var(--unnamed-font-weight-bold);
        font-size: var(--unnamed-font-size-38);
        line-height: var(--unnamed-line-spacing-35);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---292929_sekundarni-naslov);
        }
    
    h1, .arial-narrow-48pt-glavni-naslov {
        font-family: var(--unnamed-font-family-arial-narrow) !important;
        font-style: var(--unnamed-font-style-normal) !important;
        font-weight: var(--unnamed-font-weight-bold) !important;
        font-size: var(--unnamed-font-size-48) !important;
        line-height: var(--unnamed-line-spacing-52) !important;
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(--unnamed-color-108be3) !important;
        /* margin-bottom: 40px !important; */
        margin-top: 0.8em !important;
        margin-bottom: 0.4em !important;
    }
    
    .piso-secondary-naslov {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-32)/var(--unnamed-line-spacing-35) var(--unnamed-font-family-arial-narrow);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---292929_sekundarni-naslov);
        text-align: left;
        letter-spacing: 0px;
        color: #292929;
        opacity: 1;
        flex-grow:0;
    }
    
    #controllerPiso .arial-narrow-48pt-glavni-naslov {
        font-size: 36px !important;
        margin-bottom: 20px;
    }
    
    #piso-kontakt-email-sender {
        background-color: white;
        padding: 20px;
        border-radius: 8px;
    }
    
    #piso-kontakt-info-row {
        background-color: white;
        padding: 20px;
        border-radius: 8px;
        margin-right: 20px;
        margin-bottom: 10px;;
    }
    #kontakt-button-row {
        margin-right: 20px;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    
    #piso-kontakt-info {
        padding-right: 20px;
    }
    #pomoc-besedilo {
        padding-right: 20px;
    }
    .kontaktniObrazecParentRow {
        margin-left: 0px;
        margin-top: 20px;
        margin-right: 20px;
      }
    
    .btn {
        white-space: normal;
        word-wrap: break-word!important;
    }
    
    
    #odpravljanjeTezav-content-row, #pogostavprasanja-content-row {
        padding-left: 20px !important;
    }
    
    @media screen and (max-width: 991.33px) {
        #piso-kontakt-info {
            padding-right: 0px !important;
        }
        .piso-pro-nopadding {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }
        #piso-kontakt-info-row {
            margin-right: 0px !important;
        }
    
        #odpravljanjeTezav-content-row, #pogostavprasanja-content-row {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }
    
        #button-test-hitrosti {
            float: none !important;
        }
    
        #tabs-section-2, #tabs-section4 {
            display: block !important;
        }
        
        #tabs-section, #tabs-section3 {
            display: none !important;
        }
    }
    
    #tabs-section-2, #tabs-section4 {
        display: none;
    }
    
    #tabs-section, #tabs-section3 {
        display: block;
    }
    
    /* nekje se povozi to ker to je drugače v bootstrapovem cssu (ne vem kje) */
    .collapse:not(.show) {
        display: none !important;
    }
    
    @media (min-width:991.33px) and (max-width:1200px){
        /* .blogwrapper {
            padding-right: 0px;
        }
        .blogwrapper aside.blog-nav{
            display: none;
        } */
    
        .badge.rounded-pill {
            left: 80% !important;
        }
        
        #logoContainterPiso {
            margin-left: 7.5px;
        }
    }
    
    @media screen and (max-width: 370px) {
        .badge.rounded-pill {
            left: 80% !important;
        }
    }
    
    @media screen and (max-width: 991.33px) {
        .container {
            max-width: 100% !important;
        }
    
        #logoContainterPiso {
            margin-left: 22.5px;
        }
    }
    
    #hamburger-piso {
        margin-right: 15px;
    }
    
    @media screen and (max-width: 767px) {
        #piso-kontakt-info {
            padding-right: 0px !important;
        }
    
        #logoContainterPiso {
            margin-left: 7.5px;
        }
    
        .piso-pro-nopadding {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }
        #piso-kontakt-info-row {
            margin-right: 0px !important;
        }
        .kontaktniObrazecParentRow {
            margin-right: 0px !important;
        }
        #pomoc-besedilo {
            padding-right: 0px !important;
        }
        #kontakt-button-row {
            margin-right: 0px !important;
        }
    
        .col-no-right-padding-sm-screen {
            padding-right: 0px !important;
        }
    
        #hamburger-piso {
            margin-right: 0px !important;
        }
    
        .google-piso-row {
            margin-right: 1px !important;
            margin-bottom: 25px !important;
        }
    
        /* #piso-kontakt-email-sender {
            margin-left: 3.75px !important;
        } */
        .piso-apps-icon-img-main-page {
            margin: auto !important;
            margin-top: 16px !important;
        }
        .card-horizontal-display-contents {
            display: contents !important;
        }
        .carousel-item .apps-piso-card-main-page .d-flex {
            display: contents !important;
        }
        .carousel-item .apps-piso-card-main-page-2 .d-flex {
            display: contents !important;
        }
    
        #crkeList {
            display: block !important;
            justify-content: center !important;
        }
        #slikaProKontroler {
            display: none !important;
        }
        
        #main-col-6-levo {
            padding-right: 0px;
        }
    
        /* #piso-main-controll-left {
            margin-right: -7.5px !important;
        } */
    
        #main-controll-row-1 {
            margin-left: -15px !important;
            margin-right: -15px !important;
        }
        #main-controll-row-2 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
    }
    
    #button-test-hitrosti {
        float: right;
    }
    
    .piso-apps-icon-img-main-page {
        max-width: 150px;
        float: right;
        /* margin-right: 15px; */
        /* padding: 16px; */
        border-radius: 8px;
        background: white;
    }
    
    
    .piso-apps-icon-img {
        max-width: 80px;
        float: right;
        margin-right: 15px;
    }
    
    .piso-apps-icon-img-kontakt {
        max-width: 60px;
        float: right;
        margin-right: 15px;
    }
    
    h2.moduletitle {
        font-family: var(--unnamed-font-family-arial-narrow) !important;
        font-style: var(--unnamed-font-style-normal) !important;
        font-weight: var(--unnamed-font-weight-bold) !important;
        font-size: var(--unnamed-font-size-48) !important;
        line-height: var(--unnamed-line-spacing-52) !important;
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(--unnamed-color-108be3) !important;
    }
    
    .PisoP {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---3f3f3f_text);
        text-align: left;
        /* font: normal normal normal 16px/25px Arial; */
        letter-spacing: 0px;
        color: #3F3F3F;
    }
    
    .PisoP.bold {
        font-weight: bold !important;
    }
    
    p {
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(---3f3f3f_text) !important;
        text-align: left !important;
        /* font: normal normal normal 18px/25px Arial !important; */
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial);
        letter-spacing: 0px !important;
        color: #3F3F3F !important;
    }
    
    .h1-white {
        color: white !important;
        margin-bottom: 1rem !important;
    }
    
    /* dodamo stil elementu samo v primeru da ta element nima nobenega classa, zato da administrator meniji ostanejo enkai kot so sedaj */
    h3:not([class]) {
        font-family: var(--unnamed-font-family-arial-narrow) !important;
        font-style: var(--unnamed-font-style-normal) !important;
        font-weight: var(--unnamed-font-weight-bold) !important;
        font-size: var(--unnamed-font-size-32) !important;
        line-height: var(--unnamed-line-spacing-35) !important;
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(--unnamed-color-108be3) !important;
    }
    
    h3:has(a) {
        color: var(--unnamed-color-108be3) !important;
    }
    
    .PisoH4-main-page-spodaj {
        /* font-family: Arial, bold !important;
        font-size: 18px !important;
        color: #3F3F3F !important;
        font-weight: bold; */
    
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---3f3f3f_text);
        text-align: left;
        font: normal normal bold 18px/25px Arial;
        letter-spacing: 0px;
        color: #3F3F3F;
        text-transform: uppercase;
    }
    
    h4 {
        text-align: left !important;
        /* font: normal normal bold 22px/26px Arial Narrow !important; */
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-22)/var(--unnamed-line-spacing-28) var(--unnamed-font-family-arial-narrow) !important;
        letter-spacing: 0px !important;
        color: #292929 !important;
        opacity: 1 !important;
      }
    
    h2:not([class]) {
        font-family: var(--unnamed-font-family-arial-narrow);
        font-style: var(--unnamed-font-style-normal);
        font-weight: var(--unnamed-font-weight-bold);
        font-size: var(--unnamed-font-size-48);
        line-height: var(--unnamed-line-spacing-52);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-108be3);
    }
    
    .settinglabel {
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(---3f3f3f_text) !important;
        text-align: left !important;
        font: normal normal bold 18px/25px Arial !important;
        letter-spacing: 0px !important;
        color: #3F3F3F !important;
    }
    .form-control {
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(---3f3f3f_text) !important;
        text-align: left !important;
        font: normal normal normal 14px/25px Arial !important;
        letter-spacing: 0px !important;
        color: #3F3F3F !important;
    }
    
    .piso-naslov-devider-group {
        display:flex;
        flex-direction:row;
        align-items: center;
    }
    
    .divider-piso {
        flex-grow:1;
        height: 2px;
        background-color: #108BE3;
        border-radius: 2px;
        margin-left: 15px;
    }
    
    .piso-kontakt-info-col-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .piso-pomoc-info-col-icon {
        display: flex;
        width: fit-content !important;
        align-items: center;
        justify-content: center;
    }
    
    .piso-kontakt-info-col-text {
        display: flex;
        align-items: center;
    }
    
    /* .osnovniPisoButton {
        background: var(--unnamed-color-108be3) 0% 0% no-repeat padding-box;
        border-radius: 8px;
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---ffffff_ozadje1);
        text-align: center;
        font: normal normal bold 20px/26px Arial Narrow;
        letter-spacing: 0px;
        color: #FFFFFF;
        padding: 1rem .75rem !important;
        opacity: 1;
        white-space: normal !important;
        word-wrap: break-word !important;
    }
    
    .osnovniPisoButton:hover {
        background: var(--blue-hover) 0% 0% no-repeat padding-box;
        color: #FFFFFF;
    } */
    
    body {
        display:flex;
        flex-direction:column;
        min-height:100vh;
        background-color: var(--background);
        margin-top: var(--headerHeight);
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---3f3f3f_text);
        text-align: left;
        /* font: normal normal normal 18px/25px Arial; */
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial);
        letter-spacing: 0px;
        color: #3F3F3F;
    }
    
    .piso-novice-header {
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(---292929_sekundarni-naslov);
        text-align: left;
        font: normal normal bold 20px/24px Arial Narrow;
        letter-spacing: 0px;
        color: #292929;
        opacity: 1;
        margin-top: 20px;
    }
    
    a {
        text-decoration: none !important;
    }
    
    .pagination>.active>span {
        background-color: var(--unnamed-color-108be3) !important;
        border-color: var(--unnamed-color-108be3) !important;
    }
    
    .pagination>li>a {
        color: var(--green-hover) !important;
    }
    
    div.blogdate > a.piso-category {
        background-color: var(--unnamed-color-108be3) !important;
        border-radius: 8px !important;
        padding-left: 6px;
        padding-right: 6px;
        font-weight: 700 !important;
        color: white !important;
        margin-top: 2px;
        display: inline-block;
    }
    
    .label-info,
    .tagslabel + .blogtags a {
        background-color: var(--unnamed-color-108be3) !important;
        border-radius: 8px !important;
        padding-bottom: 3px;
        padding-left: 6px;
        padding-right: 6px;
        font-weight: 700 !important;
        color: white !important;
        margin-top: 2px;
        display: inline-block;
      }
    .blogtags a {
        background-color: var(--unnamed-color-108be3) !important;
        border-radius: 8px !important;
        padding-bottom: 3px;
        padding-left: 6px;
        padding-right: 6px;
        font-weight: 700 !important;
        color: white !important;
        margin-top: 2px;
        display: inline-block;
      }
    
    .foot span a:hover {
        color: var(--green-hover);
    }
    
    .piso-rows {
        background-color: white;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 24px;
    }
    
    .piso-blue-border {
        border: 3px solid var(--unnamed-color-108be3);
    }
    
    .piso-pomoc-rows {
        background-color: white;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 40px;
    }
    .piso-pomoc-rows:hover {
        box-shadow: 0px 3px 6px #00000029;
        cursor: pointer;
    }
    .apps-piso-content-row {
        margin-bottom: 25px;
    }
    
    /* .apps-piso-card-main-page-2 {
        padding: 16px;
        border: none !important;
        background-color: var(--blue-hover) !important;
        border-radius: 8px !important;
        min-height: 289px !important;
    } */
    
    .apps-piso-card-main-page-2 {
        /* padding: 16px; */
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        padding-top: 8px;
        border: none !important;
        background-color: white !important;
        border-radius: 8px !important;
        min-height: 289px !important;
    }
    
    .apps-piso-card-main-page {
        padding-left: 8% !important;
        padding-right: 5% !important; 
        border: none !important;
        background-color: var(--blue-hover) !important;
        border-radius: 8px !important;
        min-height: 289px !important;
    }
    .apps-piso-card-main-page:hover {
        box-shadow: 0px 0px 0px transparent !important;
    }
    .apps-piso-card-main-page-2:hover {
        box-shadow: 0px 0px 0px transparent !important;
    }
    
    .carousel-item .arial-narrow-48pt-glavni-naslov {
        color: white !important;
    }
    /* 
    .carousel-item p  {
        color: white !important;    
        margin-left: -16px !important;
        margin-right: -16px !important;
    } */
    
    .carousel-item p  {
        color: #3F3F3F !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
    }
    
    .carousel-item li {
        color: white !important;
    }
    
    
    .text-that-needs-wrapping {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    
    .list-group-item-piso.active .PisoP {
        color: white;
    }
    
    .list-group-item-piso .PisoP {
        padding-left: 20px;
    }
    
    .carousel-inner {
        border-radius: 8px !important;
    }
    
    .apps-piso-card {
        border: none !important;
        border-radius: 8px !important;
    }
    
    .apps-piso-card-novice {
        border: none !important;
        border-radius: 8px !important;
        box-shadow: 0px 3px 6px #00000029;
        padding: 16px !important;
        padding-top: 25px !important;
    }
    
    /* .apps-piso-card-body {
        padding: 16px !important;
    } */
    
    .apps-piso-card:hover {
        box-shadow: 0px 3px 6px #00000029;
    }
    .apps-piso-card-no-hover:hover {
        box-shadow: 0px 0px 0px transparent !important;
    }
    
    .apps-piso-image-square {
        padding: 16px;    
    }
    
    .piso-apps-icon-img {
        max-width: 80px;
    }
    
    
    @media screen and (max-width: 1160px) {
        .piso-apps-icon-img {
            max-width: 60px;
        }
    }
    @media screen and (max-width: 575px) {
        .piso-apps-icon-img {
            max-width: 80px;
        }
    }
    
    .card-horizontal {
        display: flex;
        flex: 1 1 auto;
    }
    .seminarji-card-padding-15px {
        padding: 15px;
    }
    
    .piso-vprasanjaP {
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(---3f3f3f_text) !important;
        text-align: left !important;
        font: normal normal normal 16px/22px Arial !important;
        letter-spacing: 0px !important;
        color: #3F3F3F !important;
        opacity: 1 !important;
    }
    
    
    li, td, th {
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(---3f3f3f_text) !important;
        text-align: left !important;
        /* font: normal normal normal 18px/25px Arial !important; */
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial) !important;
        letter-spacing: 0px !important;
        color: #3F3F3F !important;
    }
    
    
    
    .piso-rounded-white {
        background: white;
        border-radius: 8px;
        box-shadow: 0px 3px 6px #00000029;
    }
    
    div.blogdate {
        border-top: none !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    
    .blogdate > a{
        color: var(---3f3f3f_text) !important;
        text-align: left !important;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-1)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial) !important;
        letter-spacing: 0px !important;
        color: #3F3F3F !important;
    }
    
    .blogdate > span{
        color: var(---3f3f3f_text) !important;
        text-align: left !important;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial) !important;
        letter-spacing: 0px !important;
        color: #3F3F3F !important;
    }
    
    .accordion-item:last-of-type .accordion-collapse {
        border-bottom-width: 0px !important;
    }
    
    .accordion-button:focus {
        border-color: rgba(0,0,0,.125) !important;
    }
    
    .accordion-button {
        text-align: left !important;
    }
    
    .blogtags > a.label.label-info.tagslabel.blogtags {
        color: var(---ffffff_ozadje1);
        text-align: right;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 13px/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial);
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        margin-top: 5px !important;
    }
    
    .blogtags {
        margin-top: 5px !important;
    }
    
    .blogitem > .card.h-100 {
        border-radius: 8px;
        border: none !important;
    }
    
    .blogitem {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    
    .novicaCardMain {
        border-radius: 8px;
        border: none !important;
    }
    
    .header-img {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    
    .novica-item:hover {
        box-shadow: 0px 3px 6px #00000029;
        cursor: pointer;
    }
    
    .cc-color-override--449416444.cc-window {
        background-color: white !important;
        color: #3F3F3F !important;
    }
    
    .cc-link {
        color: #3F3F3F !important;
    }
    
    .cc-message {
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        color: var(---3f3f3f_text) !important;
        text-align: left !important;
        /* font: normal normal normal 18px/25px Arial !important; */
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial) !important;
        letter-spacing: 0px !important;
        color: #3F3F3F !important;
    }
    .cc-theme-edgeless.cc-window {
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 8px !important;
    }
    
    .cc-color-override--449416444 .cc-btn {
        letter-spacing: var(--unnamed-character-spacing-0) !important;
        /* font: normal normal normal 18px/25px Arial !important; */
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial) !important;
        letter-spacing: 0px !important;
        color: white;
        background-color: var(--unnamed-color-108be3) !important;
    }
    
    .cc-color-override--449416444 .cc-btn:hover {
        background-color: var(--blue-hover) !important;
        color: #FFFFFF;
    }
    
    
    
    
    /* @media (min-width: 1400px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1887px !important;
        }
    } */
    
    /* @media (max-width: 1000px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 100% !important;
        }
    } */
    
    .btn.disabled, .btn:disabled, fieldset:disabled .btn {
        background: #999999;
    }
    
    /* .RealisNavLinkItem {
        cursor: pointer;
        text-align: center;
        position: relative;
        transition-timing-function: ease-in;
        transition: 1s;
    } */
    
    /* .RealisNavLinkItem:hover {
        box-shadow: inset 0 -13px 0 0 blue;
    }
    
    .RealisNavLinkItem.active {
        box-shadow: inset 0 -7px 0 0 blue;
        padding-bottom: 6px;
    }    */
    
    
    
    
    .RealisNavLinkItem li{
        display: block;
        float: left;
        text-align: center;
        width: 25%;
        height: 100%;
        transition: all ease-in-out .2s;
    }
    
    .RealisNavLinkItem::after{
        content: '';
        position: absolute;
        width: 0px;
        height: 4px;
        left: 50%;
        bottom:0;
        background-color: #108BE3;
        transition: all ease-in-out .3s;
    }
    
    .RealisNavLinkItem:hover::after{
        width: 100%;
        left: 0;
    }
    
    .blog-post__featured-image-figure {
        /* display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 50% !important; */
    }
    
    .noTopMargin {
        margin-top: 0px !important;
    }
    
    /* 
    .blogtext > p {
        text-align: center !important;
    } */
    
    .blogtext {
        /* text-align: center !important; */
        /* max-width: 70%; */
        margin-left: auto;
        padding: 16px !important;
        margin-right: auto;
        
    }
    
    .col-12.col-md-6.col-lg-4.col-xl-3.blogitem .blogtext {
        display: none !important;
    }
    
    .blogtext img {
        text-align: center !important;
    }
    
    #PisoProTable tbody tr {
        border-bottom: 2px solid #F3F5F7 !important;
    }
    
    #PisoOgcTable tbody tr {
        border-bottom: 2px solid White !important;
    }
    
    
    .panelwrapper.blogwrapper.blogview {
        text-align: center !important;
    }
    
    .panelwrapper.blogwrapper.blogview.h-100.mt-4 > header > .moduletitle {
        border-bottom: 0px !important;
        text-align: left !important;
    }
    
    .bcommentpanel > .moduletitle {
        border-bottom: 0px !important;
    }
    
    /* .blog-center.blogcenter-nonav.row.g-4.blog-center {
        padding-right: 0px !important;
        margin-top: 0px !important;
        margin-right: 0px !important;
    } */
    /* 
    .col-12.col-md-6.col-lg-4.col-xl-3.blogitem {
        padding-right: 0px !important;
    } */