:root{
    --mainFontFamily: 'Open Sans';
    --secondaryFontFamily: 'Inter';
    --mainColor: #333;
    --colorWhite: #FFF;
    --triglavRed: #D93934;
    --lightGreyBG: #F8F8F8;
    --hrBG: #F2F2F2;
    --inputBG: #F8F8F8;
    --forwardBtn: #49B675;
    --forwardBtnHover: #2E9F65;
    --modalFontColor: #1E1E1E;
    --inputBorderColor: #DDD;
}
*:focus {
    outline: none;
    box-shadow: none !important;
}
img{
    max-width: 100%;
    height: auto;
}
hr{
    margin: 0;
}
body{
    padding: 0;
    margin: 0;
}
.container-fluid,
.container{
    padding: 0;
}

.container{
    max-width: 1280px;
}
.header{
    height: 88px;
    background-color: #4C4C4C;
}
.header .container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    height: 100%;
    padding: 0px 24px;
}
#headerLogo{
    width: 127px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='127' height='40' viewBox='0 0 127 40' fill='none'%3E%3Cpath d='M125.822 15.0259H121.011L119.313 20.1797C118.943 21.3231 118.702 22.2915 118.435 23.7815H118.384C118.025 22.1977 117.766 21.1164 117.41 20.0335L115.718 15.0259H110.799L115.918 29.5904H120.641L125.822 15.0259Z' fill='white'/%3E%3Cpath d='M90.9265 29.5904H95.3838V8.20076H90.9265V29.5904Z' fill='white'/%3E%3Cpath d='M110.131 29.5904C110.042 28.2658 110.042 26.8966 110.042 26.1318C110.042 24.2283 110.042 22.1118 110.042 19.8887C110.042 16.3808 108.609 14.7063 103.543 14.7063C101.805 14.7063 100.046 14.9989 98.4958 15.4934V19.4801C99.8157 18.7804 101.663 18.2779 102.953 18.2779C105.062 18.2779 105.556 18.8901 105.556 20.0939V20.5884C101.104 20.5884 97.3509 22.1118 97.3509 25.9235C97.3509 28.2404 98.7582 29.9116 101.603 29.9116C103.619 29.9116 105.353 28.913 105.968 27.4834L105.997 27.5105C105.879 28.1243 105.879 28.8861 105.879 29.5905L110.131 29.5904ZM105.556 23.7815C105.556 25.192 104.539 26.5437 103.012 26.5437C102.126 26.5437 101.603 26.0157 101.603 25.254C101.603 24.0518 102.804 23.3187 105.556 23.3187V23.7815Z' fill='white'/%3E%3Cpath d='M55.9916 29.4139V25.7486C55.5241 25.9807 54.8817 26.1015 54.349 26.1015C53.2326 26.1015 52.8621 25.6293 52.8621 24.1059V18.4575H55.9916V15.0259H52.8304V9.51109L48.3715 10.7181V15.0259H46.1801V18.4575H48.3715V25.2222C48.3715 28.7985 49.456 29.9116 52.8304 29.9116C53.8862 29.9116 55.0232 29.7288 55.9916 29.4139Z' fill='white'/%3E%3Cpath d='M66.4662 19.0093V14.6744C64.2718 14.5901 62.9535 15.8767 62.2792 17.373H62.249C62.3698 16.5827 62.3921 15.549 62.3921 15.0259H58.2083V29.5904H62.6608V23.4364C62.6608 19.7106 64.0937 18.4846 66.4662 19.0093Z' fill='white'/%3E%3Cpath d='M68.085 29.5904H72.536V15.0259H68.085V29.5904ZM70.3176 8.22147C68.8133 8.22147 67.5857 9.39818 67.5857 10.8627C67.5857 12.3305 68.8133 13.5041 70.3176 13.5041C71.8347 13.5041 73.0353 12.3035 73.0353 10.8627C73.0353 9.39818 71.8347 8.22147 70.3176 8.22147Z' fill='white'/%3E%3Cpath d='M88.3997 29.8863V15.169C86.7554 14.905 85.0317 14.7063 82.772 14.7063C77.4385 14.7063 74.6525 18.3319 74.6525 23.1136C74.6525 27.4834 76.5544 29.9403 80.0783 29.9403C81.8672 29.9403 83.3572 29.0594 84.0601 27.6234H84.1141C83.9949 28.3295 83.9742 29.0053 83.9742 29.7288V30.2027C83.9742 32.3478 82.772 33.2813 80.2197 33.2813C78.9046 33.2813 77.0855 32.8408 75.6511 32.1713L75.4762 36.3313C76.7626 36.7447 78.407 37.0564 80.0449 37.0564C86.6426 37.0564 88.3997 33.6916 88.3997 29.8863ZM83.9439 21.9432C83.9439 24.4589 82.8865 26.2208 81.3679 26.2208C80.013 26.2208 79.3753 25.0743 79.3753 22.6445C79.3753 19.391 80.692 18.2779 82.419 18.2779C83.0312 18.2779 83.5035 18.3701 83.9439 18.4575V21.9432Z' fill='white'/%3E%3Cpath d='M0.626022 39.3685H39.3758V0.631516H0.626022V39.3685Z' fill='%23ED1C24'/%3E%3Cpath d='M27.0518 20.0668C27.0311 23.9548 23.8794 27.0858 19.9898 27.0858C16.1049 27.0858 12.9564 23.9548 12.8896 20.0668V12.9602H30.5375V9.45863L9.41019 9.44846V20.0662C9.43092 25.8974 14.1617 30.6106 19.9898 30.6106C25.8273 30.6106 30.5534 25.8974 30.5709 20.0662L27.0518 20.0668Z' fill='white'/%3E%3Cpath d='M30.5375 18.2874V14.7412L14.6944 14.7464L14.7007 20.0671C14.7198 22.9724 17.086 25.3227 19.9897 25.3227C22.9061 25.3227 25.2644 22.9724 25.2803 20.0671H21.7453C21.7364 21.0403 20.947 21.8195 19.9738 21.8195C19.007 21.8195 18.2246 21.0403 18.2087 20.0671V18.2877L30.5375 18.2874Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
}
.header hr{
    width: 1px;
    height: 40px;
    background-color: var(--colorWhite);
    margin: 0;
    opacity: 0.4;
}
#osigTitle{
    font-family: var(--mainFontFamily);
    color: var(--colorWhite);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 30.8px */
}
.mainBody{
    padding: 24px 40px 40px 40px;
}
.landingPage{
    padding: 40px;
}
.footerCont{
    position: relative;
    background-color: #222222;
}
.footerCont img{
    margin-top: -1px;
}
.footerCont .footer{
    width: 100%;
    height: 320px;
    padding: 0px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #222222;
    border: none;
}
#footerLinksCont{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
}
.footerLinkCont{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 16px;
    border-left: 1px solid rgba(255, 255, 255, 0.10);    
}
.footerLCTitle{
    font-family: var(--mainFontFamily);
    color: var(--colorWhite);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 19.2px */
    letter-spacing: 0.4px;
}
.fooerLCWrap{
    display: flex;
    flex-direction: column;
}
.fooerLCWrap a{
    font-family: var(--mainFontFamily);
    color: var(--colorWhite);
    opacity: 0.4;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 19.2px */
    letter-spacing: 0.4px;
    text-decoration: none;
}
#mmbCardContainer{
    width: 100%;
    height: 72px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
