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

.mpp-head {
    margin-bottom: 3em;
}

#addNewLang {
    border: none;
    background: #fff;
    font-size: 16px;
    color: #637599;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 20px;
    justify-content: flex-end;
    display: flex;
}

section.error h1 {
    height: auto;
    line-height: 3rem;
    font-size: 1.5rem;
}

body > header .my-egov > a:before {
    background: url(../img/myegov.svg) no-repeat 50% 50%;
}

.form-popup .pop-inner {
    max-width: 1200px;
}

.positions .gen-form .form-row button > span:last-child {
    background: none;
}

.activePosition {
    border: 2px solid #017932 !important;
}

.positions .gen-form .form-row button:hover {
    background-position: 70% 50%;
}

@media only screen and (max-width: 1295px) and (min-width: 991px) {
    body > header.mpp-head nav > ul > li {
        line-height: 20px !important;
        width: unset !important;
        height: 58px !important;
        padding: 0 14px !important;
    }
}

@media only screen and (max-width: 1295px) and (min-width: 991px) {
    body > header.mpp-head .mpp-nav nav {
        left: 175px !important;
        width: auto !important;
        bottom: 0px !important;
    }
}

.fade-in {
    -webkit-animation: fade-in 2s ease;
    -moz-animation: fade-in ease-in-out 2s both;
    -ms-animation: fade-in ease-in-out 2s both;
    -o-animation: fade-in ease-in-out 2s both;
    animation: fade-in 2s ease;
    visibility: visible;
    -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.underHead {
    padding-bottom: 50px;
    text-align: justify;
}

.positions ul {
    overflow: visible;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 1em;
    position: relative;
}

    .positions ul li {
        background: transparent;
        border: 1px solid #C4C4C4;
        color: #223965;
        overflow: visible;
        padding: 20px;
        margin-bottom: 3rem;
        width: 100%;
        margin-right: 0px !important;
        position: relative;
    }

        .positions ul li:hover {
            background: transparent;
        }

        .positions ul li a.company-logo {
            position: absolute;
            background: #fff;
            display: block;
            width: 64px;
            height: 64px;
            border: 1px solid #C4C4C4;
            right: 15px;
            top: -15px;
        }

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

    .positions .select2-container {
        width: 100% !important;
    }

    body > header .my-egov {
        top: 15px;
        right: 56px;
    }
}

.position-info {
    display: block;
    width: calc(100% - 60px);
}

    .position-info p {
        margin: 0px;
        font-size: 1rem;
        color: #223965 !important;
        min-height: auto;
        width: calc(100% + 60px);
    }

        .position-info p.work-place {
            width: auto;
        }

    .position-info h3.company-name {
        margin-bottom: 2em !important;
        font-size: 1.25rem !important;
        min-height: 3em !important;
        font-weight: 700 !important;
        max-width: 100% !important;
    }

    .position-info p.position-name {
        font-weight: 700;
    }

.work-place::before {
    margin-right: 0.5rem;
}

.work-place img {
    top: -2px !important;
}

.company-logo img {
    width: 100%;
    padding: 3px;
}

.positions .form-row {
    margin: 0rem 0rem 3rem 0rem;
    padding-right: 0px;
    color: #666 !important;
}

.positions .gen-form .form-row .select {
    border-radius: 0px;
}

.page-filters {
    display: flex;
    justify-content: flex-end;
}

    .page-filters .form-row {
        width: 25%;
        padding-right: 0px;
    }

.positions .form-row label {
    color: #666;
}

#search-positions {
    display: inline-flex;
}



.page-filters .form-row:last-child {
    margin-left: 2rem;
}

.positions .mvc-grid-pager .disabled {
    background: none;
}

.positions .mvc-grid-pager .active {
    color: white !important;
}

.positions .mvc-grid-pager button {
    color: #223965;
    border: none;
}

