_:-ms-fullscreen, :root body > header {
    position: relative;
    top: 0;
}

header div.container h1 a {
    color: #253965;
    text-decoration: none;
}

/*@media only screen and (min-width: 991px) {
    header div.container h1 a {
        font-size: 22px;
    }
}*/

.intro-list li > i.cert:after {
    background-image: url(../img/cert.svg)
}

.intro-list li > i.browser:after {
    background-image: url(../img/browser.svg)
}

.disc {
    list-style: disc
}

.naslov {
    font-size: 22px;
    font-weight: normal !important;
    display: block
}

.margina {
    margin-top: 20px;
}

.nomargina {
    margin-bottom: 0px !important
}

.gen-form .form-row input[type=password] {
    width: 100%
}

.gen-form .form-row .show-pw {
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 0px;
    height: 16px;
    top: 45%;
    right: 46px;
    color: #253965;
}

header div.nav nav ul li a {
    color: #253965;
    text-decoration: none
}

.gen-form .form-row .invalid {
    display: block;
}

footer .copy a {
    color: #253965 !important;
}

footer .nav a:hover {
    color: #253965 !important;
}

header div.container h1 a#hdr {
    color: #253965;
    text-decoration: none
}

a {
    color: inherit !important;
    text-decoration: none !important
}

header .settings-box ul li a {
    position: relative
}

header .settings-box ul li a {
    display: block;
    text-align: center;
    height: 100px;
    line-height: 94px;
    box-sizing: border-box;
    font-size: 1.714rem;
    font-weight: 700;
    background: #d2e7ff;
    color: #4a90e2;
    border: 3px solid transparent
}


.gen-form .form-row .req {
    margin-top: 15px !important;
    background: #253965;
}

.gen-form .form-row .reqPosition .req {
    margin-top: 0px !important;
    color: red
}

.gen-form .form-row .invalid {
    height: 0px;
}

.gen-form .form-row button:focus {
    background-color: #4a90e2
}

.gen-form .form-row .attach-box .ic ul li {
    overflow: hidden;
    text-overflow: ellipsis
}

    .gen-form .form-row .attach-box .ic ul li:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        overflow-wrap: break-word
    }

#notification p.note {
    color: #4a90e2;
}


.gen-form .note-notice {
    margin-top: 15px;
    color: black;
    font-size: 12px;
    line-height: 15px;
    padding-left: 24px;
    position: relative;
}

    .gen-form .note-notice:before {
        content: "";
        position: absolute;
        left: 0;
        top: calc(50% - 5px);
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: black;
    }

.gen-form .note {
    margin-top: 15px
}

.my-egov-page .user-info .btn:focus,
.my-egov-page .user-info .btn:last-child {
    background: #253965
}

li .acl-head {
    line-height: 20px;
    padding: 10px 50px 10px 22px;
    background: #eee;
    position: relative
}

.password-strength {
    margin-top: 10px;
}

.muni .muni-updater ul {
    padding: 0;
    max-height: 200px;
    overflow: auto
}

    .muni .muni-updater ul li a {
        display: block;
        border-bottom: 0
    }

        .muni .muni-updater ul li a:hover {
            color: #000;
            background: #fafafa
        }

.muni.open .muni-updater {
    display: block
}

.linka {
    color: #4a90e2 !important;
    background-color: transparent;
    text-decoration: underline !important;
    font-weight: bold;
    cursor: pointer;
}

.linka2 {
    color: #4a90e2 !important;
    background-color: transparent;
    text-decoration: underline !important;
    font-size: 14px !important;
}

.linka3 {
    color: #4a90e2 !important;
    background-color: transparent;
    text-decoration: underline !important;
    font-size: 14px !important;
    background-color: #F5F5F5;
}

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

.help-block {
    color: #f00
}

.rightEditParagraph {
    width: 70%;
    margin-left: 5%;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.gen-form .error .checkbox span {
    border-color: #d0021b;
    border: 2px solid #d0021b
}

.gen-form .checkbox span:before {
    display: none;
}

li::before {
    display: none
}

.accordion li .content {
    padding: 10px 20px;
}

footer .copy a {
    color: #253965 !important;
}

footer .nav a:hover {
    color: #253965 !important;
}

.article-content ul li:before {
    margin-right: 16px;
    color: #4a90e2;
    font-weight: 700;
    display: none
}

.gen-form .form-row button.ump {
    width: 200px;
    margin-top: 10px;
}

.greyLink {
    color: #d4d4d4 !important;
}

.eid {
    font-size: 12px !important;
}

.page-content h1 {
    font-size: 1.5rem;
}

.centar {
    text-align: center;
}

.text-muted {
    margin-bottom: 10px;
    text-align: justify;
}

    .text-muted#qr {
        font-style: italic;
    }


h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #253965
}

.intro-list li h3 {
    margin-bottom: 16px
}

a#eUprava {
    color: #253965 !important;
    text-decoration: underline !important;
}

a.nonActiveLink {
    color: #d4d4d4 !important;
}

.registrationPortalHome {
    line-height: 1.2;
}

.k1 {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    /*list-style:disc*/
    margin-bottom: 3% !important;
}

#notification .close {
    font-size: 14px;
    top: 40px;
}

.linkUrl {
    color: #4a90e2 !important;
    background-color: transparent;
    font-weight: bold;
}

@media only screen and (max-width: 760px) {
    body > header .mid-sep {
        bottom: 93px;
    }

    body > header {
        height: 105px;
    }

    .naslov {
        padding-right: 52px;
        font-size: 19px !important;
    }

    body > header h1 a {
        width: 393px !important;
        line-height: 21px;
        padding-right: 107px;
    }
}

@media screen and (max-width: 990px) {
    body > header .mobile-handle {
        position: absolute;
    }

    body > header.open {
        width: 100vw;
    }

        body > header.open .mobile-handle {
            background-color: #253965;
        }

        body > header.open .right {
            right: 24%
        }

    body > header h1 a {
        width: 393px !important;
        line-height: 23px;
    }
}

@media screen and (max-width: 1800px) {
    .colorChange {
        margin-bottom: 2%;
    }
}

@media screen and (max-width: 1600px) {
    .colorChange {
        margin-bottom: 4%;
    }
}

@media screen and (max-width: 1440px) {
    .colorChange {
        margin-bottom: 6%;
    }
}

@media screen and (max-width: 1280px) {
    .colorChange {
        margin-bottom: 8%;
    }
}

@media screen and (max-width: 1180px) {
    .colorChange {
        margin-bottom: 10%;
    }
}

@media screen and (max-width: 1025px) {
    .colorChange {
        margin-bottom: 14%;
    }
}

@media screen and (max-width: 768px) {
    .colorChange {
        margin-bottom: 22%;
    }

        .colorChange h1 {
            font-size: 3rem;
        }
}

div#removeLine:after {
    display: none;
}

#toast-container > .toast-error, #toast-container > .toast-success {
    top: 50px !important;
    width: 600px;
}

.page-content h4 {
    color: #253965;
    font-size: 20px;
    font-weight: 700;
}

.form-control:disabled, .form-control[readonly] {
    background-color: white !important;
    opacity: 1;
    height: 50px;
}

.gen-form .form-row .ic#removeLine {
    border: none;
}

#aligningForm {
    margin-top: 45px;
}

#btnModalShowDelete {
    margin-left: -5px;
}

#messageAal1 {
    font-size: 16px;
}

#btnModalForDelete {
    margin-left: -10px;
}

#passwordHelpBlock {
    width: 725px;
}

.attachmentLabel {
    font-size: 1.14rem;
    font-weight: 700;
    color: #253965;
}

.gen-form .form-row .reqPosition .req#note_message {
    margin-top: 40px !important
}

.form-control:focus {
    border-color: white;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px white,0 0 8px white;
    box-shadow: inset 0 1px 1px white,0 0 8px white;
}

.bootstrap-select .btn:focus {
    outline: none !important;
}

#-margina {
    margin-left: -10px
}

#lpa-note {
    color: #d0021b !important;
}

.sub-menu {
    top: 0px !important;
}

.btn-primary {
    background: #253965 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
}

.btn-primary-green {
    background: #017932 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
}

.btn-primary-gray {
    background: #C0C0C0 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
}

.btn btn-secondary {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
}

.disabledButton {
    background-color: #dddddd !important;
}


.modalSize {
    width: 1400px;
    min-width: 1200px;
}

.modalSizeCustom {
    width: 900px !important;
    max-width: 900px;
    height: 300px !important;
    margin-top: 300px !important;
    text-align: center;
}

.modal-footer {
    justify-content: center !important;
}

.parentModalCustom {
    background: rgba(232, 232, 232, .5);
}

.help-tip {
    position: absolute;
    bottom: 36px;
    right: 20px;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    cursor: default;
}

    .help-tip:before {
        content: '?';
        font-weight: bold;
        color: #fff;
    }



    .help-tip:hover p {
        display: block;
        transform-origin: 100% 0%;
        -webkit-animation: fadeIn 0.3s ease-in-out;
        animation: fadeIn 0.3s ease-in-out;
    }



    .help-tip p { /* The tooltip */
        z-index: 1;
        display: none;
        text-align: left;
        background-color: #253965;
        padding: 20px;
        width: 300px;
        bottom: 120%;
        left: 50%;
        margin-left: -13px;
        position: absolute;
        border-radius: 3px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        color: #FFF;
        font-size: 12px;
        line-height: 1.4;
    }



        .help-tip p:before { /* The pointer of the tooltip */
            transform: rotate(180deg);
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-bottom-color: #253965;
            left: 7px;
            bottom: -11px;
        }



        .help-tip p:after { /* Prevents the tooltip from being hidden */
            width: 100%;
            height: 40px;
            content: '';
            position: absolute;
            top: -40px;
            left: 0;
        }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }



    100% {
        opacity: 100%;
        transform: scale(1);
    }
}