#mmbCardContainer img {
    height: 24px;
}
#footer_copyright{
    font-family: var(--mainFontFamily);
    color: var(--colorWhite);
    opacity: 0.4;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 19.2px */
    letter-spacing: 0.4px;
}
#mainCont{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.osigStepInfo{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 32px;
}
.osigStepTitle{
    width: 100%;
    font-family: var(--mainFontFamily);
    color: var(--mainColor);
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 31.2px */
}
.osigStepTxt{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.osigStepTxt span{
    padding-left: 18px;
    position: relative;
    font-family: var(--mainFontFamily);
    color: var(--mainColor);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 19.2px */
    letter-spacing: 0.4px;
}
.osigStepTxt span:before{
    content: '•';
    position: absolute;
    top: 50%;
    left: 6.5px;
    transform: translate(0%,-50%);
}
.osigStepContainer{
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
}
#posCont{
    width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 40px 0px;
    gap: 24px;
}
.posCont{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px;
    background-color: var(--colorWhite);
    border-radius: 16px;
    border: 1px solid var(--inputBorderColor);
}
.posContTitle{
    color: var(--modalFontColor);
    font-family: var(--mainFontFamily);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 30.8px */
    display: flex;
    justify-content: space-between;
}
#posUgovaracCont hr,
.posCont hr,
#poiOsigCont hr{
    color: var(--inputBorderColor);
    opacity: 1;
    margin: 0;
}
.posContRow{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 24px;
}
.posContRow.margina{
    margin-bottom: 32px;
}
.posContRowCell{
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.inlineOpt .posContRowCell{
    gap: 8px;
    width: auto;
}
.posFormCont{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.posFormCont .posContRow{
    gap: 16px;
}
.smlRowCell{
    width: calc(67% - 116px);
}
.validCheck{
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 997;
    top: 50%;
    right: 16px;
    transform: translate(0%,-50%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: none;
}
.validCheck.validFld{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.5912 16.6088L10.6 16.6177L10.6088 16.6088L17.6588 9.55884L17.6677 9.55L17.6588 9.54116L16.2588 8.14116L16.25 8.13232L16.2412 8.14116L10.6 13.7823L7.75884 10.9412L7.75 10.9323L7.74116 10.9412L6.34116 12.3412L6.33232 12.35L6.34116 12.3588L10.5912 16.6088ZM12 21.9875C10.6183 21.9875 9.31999 21.7253 8.10495 21.201C6.88968 20.6766 5.83268 19.965 4.93384 19.0662C4.035 18.1673 3.32338 17.1103 2.79898 15.895C2.27468 14.68 2.0125 13.3817 2.0125 12C2.0125 10.6183 2.27468 9.31999 2.79898 8.10495C3.32338 6.88968 4.035 5.83268 4.93384 4.93384C5.83268 4.035 6.88968 3.32338 8.10495 2.79898C9.31999 2.27468 10.6183 2.0125 12 2.0125C13.3817 2.0125 14.68 2.27468 15.895 2.79898C17.1103 3.32338 18.1673 4.035 19.0662 4.93384C19.965 5.83268 20.6766 6.88968 21.201 8.10495C21.7253 9.31999 21.9875 10.6183 21.9875 12C21.9875 13.3817 21.7253 14.68 21.201 15.895C20.6766 17.1103 19.965 18.1673 19.0662 19.0662C18.1673 19.965 17.1103 20.6766 15.895 21.201C14.68 21.7253 13.3817 21.9875 12 21.9875Z' fill='%2349B675' stroke='%23D93934' stroke-width='0.025'/%3E%3C/svg%3E");
    display: block;
}
.validCheck.invFld{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.39116 17.0088L8.4 17.0177L8.40884 17.0088L12 13.4177L15.5912 17.0088L15.6 17.0177L15.6088 17.0088L17.0088 15.6088L17.0177 15.6L17.0088 15.5912L13.4177 12L17.0088 8.40884L17.0177 8.4L17.0088 8.39116L15.6088 6.99116L15.6 6.98232L15.5912 6.99116L12 10.5823L8.40884 6.99116L8.4 6.98232L8.39116 6.99116L6.99116 8.39116L6.98232 8.4L6.99116 8.40884L10.5823 12L6.99116 15.5912L6.98232 15.6L6.99116 15.6088L8.39116 17.0088ZM12 21.9875C10.6183 21.9875 9.31999 21.7253 8.10495 21.201C6.88968 20.6766 5.83268 19.965 4.93384 19.0662C4.035 18.1673 3.32338 17.1103 2.79898 15.895C2.27468 14.68 2.0125 13.3817 2.0125 12C2.0125 10.6183 2.27468 9.31999 2.79898 8.10495C3.32338 6.88968 4.035 5.83268 4.93384 4.93384C5.83268 4.035 6.88968 3.32338 8.10495 2.79898C9.31999 2.27468 10.6183 2.0125 12 2.0125C13.3817 2.0125 14.68 2.27468 15.895 2.79898C17.1103 3.32338 18.1673 4.035 19.0662 4.93384C19.965 5.83268 20.6766 6.88968 21.201 8.10495C21.7253 9.31999 21.9875 10.6183 21.9875 12C21.9875 13.3817 21.7253 14.68 21.201 15.895C20.6766 17.1103 19.965 18.1673 19.0662 19.0662C18.1673 19.965 17.1103 20.6766 15.895 21.201C14.68 21.7253 13.3817 21.9875 12 21.9875Z' fill='%23D93934' stroke='%23D93934' stroke-width='0.025'/%3E%3C/svg%3E");
    display: block;
}
#posUgovaracEmailCont{
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    border: 1px solid var(--inputBorderColor);
    background: var(--inputBG);
    padding: 24px;
}
#posUgovaracEmailCont p{
    color: var(--modalFontColor);
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}
.posInput,
textarea{
    width: 100%;
    height: 56px;
    border-radius: 12px;
    border: 1px solid var(--inputBorderColor);
    padding: 14px 56px 14px 26px;
    color: var(--mainColor);
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.5px;
}
textarea{
    height: auto;
    min-height: 150px;
}
.posInput.hasCalendarIcon{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 4.0125H6.0125V4V2.0125H7.9875V4V4.0125H8H16H16.0125V4V2.0125H17.9875V4V4.0125H18H19C19.5467 4.0125 20.0143 4.207 20.4037 4.59634C20.793 4.98568 20.9875 5.45334 20.9875 6V20C20.9875 20.5467 20.793 21.0143 20.4037 21.4037C20.0143 21.793 19.5467 21.9875 19 21.9875H5C4.45334 21.9875 3.98568 21.793 3.59634 21.4037C3.207 21.0143 3.0125 20.5467 3.0125 20V6C3.0125 5.45334 3.207 4.98568 3.59634 4.59634C3.98568 4.207 4.45334 4.0125 5 4.0125H6ZM4.9875 20V20.0125H5H19H19.0125V20V10V9.9875H19H5H4.9875V10V20ZM4.9875 8V8.0125H5H19H19.0125V8V6V5.9875H19H5H4.9875V6V8ZM12 13.9875C11.7198 13.9875 11.4855 13.8929 11.2963 13.7037C11.1071 13.5145 11.0125 13.2802 11.0125 13C11.0125 12.7198 11.1071 12.4855 11.2963 12.2963C11.4855 12.1071 11.7198 12.0125 12 12.0125C12.2802 12.0125 12.5145 12.1071 12.7037 12.2963C12.8929 12.4855 12.9875 12.7198 12.9875 13C12.9875 13.2802 12.8929 13.5145 12.7037 13.7037C12.5145 13.8929 12.2802 13.9875 12 13.9875ZM8 13.9875C7.71981 13.9875 7.48555 13.8929 7.29634 13.7037C7.10713 13.5145 7.0125 13.2802 7.0125 13C7.0125 12.7198 7.10713 12.4855 7.29634 12.2963C7.48555 12.1071 7.71981 12.0125 8 12.0125C8.28019 12.0125 8.51445 12.1071 8.70366 12.2963C8.89287 12.4855 8.9875 12.7198 8.9875 13C8.9875 13.2802 8.89287 13.5145 8.70366 13.7037C8.51445 13.8929 8.28019 13.9875 8 13.9875ZM16 13.9875C15.7198 13.9875 15.4855 13.8929 15.2963 13.7037C15.1071 13.5145 15.0125 13.2802 15.0125 13C15.0125 12.7198 15.1071 12.4855 15.2963 12.2963C15.4855 12.1071 15.7198 12.0125 16 12.0125C16.2802 12.0125 16.5145 12.1071 16.7037 12.2963C16.8929 12.4855 16.9875 12.7198 16.9875 13C16.9875 13.2802 16.8929 13.5145 16.7037 13.7037C16.5145 13.8929 16.2802 13.9875 16 13.9875ZM12 17.9875C11.7198 17.9875 11.4855 17.8929 11.2963 17.7037C11.1071 17.5145 11.0125 17.2802 11.0125 17C11.0125 16.7198 11.1071 16.4855 11.2963 16.2963C11.4855 16.1071 11.7198 16.0125 12 16.0125C12.2802 16.0125 12.5145 16.1071 12.7037 16.2963C12.8929 16.4855 12.9875 16.7198 12.9875 17C12.9875 17.2802 12.8929 17.5145 12.7037 17.7037C12.5145 17.8929 12.2802 17.9875 12 17.9875ZM8 17.9875C7.71981 17.9875 7.48555 17.8929 7.29634 17.7037C7.10713 17.5145 7.0125 17.2802 7.0125 17C7.0125 16.7198 7.10713 16.4855 7.29634 16.2963C7.48555 16.1071 7.71981 16.0125 8 16.0125C8.28019 16.0125 8.51445 16.1071 8.70366 16.2963C8.89287 16.4855 8.9875 16.7198 8.9875 17C8.9875 17.2802 8.89287 17.5145 8.70366 17.7037C8.51445 17.8929 8.28019 17.9875 8 17.9875ZM16 17.9875C15.7198 17.9875 15.4855 17.8929 15.2963 17.7037C15.1071 17.5145 15.0125 17.2802 15.0125 17C15.0125 16.7198 15.1071 16.4855 15.2963 16.2963C15.4855 16.1071 15.7198 16.0125 16 16.0125C16.2802 16.0125 16.5145 16.1071 16.7037 16.2963C16.8929 16.4855 16.9875 16.7198 16.9875 17C16.9875 17.2802 16.8929 17.5145 16.7037 17.7037C16.5145 17.8929 16.2802 17.9875 16 17.9875Z' fill='%23D93934' stroke='%23D93934' stroke-width='0.025'/%3E%3C/svg%3E"), var(--colorWhite) !important;
    background-position: center right 16px, center !important;
    background-repeat: no-repeat, repeat !important;
}
.posInput.hasClockIcon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.9875 11.6H12.9823L12.9912 11.6088L16.6823 15.3L15.3 16.6823L11.0125 12.3948V7.0125H12.9875V11.6ZM12 21.9875C10.6183 21.9875 9.31999 21.7253 8.10495 21.201C6.88968 20.6766 5.83268 19.965 4.93384 19.0662C4.035 18.1673 3.32338 17.1103 2.79898 15.895C2.27468 14.68 2.0125 13.3817 2.0125 12C2.0125 10.6183 2.27468 9.31999 2.79898 8.10495C3.32338 6.88968 4.035 5.83268 4.93384 4.93384C5.83268 4.035 6.88968 3.32338 8.10495 2.79898C9.31999 2.27468 10.6183 2.0125 12 2.0125C13.3817 2.0125 14.68 2.27468 15.895 2.79898C17.1103 3.32338 18.1673 4.035 19.0662 4.93384C19.965 5.83268 20.6766 6.88968 21.201 8.10495C21.7253 9.31999 21.9875 10.6183 21.9875 12C21.9875 13.3817 21.7253 14.68 21.201 15.895C20.6766 17.1103 19.965 18.1673 19.0662 19.0662C18.1673 19.965 17.1103 20.6766 15.895 21.201C14.68 21.7253 13.3817 21.9875 12 21.9875ZM12 20.0125C14.22 20.0125 16.1106 19.232 17.6713 17.6713C19.232 16.1106 20.0125 14.22 20.0125 12C20.0125 9.78004 19.232 7.88935 17.6713 6.32866C16.1106 4.76797 14.22 3.9875 12 3.9875C9.78004 3.9875 7.88935 4.76797 6.32866 6.32866C4.76797 7.88935 3.9875 9.78004 3.9875 12C3.9875 14.22 4.76797 16.1106 6.32866 17.6713C7.88935 19.232 9.78004 20.0125 12 20.0125Z' fill='%23D93934' stroke='%23D93934' stroke-width='0.025'/%3E%3C/svg%3E");
    background-position: center right 16px, center !important;
    background-repeat: no-repeat, repeat !important;
}
.formLabel.moveUpLabel ~ .posInput:focus{
    border-width: 3px;
    border-color: var(--mainColor);
    padding-left: 24px;
    background-position: center right 14px, center !important;
}
.posInput:disabled,
textarea:disabled{
    opacity: 0.6;
    cursor: not-allowed;
}
.formLabel.moveUpLabel.diabledLabel{
    opacity: 0.6 !important;
}
#emailWrapper {
    display: flex;
    flex: 1;
    position: relative;
}
/*Select2*/
select.invFld ~ .select2-container .select2-selection--single{
    border: 2px solid #b3261e !important;
}
select.invFld ~ .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: #b3261e !important;
}
select.validFld ~ .select2-container .select2-selection--single{
    border: 2px solid #49B675 !important;
}
.select2.select2-container{
    width: 100% !important;
}
.select2-container .select2-selection--single{
    height: 56px;
}
.select2-selection {
    height: 56px;
    padding: 13px 16px 13px 24px !important;
    display: flex;
    align-items: center;
    border-radius: 12px !important;
    border: 1px solid var(--inputBorderColor) !important;
    background: var(--colorWhite) !important;
    color: var(--mainColor) !important;
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 187.5% */
    letter-spacing: 0.5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    width: 24px;
    height: 24px;
    top: 50%;
    right: 15px;
    transform: translate(0%,-50%);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none;
    width: 24px;
    height: 24px;
    position: relative;
    margin: 0;
    top: unset;
    left: unset;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.0088 12.5838L16.6 7.99265L17.9823 9.37498L12 15.3573L6.01768 9.37498L7.4 7.99265L11.9912 12.5838L12 12.5927L12.0088 12.5838Z' fill='%23D93934' stroke='%23D93934' stroke-width='0.025'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.0088 11.4162L16.6 16.0073L17.9823 14.625L12 8.6427L6.01768 14.625L7.4 16.0073L11.9912 11.4162L12 11.4073L12.0088 11.4162Z' fill='%23D93934' stroke='%23D93934' stroke-width='0.025'/%3E%3C/svg%3E");
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0;
}
.select2-dropdown{
    top: 3px;
    border-radius: 12px !important;
    border: 1px solid var(--inputBorderColor) !important;
    background: var(--colorWhite);
    padding: 8px 0x;
}
.select2-dropdown ul li{
    padding: 0px 16px;
    color: var(--mainColor);
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    letter-spacing: 0.5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: var(--inputBorderColor) !important;
    color: var(--mainColor);
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: rgba(51, 51, 51, 0.6) !important;
}
.select2-search__field {
    border-radius: 8px;
    border-color: var(--inputBorderColor) !important;
    height: 36px !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
    cursor: no-drop;
}

