*{
    margin:0px;
    padding:0px;
    font-family: sans-serif;
}

body{
    /* background-color: #cfc1c1; */
}



.expense_list_grid{
    display:grid;
    grid-template-columns: 20% 20% 20% 20% auto;
   
}

.expense_list_grid_two{
    display:grid;
    grid-template-columns: 50% auto;
}

.expense_list_grid div{
    padding:1rem 0 1rem 0;
    border-bottom: 1px solid gray;
}

.expense_list_grid_two div{
     padding:1rem 0 1rem 0;
    border-bottom: 1px solid gray;
}

.index_grid{
    display:grid;
    grid-template-columns: 50% auto;
    margin:3rem 0 0 0;
}

.index_left{
    border:1px solid black;
    border-radius:10px;
    width:80%;
    margin:auto;
    background-color:#FAFAFA;
}

.index_right{
    /* display:flex; */
    /* justify-content: center; */
    /* background-color: green; */
    background-color: #FAFAFA;
    margin: 0 auto;
    width:80%;
    border-radius:10px;
    border:1px solid black;
}



.logo{
    padding: 1rem;
    background-color: #f5f5f5;

}

.no_underline{
    text-decoration: none;
    color:#000;
    text-transform: capitalize;
}

.form_div{
    background-color: #FDFDFC;
    display:flex;
    justify-content: center;
}

.header_div{
    display:grid;
    grid-template-columns: 50% auto;
    /* background-color: red; */
    gap:10px;
    padding: 10px;
    background-color:#f5f5f5;
}

.header_div div{
    /* background-color: yellow; */
}

.header_div_right{
    display:grid;
    grid-template-columns: 60% 25% auto;
    /* display:flex; */
    /* justify-content: right; */
    /* align-items: center; */
}

.signup_heading{
    color:#fff;
    background-color: #539ED1;
    padding:0.5rem;
    border:0px;
    border-radius: 10px 10px 0 0;
}

.signup_form{
   
    margin:1rem 0 0 0;
}

.bb{
    border-bottom: 1px solid #a5a4a4;
    margin-bottom: 20px;
}
.form_area{
    display:grid;
    grid-template-columns: 40% auto;
    /* margin:1rem 0 0 1rem ; */
    padding: 10px;
}

.form_label{
    font-size: 1.1rem;
}

.form_label_one{
    text-align: right;
}

.form_input{
    padding:5px;
    width:90%;
}

.form_input_one{
    padding:5px;
    width:95%;
}

.form_input_one_one{
    width:95%;
    padding-left: 5px;
}

.form_input_div{
    padding-bottom: 1rem;
}

.form_submit_div{
    text-align: right;
    margin:0 2.3rem 1rem 0;
}

.form_submit_one{
    color:#fff;
    background-color: #f90606;
    padding:0.5rem;
    border:0px;
    border-radius: 5px;
    font-weight: 600;
}

.form_submit{
    color:#fff;
    background-color: #51678A;
    padding:0.5rem;
    border:0px;
    border-radius: 5px;
    font-weight: 600;
}

.add_expense_submit{
    width:60%;
}

.margin_t{
    margin:1rem 2.3rem;
    text-align: right;
}

.more_margin{
    margin:1rem 0;
}

.profile_grid{
    display:grid;
    grid-template-columns: 40% auto;
}

.profile_grid_two{
    display:grid;
    grid-template-columns:repeat(2,50%);
    gap: 10px;
    width: 95%;
    margin: auto;
}

.message_center{
    text-align: center;
    text-transform: capitalize;
    font-size: 1.1rem;
    color:red;
    
}

.color_green{
    color: green;
    padding-top: 1rem;
}

.logout_div{
    padding:0 1rem;
}

.margin-right{
    margin-right: 1rem;
}

.margin_top{
    margin-top: 3rem;
}

.margin_top_my_account{
    display:grid;
    grid-template-columns: 33% auto;
}


.logout_div_btn_one{
    background-color: #f90606;
    border:0px;
    color:#fff;
    padding:0.4rem;
    font-size: 1.1rem;
    border-radius: 7px;
    cursor:pointer;
}

.logout_div_btn{
    background-color: #51678A;
    border: 0px;
    color:#fff;
    padding:0.4rem;
    font-size: 1.1rem;
    border-radius: 7px;
    cursor:pointer;
}