.positions .form-row button {
    height: 50px;
    width: 50px !important;
    overflow: hidden;
    -webkit-appearance: none;
    border: none;
    text-indent: -10000px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' id='svg7461' version='1.1' viewBox='0 0 8.4900093 8.1948547' height='8.1948547mm' width='8.4900093mm'%3E%3Cdefs id='defs7455' /%3E%3Cmetadata id='metadata7458'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg transform='translate(-7.8502331,-175.72996)' id='layer1'%3E%3Cg transform='matrix(0.35277777,0,0,0.35277777,7.9769101,179.47143)' id='g688'%3E%3Cpath id='path690' style='fill:none;stroke:%23fafafa;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' d='M 0.1409156,1 H 22' /%3E%3C/g%3E%3Cg transform='matrix(0.35277777,0,0,0.35277777,12.210243,175.59088)' id='g692'%3E%3Cpath id='path694' style='fill:none;stroke:%23fafafa;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' d='M 11,11.91667 0.01826172,1.101318' /%3E%3C/g%3E%3Cg transform='matrix(0.35277777,0,0,0.35277777,12.210243,179.47143)' id='g696'%3E%3Cpath id='path698' style='fill:none;stroke:%23fafafa;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' d='M 11,1.083333 0,11.91667' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

@media screen and (max-width:760px) {
    .positions ul {
        flex-wrap: wrap;
        margin-top: 3rem;
    }

        .positions ul > li:last-child {
            width: 100%;
            border-right: 1px solid #C4C4C4;
        }

    .page-filters {
        display: flex;
        justify-content: space-between;
    }

        .page-filters .form-row {
            width: 50%;
            padding-right: 0px;
        }

    .positions .scrollbar {
        display: none;
    }
}

@media only screen and (min-height: 300px) and (max-height: 722px) {
    .add-scroll {
        overflow-y: scroll;
        max-height: 375px !important;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1295px) {
    body > header nav > ul > li > a {
        padding: 19px 5px 18px;
        display: block;
        font-size: 0.8rem;
    }

    body > header nav > ul > li {
        line-height: 20px;
        width: 140px;
        height: 75px;
    }
}

@media print {
    #printBtn, #submitBtn, footer, header, .foot-top a, #printText, .text-danger, .form-text, .print-remove {
        display: none;
    }

    #ConsentIdparametar {
        font-weight: 700;
    }

    input#ConsentIdparametar, input#Email, input#Name, input#Surname, input#Umcn {
        border: 0px;
    }

    .signature-section {
        display: block !important;
        margin-top: 200px !important;
    }

    .striped-border {
        display: block !important;
    }

    .print-show {
        display: block !important;
    }

    .form-row {
        flex-wrap: nowrap !important;
    }

    .gen-form .form-row {
        margin-bottom: 5px !important;
    }

    div#user {
        margin-top: 30px;
    }

    div#wrapper {
        width: 850px;
    }

    h1, h3, .gen-form .form-row label {
        color: black !important;
    }

    .signature-row {
        padding-top: 20px;
    }
}

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

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

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

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

.mvc-grid .gridRow a.dl {
    background-image: url(../img/download1.svg);
    background-color: #D7D8D6;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background-position: center;
    margin: auto
}

.mvc-grid .gridRow a.ch, .form-row .multi-checkbox a.ch {
    background-image: url(../img/check1.svg);
    background-color: green;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background-position: center;
    margin: auto
}

.mvc-grid .gridRow a.rm, .form-row .multi-checkbox a.rm {
    background-image: url(../img/btn-rem.svg);
    background-color: red;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background-position: center;
    margin: auto
}

.slika {
    width: 100%
}

.mvc-grid .gridRow a.rm:hover, .mvc-grid .gridRow a.ch:hover, .mvc-grid .gridRow a.dl:hover, .mvc-grid .gridRow a.check-doc:hover, .mvc-grid .gridRow .ed:hover {
    background-color: #253965;
}

.mvc-grid .gridRow a:hover {
}

.btn-primary {
    cursor: pointer !important;
}

.btn {
    cursor: pointer !important;
}

.gen-form .form-row .pass {
    border: 1px solid #253965 !important
}

.gen-form .form-row .ic {
    border: none
}

    .gen-form .form-row .ic:after {
        display: none
    }

    .gen-form .form-row .ic input[type=email], .gen-form .form-row .ic input[type=password], .gen-form .form-row .ic input[type=text], .gen-form .form-row .ic textarea {
        border: 1px solid #253965;
    }