@keyframes fadeIn {
    0% {
        opacity: 0;
    }



    100% {
        opacity: 100%;
    }
}

.buttonsFor2fa {
    margin-left: 10px;
    margin-right: 10px;
}

.pcSplitButtons {
    margin-right: 20%;
    margin-left: 2%;
}

.mutedFooter {
    margin-top: 0%;
}

.divSplitCustomLeft {
    margin-top: 10px;
}

.divSplitCustomRight {
    position: absolute;
    top: 38%;
    margin-left: 14%;
}

.delete2Btn {
    margin-left: 3%;
}

.parametersManage {
    margin-top: 20px;
    margin-bottom: 5px !important;
}

.QRLeft {
    z-index: 1;
}


.qrTextSmall {
    margin-bottom: 5px;
}

.account {
    text-align: center
}

.marginBottom {
    margin-bottom: 20px;
}

.imageSerbia {
    width: 80px;
    height: 160px;
    margin-left: 300%;
}

.paraSrbija {
    width: 55%;
}

.divSplitCustomLeftSrb {
    margin-top: 10px;
}

.divSplitCustomRightSrb {
    position: absolute;
    top: 45%;
    margin-left: 29%;
}

.parametersManage {
    margin-top: 20px;
    margin-bottom: 5px !important;
}

.QRLeft {
    z-index: 1;
}

.QRRight {
    z-index: 2;
    position: absolute;
    margin-left: 28%;
    top: 20%;
}

.qrTextSmall {
    margin-bottom: 5px;
}


.mainTxt {
    font-size: 14px;
    color: black;
    font-weight: 500;
}

.headColors {
    line-height: 0px;
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}

    .headColors:hover {
        background: #EEEEEE !important;
    }

.accordion > li.open > .headColors {
    color: black;
    background: #EEEEEE !important;
    line-height: 27px;
}

.accordion > li .headColors:hover {
    color: inherit;
}

.pNoMargins {
    margin: 0px !important;
}

.txtQA {
    color: #253965;
    font-weight: 600;
}

.linkQA {
    padding: 5px !important;
}

.accordion > li .headQA {
    line-height: 25px;
    padding: 0px;
    padding-left: 5px;
}

.article-content ol li.haveDot:before, .article-content ul li.haveDot:before {
    display: inline-block;
    min-width: 30px;
    margin-right: 0px;
    color: #4a90e2;
    font-weight: 700;
    content: "\25CF";
}

.divQR {
    margin-top: 2%;
}

.divBtnMargin {
    margin-top: 4%;
    margin-bottom: 1%;
}

.btn2fa {
    height: 50px;
    margin-bottom: 1%;
    border-color: inherit;
}

.imgResize {
    height: 120px;
    width: 120px;
    margin-bottom: 10%;
}

.imgResizeEdit {
    height: 115px;
    width: 135px;
    margin-bottom: 10%;
}

.divImgHP {
    height: 600px;
    width: 100%;
}

.imgHomepage {
    height: inherit;
    width: inherit;
}

.colorChange {
    color: #253965 !important;
    text-align: center;
}

.head-carousel .hc-items li .overlay {
    margin-bottom: 14%;
}

.head-carousel .hc-items li .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 25%;
    object-position: 50% 35%;
    font-family: "object-fit: cover; object-position: 50% 25%;"
}

.head-carousel a.nav.next {
    right: unset !important;
    transform: none !important;
    background: none;
    height: 0;
    z-index: unset;
}

.head-carousel a.nav.prev {
    right: unset !important;
    transform: none !important;
    background: none !important;
    opacity: unset !important;
    height: unset !important;
    width: unset !important;
    z-index: unset;
}

.intro-list {
    color: #253965;
}

.txtFix {
    margin-left: 1px;
}

.contentQuestions {
    margin-top: 10%;
}

.accordion > li .content p {
    color: #253965;
}

.article-content p {
    color: #253965;
}

.cursType {
    cursor: pointer;
}

.paraTextSrb {
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.marginLeftGo {
    justify-content: left;
    margin-left: 0.5%;
}

.listForO {
    justify-content: left;
}

.comingPeriod {
    margin-top: 3%;
}

.linkGS {
    cursor: pointer;
}

/* redesign homepage */
.btnHpPosition {
}

.topButtons {
    margin-bottom: 2%;
    margin-top: 2%;
    height: 63px;
}

.btn-firstRow {
    height: inherit;
    margin-left: 4%;
    width: 29%;
    border-color: #253965;
    font-size: 1rem !important;
    text-align: center;
}

.bottomButtons {
    margin-bottom: 2%;
    margin-top: 2%;
    height: 63px;
}

.btn-secondRow {
    height: inherit;
    margin-left: 20%;
    width: 29%;
    border-color: #253965;
    font-size: 1rem !important;
    text-align: center;
}

.btnLeftSR {
    margin-left: 4%;
}

.P-headerText {
    text-align: center;
}

.P-txtSmall {
    text-align: center;
    font-size: 1.2rem;
}

.txtMrg {
    margin-left: 10%;
}

.greyLinkWithDot:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
    background: #253965;
    vertical-align: middle;
}

.cstmTable {
    width: 100%;
    margin-left: 8%;
    margin-top: 1%;
    margin-bottom: 2%;
}

.emptyTR {
    height: 10px;
}

.bottomPart {
    background-color: #eef8ff;
    padding: 15px 15px 15px 15px;
}

.imgHp {
    width: 100%;
    height: 100%;
    position: inherit;
    object-fit: cover;
    object-position: 50% 22%
}

.nobcg {
    background: none !important;
}

.leftSideContainer {
    background-color: #eef8ff;
    padding: 15px 15px 15px 15px;
}

.rightSideContainer {
    background-color: #F5F5F5;
    padding: 15px 15px 15px 15px;
}

.smlCtry {
    width: 50px;
    height: 50px;
}

.cstPc-split {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    margin-top: 3%;
    margin-bottom: 2%;
}

.leftSideSplit {
    margin-left: 2%;
}

.rightSideSplit {
    margin-left: 7%;
    text-align: left;
    margin-right: 6%;
    font-size: 1.1rem;
    font-weight: 700;
}

.btnFM {
    border-color: #253965 !important;
    margin-bottom: 3%;
}

.underlineCstmL :after {
    position: absolute;
    content: "";
    height: 4px;
    bottom: -3px;
    left: 2.5%;
    right: 55%;
}

.underlineCstmR :after {
    position: absolute;
    content: "";
    height: 4px;
    bottom: -3px;
    left: 55%;
    right: 2.5%;
}

@media screen and (max-width: 1138px) {
    .btn-firstRow {
        font-size: 0.8rem !important;
    }

    .btn-secondRow {
        font-size: 0.8rem !important;
    }
}

@media screen and (max-width: 974px) {
    .underlineCstmR :after {
        background: none !important;
    }
}

@media screen and (max-width: 845px) {
    .btnHpPosition {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        margin-bottom: 5%;
    }

    .topButtons {
        display: grid;
    }

    .bottomButtons {
        display: grid;
        margin-top: 20%;
        margin-bottom: 16%;
    }

    .btn-firstRow {
        margin-top: 2%;
        width: auto;
    }

    .btn-secondRow {
        margin-left: 4%;
        margin-top: 2%;
        width: auto;
    }
}

@media screen and (max-width: 762px) {
    .bottomButtons {
        margin-top: 24%;
    }
}

@media screen and (max-width: 640px) {
    .bottomButtons {
        margin-top: 26%;
    }
}

@media screen and (max-width: 560px) {
    .bottomButtons {
        margin-top: 32%;
    }
}

.imgInEdit {
    width: 180px;
    height: 60px;
}

.imgInEditHelp {
    width: 220px;
    height: 90px;
}

.cstmLinka {
    display: block;
    padding: 5%;
}

.cstmLongLinka {
    display: block;
    padding: 1%;
}


.cstmContainer {
    max-width: 1400px;
}

.cstmSideSplit {
    display: -webkit-box;
    display: flex;
}

.cstmClist {
    width: 35% !important;
    margin-right: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    flex-shrink: 0;
}

.left-side-sticky {
    top: 100px;
    position: -webkit-sticky;
    position: sticky;
}

.cstmAccordion {
    border: 1px solid #253965;
}

.liOpen:first-of-type {
    border-top: 0;
}

.liOpen {
    line-height: 24px;
    border-top: 1px solid #253965;
    position: relative;
    /*list-style: none;*/
}

.cstmHead {
    cursor: default;
    display: block;
    position: relative;
    box-sizing: border-box;
    line-height: 27px;
    padding: 15px 60px 15px 36px;
    font-size: 1.28rem;
    background: #253965;
}

.accordionP {
    font-size: 14px;
    color: white;
    font-weight: 500;
    cursor: default;
}

.nestedUl {
    display: block;
    background: #fff;
    border: 0;
    border-top: 1px solid #253965;
    color: #4a90e2;
}

.nestedLi:first-of-type {
    border-top: 0;
}

.nestedLi {
    padding-left: 25px;
    border-bottom: 0.5px solid #253965;
}

    .nestedLi:last-of-type {
        border-bottom: 0;
    }

    .nestedLi > a {
        padding: 8px 60px 8px 30px;
        display: block;
    }

.cstmActive {
    background: #d2e7ff;
    color: #4a90e2;
}