/*Custom checkbox and radio buttons*/
/* The container */
.checkboxCont,
.radioCont {
    height: 24px;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 34px;
    cursor: pointer;
    font-family: var(--mainFontFamily);
    color: var(--mainColor);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dcCheckboxCont .radioCont{
    padding: 0;
    padding-right: 32px;
}
/* Hide the browser's default checkbox */
.checkboxCont input,
.radioCont input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */  
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: transparent;
    border: 2px solid var(--mainColor);
}
.dcCheckboxCont .checkmark{
    left: unset;
    right: 0;
}
.checkboxCont.disabled{
    cursor: no-drop !important;
}
.checkboxCont input:disabled ~ .checkmark{
    background-color: rgba(51, 51, 51, 0.1);
    cursor: no-drop;
    border-color: rgba(51, 51, 51, 0.6);
}

.radioCont .checkmark{
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

/* On mouse-over, add a grey background color */
/* On mouse-over, add a grey background color */
.checkboxCont:hover input ~ .checkmark,
.radioCont:hover input ~ .checkmark {
    background-color: rgba(51, 51, 51, 0.1);
}

/* When the radio button is checked, add a blue background */
/* When the checkbox is checked, add a blue background */
.checkboxCont input:checked ~ .checkmark {
    background-color: var(--mainColor);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
/* Show the checkmark when checked */
.checkboxCont input:checked ~ .checkmark:after,
.radioCont input:checked ~ .checkmark:after {
    display: block;
}
  
/* Style the checkmark/indicator */
.checkboxCont .checkmark:after {
    left: 50%;
    top: 41%;
    width: 7px;
    height: 13px;
    border: solid var(--colorWhite);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}

/* Style the indicator (dot/circle) */
.radioCont .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--mainColor);
}
.formLabel,
.centeredFormLabel{
    position: absolute;
    z-index: 997;
    top: 17px;
    left: 24px;
    color: var(--mainColor);
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.1s ease-in;
    pointer-events: none;
    letter-spacing: 0.5px;
    opacity: 0.6;
}
.moveUpLabel {
    top: -8.5px !important;
    font-size: 12px !important;
    letter-spacing: 0.4px !important;
    opacity: 1 !important;
    background-color: var(--colorWhite) !important;
    padding: 0px 4px !important;
}
.centeredFormLabel{
    top: 64px;
    font-size: 11px;
}
#posUgovaracEmailCont .posContRowCell label{
    white-space: nowrap;
    margin-right: 16px;
    color: var(--mainColor);
    font-family: var(--mainFontFamily);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
}
#blkOverlay{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.32);
    display: none;
}
.psCont{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 24px;
}
.psItem{
    flex: 1;
    max-width: 269px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--inputBG);
    padding: 0px 16px;
    color: var(--mainColor);
    font-family: var(--mainFontFamily);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
    text-align: center;
    gap: 8px;
}
.psItem:hover,
.psItem.selected{
    padding: 0px 14px !important;
    background-color: var(--colorWhite) !important;
    border: 2px solid var(--triglavRed) !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
.psItem:hover{
    cursor: pointer;
}
.priloziTitle{
    color: var(--mainColor);
    font-family: var(--mainFontFamily);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 25.2px */
}
.priloziCont ul{
    padding-left: 24px;
}
.priloziCont ul li{
    color: var(--mainColor);
    font-family: var(--mainFontFamily);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    letter-spacing: 0.25px;
}
.attachCont{
    width: 100%;
    height: 56px;
    display: flex;
    gap: 16px;
    position: relative;
}
.attachInput{
    max-width: 660px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
}
.attachInput span{
    color: var(--mainColor);
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    text-overflow: ellipsis;
    white-space: nowrap;
}
.attachInput span.noAttachMsg{
    opacity: 0.6;
}
.attachBtn{
    width: 180px;
    height: 56px;
    padding: 0px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--forwardBtn);
    border-radius: 12px;
    color: var(--colorWhite);
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    cursor: pointer;
}
.attachment{
    display: none;
}
.attachInput.hasFile{
    padding-left: 48px;
}
.attachInput.hasFile::before {
    width: 24px;
    height: 24px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.5912 16.6088L10.6 16.6177L10.6088 16.6088L17.6588 9.55884L17.6677 9.55L17.6588 9.54116L16.2588 8.14116L16.25 8.13232L16.2412 8.14116L10.6 13.7823L7.75884 10.9412L7.75 10.9323L7.74116 10.9412L6.34116 12.3412L6.33232 12.35L6.34116 12.3588L10.5912 16.6088ZM12 21.9875C10.6183 21.9875 9.31999 21.7253 8.10495 21.201C6.88968 20.6766 5.83268 19.965 4.93384 19.0662C4.035 18.1673 3.32338 17.1103 2.79898 15.895C2.27468 14.68 2.0125 13.3817 2.0125 12C2.0125 10.6183 2.27468 9.31999 2.79898 8.10495C3.32338 6.88968 4.035 5.83268 4.93384 4.93384C5.83268 4.035 6.88968 3.32338 8.10495 2.79898C9.31999 2.27468 10.6183 2.0125 12 2.0125C13.3817 2.0125 14.68 2.27468 15.895 2.79898C17.1103 3.32338 18.1673 4.035 19.0662 4.93384C19.965 5.83268 20.6766 6.88968 21.201 8.10495C21.7253 9.31999 21.9875 10.6183 21.9875 12C21.9875 13.3817 21.7253 14.68 21.201 15.895C20.6766 17.1103 19.965 18.1673 19.0662 19.0662C18.1673 19.965 17.1103 20.6766 15.895 21.201C14.68 21.7253 13.3817 21.9875 12 21.9875Z' fill='%2349B675' stroke='%23D93934' stroke-width='0.025'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0%, -50%);
}
#addAttachCont{
    width: 100%;
    height: 56px;
    display: none;
    align-items: center;
    justify-content: center;
    gap:8px;
    padding:0px 16px;
    background-color: var(--forwardBtn);
    font-size: 16px;
    border-radius:12px;
    cursor: pointer;
    color: var(--colorWhite);
}
#AddAttachIcon{
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cpath d='M12.4173 10.5833H17.4173V11.4166H12.4173H11.9173V11.9166V16.9166H11.084V11.9166V11.4166H10.584H5.58398V10.5833H10.584H11.084V10.0833V5.08325H11.9173V10.0833V10.5833H12.4173Z' fill='%23333333' stroke='%23D93934'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat: no-repeat;
}
.psCheckboxCont{
    width: 100%;
    height: auto;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid var(--triglavRed);
    background: #F9DEDC;
}
.psCheckboxCont label{
    height: auto;
    font-size: 14px;
    line-height: 160%;
}
.psCheckboxCont label .checkmark{
    top: 50%;
    transform: translate(0%,-50%);
    border-radius: 2px;
    overflow: hidden;
}
.sendPSBtn{
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--forwardBtn);
    color: var(--colorWhite);
    text-align: center;
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    cursor: pointer;
}
.sendPSBtn.disabled{
    color: #1B1A1A;
    opacity: 0.38;
    background-color: rgba(27, 26, 26, 0.12);
    cursor: no-drop;
}
#priloziImovinsko,
#priloziAutomobilsko,
#priloziZivotno,
#priloziZdravstveno{
    display: none;
}