.gen-form .form-row .pass input[type=email], .gen-form .form-row .pass input[type=password], .gen-form .form-row .pass input[type=text], .gen-form .form-row .pass textarea {
    border: 0;
}

.btn-primary, .btn-primary:hover {
    background-color: #253965;
    border-color: #253965;
    cursor: pointer !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important;
}

.gen-form .form-row label {
    white-space: nowrap
}

.gen-form .form-row button {
    font-size: 1rem;
    width: 200px;
}

.mvc-grid .gridRow a.ch {
    background-color: green;
}

.mvc-grid .gridRow a.rm {
    background-color: red;
}

#toast-container > .toast-warning, #toast-container > .toast-success {
    top: 50px;
}

.gen-form h3 {
    color: #253965;
}

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

.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;
}

#position1 {
    margin-top: 0px
}

#position2 {
    margin-top: 0px
}

#position3 {
    margin-top: 0px
}

label.checkbox {
    padding: 20px;
}

.signature-section {
    display: none;
}

.signature {
    margin-top: 20px;
    border-top: 1px solid #000;
    width: 200px;
    text-align: center;
}

.signature-label, .signature {
    float: left;
}

.striped-border {
    display: none;
    border: 1px dashed #000;
    width: 100%;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
}

.form-popup .close {
    color: #fff !important;
    opacity: 1;
}

.print-show {
    display: none;
}

.btn-primary#exportBtn {
    background-color: white !important;
    margin-bottom: 5px;
}

body > header nav .active-line {
    background: none
}

.grid-top-btn {
    position: relative;
    margin-bottom: 5px;
}

.form-popup .close {
    opacity: 1;
    color: white !important;
}

select#reasonDdl, select#reasonDdlClerk {
    width: 470px;
}

div.container {
    max-width: 1400px;
}

.font-correction {
    font-weight: 500;
}

.mvc-grid-page-sizes select {
    color: #337ab7;
}

.mvc-grid .gridRow .check-doc {
    background-image: url(../img/id2.svg);
    background-color: #D7D8D6;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background-position: center;
    margin: auto
}

.mvc-grid .gridRow .ed {
    background-image: url(../img/btn-edit.svg);
    background-color: #D7D8D6;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background-position: center;
    margin: auto
}

.form-row a.deactivate-activate-href {
    border-color: #253965;
    border: 1px solid;
    padding: 15px;
    background-color: #253965;
    border-radius: 5px;
    color: #e9ecef !important;
}

.red {
    color: red !important
}

.checkBtn {
    float: right
}

.non-req {
    background-color: lightgray !important
}

div.modal-footer a.dugmeYes.font-correction {
    background-color: #253965 !important;
    color: #e9ecef !important;
    border-color: #253965;
    border: 1px solid;
    background-color: #253965;
    border-radius: 5px;
    padding: 9px;
}

div.modal-footer button.button-popupno.font-correction {
    background-color: #253965 !important;
    color: #e9ecef !important;
    border-color: #253965;
    border: 1px solid;
    background-color: #253965;
    border-radius: 5px;
    padding: 9px;
}

.container#userAccountContainer {
    max-width: 1500px;
}

div.grid-top-btn a {
    width: 245px;
    color: white !important;
    margin-bottom: 30px;
}

#docPopUpUmcn {
    margin-bottom: 15px;
}

a#downloadDocs {
    text-decoration: underline !important;
    color: #007bff !important;
}

h2.report-header {
    font-size: 1.57rem;
}

.news-list {
    color: #253965;
}

    .news-list li {
        border: unset;
        margin-bottom: 0px;
        padding: 5px;
        padding-left: 0px;
    }

.report-padding {
    padding: 3px;
    padding-left: 0px;
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    color: #253965;
}

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

#showAfterDocValidation {
    display: none;
}

.exportToExcel-href {
    background-color: #253965 !important;
    color: #e9ecef !important;
    border-color: #253965;
    border: 1px solid;
    background-color: #253965;
    border-radius: 5px;
    padding: 10px;
    margin-top: 50px !important;
}