.log-off {
    position: absolute;
    z-index: 10;
    width: 100%;
    margin: 0px !important;
    height: 55px;
    background: #D2E7FF;
}

.log-off:hover {
    background: #8EC4FF;
}

.my-login {
    left: 17%;
    background: none;
}

@media screen and (max-width: 1185px) {
    .my-login {
        left: 2%;
    }
}

@media screen and (max-width: 1155px) {
    .my-login {
        left: 2%;
    }
}

@media screen and (max-width: 1125px) {
    .my-login {
        left: 1%;
    }
}

@media screen and (max-width: 1100px) {
    .my-login {
        left: 1%;
    }
}

@media screen and (max-width: 1075px) {
    .my-login {
        left: 1%;
    }

    .twoRows {
        padding-top: 10px;
        max-width: 88px;
        max-height: 50px;
    }
}

@media screen and (max-width: 1035px) {
    .my-login {
        left: 1%;
    }
}

@media screen and (max-width: 1025px) {
    .my-login {
        left: 1%;
    }
}

@media screen and (max-width: 990px) {
    .my-login {
        left: 1%;
    }
}

.mobile-handle {
    background-color: #fff;
}

.title-bolded {
    font-weight: 700;
    color: white !important;
    background-color: #253965;
}
/*mobile responsive*/
@media screen and (max-width: 769px) {
    /*home page*/
    body > header .mobile-handle {
        top: 27%;
        right: 2%;
    }

    body > header.open .mobile-handle {
        right: 5%;
    }

    body > header .my-egov {
        right: 8%;
        top: 27%;
    }

    .registrationPortalHome {
        font-size: 0.7rem;
        line-height: 1;
    }

    .naslov {
        font-size: 1.3rem;
    }

    .underlineCstmL :after {
        background: transparent;
    }

    .cstmTable {
        margin-left: 1%;
    }

    .topButtons {
        margin-bottom: 4%;
    }

    .txtMrg {
        margin-left: 5%;
    }

    .cstmLinka {
        padding: 3%;
    }

    .eBaner1 {
        object-fit: fill;
    }

    .eBaner2 {
        object-fit: fill;
    }

    .eBaner3 {
        object-fit: fill;
    }

    body > header .my-egov.open ul {
        z-index: 11;
    }

    /*help page*/
    .cstmClist {
        display: none;
    }

    .sub-header {
        display: block;
        margin-top: 0;
        color: #253965;
    }

        .sub-header.open ul > li {
            padding-top: 0px;
            padding-bottom: 0px;
        }

            .sub-header.open ul > li a {
                line-height: 30px;
            }

            .sub-header.open ul > li > ul > li {
                padding-top: 2px;
                padding-bottom: 2px;
            }

            .sub-header.open ul > li :last-of-type {
                border-bottom: 0px;
            }

            .sub-header.open ul > li .headerA {
                font-weight: 700;
            }

    /*issuence of parameters*/
    .divSplitCustomRight {
        margin-left: 32%;
    }

    .pcSplitButtons {
        margin-right: 0;
    }

    .help-tip p {
        left: unset;
        right: 50%;
    }

        .help-tip p:before {
            right: 1px;
            left: unset;
        }
}

@media screen and (max-width: 426px) {
    body > header .mobile-handle {
        top: 83%;
        right: 4%;
    }

    body > header .my-egov {
        top: 2%;
        right: 2%;
    }

    .registrationPortalHome {
        line-height: 1.3;
    }

    .home-banner {
        display: inherit;
        margin: 0;
        margin-bottom: 5%;
    }

        .home-banner .hb-cont {
            height: 100px;
        }

    .topButtons {
        margin-bottom: 8%;
    }

    .upcmBtns {
        margin-top: 13%;
    }

    .txtMrg {
        margin-left: 5%;
    }
    /*issuence of parameters*/
    .divSplitCustomRight {
        position: static;
        margin-left: 2%;
        margin-top: 10%;
    }

    .help-tip p {
        left: unset;
        right: 0%;
    }

        .help-tip p:before {
            right: 1px;
            left: unset;
        }

    .QRRight {
        position: static;
        margin-left: 2%;
        margin-top: 5%;
        margin-bottom: 2%;
    }
}

@media screen and (max-width: 376px) {
    body > header .my-egov {
        right: 1%;
    }

    .topButtons {
        margin-bottom: 13%;
    }

    .txtMrg {
        margin-left: 0;
    }
}

@media screen and (max-width: 321px) {
    body > header .my-egov {
        top: 7%;
    }

    body > header .mobile-handle {
        top: 87%;
    }

    .topButtons {
        margin-bottom: 20%;
    }

    .upcmBtns {
        margin-top: 18%;
    }

    .home-banner .hb-cont {
        height: 70px;
    }
}

.menu-active {
    background: #d2e7ff !important;
}

.calendr {
    border-width: thin;
    text-align: left;
    width: 100% !important;
    height: 55px;
    padding-left: 5px;
}

.form-row.customformMargin {
    margin-bottom: 0.5% !important;
}

.cstmSelect {
    -webkit-appearance: none !important;
    color: #253965;
    cursor: pointer;
}

button, input, select, textarea {
    color: #253965;
}

.cstmLblChcb {
    font-size: 1rem;
    display: -webkit-inline-box;
    -webkit-box-pack: unset;
}

.pcRside {
    display: grid;
    margin-left: 1%;
    width: max-content !important;
}

.pcLside {
    display: grid;
    font-size: 1rem;
    color: #253965;
    width: max-content !important;
    margin-left: 4px;
}

