@media screen and (min-width: 1025px) {
    .header-nav_secondary { margin-right: 4vw; }

    .profile-header { text-align: left; }

    .mobileProfileMenu {
        display: none;
    }

    .hiddenMenuItem {
        display: none;
    }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1500px) {
    .prof-header-text {
        padding-left: 90px;
    }
}

@media screen and (max-width: 1025px) {
    .profileEditorMargin {
        margin-bottom: 40px !important;
    }
    .profileWrapper {
        display: none;
    }

    .profile-header {
        text-align: center;
    }

    .imgWrapper {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .barWrapper {
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

.select2-container--default .select2-selection--multiple {
    background-color: lightgray !important;
    border: 0px !important;
}

.profileWrapper {
    float: right;
    margin-right: -47vw;
    margin-top: 23px;
    position: relative;
    z-index: 10000;
}

.cr-boundary {
    border-radius: 50%;
}

.profImg {
    /*position: absolute;
    margin-top: 3px;
    margin-left: 247px;
        background: url(<%= ImgUrl%>) center;
    */
    width: 55px;
    height: 55px;
    margin-left:-2px;
    background-size: 100%;
    border-radius: 50%;
    margin-top: -7px
}


select:-internal-list-box option:checked {
    background-color: #1C2C5C !important;
    color: white !important;
}

.profImage:hover {
    opacity: 0.5;
    border-radius: 50%;
}

.profProgressBar {
    height: 62px;
    width: 62px;
    margin-top: -56px;
    margin-left: -6px;
    z-index: 80 !important;
    position: absolute;
}

.ddlProf {
    margin-top: 10px;
    margin-right: 10px;
    width: 300px;
}

    .ddlProf h5 {
        text-decoration: none !important;
        font-size: 26px;
        margin-left: 20px;
    }


.profile-progress {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 25px;
}

.circle {
    position: absolute;
    margin-top: -67px;
    margin-left: -41px;
}

.circle__svg {
    transform: rotate(45deg);
    overflow: visible;
}

.circle__progress {
    fill: none;
    stroke-width: 3;
    stroke-opacity: 0.1;
    stroke-linecap: round;
}

.circle__progress--fill {
    --initialStroke: 0;
    --transitionDuration: 0;
    stroke-opacity: 1;
    stroke-dasharray: var(--initialStroke);
    stroke-dashoffset: var(--initialStroke);
    transition: stroke-dashoffset var(--transitionDuration) ease;
}

.profile-progress .circle__progress {
    stroke: #FF0000;
    stroke-width: 4px;
    stroke-linecap: square
}

.progress-circle {
    width: 12%;
    margin-right: -5px;
    cursor: pointer;
}

.progress-gap {
    width: 7%;
    margin-right: -5px;
}

.bbformbuilder-label {
    cursor: default;
}

.fuContainer {
    margin: 20px auto;
    max-width: 640px;
}

img {
    max-width: 100%;
}

.cropper-view-box, .cropper-face {
    border-radius: 50%;
}

.imgWrapper {
    cursor: pointer;
}

.privacyIcon {
    color: #a1a1a1;
    cursor: pointer;
}

.missingData label {
    color: red;
}

.missingData input {
    border: 2px solid red;
    margin: -2px -2px -2px -2px;
}

.doNotShow {
    text-decoration: underline;
    cursor: pointer;
}

.doNotShow:hover {
    text-decoration: none;
    cursor: pointer;
}