/* container for user account pages like summary, settings,.. to make height not less than 75 vh */
.user_account_container_many, .acc-container, .address_check_container{
  min-height: 75vh;
}


/* design useraccounts bar which appear in top to transfer through pages */

.user_account_bar_container {
  display: flex;
  flex-wrap: wrap;
  max-width: 90vw;
  text-align: center;
  margin: auto;
  margin-top: 1em;
}

.user_account_bar_1, .user_account_bar_2, .user_account_bar_3, .user_account_bar_4 {
  font-size: 20px;
  margin: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}

.user_account_bar_container a {
 color: white;
 text-decoration: none;
 background: #40bf40;
 padding: 1em;
 border: 2px solid white;
 border-radius: 50%;
}

@media screen and (max-width: 600px) {
  .user_account_bar_container {
    display: block;
    width: 100%;
    max-width: 100%;

  }
  .user_account_bar_1, .user_account_bar_2, .user_account_bar_3, .user_account_bar_4 {
    width: 100%;
    max-width: 100%;
  }
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* design account views ( summary , settings, ..) */
.acc-head  {
  text-align: center;
}

.acc-summary-table {
  margin : auto;
  max-width: 90%;
  overflow-x: auto;
}

.sort_div_content {
  text-align: center;
  padding: 0.5em;
  font-size: 17px;
}

/* in account_main.html */
.user-information {
  text-align: center;
  margin-top: 5em;
}
/* ---------------------------------------------------------------------------------------------- */
/* design email verification views */
.email-verification-container {
 text-align: center;
 min-height: 75vh;
}


/* ----------------------------------------------- */
/* design user balance page table */

.add_address_table {
  font-family: inherit;
  border-collapse: collapse;
  border-spacing: 1;
  border: 1px solid #ddd;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.add_address_table td, .add_address_table th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #4d4d33;
}

.add_address_table tr:nth-child(odd){background-color: #d9ffcc;}
.add_address_table tr:nth-child(even){background-color: #ffffcc;}

.add_address_table tr:hover {background-color: #ddd;}

.add_address_table th {
  padding-top: 0.5%;
  padding-bottom: 0.5%;
  text-align: center;
  background-color: #4CAF50;
  color: white;
  font-size: 17px;
  border: 2px solid #ddd;
}

.add_address_table input {
  width: 100%;
}

/* ------------------------------------------------------*/