/* start WF171866_MEH */
#PersonalVolumeDiv .table  .th__month{
    padding-left: 1rem;
}
#PersonalVolumeDiv .table  .th__ov{
    text-align: right;
}
#PersonalVolumeDiv .table  .th__EGV{
    text-align: right;
}
#PersonalVolumeDiv .table  .td__ov{
    text-align: right;
}
#PersonalVolumeDiv .table  .td__EGV{
    text-align: right;
}
#sitemap__icon,  #poll__icon{
    color: #354657;
    margin: 5px;
}
#table__columns--flex{
    display: flex;
    justify-content: space-between;
    padding: 0px !important;
}
[id^="countrytabs"]{
    max-width: 525px;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    padding: 5px;
}
[id^="countrytabs"]>#enrollees, [id^="countrytabs"]>#newmembers, [id^="countrytabs"]>#watchlist{
    font-size: 12.8px;
    max-width: 175px;
    word-wrap: break-word;
}
/*WF171919_V2_MEH Start*/
@media (max-width: 979px) {
    #slider__key--flex {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center !important;
        gap: 15px;
    }
    #modal__view--key{
        margin-top: 10px;
    }
    [id^="countrytabs"]{
        align-items: center;
        max-width: 100%;
    }
    [id^="countrytabs"]>#enrollees, [id^="countrytabs"]>#newmembers, [id^="countrytabs"]>#watchlist{
        /*ax-width: 136px;*/
    }
}
@media (min-width: 600px) and (max-width: 767px) {
    .evo__dashboard-column-right {
        padding-left: 0.3rem !important;
        padding-right: 0.3rem !important;
    }
    #table__columns--flex .seven.wide.column.nopadding {
        padding: 0px !important;
    }
    .[id^="countrytabs"]>#enrollees, [id^="countrytabs"]>#newmembers, [id^="countrytabs"]>#watchlist{
        max-width: 136px;
    }
}
@media (max-width: 375px){
    #slider__key--flex{
        margin: 20px 5px 10px !important;
    }
}
@media (max-width: 480px) {
    #slider__key--flex {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center !important;
    }
    [id^="countrytabs"]>#enrollees, [id^="countrytabs"]>#newmembers, [id^="countrytabs"]>#watchlist{
        font-size: 12px;
        max-width: 150px;
        word-break: break-word;
    }
    .evo__dashboard-column-right {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}
