.team_dashboard_bg{
    background: linear-gradient(86.48deg, #FFDEE9 0.91%, #FFFBF9 25.54%, #FFFFFF 62.36%, #DDF3FF 99.42%);
    border: .4rem solid rgba(255, 255, 255, 1);
}
.team_dashboard_flx {
    display: flex;
}
.profile__team {
    top:0rem;
    position: relative;
    margin-right: 1.2rem;
}
.team_member_item_name {
    display: flex;
    justify-content: space-between;
}
.team_member_id {
    display: flex;
    justify-content: space-between;
    border: 1px solid #E4E4E4;
    padding: 1.8rem 1.2rem;
    margin-top: 1.5rem;
    width: 100%;
}
.team_card_dash {
    display: flex;
    gap:6px;
    width: 30%;
}
.team_card_dash:first-child{
    border-right: 1px solid #E4E4E4;
}
.team_member_item {
    flex: 0 0 43%;
    padding-top: 1.8rem;
    flex-grow: 1;
    border-right: 1px solid #00000014;
    padding-right: 3rem;
}
.team_card_dash.last_child{
    border-left: 1px solid #E4E4E4;
    padding-left: 1rem;
}
.team_member_ac_ifcs {
    display: flex;
    justify-content: space-between;
    padding: .8rem 0px;
}
.clr_budget{
    color:#025364;
}
.clr_budget span{
    color:#086578;
}
.team_budgets {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #9FE9F933;
    padding: 1.2rem 1.4rem;
    background-image: url(../images/budget_img.svg);
    background-repeat: repeat;
    margin-top: 15px;
}
.team_budgets_items {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.budgeting_p a {
    text-decoration: underline;
}
.team_member_item_last {
    margin-right: 1.7rem;
    margin-top: 1.1rem;
}
.team_mem_card3 {
    display: flex;
    justify-content: space-between;
    margin-left: 2rem;
    border-width: 1px;
    border-style: solid;
    border: 1px solid;
    border-image: linear-gradient(86.48deg, rgba(80, 119, 179, 0.17) 0.91%, rgba(165, 85, 202, 0.17) 99.42%);
    background-color: #FFFFFF78;
    padding:2rem 1.2rem 0 1.2rem;
    margin-bottom: 1.3rem;
    background-image: url(../images/card_teambg.svg);
}
.team_mem_card3_txt p {
    margin-bottom: 1.5rem;
}
.team_mem_card3 img {
    max-width: 6rem;
}
.team_managers_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.txt_blue_link_img {
    width: 8rem;
    height: 8rem;
    margin: 0px auto;
    background: #FFE1E5;
    border: 4px solid #F3F3F3;
    border-radius: 50%;
}
.txt_blue_link_name {
    text-align: center;
    margin: 1.8rem 0;
}
.txt_blue_link_name p{
    margin-top:1.8rem;
}
.txt_blue_link_btns {
    display: flex;
    justify-content: center;
    gap: 1rem;
}
.txt_blue_link_btns a {
    display: flex;
    align-items: center;
    border: 0.5px solid #2D2D2D;
    padding: .8rem 1.6rem .8rem .8rem;
    border-radius: 10rem;
    gap: .8rem;
}
.team_managers {
    background: #fff;
    border: 4px solid #FFFFFF;
    padding: 1.6rem 2.4rem;
    height: 100%;
}
.team_expense_head{
    margin:3rem 0;
}
.table_team_expense {
    margin-top: 3rem;
}
.team_card_dash_chart {
    height: 100%;
}
.team_card_dash_chart .expenses-main__grid--2 {
    height: 100%;
}
.table_team_expense_inner , .table_team_expense_inner .recent_trans_tables{
    height: 100%;
}
.team_card_dash img{
    width: 2.4rem;
}
.only_tm_mob{
    display:none;
}
.mob_managers{
    display:none;
}
@media(max-width:1500px){
    .team_card_dash.last_child{
        width: 25%;
    }
    .team_card_dash:nth-child(2){
        flex-grow: 1;
        justify-content: center;
    }
}
@media(max-width:1199px){
    .team_dashboard_bg, .team_managers{
        margin-bottom: 2.4rem;
    }
}

@media(max-width:1024px){
    .team_card_dash_chart {
        box-shadow: 0px 0px 20px 0px #0000001A;
        background: #fff;
    }
    .team_mem_card3 img{
        width: 3.2rem;
    }
    .team_member_id{
        padding: .4rem;
    }
    .team_mem_card3_txt p{
        margin-bottom: .2rem;
    }
    .team_member_names h6{
        font-size: 1.6rem;
    }
    .team_member_names a{
        font-size: 1.2rem;
    }
    .left__comparision{
        /* position: absolute;
        bottom: 1rem; */
    }
    .split-1-of-3 .left__header-h3.left__comparision {
        margin-top: .5rem;
    }
    .team_member_item_last{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 1rem;

    }

    .section-1 {
        grid-column: span 2;
    }

    .team_mem_card3 {
        grid-column: span 1;
        margin: 0;
        border:rgba(80, 119, 178, 0.17) 1px solid;
        padding:1rem;
        display: flex;
        align-items: center;
        justify-content: start;
        flex-direction: row-reverse;
        gap: 1rem;
    }
    .split-1-of-3 .left__header-h3{
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .expenses-main__grid-content__header-bottom .split-1-of-3 .left{
        padding: 0;
    }
    .expenses-main__grid-content__header-bottom{
        gap: .8rem;
    }
    .split-1-of-3 .left__header-h3-sec{
        font-size: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .left__header-h3-main{
        font-size: 1.1rem;
    }
    .split-1-of-3 .left__header p{
        font-size: 1.4rem;
        margin-top: .5rem;
    }
    .team_mem_card3:nth-child(2) {
        grid-column: span 2;
        order: -1;
    }
    .team_expense_head .row1 button{
        padding: 1rem;
        font-size: 1.2rem;
        font-weight: 500;
    }
    .profile__team{
        display:none;
    }
    .team_card_dash{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .emp_name_details P,.emp_name_details H5{
        text-align: center;
    }
    .only_tm_mob{
        display:block;
        border-radius: 50%;
        border: .2rem solid #fff;
        background: linear-gradient(134.22deg, #E2FFFD 18.32%, #58CED9 103.74%);
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
        width:5rem;
    }
    .team_member_item_name {
        justify-content: unset;
        gap: 1.2rem;
    }
    .team_member_names {
        flex-grow: 1;
    }
    .team_dashboard_flx {
        flex-direction: column;
    }
    .team_member_item {
        padding: 1.4rem 1rem;
    }
    .team_member_item_last{
        margin:1.4rem 1rem;
    }
    .team_mem_card3{
        margin-left:0;
        background-image: unset;
    }
    .clr_budget span{
        display:block;
    }
    .mob_hide_team{
        display:none;
    }
    .team_expense_head .row1 {
        align-items: center;
    }
}

@media(max-width:991px){
    .table_team_expense.mob_no_marg {
        margin-top: 0;
    }
    .team_card_dash_chart {
        margin-top: 2.4rem;
        box-shadow: 0px 0px 20px 0px #0000001A;
        background: #fff;
    }
    .table_team_expense_inner.expense_table_details {
        margin-top: 5rem;
    }
    .profile__team{
        display:none;
    }
    .only_tm_mob{
        display:block;
        border-radius: 50%;
        border: .2rem solid #fff;
        background: linear-gradient(134.22deg, #E2FFFD 18.32%, #58CED9 103.74%);
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
        width:5rem;
    }
    .team_member_item_name {
        justify-content: unset;
        gap: 1.2rem;
    }
    .team_member_names {
        flex-grow: 1;
    }
    .team_dashboard_flx {
        flex-direction: column;
    }
    .team_member_item {
        padding: 1.4rem 1rem;
    }
    .team_member_item_last{
        margin:1.4rem 1rem;
    }
    .team_mem_card3{
        margin-left:0;
        background-image: unset;
    }
    .mob_managers{
        display:block;
        background: #fff;
        padding: 1rem;
        margin-top: 2.4rem;
    }
    .flx_mangers {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .txt_blue_link_img {
        width: 5rem;
        height: 5rem;
        margin: 0px;
    }
    .txt_blue_link_name {
        text-align: left;
        flex-grow: 1;
    }
    .flx_mangers_href {
        display: flex;
        gap: 8px;
    }
    .flx_mangers_href a {
        border: 0.36px solid #2D2D2D;
        border-radius: 50%;
        padding: 4px;
    }
    .txt_blue_link_name p {
        margin-top:5px;
    }
}

@media(max-width:359px){
    .team_mem_card3 {
        grid-column: span 2;
    }
}