.add-scroll {
    overflow-y: scroll;
    max-height: 800px;
}

body > header nav > ul > li > a.minimized-nav {
    padding: 19px 13px 18px;
    font-size: 1rem;
}

body > header nav > ul > li.has-child > a.minimized-nav {
    background: url(../img/menudd.svg) no-repeat calc(101% - 3px) 50%;
    background-size: 8px 5px;
}

body > header .my-egov > a {
    font-size: 1.00rem;
}

.report-arrow-correction {
    width: 104px;
}

body > header nav > ul > li.has-child > a#administrationUlLink {
    width: 152px;
}

body > header nav > ul > li.has-child#administrationNavLi {
    width: 154px;
}

.calendr {
    border-width: thin;
    text-align: center;
    border-radius: 4px;
}

.gen-form .form-row input[type=number]:disabled {
    background: #eee;
}

.add-form textarea:disabled {
    background: #eee !important;
}

.add-text.regform-add .textarea-box textarea:disabled {
    background: #eee !important;
}

#docValidHeader {
    margin-bottom: 30px;
}

#currentLogInUser {
    display: none;
}
/*MyFirstSalary*/
.readonly {
    background-color: lightgray !important;
}

.gen-form .form-row .attach-box input[type=file] {
    cursor: grab;
}

.upload {
    color: #253965 !important;
}

