.onboarding-modal{
    background-color: rgba(0,0,0,0.5);
}

.onboarding-modal>.modal-body{
    max-height: 50vh !important;
    height: 50vh !important;
}

.onboarding-previous, .onboarding-next {
    border-radius: 7px;
}
.onboarding-remind-me-later,.onboarding-dismiss-permanently {
    font-size: 15px;
    display: inline-block;
    background-color: var(--bb-content-background-color);
    /*color: var(--bb-headings-color);*/
    color: #333;
    border: 1px solid rgba(0,0,0,0);
    border-radius: var(--bb-button-radius);
    line-height: 38px;
    padding: 3px 20px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    outline: none;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border-radius: 7px;
}
.onboarding-remind-me-later:focus {
    box-shadow: var(--bb-outline-button-focus-shadow);
}

.onboarding-remind-me-later:hover {
    background-color: var(--bb-secondary-button-background-hover);
    color: var(--bb-secondary-button-text-hover);
    border: 1px solid var(--bb-secondary-button-border-hover);
}

.onboarding-field-group{
    padding-top: 10px !important;
}
.onboarding-profile-field{
    width: 100% !important;
    min-width: 100% !important;
}
.modal-content .onboarding-step-three .subnav-search.groups-search {
    margin-top: -36px;
}



/*.onboarding-modal .modal-dialog { max-width: 650px; text-align: center; }*/

.onboarding-modal .modal-content { border: 8px solid #9EBDAE; border-radius: 5px; box-shadow: 0px 4px 74px rgba(0, 0, 0, 0.25); padding:30px 45px; }

/*.onboarding-modal .modal-header { flex-direction: column; }*/
/*.onboarding-modal .modal-header img { margin-bottom: 30px; }*/
/*.onboarding-modal .modal-header h5 { width: 100%; float: left; }*/

/*.onboarding-modal .modal-content button.close, .closebtn {*/
/*    color: #9EBDAE;*/
/*    background: #fff;*/
/*    font-size: 20px;*/
/*    line-height: 14px;*/
/*    right: -20px;*/
/*    top: -20px;*/
/*    height: 30px;*/
/*    width: 30px;*/
/*    transition: all 0.4s ease-in-out 0s;*/
/*    border: 2px solid #9EBDAE;*/
/*    border-radius: 50px;*/
/*    font-weight: 700;*/
/*    padding-left: 1px; padding: 0;*/
/*}*/
/*.onboarding-modal .modal-content button.close:hover, .closebtn:hover { background: #024223; opacity: 1; color: #fff; border-color: #024223; }*/

/*.onboarding-modal .modal-body form { text-align: left; }*/


.DesDiv { width: 100%; float: left; padding: 0 40px 25px; }
.DesDiv p { font-family: lato,Sans-serif; font-size: 16px; line-height: 1.4; }


/*.onboarding-modal .modal-footer { justify-content: center; }*/
/*.onboarding-modal .modal-footer button { display: block; margin: 0 5px; padding: 0; width: 180px; height: 48px; line-height: 44px; }*/

/*.onboarding-modal .modal-footer button.close-btn { background-color: #fff; border-color: #9EBDAE; color: #5F5F5F; }*/
/*.onboarding-modal .modal-footer button.agree { background-color: #024223; border-color: #024223; }*/

/*.onboarding-modal .modal-footer button:hover { background-color: #9EBDAE; border-color: #9EBDAE; color: #000; }*/

/*.onboarding-change-avatar{*/
/*    background-color: var(--bb-primary-button-background-regular);*/
/*    color: var(--bb-primary-button-text-regular);*/
/*    border: 1px solid var(--bb-primary-button-border-regular);*/
/*    font-family: inherit;*/
/*    font-size: 15px;*/
/*    border-radius: var(--bb-button-radius);*/
/*    min-height: 38px;*/
/*    line-height: 38px;*/
/*    padding: 0 20px;*/
/*    font-weight: 500;*/
/*    text-decoration: none;*/
/*    cursor: pointer;*/
/*    display: inline-block;*/
/*    border-width: 1px;*/
/*    border-style: solid;*/
/*    outline: 0;*/
/*    vertical-align: middle;*/
/*    -webkit-appearance: none;*/
/*    -webkit-transition: .3s all;*/
/*    transition: .3s all;*/
/*}*/

.onboarding-member-filter.disabled{
    display: none !important;
}

/* if screen width is less than 1024 */
@media (min-width: 1024px) {
    /* hide the show/hide filter toggle  */
    #onboarding-toggle-member-filters{
        display: none !important;
    }

}

/*!*Change background of too, tip *!*/
/*.tooltip{*/
/*    */
/*}*/
/*Change text color of tooltip*/
.tooltip-inner{
    background-color: #000000 !important;
    color: #fff !important;
}
.tool-tip-arrow:before{
    color: #fff !important;

}
.card-styles {
    width: 250px;
    padding: 30px;
    margin: 0 10px;
    border: 2px solid #00512A;
    border-radius: 5px;
    color: #00512A;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
}
.card-styles:hover {
    background: #00512A;
    border: 2px solid #00512A;
    color: #fff;
}