#slider__key--flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 20px 0px 20px;
}
.table__list--style>li{
    list-style-type: disc;
}
.table__list--style{
    margin:0px;
    padding: 10px;
    position: relative;
    top: -10px;
}
.table__data--wrap>th{
    white-space: inherit !important;
    font-size: 12px !important;
    padding: 0px !important;
}
.table__data--wrap>td {
    white-space: inherit !important;
    font-size: 12px !important;
    padding: 9px !important;
    vertical-align: center;
}
.table__data--wrap>td>i{
    font-size: 10px;
    text-align: center;
}
@media (max-width: 360px) {
    #slider__key--flex{
        flex-direction: column;
        margin-top: 10px;
    }
    [id^="countrytabs"]>#newmembers, [id^="countrytabs"]>#watchlist{
        border:none;
        width: 100%;
        max-width: inherit;
    }
    [id^="countrytabs"]>#enrollees{
        z-index: 2;
        width: 100%;
        max-width: inherit;
    }
    [id^="countrytabs"]{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 5px 10px !important;
        border-radius: 35px;
        width: 85%;
        text-align: center;
    }
}
/*start WH171917_MEH*/
#PowerOf3Div{
    margin-top: 20px;
}
.tracker__block{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}
.tracker__block>div>div>h3{
    font-size: 14px;
    padding: 10px 0px;
}
.tracker__button--flex{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0px;
    gap: 10px;
}
.tracker__button--flex>.tracker__button--active{
    background-color:#00991D;
    padding:0px 15px 5px;
    color:white;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    width: fit-content !important;
    height: 30px;
    border-radius: 5px;
    border:none;
    cursor: pointer;
    font-size: 14px;
}
.tracker__button--flex>.tracker__button--inactive{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    padding: 5px 15px;
    width: fit-content !important;
    height: 30px;
    color: #84909b;
    background: #EEEEEE;
    border-radius: 5px;
    border:none;
    cursor: pointer;
}
.tracker__button--flex>.tracker__button--inactive>span{
    color: #84909b;
    font-size: 14px;
    font-weight: 350;
}
.tracker__button--inactive>span>i {
    display: none;
}
.tracker__button--active>span>i {
    font-size: 12px;
    position: relative;
    top: 5px;
}
#powerof3__progress{
    background: #EEEEEE;
    border-radius: 100px;
    /*width: 640px;*/ /* hardcoded width wasn't looking 100% full...John B, WF173977 */
    height: 10px;
}
#powerof3__progress>.bar{
    height: 10px;
}
.progress__label-value{
    font-weight: 500;
}
.rapidranks__date{
    font-size: 12px;
}
.rapidranks__date>h4{
    padding-top: 16px;
    font-size: 12px;
    margin: 0px !important;
    color: #6E7A86;
}
.rapidranks__date>h4>span, .rapidranks__date>span{
    font-size: 12px;
    margin: 0px !important;
    color: #6E7A86;
    font-weight: 500;
}
/*END WF171917_MEH Mari H.*/
/*Start WF171923_V2_MEH Mari H.*/
@media (min-width: 1080px) {
    #table__columns--flex .eight.wide.column.nopadding {
        width: 48.5% !important;
    }
}
@media (max-width: 1079px) {
    #table__columns--flex .eight.wide.column.nopadding {
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
}
.table__caption-inner{
    display: flex;
    justify-content: space-between;
}
/*End of WF171923_V2_MEH*/
/* WF171921_JE start */
.rank-select {
    width: auto !important;
    min-width: 120px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin-left: 0px !important;
    margin-right: 10px !important;
}

.rank-select > .dropdown__text,
.period-select > .dropdown__text {
    font-size: 12px !important;
}
.period-select {
    width: auto !important;
    min-height: 36px !important;
    height: 36px !important;
    margin-left: 0px !important;
    margin-right: 10px !important;
}

.qualifications-label {
    margin-right: 10px !important;
    display: inline;
    font-family: rawline !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

.qualifications-label {
    margin-right: 10px !important;
    display: inline;
    font-family: rawline !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

.qualified-legs-label {
    font-family: rawline !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #354657 !important;
    width: 100%;
}
.qualified-legs-rank {
    font-family: rawline !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 100% !important;
    color: #354657 !important;
    margin-bottom: 15px !important;
}

.qualifications-progress-labels td {
    font-family: rawline !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 22px !important;
    color: #6E7A86;
}
.qualifications-progress {
    font-family: rawline !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #354657;
}
.overflowvisible {
    overflow: visible !important;
}
.overflowvisible > .block__header {
    border-radius: 5px 5px 0px 0px;
}
.block__body {
    overflow: visible !important;
}
.qualifications-table {
    margin-top: 17px;
    margin-bottom: 10px;
}


.dropdown-field {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px !important;
}

.pv-badge {
    margin-left: 14px !important
}

.qualifications-margin {
    margin: 10px 10px 10px 10px !important;
}

.progress-bar-field {
    margin-top: 17px;
    padding-bottom: 10px;
}

.qualifications-value {
    display: inline;
    margin-right: 10px !important;
    font-family: rawline !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

.tracker-label {
    display: block;
    font-family: rawline !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #354657;
    padding-left: 0px !important;
}

#OVBarNew {
    margin-bottom: 1em;
}

.lastupdate {
    font-family: Rawline;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #6E7A86;
}

.horizontal-bar {
    border-top: 1px solid #EEEEEE;
    width: 100%;
    transform: translateY(-10px);
}

@media only screen and (max-width: 767px) {
    .dropdown-field {
        display: flex;
        padding: 0 !important;
        justify-content: flex-start;
        height: 36px;
    }
    .rank-select, .period-select {
        position: absolute !important;
        left: 120px;
    }
    .pv-badge {
        position: absolute !important;
        left: 134px;
        margin-left: 0 !important;
    }
}
@media only screen and (min-width: 1920px) {
    .page-header__inner {
        max-width: 1338px !important;
        margin-left: 0px !important;
    }
}
.progress--labels-top:hover {
    cursor: pointer;
}
/* WF171921_JE end */
/* WF171068 change links purple on hover */
.ui.table.evotable tr td a:hover {
    color: #9d57b2 !important;
}
#link__viewAll a:hover {
    color: #9d57b2 !important;
    text-decoration: none !important;
}
.accordion__content-list li a:hover {
    color: #9d57b2 !important;
    text-decoration: none !important;
}

/* WF170273_JE Header redesign */
.myaccounticon.item {
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
}

.header-icon-text {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #84909B;
    padding-top: 2px;
}


/* ==========================================================================
   Variables
========================================================================== */
/* Infinite rotate */
@-webkit-keyframes infinite-rotate {
    to {
        transform: rotate(360deg); } }
@keyframes infinite-rotate {
    to {
        transform: rotate(360deg); } }

.header--lrp {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.97);
    z-index: 910;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100vw;
    border-bottom: 2px solid #eeeeee;
    padding: 0;
    font-size: 1rem; }