.offset-sm-1 col-sm-8 {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.grid-hidden {
    display: none;
}

.mvc-grid th, .mvc-grid td {
    text-align: center;
}

.linka {
    color: #4a90e2 !important;
    background-color: transparent;
    text-decoration: underline !important;
}

.p {
    margin-bottom: 20px !important;
}

.gen-form .form-row .req {
    margin-top: 17px;
}

.form-popup .pop-box h2 {
    color: #223965 !important;
}

.add-form label {
    color: #253965 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.gen-form .form-row input[type=email], .gen-form .form-row input[type=date], .gen-form .form-row input[type=text], .gen-form .form-row input[type=number], .gen-form .form-row textarea {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 1px solid #253965;
    display: block;
    height: 50px;
    padding: 0 16px;
    color: #253965;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}


.add-form textarea {
    font-family: 'Montserrat', sans-serif;
    background: #fff;
    border: 1px solid #223965;
    height: 317px;
    padding: 10px;
    width: calc(96% - 20px) !important;
    resize: none;
    font-size: 16px;
    color: #4a4a4a;
}


.gen-form .form-row .select {
    color: #253965 !important;
}

.pop-text {
    margin: 20px 0 !important;
}

.readOnlyUser {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 25px;
    color: #253965;
    background-color: white !important;
    border: 1px solid #fff;
}

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

.noMargin {
    margin-top: 0px !important;
}

.saveBt {
    background: green !important;
}

.readOnlyCompany {
    font-size: 18px;
    font-weight: 700;
    color: #253965;
    background-color: white !important;
    border: 1px solid #fff;
    padding: 0px;
}

.add-position h2 {
    color: #223965 !important;
}

.add-form label {
    color: #253965;
    padding-left: 0px;
}

.add-form p {
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    color: #666666;
    margin-top: 5px;
    margin-bottom: 0;
}

@media only screen and (max-width: 990px) {
    .header-logo-box {
        display: none;
    }
}

.content-sidebar h3 {
    color: #253965 !important;
}

.main-class p, .info-box p {
    color: #666 !important;
}

.add-position p {
    color: #666 !important;
}

.add-form input {
    color: #666 !important;
}

.add-form textarea {
    color: #666 !important;
}

.popup-content p {
    color: #666 !important;
}

.inside-page-content ul li {
    color: #666 !important;
}

.content-text p {
    text-align: justify !important;
}

.header .mobile-handle {
    background-color: #ffffff !important;
}

body > header .mobile-handle {
    background-color: #fff !important;
}

.form-popup .pop-inner .pop-box {
    padding: 30px 30px 30px !important;
}

header .mpp-head .open {
    margin-bottom: 0px !important;
}

    header .mpp-head .open .mob-logo {
        display: none;
    }

@media only screen and (max-width: 767px ) {
    body > header.mpp-head {
        margin-bottom: 0px !important;
        height: auto;
        position: sticky;
    }
}

.select2-container {
    position: relative;
    width: 100% !important;
    box-sizing: border-box;
    display: block;
    height: 50px;
    border-radius: 0px !important;
}

    .select2-container button {
        display: none;
    }

    .select2-container .select2-selection--single {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #253965;
        display: block;
        height: 50px;
    }

.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}

#select2-test-container {
    line-height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-selection__clear {
    display: none;
}

header.mpp-head.open {
    height: 100vh;
}

.info-box {
    color: #223965;
    background: #fff;
    padding: 40px 40px 40px 0;
    width: 665px;
    position: absolute;
    bottom: 170px;
}

.content-home.reverse-home .info-box {
    right: 20px;
    padding: 40px 0px 40px 40px;
}

.home-img img {
    object-fit: cover;
    width: 52%;
    height: 732px;
    object-position: left;
}

@media only screen and (max-width: 1390px ) {
    .home-img img {
        object-fit: cover;
        width: 54%;
    }

    .info-box {
        bottom: 140px;
    }

    .content-home.reverse-home .info-box {
        right: 20px;
        padding: 40px 0px 40px 40px;
    }

    @media only screen and (max-width: 1260px ) {
        .info-box {
            width: 630px;
            bottom: 140px;
        }

        .home-img img {
            object-fit: cover;
            width: 52%;
        }

        .content-home .info-box {
            padding: 40px 40px 40px 20px;
        }

        .content-home.reverse-home .info-box {
            padding: 40px 20px 40px 40px;
            right: 20px;
        }
    }
}

.info-box {
    color: #223965;
    background: #fff;
    padding: 40px 40px 40px 0;
    width: 665px;
    position: absolute;
    bottom: 170px;
}

.content-home.reverse-home .info-box {
    right: 20px;
    padding: 40px 0px 40px 40px;
}

.home-img img {
    object-fit: cover;
    width: 52%;
    height: 732px;
    object-position: left;
}

@media only screen and (max-width: 1390px ) {
    .home-img img {
        object-fit: cover;
        width: 54%;
    }

    .info-box {
        bottom: 140px;
    }

    .content-home.reverse-home .info-box {
        right: 20px;
        padding: 40px 0px 40px 40px;
    }

    @media only screen and (max-width: 1260px ) {
        .info-box {
            width: 630px;
            bottom: 140px;
        }

        .home-img img {
            object-fit: cover;
            width: 52%;
        }

        .content-home .info-box {
            padding: 40px 40px 40px 20px;
        }

        .content-home.reverse-home .info-box {
            padding: 40px 20px 40px 40px;
            right: 20px;
        }
    }
}

.sidebar-box .btn-blue2 {
    background: #223965 !important;
    font-weight: 500 !important;
}

.btn.btn-blue2 {
    background: #223965 !important;
    font-weight: 500 !important;
}

.header-logo-box.scroll-logo {
}


@media screen and (max-width: 990px) {
    body > header.open .mobile-handle {
        background-color: #253965 !important;
    }
}

@media only screen and (max-width: 990px) {
    .mob-logo {
        bottom: 5px !important;
    }
}

@media only screen and (max-width:990px) {
    .mob-logo img {
        width: 75px !important;
    }
}

.header-logo-box.scroll-logo img {
    margin-bottom: 5px;
}

@media screen and (max-width: 990px) {
    body > header.open .nav {
        height: 100vh;
    }
}

.popup-content {
    width: 250px;
}

.mail {
    text-decoration: underline;
}

#statusDdl {
    padding: 0px;
    font-weight: 500
}

.accordance-ch {
    color: rgb(208, 2, 27);
    position: relative;
    margin-bottom: 5px;
    margin-left: 20px;
}

label.checkbox {
    text-align: left !important;
}

#resetDiv {
    width: 210px;
    margin-left: 15px;
}

    #resetDiv #reset {
        position: relative;
        top: 25px;
        height: 50px;
    }

.linka-red {
    color: #a33943 !important;
    background-color: transparent;
    text-decoration: underline !important;
}

