/*===========================
    26.My Account Page css 
===========================*/


.my-account-area{}

.my-account-menu{
    & .account-menu-list{
        & li{
            & a{
                width: 100%;
                height: 50px;
                line-height: 50px;
                padding: 0 20px;
                font-size: 14px;
                color: $black;
                border: 1px solid $border-color;
                margin-top: -1px;
                @include transition(0.3s);
                
                & i{
                    margin-right: 5px;
                }
                
                &:hover,
                &.active{
                    background-color: $black;
                    color: $white;
                    border-color: $black;
                }
            }
        }
    }
}




.my-account-tab{
    & .account-title{
        font-size: 24px;
        font-weight: 500;
        color: $black;
    }
}

.account-wrapper{
    border: 2px solid $border-color;
    padding: 40px 30px;
    
    @media #{$lg}{
        padding: 30px 20px;
    }
}

.account-table{
    & .table{
        & thead{
            & tr{
                & th{
                    border: 1px solid $border-color;
                    font-size: 16px;
                    font-weight: 500;
                    color: $black;
                    padding: 8px 15px;

                    &.no{}
                    &.name{
                        min-width: 140px;
                    }
                    &.date{
                        min-width: 130px;
                    }
                    &.status{}
                    &.total{}
                    &.action{}
                }
            }
        }
        & tbody{
            & tr{
                & td{
                    font-size: 14px;
                    color: $black;
                    font-weight: 400;
                    vertical-align: middle;
                    border: 1px solid $border-color;

                    & a{
                        padding: 0 15px;
                        height: 45px;
                        line-height: 45px;    
                        color: $black;
                    }
                }
            }
        }
    }
}

.my-account-dashboard{    
    & .welcome-dashboard{
        margin-top: 30px;
        
        & p{
            font-size: 16px;
            color: $black;
            
            & strong{
                font-weight: 500;
            }
            & a{
                color: $black;
                @include transition(0.3s);
                
                &:hover{
                    color: $theme-color;
                }
            }
        }
    }
    & p{
        color: $black;
    }
}

.my-account-payment{
    & p{
        color: $black;
        font-weight: 500;
    }
}


.my-account-address{
    & .account-address {
        & .name{
            font-size: 16px;
            color: $black;
            font-weight: 500;
        }
        & p{
            margin-top: 20px;
            font-size: 16px;
            color: $black;
        }
        
        & .main-btn{
            height: 45px;
            line-height: 45px;
            padding: 0 20px;
            font-size: 14px;
            margin-top: 20px;
        }
    }
}

.my-account-details{
    & .account-details{
        & .title{
            font-size: 20px;
            font-weight: 500;
            color: $black;
        }
    }
}