.header__border {
    display: block;
    height: 5px;
    width: 100%;
    background-color: #9d57b2; }
.header__inner {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 100;
    height: 77px;
    width: 100%;
    max-width: 1440px;
    align-items: center;}
@media screen and (min-width: 1024px) {
    .header__inner {
        height: 95px; } }
.header__logo {
    display: flex;
    flex: 1 0 0%;
    justify-content: center; }
@media screen and (min-width: 1024px) {
    .header__logo {
        flex: inherit; } }
.header__logo-link {
    display: flex;
    align-items: center; }
.header__logo-image {
    width: 28px;
    height: 29px;
    max-width: 115px;}
@media screen and (min-width: 480px) {
    .header__logo-image {
        width: 40px;
        height: 40px; } }
@media screen and (min-width: 1024px) {
    .header__logo-image {
        width: 115px;
        height: 21px; } }
.header__logo-image--mobile {
    display: block;
    width: 40px;
    height: 40px; }
@media screen and (min-width: 1024px) {
    .header__logo-image--mobile {
        display: none; } }
.header__logo-image--desktop {
    display: none; }
@media screen and (min-width: 1024px) {
    .header__logo-image--desktop {
        display: block;
        width: 115px; } }
.header__link {
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #354657;
    text-decoration: none;
    width: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
@media screen and (min-width: 1024px) {
    .header__link {
        font-size: 16px;
        margin-left: 50px;
        margin-right: auto;
        width: auto; } }
.header__link:hover {
    text-decoration: underline; }
.header__actions {
    -ms-grid-row-align: center;
    align-self: center;
    width: calc(50% - 50px);
    display: flex;
    justify-content: flex-end; }
@media screen and (min-width: 1024px) {
    .header__actions {
        width: auto; } }
.header__button {
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
    background-color: #ffffff;
    color: #354657;
    border: 1px solid #c1c7cd;
    border-radius: 5px;
    -ms-grid-row-align: center;
    align-self: center;
    text-decoration: none;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 22px; }
@media screen and (min-width: 1024px) {
    .header__button {
        font-size: 16px;
        line-height: 24px; }
}
.header__button:hover {
    background-color: #eeeeee; }
.header--lrp .header__logo {
    order: 2; }
@media screen and (min-width: 1024px) {
    .header--lrp .header__logo {
        order: 1; } }
.header--lrp .header__link {
    order: 1; }
@media screen and (min-width: 1024px) {
    .header--lrp .header__link {
        order: 2; } }
.header--lrp .header__actions {
    order: 3; }
@media screen and (min-width: 1024px) {
    .header[dir="rtl"] .header__link,
    [dir="rtl"] .header .header__link {
        margin-right: 50px;
        margin-left: auto; } }

.button-translate {
    height: fit-content;
}

@media only screen and (max-width: 991px) {
    .desktopheader {
        display: none;
    }
    .button-translate {
        transform: translateY(5px);
        min-height: 44px;
    }
}

@media only screen and (min-width: 992px) {
    .mobileheader {
        display: none;
    }
    .dropdown-promo-section {
        display: none;
    }
    .button-translate {
        transform: translateY(10px);
    }
    #cssmenu {
        display: block;
        background: none !important;
    }
}

/* ==========================================================================
   Variables
========================================================================== */
/* Infinite rotate */
@-webkit-keyframes infinite-rotate {
    to {
        transform: rotate(360deg); } }
@keyframes infinite-rotate {
    to {
        transform: rotate(360deg); } }

@media only screen and (min-width: 1025px) {
    .ui.container,
    .ui.grid.container {
        max-width: 1320px !important;
        width: 100% !important;
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }

@media screen and (max-width: 320px) {
    .floated {
        float: none !important;
        margin: 0 auto 10px !important;
        display: block !important; } }

.ui.grid > .column:not(.row),
.ui.grid > .row > .column {
    padding-left: 10px;
    padding-right: 10px; }

.myaccountmenu {
    order: 9;
}
.headerhelplink {
    order: 7;
    padding-bottom: 3px;
}
.headersponsorlink {
    order: 6;
}
@media only screen and (max-width: 991px) {
    .headersponsorlink {
        order: 2;
        position: relative;
    }
    .mobilemenu {
        order: 1;
    }
    #menu-button {
        position: relative !important;
    }
    .myaccounticon {
        position: relative;
        top: 3px;
        left: 10px;
    }
    #cssmenu {
        width: 50px !important;
        top: 12px;
        left: -23px;
        background: transparent !important;
    }
    .headerhelplink {
        position: relative;
        top: 3px;
        left: 40px;
        padding-bottom: 0;
    }
    #MenuUL {
        height: 400vh;
        width: 103vw !important;
        padding-right: 6vw !important;
        top: 11px;
        left: -29px;
        padding-left: 25px !important;
    }
}
.header__logo-image--mobile {
    order: 5;
    padding-left: 7px;
}
.header__logo-image--desktop {
    order: 0;
}
#EvoContainer {
    margin: 0 !important;
}
.headerTab {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #354657;
}
/* overwrite footer alignment */
#footer_alignment_wrapper {
    min-height: 0 !important;
    z-index: 910;
}