.popup-modal {
    display: none;
    position: fixed;
    z-index: 20;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.39);
    text-align: center;
    transition: 0.3s all;
}

.popup-modal2 {
    display: none;
    position: fixed;
    z-index: 20;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.39);
    text-align: center;
    transition: 0.3s all;
}

.popup-modal3 {
    display: none;
    position: fixed;
    z-index: 20;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.39);
    text-align: center;
    transition: 0.3s all;
}

.popup-content {
    width: 540px;
    height: auto;
    background: #fff;
    text-align: left;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 50px 70px;
}

.popup-modal2 .popup-content {
    width: 1290px;
    height: auto;
    background: #fff;
    text-align: left;
    position: relative;
    display: block;
    margin: 0 auto 200px;
    padding: 50px 70px;
}

.popup-modal3 .popup-content {
    width: 950px !important;
    height: auto;
    background: #fff;
    text-align: left;
    position: relative;
    display: block;
    margin: 0 auto 200px;
    padding: 50px 70px;
}

.popup-modal4 {
    display: none;
    position: fixed;
    z-index: 20;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.39);
    text-align: center;
    transition: 0.3s all;
}

    .popup-modal4 .popup-content {
        width: 550px !important;
        height: auto;
        background: #fff;
        text-align: left;
        position: relative;
        display: block;
        margin: 0 auto 200px;
        padding: 50px 70px;
    }

.popup-modal5 {
    display: none;
    position: fixed;
    z-index: 20;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.39);
    text-align: center;
    transition: 0.3s all;
}

    .popup-modal5 .popup-content {
        width: 600px !important;
        height: auto;
        background: #fff;
        text-align: left;
        position: relative;
        display: block;
        margin: 0 auto 200px;
        padding: 50px 70px;
        text-align: center;
    }

.popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.popup-close2 {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.popup-close3 {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.popup-close4 {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.popup-close5 {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}


.popup-modal2 .pop-input {
    width: 95%;
}

.popup-modal2 .pop-select {
    margin-bottom: 50px;
    width: 96%;
}

    .popup-modal2 .pop-select select {
        width: 100%;
    }

.popup-modal2 .pop-input input {
    width: calc(100% - 20px);
}

.popup-modal2 .pop-input .upload-box {
    max-width: 100%;
    height: 50px;
}

    .popup-modal2 .pop-input .upload-box input {
        width: calc(100% + 50px);
        top: -25px;
    }

    .popup-modal2 .pop-input .upload-box .btn.btn-blue2 {
        margin: 0;
        display: block;
        position: relative;
        top: 4px;
        left: 4px;
    }

.popup-modal2 .pop-right .pop-input p {
    margin-bottom: 0;
    position: absolute;
    bottom: -22px;
    font-size: 12px;
}


.popup-modal2 .pop-select .blue-dot,
.popup-modal2 .pop-input .blue-dot {
    right: -20px;
}

.pop-flex-small {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.popup-modal2 .pop-flex-small .pop-input {
    width: 48%;
}

.popup-modal3 .pop-head {
    display: flex;
    margin-bottom: 50px;
}

.popup-modal4 .pop-head .pop-head-img {
    margin-bottom: 30px;
}

.popup-modal3 .pop-flex {
    margin-bottom: 30px;
}

.popup-modal4 .position-info p {
    color: #223965 !important;
    margin-bottom: 20px;
}

    .popup-modal4 .position-info p img {
        width: 16px;
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

.popup-modal4 .position-info .work-place::before {
    margin-right: 0;
}

.popup-modal4 .textarea-box {
    position: relative;
    margin: 40px 0 20px;
}

.popup-modal4 .add-inputs {
    width: 100%;
}

.popup-modal4 .textarea-box textarea {
    width: 100%;
    height: 250px;
}

.popup-modal4 .add-inputs .blue-dot {
    top: 135px;
}

.form-control:disabled {
    background: #eee !important;
}

.popup-modal4 .textarea-box .text-limit {
    float: right;
    display: none;
}

.text-limit {
    display: none !important;
}

.popup-modal4 .textarea-box p {
    display: inline-block;
}

.popup-modal5 .position-btns {
    width: 85%;
    margin: 40px auto 0;
}

.application-buttons {
    width: calc(100% + 60px);
    display: flex;
    justify-content: space-between;
}

#resetDiv #reset {
    position: relative;
    top: 25px;
    height: 50px;
}

#currentPage {
    background: #253965;
}


.form-row .invalid {
    font-size: 12px;
}

.btn {
    border-radius: 0;
    outline: 0;
}

    .btn:hover {
        color: #fff;
    }

p.number-of-candidates {
    margin-bottom: 0px !important;
}

p.vocation {
    min-height: 3em !important;
}

.popup-modal {
    display: none;
    position: fixed;
    z-index: 20;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.39);
    text-align: center;
    transition: 0.3s all;
}
/* css */
body {
    background: linear-gradient(90deg, rgba(255,255,255,1) 35%, rgba(245,245,245,1) 75%);
}

/*form elements */
.form-control.select, select {
    font-weight: 500;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0.5H0.5L7.5 6.5L14 0.5Z' fill='%23C4C4C4'/%3E%3C/svg%3E");
    position: relative;
    padding-right: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 5px);
    background-position-y: 50%;
    border-radius: 0px;
    background-clip: border-box;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .form-control.select option {
        font-weight: 500;
    }

#workExperienceForm textarea, #workExperienceForm .textarea-box {
    width: 100% !important;
}

.step .step-box span {
    padding-top: 0px !important;
}

#addNewLang {
    background: none !important;
}