.header_div_right_left{
    margin: 0.8rem 0.5rem;
    text-align: right;
}

.myaccount_div{
    background-color: #fafafa;   
    border:1px solid black;
    border-radius: 10px;
    width:40%;
    margin:auto;
}

.myaccount_div_two{
    background-color: #fafafa;
    border:1px solid black;
    border-radius:10px;
    width:80%;
    margin:auto;
}

.myaccount_div_two_two{
    background-color: #fafafa;
    /* border:1px solid black; */
    /* border-radius:10px; */
    /* width:98%; */
}

/* .form_filter{
    background-color: #f4f7f8;
} */

.search_form{
    display:grid;
    grid-template-columns: 40% 40% auto;
}

/* .search_form_left{
    background-color: red;
    /* padding:1rem; */
} */

/* .search_form_center{
    background-color: green;
} */

/* .search_form_right{
    background-color:yellow;
} */

.margin_up{
    margin-top: 1rem;
}

.search_form_left_input{
    padding:1rem;
    font-size: 1.1rem;
    width:100%;
}

.search_form_submit{
     color:#fff;
    background-color: #51678A;
    padding:1.1rem;
    font-size: 1.1rem;
    border:0px;
    /* border-radius: 5px; */
    font-weight: 600;
    width:100%;
}

.text_right{
    text-align: right;
}

.myaccount_profile{
    display:grid;
    grid-template-columns: 35%  auto;
    padding:10px;
}



.div_width{
    width:60%;
    background-color:#fafafa;
    border:1px solid black;
    border-radius: 10px;
    margin:auto;
}

.signup_heading_two{
    color:#fff;
    background-color: #539ed1;
    padding:0.5rem;
    border:0px;
    border-radius: 10px 10px 0 0;
    text-align: center;
}

.padding_l{
    padding-left: 1rem;
}

.padding_l_two{
    padding-left:2rem;
}

.update_profile_link{
    font-size: 1.1rem;
    text-align: right;

}
.dash {
    display: grid;
    grid-template-columns: auto auto auto auto;
    /* grid-template-rows: 100px; */
    margin-top: 2rem;
    gap:10px;
    padding: 10px 2rem 10px 2rem;
    margin-bottom: 2rem;
}

.dash_div{
       background-color:#FAFAFA;
       /* padding: 10px; */
       
       border: 1px solid black;
       border-radius: 5px;
       box-shadow:0px 0px 7px -0px #7c7777 ;
}

.dash_one{
    background-color: #539ED1;
    color:#fff;
    border-radius: 5px 5px 0 0px;
    text-align: center;
    padding:7px;
   display:grid;
   grid-template-columns: 20% auto;
}

.dash_total{
    padding:1rem 10px;
}

.users_div_admin{
    display:grid;
    grid-template-columns: repeat(7, auto);
}


.success_msg{
    
    margin:2rem 0 0 0;
    background-color: #C3F3D7;
    padding:1rem;
    color:#2FD573;
    border-left: 10px solid #2FD573;
}

.delete_msg{
    margin:2rem 0 0 0;
    background-color: #FFE0E3;
    padding:1rem;
    color:#FF4858;
    border-left: 10px solid #FF4858;
    font-size: 1.1rem;
}


.index_right_two{
    /* display:flex; */
    /* justify-content: center; */
    /* background-color: green; */
    background-color: #FAFAFA;
    margin: 0 auto;
    width:40%;
    border-radius:10px;
    border:1px solid black;
}


.header_div_right_two{
    display:grid;
    grid-template-columns: 30% 30% 25% auto;
    /* display:flex; */
    /* justify-content: right; */
    /* align-items: center; */
}

.admin_heading{
    display:grid;
    grid-template-columns: 20% auto;

}

.admin_word_div{
    color:#51678A;
    padding-top: 1rem;
    
}

.admin_heading_two{
    display: grid;
    grid-template-columns: 33% auto;
}


.myaccount_profile_two{
    display:grid;
    
    padding:10px;
}

.form_area_two{
    display:grid;
    grid-template-columns: 50% auto;
    /* margin:1rem 0 0 1rem ; */
    padding: 10px;
}


.update_profile_link_two{
    font-size: 1.1rem;
    text-align: center;

}