.cstmCheckbox {
    display: -webkit-inline-box !important;
    -webkit-appearance: checkbox;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.checkboxLayout {
    display: grid;
}

.noBorder {
    border: none !important;
}

.disclaimerCustom {
    color: gray;
    margin-bottom: 10px;
}

.gen-form .form-row .ic:after {
    background: none !important;
}

.labelRed {
    color: red !important;
    margin-left: 0px !important;
}

.marginMorecustom {
    margin-bottom: 30px;
}

.select2-container {
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    height: 50px !important;
    border-radius: 0px !important;
    font-family: Montserrat,sans-serif !important;
    font-weight: 500 !important;
}

.select2-selection__arrow {
    display: none !important;
}

.select2-selection__clear {
    display: none !important;
}

.select2-container button {
    display: none !important;
}

.select2-container {
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    height: 50px !important;
    border-radius: 0px !important;
    color: #253965 !important;
    font-family: Montserrat,sans-serif !important;
    font-weight: 500 !important;
}


    .select2-container .select2-selection--single {
        width: 100% !important;
        box-sizing: border-box !important;
        border: 1px solid #253965 !important;
        display: block !important;
        height: 50px !important;
        color: #253965 !important;
        align-content: center !important;
        font-family: Montserrat,sans-serif !important;
        font-weight: 500 !important;
    }

.select2-container--default .select2-selection--single {
    border-radius: .25em !important;
    color: #253965 !important;
    font-family: Montserrat,sans-serif !important;
    font-weight: 500 !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #253965 !important;
        padding-top: 10px !important;
        font-family: Montserrat,sans-serif !important;
        font-weight: 500 !important;
    }

.errorSendEmail {
    margin-bottom: 5px;
}

/*#region Header css */

.unscrollable-header {
    position: inherit;
}

.top-colors {
    display: flex;
    flex-wrap: wrap;
    height: 10px;
    -webkit-box-pack: start;
    justify-content: space-between;
}

.color-bar {
    height: 10px;
    width: 20%;
}

.color-red {
    background-color: #CD1719;
}

.color-white {
    background-color: white;
}

.color-black {
    background-color: black;
}

.color-yellow {
    background-color: #FFDD00;
}

.color-blue {
    background-color: #015599;
}

.language-div {
    height: 40px;
    display: inline-block;
    width: 100%;
}

.lang-label {
    width: 78%;
}

.lang-select {
    width: 22%;
}

.header-content-div {
    height: 150px;
    display: grid;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    background-image: url(../img/homepage/Background-Header.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 6%;
}

.logo-text-container {
    width: 100%;
    height: fit-content;
}

.navigation-container {
    display: flex;
    width: 100%;
}

.logo-text-div-split {
    margin-top: 0%;
    display: flex;
}

.logo-split-div {
    width: 25%;
    margin-left: 2%;
}

.header-logo-image {
    height: 85px;
    width: 267px;
}

.text-split-div {
    width: 75%;
    margin: auto;
}

.header-open-balkan {
    width: 100%;
    display: inline-block;
}

.header-h3-text {
    width: 97%;
    font-size: 1.7rem;
    font-weight: 700;
    color: #253965;
    text-align: left;
    padding-left: 5%;
}

.ob-info {
    text-align: left;
    padding-left: 5%;
    font-size: 1.4rem !important;
    color: red !important;
}

.header-empty-div {
    width: 7%;
    float: left;
}

.navigation-div {
    width: inherit;
}

.navigation-div-inner {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    right: 0px;
    align-content: stretch;
    margin-top: 1%;
    padding-left: 20px;
}

.empty-nav-div {
    width: 24%;
}

.menu-nav-links {
    text-align: center;
    margin: auto;
}

.cstm-link {
    color: #AC4D56 !important;
    margin-left: 8%;
    margin-top: 0.7%;
}

.nav-menu-link.cstm-link.cstm-login-link {
    float: right;
    min-width: 150px;
}

.nav-menu-link {
    font-size: 1.25rem;
    display: flex;
    font-weight: bold;
    width: fit-content;
    height: 52px;
    padding: 15px 20px;
    min-width: 110px;
}

    .nav-menu-link:hover {
        background: #F6F6F6;
    }

.section-color {
    height: 6px;
    background-color: #015599;
}


.header-lang {
    background: whitesmoke;
    color: #253965 !important;
    top: 8px !important;
    right: 2% !important;
    line-height: 30px !important;
    width: 90px !important;
}

.head-ll {
    background-color: #F6F6F6;
    margin-right: 10px;
    width: 200px;
}

.cstmLL {
    background: none !important;
}

.label-lang {
    position: absolute;
    text-align: center;
    margin-top: 10px;
    right: 12%;
}

.lang-ul {
    background-color: #F6F6F6 !important;
    top: 32px !important;
}


/*#endregion */

/*#region image and text div */
.image-div {
    display: flex;
    background-image: url("../img/homepage/HeroBackground.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

.image-text-split-div {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 0%;
    height: 60%;
    width: 100%;
}

.empty-split-div {
    width: 40%;
}

.text-right-div {
    width: 60%;
    padding-right: 3%;
}

.main-text {
    font-size: 3.5rem;
    text-align: end;
    color: white;
    margin-top: 2%;
}

.description-text {
    text-align: end;
    color: white;
    margin-left: 15%;
    margin-top: 3%;
    font-size: 1.7rem;
}

.info-text {
    text-align: end;
    color: white;
    font-size: 1.15rem;
    margin-top: 4%;
    margin-left: 14%;
}

/*small image div*/
.small-image-div {
    display: flex;
    background-image: url(../img/homepage/Background-BlueSection.png);
    background-color: #015599;
    background-repeat: no-repeat;
    background-size: contain;
    height: 190px;
}

.small-image-text {
    display: grid;
    margin: 5px 27%;
    width: 100%;
}

.main-small-text {
    text-align: center;
    color: white;
    font-size: 1.2rem;
}

.small-text {
    text-align: center;
    color: #96A8D2;
    font-size: 1rem;
    font-weight: 200;
}

.small-text-bold {
    text-align: center;
    color: #96A8D2;
    font-size: 1rem;
    font-weight: bold;
}
/*#endregion */

/*#region faq */
.section-welcome {
    text-align: center;
    font-size: 2rem;
}

.cstm-head {
    text-align: left;
}

.lic-list > li {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.lic-list .cstmMaxWidth {
    margin-top: 1% !important;
}

.content-faq {
    margin-top: 3% !important;
}

.lic-list {
    max-width: 1000px !important;
    margin-top: 0px !important;
}

.pc-single > div {
    max-width: 1000px !important;
}

.accordion > li .head span {
    content: "";
    position: absolute;
    background: #253965;
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    right: 24px;
    border-radius: 10px;
}

    .accordion > li .head span:after, .accordion > li .head span:before {
        position: absolute;
        width: 12px;
        height: 2px;
        background: #f8f8f8;
        content: "";
        left: calc(50% - 6px);
        top: calc(50% - 1px);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

@media screen and (max-width: 768px) {
    .section-welcome {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 425px) {
    .section-welcome {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 375px) {
    .section-welcome {
        font-size: 1.1rem;
    }
}
/*#endregion */
/*#region welcome content */
.welcome-content-div {
    display: grid;
    height: fit-content;
    width: 100%;
}

.welcome-text-div {
    display: block;
    width: 100%;
    height: fit-content;
    margin-top: 1%;
    text-align: center;
}

.welcome-text {
    font-size: 2.5rem;
    margin-top: 1%;
    letter-spacing: 1rem;
    font-weight: 500;
    color: #96A8D2;
}

.welcome-logo-image-div {
    margin: auto;
    margin-top: 2%;
}

.OB-logo-image {
    margin: auto;
    height: 90px;
}

.welcome-label-div {
    margin-top: 2%;
    text-align: center;
    margin-left: 22%;
    margin-right: 22%;
}

.welcome-description-text {
    font-size: 1.7rem;
    font-weight: bold;
}

.welcome-small-div {
    margin-top: 1%;
    text-align: center;
    margin-left: 35%;
    margin-right: 35%;
}

.small-welcome-text {
    text-align: center;
    color: #96A8D2;
    font-size: 1rem;
    font-weight: 500;
}

/*#endregion */

/*#region information content */
.information-content-div {
    width: 100%;
    background-image: url(../img/homepage/Background-Information.jpg);
    background-repeat: no-repeat;
    height: fit-content;
    background-size: contain;
    background-position-y: 34%;
}
/*blue banner*/
.floating-banner-div {
    display: flex;
    width: 100%;
}

.float-banner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 32%;
    margin-top: 2%;
    margin-bottom: 2%;
    background: #015599;
    border-radius: 6px;
}

.float-img-banner {
    margin-left: 25%;
}

.fl-zoom-img {
    height: fit-content;
    width: fit-content;
}

.float-split-img {
    width: 30%;
    margin-top: 2%;
}

.fl-img {
    margin-left: 3%;
    height: fit-content;
    width: fit-content;
}

.float-split-text {
    width: 65%;
    text-align: center;
    display: grid;
    height: fit-content;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 1%;
}

.fl-lbl {
    font-size: 1.7rem;
    text-align: left;
    color: #B2CBE0;
    font-weight: 500;
}

.fl-main-lbl {
    font-size: 1.7rem;
    text-align: left;
    color: white;
    font-weight: 500;
}

.fl-btn {
    background: #2D73AB;
    border: none;
    height: 40px;
    width: 260px;
    color: white;
}

.btn-icon-arrow {
    margin-left: 5%;
}

/*other sites */
.other-sites-div {
    display: grid;
    height: fit-content;
    margin: auto;
}

.info-label-text {
    text-align: center;
    margin-top: 5%;
    font-size: 1.2rem;
    margin-left: 17%;
    margin-right: 17%;
}

.other-sites-split {
    display: flex;
    flex-wrap: wrap;
    margin: 3% 25%;
    justify-content: space-between;
}

.split-alb-site {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    background: white;
    border-radius: 6px;
}

.split-mk-site {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    background: white;
    border-radius: 6px;
}

.site-icon {
    margin: 5%;
}

.country-flag {
    height: fit-content;
    width: fit-content;
}

.site-text {
    display: grid;
    height: fit-content;
    margin-top: 4%;
}

.ob-text {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

.country-name {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

/*float info */
.floating-info-div {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 75%;
    margin: auto;
    margin-top: 2%;
    background: white;
    border: 1px solid #BACDDE;
    border-radius: 6px;
}

.float-info-content {
    display: grid;
    height: fit-content;
    padding: 5% 5%;
}

.info-text-div {
    text-align: center;
    margin: 0 10%;
}

.info-main-text {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2%;
}

.info-small-text {
    font-size: 1.1rem;
    font-weight: 400;
    color: #605F5F;
    margin-bottom: 5%;
}

.info-split-div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
}

.info-link-split {
    width: 32%;
    background: #DEE4EB;
    border-radius: 30px;
    padding: 1% 1%;
    text-align: center;
    margin-left: 1%;
    margin-top: 1%;
    font-size: 1rem;
    font-weight: 600;
}

.icon-pdf-img {
    margin-left: 1%;
}

.icon-word-img {
    height: 35px;
    margin-left: 1%;
}

.icon-www-img {
    height: 35px;
    margin-left: 1%;
}

.icon-arrow {
    margin-left: 1%;
}

.falm-statement {
    width: 100%;
    display: inline-block;
    font-style: italic;
    font-size: 1rem;
    margin-bottom: 0px !important;
}

.falm-statement-question {
    width: 80%;
    float: left;
}

.falm-statement-choice {
    float: right;
    margin: 0 10px 0 10px;
}

.falm-statement-reqDot {
    top: 5px !important;
}

.no-break {
    white-space: nowrap;
}

/* purpose info */
.purpose-content-div {
    text-align: center;
    margin-top: 6%;
}

.purpose-main-text {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1%;
}

.purpose-desc-text {
    font-size: 1.1rem;
    font-weight: 400;
    color: #605F5F;
    margin: 0 27%;
    margin-bottom: 1%;
}

.purpose-info-text {
    font-size: 1.3rem;
    font-weight: 700;
    color: #605F5F;
    margin: 0 10%;
    margin-bottom: 1%;
}

.doc-info-align {
    margin-left: 30px;
}

.doc-info-button-align {
    display: flex;
}

.doc-info-button-content {
    display: flex;
    width: 100%;
}

.doc-info-button-title {
    float: left;
    margin: auto;
}

.doc-info-button-icon {
    float: right;
    margin: auto;
}
/*#endregion */
/*#region footer */
.footer-container {
    background: #EEF2F4;
    display: flex;
    width: 100%;
}

.footer-content {
    display: grid;
    width: 100%;
    height: fit-content;
}

.bottom-colors {
    display: flex;
    flex-wrap: wrap;
    height: 10px;
    -webkit-box-pack: start;
    justify-content: space-between;
    margin-top: 1%;
}

.foot-content-div {
    display: grid;
    width: 100%;
    margin: 1% 0;
}

.foot-icons-div {
    display: flex;
    margin: 0 27%;
    margin-top: 2%;
}

.foot-split-div {
    margin: auto;
}

.sc-rw {
    margin-left: 3%;
}

.foot-icon {
    width: 200px;
}

.foot-logo-div {
    margin: auto;
    margin-top: 3%;
}

.foot-logo-icon {
    height: 50px;
    width: fit-content;
}

.foot-text-div {
    text-align: center;
    font-size: 1.3rem;
    margin-top: 1%;
}

.foot-text {
    font-size: 1.6rem;
    color: #253965;
}

.foot-copy {
    display: grid;
    background: #E3E7E9;
    margin: auto;
    width: 100%;
}

.foot-copy-text {
    margin: 0.5% 0;
    text-align: center;
    color: black;
    font-size: 0.85rem;
    font-weight: 300;
}
/*#endregion */

@media screen and (max-width: 1570px) {
    .empty-nav-div {
        width: 27%;
    }

    .small-image-text {
        margin: 5px 20%;
    }

    .welcome-small-div {
        margin-left: 30%;
        margin-right: 30%;
    }

    .float-split-text {
        margin-left: 3%
    }

    .main-text {
        margin-top: 2%;
    }

    .nav-menu-link.cstm-link.cstm-login-link {
        margin-left: 9%;
    }

    .navigation-div {
        width: 80%;
    }

    .cstm-link {
        color: #AC4D56 !important;
        margin-left: 7%;
    }

    .logo-split-div {
        width: 22%;
    }

    .text-split-div {
        width: 78%;
    }

    .logo-split-div {
        width: 30%;
        margin-left: 2%;
    }

    .info-link-split {
        width: 30%;
        font-size: 0.8rem;
    }

    .first-in-row {
        margin-left: 9%;
    }

    .split-alb-site {
        width: 48%;
    }

    .split-mk-site {
        width: 48%;
    }

    .other-sites-split {
        margin: 3% 22%;
    }
}

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

    .label-lang {
        right: 13%
    }

    .logo-split-div {
        width: 21%;
        margin-left: 1%;
    }

    .logo-text-container {
        width: 100%;
    }

    .navigation-container {
        width: 100%;
    }

    .empty-nav-div {
        width: 20%;
    }

    .navigation-div {
        width: 85%;
    }

    .header-logo-image {
        width: 250px;
    }

    .header-h3-text {
        font-size: 1.3rem;
    }

    .header-h4-text {
        font-size: 1.0rem;
    }

    .logo-text-div-split {
        margin-top: 0%;
    }

    .float-img-banner {
        margin-left: 20%;
    }

    .float-banner {
        width: 37%;
    }

    .other-sites-split {
        margin: 3% 16%;
    }

    .split-alb-site {
        width: 40%;
    }

    .split-mk-site {
        width: 40%;
    }

    .first-in-row {
        margin-left: 2%;
        margin-right: 2%;
    }

    .info-link-split {
        width: 30%
    }
}

@media screen and (max-width: 1280px) {
    .nav-menu-link {
        width: 130px;
        font-size:0.8rem;
    }
    .empty-nav-div {
        width: 21%;
    }
    .description-text {
        font-size: 1.2rem;
    }
    .info-text {
        font-size: 1rem;
    }
    .nav-menu-link.cstm-link.cstm-login-link {
        margin-left: 21%;
    }

    .page-content {
        margin-top: 4%;
    }

    .label-lang {
        right: 15%;
    }

    .float-split-text {
        margin-left: 5%;
    }

    .other-sites-split {
        margin: 3% 12%;
    }
}

@media screen and (max-width: 1100px) {
    .nav-menu-link {
        width: 120px;
    }

    .header-logo-image {
        width: 200px;
    }

    .cstm-link {
        margin-left: 6%;
    }
}

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

    .nav-menu-link {
        width: 110px;
    }

        .nav-menu-link.cstm-link.cstm-login-link {
            margin-left: 15%;
        }

    .label-lang {
        right: 18%;
    }

    .header-logo-image {
        height: 65px;
        width: 200px;
    }

    .header-h3-text {
        font-size: 1.3rem;
    }

    .nav-menu-link {
        font-size: 0.9rem;
    }

    .cstm-link {
        margin-left: 5%;
    }

    .empty-nav-div {
        width: 22%;
    }

    .navigation-div {
        width: 95%;
    }

    .foot-icons-div {
        margin: 0 15%;
    }

    .foot-text {
        font-size: 1.3rem;
    }

    .text-right-div {
        padding-right: 3%;
    }

    .description-text {
        margin-left: 18%;
    }

    .info-text {
        margin-left: 6%;
    }

    .small-image-text {
        margin: 2% 10%;
    }

    .welcome-label-div {
        margin-left: 14%;
        margin-right: 14%;
    }

    .welcome-small-div {
        margin-left: 20%;
        margin-right: 20%;
    }

    .float-img-banner {
        margin-left: 7%;
    }

    .float-banner {
        width: 52%;
    }

    .other-sites-split {
        margin: 3% 10%;
    }

    .split-alb-site {
        width: 45%;
    }

    .split-mk-site {
        width: 45%;
    }

    .floating-info-div {
        width: 85%;
    }

    .cstm-head {
        font-size: 1rem !important;
    }

    .faq-answer {
        font-size: 1rem !important;
    }
}

@media screen and (max-width: 991px) {
    .image-text-split-div {
        margin-top: 5%;
    }

    .main-small-text {
        margin-bottom: 0rem;
    }

    .fl-img {
        margin-left: 1%;
        height: 140px;
        width: 130px;
    }

    .float-split-text {
        margin-left: 0%;
    }

    body > header .lang .ll-active a:after {
        content: "";
        background: url(../img/langdd.svg) no-repeat;
        background-size: contain;
        position: absolute;
        right: 0;
        width: 8px;
        height: 5px;
        top: calc(50% - 2px);
    }

    .nav-menu-link.cstm-link.cstm-login-link {
        margin-left: 18%;
    }

    body > header .lang ul li {
        text-align: center;
    }

    body > header .lang {
        position: absolute;
        top: 0;
        right: 20px;
        color: #fff;
        line-height: 40px;
        width: 80px;
        display: -webkit-box;
        display: flex;
        z-index: 2;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }

        body > header .lang .ll-cont {
            position: relative;
            white-space: nowrap;
        }

        body > header .lang .ll-cont {
            position: relative;
            white-space: nowrap;
        }

    .head-ll {
        background-color: #F6F6F6;
        margin-right: 10px;
        width: 200px;
    }

    body > header .lang .ll-active {
        padding-left: 9px;
        margin-left: 8px;
        margin-right: -8px;
        padding-right: 8px;
        background: url(../img/htsep.svg) 0 50% no-repeat;
        background-size: 1px 13px;
    }

        body > header .lang .ll-active a {
            text-align: right;
            display: block;
            padding-right: 20px;
        }

    body > header .lang ul {
        position: absolute;
        top: 40px;
        right: -8px;
        visibility: hidden;
        background: #d2e7ff;
        color: #253965;
        padding: 8px 0;
        text-align: right;
        min-width: 100%;
    }

    body > header .lang .ll-active a:after {
        content: "";
        background: url(../img/langdd.svg) no-repeat;
        background-size: contain;
        position: absolute;
        right: 0;
        width: 8px;
        height: 5px;
        top: calc(50% - 2px);
    }

    .lang-ul {
        background-color: #F6F6F6 !important;
        top: 32px !important;
    }

    .header-lang {
        right: 1% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .label-lang {
        right: 18%;
    }

    body > header {
        height: 160px;
    }

    .header-logo-image {
        width: 150px;
    }

    .header-h3-text {
        font-size: 1.1rem;
    }

    .cstm-link {
        color: #AC4D56 !important;
        margin-left: 10%;
    }

    .nav-menu-link {
        font-size: 0.7rem;
        width: 100px;
    }

    .header-content-div {
        height: 123px;
    }

    .empty-nav-div {
        width: 26%;
    }

    .navigation-div {
        width: 100%;
    }

    .foot-icons-div {
        margin: 0 7%;
        margin-top: 2%;
    }

    .image-div {
        height: 500px;
    }

    .main-text {
        font-size: 2.5rem;
    }

    .description-text {
        font-size: 1.2rem;
        margin-left: 14%;
    }

    .info-text {
        font-size: 1rem;
    }

    .small-image-text {
        margin: 2% 2%;
    }

    .float-img-banner {
        margin-left: 1%;
    }

    .float-banner {
        width: 60%;
        height: fit-content;
    }

    .float-split-img {
        width: 34%;
    }

    .fl-lbl {
        font-size: 1.4rem;
    }

    .fl-main-lbl {
        font-size: 1.5rem;
    }

    .information-content-div {
        background-position-y: 42%;
    }

    .other-sites-split {
        margin: 3% 3%;
    }

    .float-info-content {
        padding: 2% 2%;
    }

    .first-in-row {
        margin-left: 0%;
        margin-right: 0%;
    }

    .purpose-desc-text {
        margin: 0 14%;
    }

    .fl-zoom-img {
        width: 200px;
    }

    .foot-copy-text {
        font-size: 0.75rem;
    }

    .page-content {
        padding: 8% 0 8%;
    }
}

@media screen and (max-width: 820px) {
    .site-icon {
        margin: 1%;
    }

    .site-text {
        margin-top: 0%;
    }
}

@media screen and (max-width: 768px) {
    .label-lang {
        right: 21%;
    }

    .header-h3-text {
        font-size: 1rem;
    }

    .nav-menu-link {
        font-size: 0.6rem;
        width: 100px;
    }

    .empty-nav-div {
        width: 34%;
    }

    .ob-text {
        font-size: 0.7rem;
    }

    .country-name {
        font-size: 0.8rem;
    }

    .main-text {
        font-size: 2rem;
    }

    .description-text {
        font-size: 1rem;
    }

    .image-text-split-div {
        margin-top: 16%;
    }

    .main-small-text {
        font-size: 1rem;
    }

    .small-text {
        font-size: 0.9rem;
    }

    .welcome-text {
        font-size: 2.2rem;
    }

    .welcome-description-text {
        font-size: 1.3rem;
    }

    .fl-main-lbl {
        font-size: 1.3rem;
    }

    .info-main-text {
        font-size: 1.5rem;
    }

    .info-small-text {
        font-size: 0.9rem;
    }

    .purpose-main-text {
        font-size: 1.5rem;
    }

    .purpose-desc-text {
        font-size: 1rem;
    }

    .cstm-link {
        margin-left: 5%;
    }

    .nav-menu-link.cstm-link.cstm-login-link {
        margin-left: 14%;
    }

    .logo-split-div {
        width: 25%;
        margin-left: 2%;
    }

    .text-split-div {
        width: 75%;
    }

    .header-logo-image {
        width: 175px;
    }

    .other-sites-split {
        margin: 3% 1%;
    }
}

@media screen and (max-width: 560px) {
    .small-image-div {
        height: 230px;
    }

    .label-lang {
        right: 30%;
        font-size: 0.9rem;
    }

    .empty-nav-div {
        width: 4%;
    }

    .nav-menu-link.cstm-link.cstm-login-link {
        margin-left: 12%;
    }

    .main-small-text {
        font-size: 0.8rem;
    }

    .small-text {
        font-size: 0.8rem;
    }

    .site-icon {
        margin: 3%;
    }

    .logo-split-div {
        display: none;
    }

    .info-link-split {
        width: 32%;
    }

    .text-split-div {
        width: 80%;
    }

    .header-h3-text {
        font-size: 1rem;
    }

    .cstm-link {
        margin-left: 4%;
    }

    .foot-icons-div {
        margin: 0 0%;
        margin-top: 2%;
    }

    .foot-icon {
        height: 45px;
        width: 90px;
    }

    .foot-copy-text {
        font-size: 0.65rem;
    }

    .text-right-div {
        width: 70%;
    }

    .nav-menu-link {
        height: 40px;
        width: 100px;
    }

    .empty-split-div {
        width: 30%;
    }

    .main-text {
        font-size: 1.5rem;
    }

    .description-text {
        font-size: 1rem;
        margin-left: 10%;
    }

    .info-text {
        font-size: 0.9rem;
        margin-left: 2%;
    }

    .small-text {
        font-size: 0.9rem;
    }

    .welcome-text {
        font-size: 1.8rem;
    }

    .OB-logo-image {
        height: 70px;
    }

    .welcome-label-div {
        margin-left: 8%;
        margin-right: 8%;
    }

    .fl-zoom-img {
        display: none;
    }

    .float-banner {
        width: 98%;
    }

    .fl-img {
        width: 120px;
    }

    .fl-lbl {
        font-size: 1.2rem;
    }

    .fl-main-lbl {
        font-size: 1.3rem;
    }

    .other-sites-split {
        margin: 3% 1%;
    }

    .split-mk-site {
        width: 49%;
    }

    .split-alb-site {
        width: 49%;
    }

    .ob-text {
        font-size: 0.6rem;
    }

    .country-name {
        font-size: 0.5rem;
    }

    .floating-info-div {
        width: 98%;
    }

    .info-text-div {
        margin: 0 2%;
    }

    .info-main-text {
        font-size: 1.5rem;
    }

    .info-small-text {
        font-size: 0.9rem;
    }

    .info-link-split {
        width: 29%;
        font-size: 0.7rem;
        padding: 1% 3%;
    }

    .menu-nav-links {
        font-size: 0.6rem;
    }

    .icon-pdf-img {
        margin-left: 2%;
        height: 20px;
        width: 22px;
    }

    .icon-word-img {
        margin-left: 2%;
        height: 20px;
    }

    .icon-www-img {
        margin-left: 2%;
        height: 20px;
    }

    .purpose-main-text {
        font-size: 1.6rem;
    }

    .purpose-desc-text {
        font-size: 0.9rem;
        margin: 0 4%;
    }

    .purpose-info-text {
        font-size: 1.1rem;
        margin: 0 4%;
    }

    .information-content-div {
        background-position-y: 48%;
    }

    .page-content {
        padding: 10% 0 10%;
        margin-top: 5%;
    }

    .report-header {
        font-size: 1.2rem;
    }

    .modalSizeCustom {
        width: 570px !important;
        height: 300px !important;
        font-size: 0.7rem;
    }

    .modal-footer .modal-button {
        font-size: 0.7rem !important;
    }

    .cstm-head {
        font-size: 0.8rem !important;
    }

    .faq-answer {
        font-size: 0.8rem !important;
    }
}

@media screen and (max-width: 426px) {
    .label-lang {
        right: 40%;
    }

    .nav-menu-link.cstm-link.cstm-login-link {
        margin-left: 10%;
    }

    .main-small-text {
        font-size: 0.8rem;
    }

    .small-text-bold {
        font-size: 0.7rem;
    }

    .site-icon {
        margin: 0%;
    }

    .header-h3-text {
        font-size: 0.8rem;
    }

    .small-text {
        font-size: 0.7rem;
    }

    .nav-menu-link {
        width: 78px;
    }

    .image-text-split-div {
        margin-top: 7%;
    }

    .info-link-split {
        font-size: 0.6rem;
    }

    .welcome-text {
        font-size: 1.4rem;
        margin-left: 10px;
    }

    .welcome-description-text {
        font-size: 1rem;
    }

    .small-welcome-text {
        font-size: 0.8rem;
    }

    .menu-nav-links {
        font-size: 0.5rem;
    }

    .cstm-link {
        margin-left: 0%;
    }

    .country-flag {
        height: 23px;
        width: 35px;
    }

    .ob-text {
        font-size: 0.5rem;
    }

    .country-name {
        font-size: 0.6rem;
    }
}

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

    .nav-menu-link {
        font-size: 0.5rem;
        height: 35px;
        width: 67px
    }

    .fl-btn {
        width: 200px
    }

    .site-text {
        margin-top: 1%;
    }

    .info-link-split {
        font-size: 0.5rem;
        padding: 1% 1%;
    }

    .label-lang {
        right: 45%;
    }

    .foot-icon {
        height: 45px;
        width: 80px;
    }

    .sc-rw {
        margin-left: 1%;
    }

    .text-right-div {
        width: 75%;
    }

    .empty-split-div {
        width: 25%;
    }

    .site-icon {
        margin: 1%;
    }

    .split-alb-site {
        width: 45%;
    }

    .split-mk-site {
        width: 52%;
        margin-left: 2%;
    }

    .other-sites-split {
        margin: 3% 0%;
    }

    .fl-btn {
        width: 220px;
        font-size: 0.8rem;
    }

    .modalSizeCustom {
        width: 520px !important;
        height: 300px !important;
    }
}

@media screen and (max-width: 320px) {
    .label-lang {
        right: 51%;
    }

    .nav-menu-link.cstm-link.cstm-login-link {
        margin-left: 2%;
    }

    .navigation-div {
        margin-top: 0%;
    }

    .empty-split-div {
        width: 25%;
    }

    .text-right-div {
        width: 75%;
    }

    .foot-icon {
        height: 35px;
        width: 70px;
    }

    .foot-logo-icon {
        height: 40px;
        width: 120px;
    }

    .fl-btn {
        width: 175px;
    }

    .fl-img {
        width: 100px;
    }

    .country-flag {
        height: 20px;
        width: 25px;
    }

    .ob-text {
        font-size: 0.4rem;
    }

    .country-name {
        font-size: 0.5rem;
    }

    .other-sites-split {
        margin: 3% 0%;
    }

    .split-alb-site {
        width: 43%;
    }

    .split-mk-site {
        width: 54%;
        margin-left: 2%;
    }

    .menu-nav-links {
        font-size: 0.6rem;
    }

    .report-header {
        font-size: 1rem;
    }

    .modalSizeCustom {
        width: 470px !important;
        height: 300px !important;
    }

    .image-text-split-div {
        margin-top: 3%;
    }

    .main-small-text {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 280px) {
    .header-lang {
        right: 0% !important;
    }

    .main-text {
        font-size: 1rem;
    }

    .description-text {
        font-size: 0.8rem;
    }

    .info-text {
        font-size: 0.8rem;
    }

    .image-text-split-div {
        margin-top: 16%;
    }

    .label-lang {
        right: 57%;
    }

    .OB-logo-image {
        width: 200px;
    }

    .main-small-text {
        font-size: 0.6rem;
    }

    .small-text {
        font-size: 0.6rem;
    }

    .welcome-text {
        font-size: 0.9rem;
    }

    .welcome-description-text {
        font-size: 1rem;
    }

    .fl-img {
        width: 80px;
    }

    .country-flag {
        height: 20px;
        width: 30px;
    }

    .ob-text {
        font-size: 0.5rem;
    }

    .country-name {
        font-size: 0.6rem;
    }

    .info-main-text {
        font-size: 1.2rem;
    }

    .info-link-split {
        font-size: 0.5rem;
        border-radius: 20px;
    }

    .icon-pdf-img {
        height: 17px;
        width: 19px;
    }

    .icon-word-img {
        height: 17px;
    }

    .icon-www-img {
        height: 17px;
    }

    .purpose-main-text {
        font-size: 1.2rem;
    }

    .purpose-info-text {
        font-size: 0.9rem;
    }

    .other-sites-split {
        margin: 10% 0%;
    }
}

div.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(0,0,0,.5) url(../img/45.svg) no-repeat 50% 50%;
    pointer-events: none;
    z-index: 20;
    -webkit-animation-name: loadingAnim;
    animation-name: loadingAnim;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}


.select2-search__field {
    background-image: url(../img/search-icon.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 5px;
    padding-left: 5.5% !important;
}

/*#region mvc-grid */
@font-face {
    src: url('../mvc-grid/fonts/grid-glyphs.woff') format('woff');
    font-family: 'GridGlyphs';
}

.mvc-grid {
    line-height: 1.25em;
    position: relative;
    overflow-x: auto;
    font-size: 1rem;
}

    .mvc-grid table {
        border-collapse: collapse;
        max-width: 100%;
        width: 100%;
    }

    .mvc-grid th {
        background-clip: padding-box;
        background-color: #f7f7f7;
        position: relative;
    }

    .mvc-grid th,
    .mvc-grid td {
        border: 1px solid #dee2e6;
        padding: 0.75em;
        height: 70px !important;
    }

    .mvc-grid .sortable {
        padding-right: 3.5em;
    }

    .mvc-grid .sortable,
    .mvc-grid .mvc-grid-sort,
    .mvc-grid .mvc-grid-filter {
        cursor: pointer;
    }

.mvc-grid-hidden,
.mvc-grid-options {
    display: none;
}

.mvc-grid-title {
    display: inline-block;
}

.mvc-grid-sort,
.mvc-grid-filter {
    background-color: rgba(0, 0, 0, 0.03);
    transition: background-color 0.5s;
    font-family: 'GridGlyphs';
    position: absolute;
    font-weight: bold;
    width: 2.75em;
    border: none;
    height: 100%;
    right: 0;
    top: 0;
}

    .mvc-grid-filter:focus,
    .mvc-grid-filter:hover {
        background-color: rgba(0, 0, 0, 0.06);
        color: inherit;
    }

    .mvc-grid-filter::before {
        content: '\0041';
    }

    .mvc-grid-filter.applied::before {
        content: '\0042';
    }

.mvc-grid-sort {
    background: transparent;
    font-weight: normal;
    transition: none;
}

    .mvc-grid-sort::after {
        font-size: 0.9em;
        content: '\0044';
        opacity: 0.15;
    }

    .mvc-grid-sort::before {
        margin-right: -7px;
        font-size: 0.9em;
        content: '\0043';
        opacity: 0.15;
    }

.mvc-grid .desc .mvc-grid-sort::after,
.mvc-grid .asc .mvc-grid-sort::before {
    opacity: 0.5;
}

.mvc-grid-row-filters .filterable {
    padding: 0.25em;
}

.mvc-grid-row-filters th div {
    display: flex;
}

.mvc-grid-row-filters .mvc-grid-value {
    border: 0.5px solid #aaaaaa;
    background-color: #ffffff;
    text-overflow: ellipsis;
    margin-right: 0.25em;
    line-height: normal;
    font-weight: bold;
    padding: 0 0.5em;
    flex: 1;
}

.mvc-grid-row-filters select.mvc-grid-value {
    padding: 0 0.2em;
}

.mvc-grid-row-filters .mvc-grid-value.invalid {
    outline-color: #dc3545;
}

.mvc-grid-row-filters .mvc-grid-value::placeholder {
    color: #bbbbbb;
}

.mvc-grid-row-filters .mvc-grid-value:-ms-input-placeholder {
    color: #bbbbbb;
}

.mvc-grid-row-filters .mvc-grid-filter {
    border: 0.5px solid #aaaaaa;
    flex: 0 0 2.125em;
    position: static;
    height: 2.125em;
}

.mvc-grid-excel-mode .filterable {
    padding-right: 3.5em;
}

.mvc-grid-excel-mode .sortable.filterable {
    padding-right: 6.25em;
}

.mvc-grid-excel-mode .filterable .mvc-grid-sort,
.mvc-grid-header-mode .filterable .mvc-grid-sort {
    right: 2.75em;
}

.mvc-grid-header-mode .filterable {
    padding: 0 2.75em 0 0;
}

.mvc-grid-header-mode .mvc-grid-value {
    background-color: #f7f7f7;
    padding: 0.625em 0.75em;
    border: none;
    margin: 0;
}

.mvc-grid-header-mode .mvc-grid-filter {
    position: absolute;
    border: none;
    height: 100%;
}

.mvc-grid-header-mode .sortable .mvc-grid-value {
    padding-right: 3.5em;
}

.mvc-grid-popup {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    position: absolute;
    min-width: 12em;
    font-size: 1rem;
    z-index: 1100;
}

    .mvc-grid-popup.mvc-grid-guid-filter {
        min-width: 20em;
    }

    .mvc-grid-popup .popup-arrow {
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 8px solid #ffffff;
        box-sizing: border-box;
        position: absolute;
        height: 9px;
        top: -8px;
    }

        .mvc-grid-popup .popup-arrow::after {
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            border-bottom: 9px solid #cccccc;
            position: absolute;
            content: " ";
            z-index: -1;
            left: -8px;
            top: -1px;
        }

    .mvc-grid-popup .popup-content {
        padding: 0.5em;
    }

    .mvc-grid-popup .popup-group {
        padding: 0.2em;
    }

    .mvc-grid-popup .popup-operator {
        text-align: center;
    }

    .mvc-grid-popup .popup-actions {
        padding: 0.4em 0 0.2em;
        text-align: center;
    }

    .mvc-grid-popup .mvc-grid-value,
    .mvc-grid-popup .mvc-grid-method,
    .mvc-grid-popup .mvc-grid-operator {
        border: 1px solid #cccccc;
        background-color: #ffffff;
        box-sizing: border-box;
        font-size: 0.9em;
        padding: 0 0.2em;
        height: 2.5em;
        width: 100%;
    }

        .mvc-grid-popup .mvc-grid-value[multiple] {
            overflow-y: auto;
            height: 8em;
        }

    .mvc-grid-popup .mvc-grid-operator {
        width: auto;
    }

    .mvc-grid-popup input.mvc-grid-value {
        text-overflow: ellipsis;
        padding: 0 0.5em;
    }

    .mvc-grid-popup .mvc-grid-value.invalid {
        outline-color: #dc3545;
    }

    .mvc-grid-popup .mvc-grid-apply,
    .mvc-grid-popup .mvc-grid-cancel {
        border: 1px solid #ffffff;
        padding: 0.25em;
        cursor: pointer;
        min-width: 4em;
        color: #ffffff;
        outline: 0;
    }

    .mvc-grid-popup .mvc-grid-apply {
        background-color: #28a745;
        border-color: #28a745;
        margin-right: 0.3em;
        font-weight: bold;
    }

        .mvc-grid-popup .mvc-grid-apply:focus {
            box-shadow: 0 0 0 0.2em rgba(40, 167, 69, 0.5);
        }

    .mvc-grid-popup .mvc-grid-cancel {
        background-color: #dc3545;
        border-color: #dc3545;
        margin-left: 0.3em;
    }

        .mvc-grid-popup .mvc-grid-cancel:focus {
            box-shadow: 0 0 0 0.2em rgba(220, 53, 69, 0.5);
        }

.mvc-grid-pager,
.mvc-grid-empty-row {
    text-align: center;
}

    .mvc-grid-pager button {
        background-color: #ffffff;
        border: 1px solid #dddddd;
        box-sizing: content-box;
        line-height: 2.5em;
        padding: 0 0.25em;
        cursor: pointer;
        margin: 0.5em 0;
        min-width: 2em;
        color: #337ab7;
    }

        .mvc-grid-pager button:focus,
        .mvc-grid-pager button:hover {
            background-color: #f7f7f7;
            color: #014c8c;
        }

    .mvc-grid-pager .active,
    .mvc-grid-pager .active:focus,
    .mvc-grid-pager .active:hover {
        background-color: #0275d8;
        border-color: #0275d8;
        color: #ffffff;
    }

    .mvc-grid-pager .disabled,
    .mvc-grid-pager .disabled:focus,
    .mvc-grid-pager .disabled:hover {
        background-color: #efefef;
        cursor: not-allowed;
        color: #777777;
        outline: 0;
    }

.mvc-grid-page-sizes {
    display: inline-block;
    margin-left: 0.5em;
}

    .mvc-grid-page-sizes select {
        border: 1px solid #dddddd;
        padding: 0.5em 0;
        font: inherit;
    }

    .mvc-grid-page-sizes input {
        border: 1px solid #dddddd;
        box-sizing: content-box;
        text-align: center;
        padding: 0 0.25em;
        height: 2.5em;
        width: 2.5em;
    }

.mvc-grid-loader {
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    transition: opacity 1s;
    align-items: center;
    position: absolute;
    display: flex;
    z-index: 100;
    height: 100%;
    cursor: wait;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0;
}

.mvc-grid-loading {
    opacity: 1;
}

    .mvc-grid-loading > div > div {
        animation: loader-points 1.4s infinite ease-in-out both;
        background-color: #f5f5f5;
        display: inline-block;
        border-radius: 100%;
        margin: 0 0.75em;
        height: 1.5em;
        width: 1.5em;
    }

        .mvc-grid-loading > div > div:nth-child(1) {
            animation-delay: -0.32s;
        }

        .mvc-grid-loading > div > div:nth-child(2) {
            animation-delay: -0.16s;
        }

@keyframes loader-points {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1.0);
    }
}

.page-content {
    margin-top: 2%;
}

/*#endregion */
.select2-selection--single :after {
    content: "";
    position: absolute;
    right: 7px;
    top: 22px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #253965;
}
/*.arrow :after {
    content: "" !important;
    position: absolute !important;
    right: 30px !important;
    top: 60px;
    width: 0;
    height: 0 !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #253965;
    cursor: pointer;
}*/
.contact-div {
    text-align: center;
    margin-top: 3%;
}

.link-a {
    color: #007bff !important;
    text-decoration: none !important;
    background-color: transparent;
}

.faq-div {
    padding: 10px 20px !important;
}

.faq-answer {
    display: inline-block;
    margin: 12px 0 !important;
}

.customMarginLeft {
    margin-left: 3px !important;
    border: none !important;
}

.reqDot {
    display: block;
    position: absolute;
    top: 56px;
    right: 0;
    width: 10px;
    height: 10px;
    background: #eee;
    background: #253965;
    border-radius: 5px;
}

.reqDotAttach {
    display: block;
    position: absolute;
    top: 75px;
    /*right: 310px !important;*/
    right: 0;
    width: 10px;
    height: 10px;
    background: #eee;
    background: #253965;
    border-radius: 5px;
}

.reqDotSublabel {
    top: 85px;
}

.reqDotSublabelTwoRows {
    top: 100px;
}

.reqDotSublabelCountryOfBirth {
    top: 75px;
}

.reqDotSublabelDocumentType {
    top: 75px;
}

.reqDotSublabelDocumentNumber {
    top: 45px;
}

.reqDotSublabelMaritalStatus {
    top: 75px;
}

.reqDotSublabelFathersNameAndLastName {
    top: 45px;
}

.reqDotSublabelMothersNameAndLastName {
    top: 45px;
}

.reqDotSublabelOccupation {
    top: 45px;
}

.falm-title {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.falm-disclaimer {
    font-size: 1rem;
}

.form-disclaimer {
    margin-bottom: 0px !important;
}

.form-disclaimer-div {
    background-color: #d2e7ff;
    font-size: 1.14rem;
    line-height: 25px;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-right: 12px;
    text-align: justify;
}

.reqDot2 {
    display: block;
    position: absolute;
    top: 19px;
    right: -23px;
    width: 10px;
    height: 10px;
    background: #eee;
    background: #253965;
    border-radius: 5px;
}

.nsz-main-text {
    font-weight: bold;
    margin-bottom: 5px;
}

.nsz-list-dots > li {
    list-style: disc;
    margin-bottom: 5px;
}

.nsz-modal-body {
    padding: 1rem 2rem;
    text-align: left;
}

.label-disclaimer {
    background: #d2e7ff;
    max-width: 100% !important;
    flex: 100%;
}

.readonly {
    background-color: lightgray !important;
}

.form-grid {
    display: grid !important;
}

.section {
    border: solid lightblue 2px;
    border-radius: 10px;
    margin: 30px 0 30px 0;
    padding: 30px 30px 0 30px;
}

.section-title {
    color: lightblue;
    font-size: 1.25rem;
    font-style: italic;
    background: white;
    margin: -45px 0 0 75px;
    padding: 0 10px 0 10px;
    z-index: 10;
    position: absolute;
}

.input-width-50 {
    width: 50% !important;
    margin: auto;
}

.form-row i {
    font-size: 1rem;
}

.gen-form .note {
    color: #253965;
    font-size: .6rem;
    line-height: 15px;
    padding-left: 24px;
    position: relative;
    text-transform: uppercase;
    margin: auto;
}

    .gen-form .note:before {
        content: "";
        position: absolute;
        left: 0;
        top: calc(50% - 5px);
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: #253965;
    }

.note-error {
    display: grid;
}

.falm-submit-button {
    width: 200px !important;
}

.falm-submit-button span {
    width: 200px !important;
    height: 50px !important;
    background: transparent !important;
}

.submit-button-div {
    margin: auto;
}

.ws-nw {
    white-space: nowrap;
}

.p-m {
    padding: 0px 10px 0px 0px;
    margin: -5px 0px 0px 0px;
    margin-top: 0.5%;
}

.f-w-600-t-a-c {
    font-weight: 600;
    text-align: center;
}
.small-span-info {
    font-size: 0.9rem;
    color: #6c757d !important;
}
#openAddDocumentPopup {
    text-decoration: underline !important;
    font-weight: 600;
    cursor: pointer;
}
.button-a {
    color: #fff !important;
}
/* popup document instruction */
.popup-open {
    display: flex !important;
}
.eid-modal:not(.eid-modal--full) {
    padding: 10px;
}
.eid-modal {
    display: none;
    background: #181F2C63;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.eid-modal:not(.eid-modal--full) .eid-modal--core {
    box-shadow: 0px 12px 16px rgba(40,41,61,0.0364);
    border-radius: 5px;
    width: 900px;
    max-width: 100%;
}
.eid-modal--core {
    background-color: #ffffff;
    max-height: 100%;
    overflow: auto;
}
.eid-modal--header {
    padding: 25px 40px 20px 40px;
}
.align-items-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.primary {
    color: #263864;
}
.fw-600 {
    font-weight: 600;
}
.lh-30 {
    line-height: 30px;
}
.fs-20 {
    font-size: 20px;
}
.flex-flex, .eid-form--fileinput .fileinput--files, .eid-card-list .eid-card h4, .eid-card-list .eid-card p, .registration-tutorial .registration-tutorial-content, .right-bar {
    -webkit-box: 1;
    -moz-box: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.eid-modal--close {
    opacity: 0.8;
}

.fs-24 {
    font-size: 24px;
}
.eid-modal--content {
    padding: 0 40px;
    min-height: 300px;
}
.registration-document-modal .registration-document-description {
    font-size: 16px;
    line-height: 20px;
}
.registration-document-modal .registration-document-header {
    margin: 20px -40px;
    padding: 20px 40px;
    background: #F7F7F7;
}
.flex-50 {
    -webkit-box: 1;
    -moz-box: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
}
.registration-document-modal .registration-document-header .header-title {
    font-size: 14px;
    font-weight: 600;
    color: #263864;
    margin-bottom: 30px;
}
.registration-document-modal .registration-document-header .tabs {
    gap: 20px;
    min-height: 72px;
}
.registration-document-modal .registration-document-header .tabs .tab {
    opacity: 0.6;
    cursor: pointer;
}
.registration-document-modal .registration-document-header .tabs .tab.active {
    opacity: 1;
}
.registration-document-modal .registration-document-header .header-title {
    font-size: 14px;
    font-weight: 600;
    color: #263864;
    margin-bottom: 30px;
}
.registration-document-modal .registration-document-header img {
    vertical-align: middle;
}
.registration-document-modal img {
    display: inline-block;
}
.mr-15 {
    margin-right: 15px;
}
.fw-500 {
    font-weight: 500;
}
.lh-17 {
    line-height: 17px;
}
.fs-16 {
    font-size: 16px;
}
.registration-document-modal .registration-document-header .scan-img {
    width: 32px;
}
.mb-30 {
    margin-bottom: 30px;
}
.lh-24 {
    line-height: 24px;
}
.fs-17 {
    font-size: 17px;
}
.registration-document-modal .registration-document-page .page-part {
    padding: 20px;
}
.flex-direction-column {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-33 {
    -webkit-box: 1;
    -moz-box: 1;
    -webkit-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    max-width: 33%;
}
.registration-document-modal .registration-document-page .page-part .title-holder {
    padding-left: 30px;
    position: relative;
    max-width: 350px;
}
.registration-document-modal .registration-document-page .page-part .title-holder .num {
    position: absolute;
    left: 0;
    opacity: 0.5;
}
.fs-23 {
    font-size: 23px;
}
.mb-10 {
    margin-bottom: 10px;
}
.justify-content-center, .user-consentid-actions > .flex {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.registration-document-modal .registration-document-page .page-part + .page-part {
    border-left: 1px solid rgba(0,0,0,0.14);
}
.registration-document-modal .registration-document-page .page-part {
    padding: 20px;
}
.eid-modal--footer {
    padding: 20px 40px 25px 40px;
}
.eid-icon-close:hover {
    cursor: pointer;
}
@media only screen and (max-width: 1024px) {
    .registration-tutorial {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        overflow: auto;
        .registration-tutorial-content {
            padding: 30px;
            overflow: auto;
        }
        .verticalLine {
            display: none;
        }
        &.shown {
            display: flex;
        }
        .registration-step-container {
            .registration-step {
                padding-bottom: 20px;
                .numberLine {
                    top: 0px;
                }
                h1 {
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 17px;
                }
                p, ul li {
                    font-size: 12px;
                }
            }
        }
        .registration-step--empty {
            display: none;
        }
        .info-more {
            padding-left: 0;
            text-align: center;
            .eid-egradjanin {
                margin: 0 auto 10px auto;
            }
            h1 {
                font-size: 14px;
            }
            .info-more--details {
                @include justify-content(center);
                > span {
                    display: none;
                }
            }
        }
        .previous-page {
            display: none;
        }
        .close-tutorial {
            display: flex;
            margin-left: -30px;
        }

    }
@media only screen and (max-width: 650px) {
    .registration-document-modal .registration-document-header {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 25px;
        margin: 20px -25px;
    }
    .registration-document-modal .registration-document-header .header-title {
        margin-bottom: 0px !important;
    }
    .registration-document-modal .registration-document-page .page-part {
        min-width: 100%;
        max-width: 100%;
        padding: 20px 0;
    }
    .registration-document-modal .registration-document-page .page-part .title-holder {
        max-width: none;
    }
}

@media only screen and (max-width: 500px) {
    .flex:not(.flex-never-wrap) {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-50 {
        -webkit-box: 1;
        -moz-box: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }
    .eid-modal--content {
        padding: 0 25px;
    }


}

@media only screen and (max-width: 767px) {
    .registration-document-modal .registration-document-page {
        zoom: 0.9;
    }
}