.btn.btn-gray {
    color: #fff !important;
}

@media screen and (max-width: 990px) {
    #candidateEducationForm label {
        white-space: normal;
    }
}

.loading {
    pointer-events: unset !important;
}

.gen-form .form-row .ic {
    background: transparent;
}

.input-daterange {
    border-radius: 0px !important;
}

    .input-daterange input:first-child {
        border-radius: 0px !important;
    }

label {
    color: #253965;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 20px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: none;
    z-index: 99;
}

textarea#Interests {
    height: 568px;
    width: 100%;
}

textarea#Other {
    width: 100%;
}

#SpecialSkilsForm .add-form {
    margin-top: 50px;
    margin-bottom: 0px;
}

#SpecialSkilsForm .add-text.regform-add .textarea-box {
    margin-bottom: 50px;
    width: 100%;
}

#MotivationalLetter {
    padding: 5px;
}

#NonFormalEducation {
    height: 485px;
}

#Other .add-text.regform-add .textarea-box {
    width: 100%;
}

.chosen-disabled, .chosen-disabled ul {
    background: #eee !important;
    opacity: 1 !important;
}

select:disabled {
    background: #eee !important;
}

.mvc-grid .gridRow a.rm {
    background-image: none !important;
    background-color: transparent !important;
}
/*search page desing fix */
#sortDdl {
    width: 100%;
}

#reset {
    width: 100%;
}

#positionApplcationForm > .form-row.btns-flex {
    margin-left: 0px !important;
}

.popup-close, .popup-close2, .popup-close3, .popup-close4, .popup-close5 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

#confirmApplyToPositionPopup a.btn.btn-blue, #confirmApplyToPositionPopup .btn-blue.submitbtn {
    width: 100%;
    margin-bottom: 10px;
}

@media screen and (max-width:767px) {
    #DriverLicenses_chosen, #ComputerSkills_chosen, #ProfessionalExamLicense, #NonFormalEducation {
        width: 100% !important;
    }

    #NonFormalEducation {
        margin-bottom: 50px;
    }

    .popup-modal4 .textarea-box textarea {
        width: 100% !important;
    }

    #PersonalInfoForm .modal-content {
        max-width: 350px;
    }
}
/* Internet explorer fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pop-flex {
        display: block !important;
    }

    .form-control.select, select {
        background-image: none !important;
    }

    #myList li {
        margin-bottom: 35px;
    }
}

footer {
    background: #fff;
}
/* personal info*/
.text-muted.small {
    white-space: normal;
    margin-bottom: 5px;
}