@media only screen and (min-width: 992px) and (max-width: 1300px) {
    .headerTab a {
        font-size: 1vw !important;
    }
}



.genealogylink-container {
    float: right;
    padding-right: 0px !important;
    padding-bottom: 22px;
}
@media (max-width: 1220px) {
    .genealogylink-container {
        padding-right: 33px !important;
        padding-top: 0;
    }
}
#mydetailheader {
    top: 0px;
    z-index: 899; /*WF174552 adjusting the z-index Mari H.*/
}

#myaccountpopup_new {
    left: auto !important;
    min-width: 250px !important;
}


#myaccountpopup_new a {
    color: #354657;
}

#myaccountpopup_new a:hover {
    color: #A25EB5;
}
.adjustmenu {
    top: 12px;
    position: absolute

}
.menuwidth {
    width: -webkit-fill-available;
    margin-left: 20px;
    margin-right: 0px;
}
.headerhelplink, .headersponsorlink, .myaccountmenu {
    padding-left: 9px;
    padding-right: 9px;
}

.label-adjust {
    transform: translateY(3px);
}
.account-icon-profile-pic {
    border-radius:50%;
    height:31px;
    width:31px;
}

.mobile_menu_banner {
    width: 345px;
    left: 50%;
    margin-left: -140px !important;
    margin-top: 30px !important;
}
/* WF172073_JE ENd */
/*Start EVX-4057 updated layout Mari H.*/
.search__input--container{
    align-items: center !important;
}
.user__search, .date__search{
    width: 50%;
}
.summaryCards{
    justify-content: space-between;
}
.orderCards{
    display: flex;
    flex-direction: column;
}
.orders__donutchart{
    display: flex;
    justify-content: space-between;
}
.order__donutchart--cards{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
/*End EVX-4057 Mari*/

/*EVX-5890 James E*/
#contact-card-modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}
}
/* EVX-5890 END 8/