#successCont{
    width: 920px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    border-radius: 16px;
    border: 1px solid var(--inputBorderColor);
    padding: 0px 32px;
    padding-top: 200px;
    padding-bottom: 104px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.0001 4.16667C20.2099 4.16667 4.16675 20.2098 4.16675 40C4.16675 59.7903 20.2099 75.8333 40.0001 75.8333C59.7904 75.8333 75.8334 59.7903 75.8334 40C75.8334 20.2098 59.7904 4.16667 40.0001 4.16667ZM25.1015 39.899C24.1252 38.9227 22.5423 38.9227 21.566 39.899C20.5897 40.8753 20.5897 42.458 21.566 43.4343L31.566 53.4343C32.5423 54.4107 34.1254 54.4107 35.1014 53.4343L58.4347 30.1011C59.4111 29.1248 59.4111 27.5419 58.4347 26.5656C57.4584 25.5893 55.8758 25.5893 54.8994 26.5656L33.3337 48.131L25.1015 39.899Z' fill='%2349B675'/%3E%3C/svg%3E");
    background-position: center top 88px;
    background-repeat: no-repeat;
    text-align: center;
}
#successTitle{
    color: var(--modalFontColor);
    font-family: var(--mainFontFamily);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 36px */
}
#successTxt{
    color: var(--mainColor);
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}
#successBtnCont{
    width: 100%;
    height: auto;
    display: flex;
    gap: 24px;
}
#successBtnCont a{
    width: 50%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 12px;
    font-family: var(--mainFontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
}
#successBtnCont a:first-of-type{
    border: 1px solid var(--inputBorderColor);
    color: var(--mainColor);
}
#successBtnCont a:last-of-type{
    background: var(--forwardBtn);
    color: var(--colorWhite);
}
.deleteAttachCont{
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 997;
    top: 50%;
    right: 16px;
    transform: translate(0%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.5 6V5.5H5H4.5V4.5H9H9.5V4V3.5H14.5V4V4.5H15H19.5V5.5H19H18.5V6V19C18.5 19.4163 18.3576 19.7603 18.0589 20.0589C17.7603 20.3576 17.4163 20.5 17 20.5H7C6.58366 20.5 6.2397 20.3576 5.94105 20.0589C5.64241 19.7603 5.5 19.4163 5.5 19V6ZM17.5 6V5.5H17H7H6.5V6V19V19.5H7H17H17.5V19V6ZM10.5 8.5V16.5H9.5V8.5H10.5ZM14.5 8.5V16.5H13.5V8.5H14.5Z' stroke='%23D93934'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    /*display: none;*/
}
.showFlexCont{
    display: flex !important;
}

#preglediCheckboxCont {
  padding: 24px;
  border: 1px solid var(--inputBorderColor);
  border-radius: 12px;
  display: none;
  flex-direction: column;
  gap: 16px;
}