#PersonalInfoForm #avatar {
    border-radius: 0px !important;
}
/*education popup*/
@media screen and (max-width:1024px) {
    #candidateEducationForm label {
        white-space: normal;
        font-size: 13px;
    }

    #educationPopupContent .gen-form .form-row label {
        font-size: 13px;
        width: 100% !important;
    }
}

@media screen and (max-width:467px) {
    #educationPopupContent .add-form .input-box {
        width: 100%;
    }

    .upload-box {
        min-width: 100px !important;
    }

    #popup-modal2 .pop-input .upload-box {
        width: 100% !important;
    }

    #educationPopupContent #fileUpload > .req {
        top: calc(50% + 10px);
    }

    #fileUpload .req {
        top: 50% !important;
    }
}

@media screen and (min-width:767px) {
    #educationPopupContent .invalid.field-validation-valid {
        position: absolute;
        bottom: -20px;
    }

    #educationPopupContent .add-form .input-box {
        width: 100%;
    }

    #educationPopupContent .row {
        justify-content: space-between;
    }

    #educationPopupContent .col-lg-6.col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
        flex: 0 0 45%;
    }

    #educationPopupContent .gen-form .note {
        margin-left: -15px;
    }

    #educationPopupContent #btnSaveEducation {
        margin-right: 15px;
        float: right;
    }

    #educationPopupContent .pop-input {
    }

    #educationPopupContent #fileUpload {
        margin-top: -5px;
    }

        #educationPopupContent #fileUpload > .req {
            top: 41px !important;
        }

    .col-form-label {
        padding: 0px;
    }
}

#educationPopupContent .gen-form .form-row label {
    min-width: 100%;
    white-space: normal;
    padding: 0px;
}

#candidateEducationForm {
    margin-bottom: 30px;
}



.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-selection__rendered {
    color: #253965 !important;
    font-weight: 500;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -7px !important;
    border-width: 7px 7px 0 7px !important;
    border-color: #C4C4C4 transparent transparent transparent !important;
}

select {
    font-weight: 500;
}

#educationPopupContent .form-row {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
}

#educationPopupContent .add-form .input-box {
    min-height: unset;
}

#educationPopupContent .gen-form .form-row .req {
    margin-top: 0px;
}



.add-form input {
    background-color: #fff;
    color: #253965 !important;
}

.invalid.field-validation-valid {
    font-size: 12px;
}

#EducationStartYear, #EducationEndYear {
    font-weight: 500;
    width: 95%;
}

#candidateEducationForm .input-box {
    width: 100%;
}

option {
    font-family: sans-serif !important;
}

textarea, .add-form textarea {
    color: #253965 !important;
}



.popup-modal3 .textarea-box {
    position: relative;
    margin: 40px 0 20px;
}

.popup-modal3 .add-inputs {
    width: 100%;
}

.popup-modal3 .textarea-box textarea {
    width: 100%;
    height: 250px;
}

.add-form input:disabled {
    background: #eee !important;
}


option {
    font-family: sans-serif !important;
}

#publicInvitationBtn {
    margin-top: 20px !important;
}

.publicInvitation {
    margin-bottom: 20px !important;
}

#loginHeader {
    font-size: 1.57em !important;
    margin-bottom: 15px;
}

div#myPositions {
    display: flex;
}

    div#myPositions input {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        appearance: checkbox;
    }

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

.popup-content .text-pop p.blue-text {
    word-break: break-word;
}


#candidateEducationFixForm .form-group {
    width: 100%;
}

#candidateEducationFixForm button {
    float: right;
}

#candidateEducationFixForm .input-daterange {
    padding-right: 0px;
}

#candidateEducationFixForm .col-sm-3 {
    max-width: 100% !important;
    width: 100% !important;
    flex: 0 0 100%;
}

div#myPositions {
    display: flex;
    font-size: 1.57em;
    align-items: center;
    color: #253965;
}

.moveBtnRight {
    position: absolute !important;
    right: 2.8%;
}

.positionTopMarg {
    margin-top: 15%;
}

.saveBtCheckBox {
    position: absolute !important;
    bottom: 7.5%;
}

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

.disabledInputButton {
    background-color: #dddddd !important;
    border: black 1px solid !important;
}