.cus-navbar-dropdown {
    padding: 10px 0 !important;
}

.avatar {
    width: 40px;
    height: 30px;
}

.user-wrapper {
    margin-bottom: 0 !important;
}

.profile-image {
    width: auto !important;
    height: auto !important;
}

.avatar-lg {
    width: 70px;
    height: 70px;
}

.role {
    padding: 15px 0;
}

.goals-form {
    text-align: center;
}

.goals-input {
    padding: 28px 0 !important;
    text-align: center;
}

.versus-form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.review {
    display: flex;
    align-items: center;
}

.setting-radio-layout {
    display: flex;
}

.btn-success {
    background-color: #02A552;
    border-color: #02A552;
}

.bg-success {
    background-color: #4ab37e !important;
    border-color: #02A552;
}

.navbar.default-layout {
    background: linear-gradient(120deg, #02A552, #02A552, #39b475) !important;
}

.pagination .active .page-link {
    background-color: #02A552 !important;
    border-color: #02A552 !important;
}

.pagination .page-link:hover {
    background-color: #02A552 !important;
    border-color: #02A552 !important;
}

.body {
    max-height: 100vh;
    /* background: #84EAC5; */
}

.home-div {
    border-radius: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.67) 0%, rgba(252, 255, 254, 0.96) 51.56%, rgba(250, 255, 253, 0.50) 100%);
    padding: 70px;
    padding-bottom: 0px;
}

.home-main-header {
    color: #377C59;
    line-height: 54px;
    font-weight: 700;
}

.home-main-text {
    line-height: 36px;
    width: 450px;
}

.phone {
    margin-top: -20px;
}

.bg-t {
    position: absolute;
}

.bg-b {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.main-div {
    padding: 70px 0;
}

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

.select2-container--default .select2-selection--single {
    padding: 0;
    border-radius: 0 !important;
    border: 1px solid #f2f2f2 !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
    padding-left: 1rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 37px !important;
}

.video {
    width: 200px;
    height: 100px;
}

.image {
    width: 200px !important;
    height: 100px !important;
    border-radius: 0 !important;
}

.setting-input {
    width: 200px;
}

.nav-tabs .nav-item .active {
    color: #02A552;
}