#preglediCheckboxCont .posContRow{
    align-items: flex-start;
}
#pzoOstaloCont{
    display: none;
}

#progressCont{
    width: 640px;
    height: 160px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--colorWhite);
    border: 1px solid var(--inputBorderColor);
    border-radius: 16px;
    padding: 24px 32px;
}
#progressDiv{
    width: 100%;
}

#postContColumnRow{
    flex-direction: column;
}

/*Progress bar*/
/* Styling an indeterminate progress bar */

/* Styling the determinate progress element */

progress[value] {
	/* Get rid of the default appearance */
	appearance: none;
	
	/* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
	border: none;
	
	/* Add dimensions */
	width: 100%; height: 20px;
	
	/* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
	  background-color: whiteSmoke;
	  border-radius: 3px;
	  box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
	
	/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
	color: red;
	
	position: relative;
	margin: 0 0 1.5em; 
}

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/

progress[value]::-webkit-progress-bar {
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}

progress[value]::-webkit-progress-value {
	position: relative;
	
	background-size: 35px 20px, 100% 100%, 100% 100%;
	border-radius:3px;
	
	/* Let's animate this */
	animation: animate-stripes 5s linear infinite;
}

@keyframes animate-stripes { 100% { background-position: -100px 0; } }

/* Let's spice up things little bit by using pseudo elements. */

progress[value]::-webkit-progress-value:after {
	/* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
	content: '';
	position: absolute;
	
	width:5px; height:5px;
	top:7px; right:7px;
	
	background-color: white;
	border-radius: 100%;
}

/* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */
progress[value]::-moz-progress-bar {
	/* Gradient background with Stripes */
	background-color:	var(--forwardBtn);
	background-size: 35px 20px, 100% 100%, 100% 100%;
	border-radius:3px;
	/* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */
}

/* Fallback technique styles */
.progress-bar {
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;

	/* Dimensions should be similar to the parent progress element. */
	width: 100%; height:20px;
}
.progress-bar span {
	background-color: var(--forwardBtn);
	border-radius: 3px;
	
	display: block;
	text-indent: -9999px;
}

p[data-value] { 
  font-size: 18px;
  font-family: var(--mainFontFamily);
  position: relative; 
}

/* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */

p[data-value]:after {
	content: attr(data-value) '%';
	position: absolute; right:0;
}

#hideAutoRelated{
    display: none;
}

.pulse{
    box-shadow: 0 0 0 rgba(217, 57, 52, 0.4);
    animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

#infoIcon{
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_520_7023)'%3E%3Cpath d='M9 8.625V12.375M9 5.6325L9.0075 5.62417M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z' stroke='%23D93934' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_520_7023'%3E%3Crect width='18' height='18' fill='%23D93934'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(217, 57, 52, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 8px rgba(217, 57, 52, 0.4);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(217, 57, 52, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(217, 57, 52, 0.8);
    box-shadow: 0 0 0 0 rgba(217, 57, 52, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 8px rgba(217, 57, 52, 0.4);
      box-shadow: 0 0 0 8px rgba(217, 57, 52, 0.4);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(217, 57, 52, 0);
      box-shadow: 0 0 0 0 rgba(217, 57, 52, 0);
  }
}


/* THE END */



#spinning{
  width: auto;
  height: 48px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--mainFontFamily);
  font-size: 18px;
}

/*Spinner CSS*/
.loader {
  width: 60px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side,var(--forwardBtn) 90%,#0000) 0/calc(100%/3) 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1s steps(4) infinite;
}
@keyframes l1 {to{clip-path: inset(0 -34% 0 0)}}