/* +++++++++++++++++++++++   main page flex block 1 style     +++++++++++++++++++++++++++++++++++++++ */
  .flex_block_style_1 
  {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap:wrap;

    min-width: 560px;
    height: fit-content;
    align-items: flex-start;
    color: #a1a1a1;
    padding: 30px;
}

.flex_block_style_forum_topics
{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap:wrap;

  min-width: 420px;
  height: fit-content;
  align-items: center;
  background-color: var(--background-global);
  color: #a1a1a1;

  padding: 30px;
}

.users_list
{
  text-align: center;
}

.flex_block_style_feedback
{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap:wrap;

  min-width: 420px;
  height: fit-content;
  align-items: center;

  color: #a1a1a1;

  padding: 30px;
}

.flex_block_style_column 
{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-wrap:nowrap;

  min-width: 560px;
  height: fit-content;
  align-items: center;


}

/* whosonline */
.base_color { color: #a1a1a1; }
.base_color2 { color: #a5c29b; }
.base_color3 { color: #D2E0A4ff; }
/* +++++++++++++++++++++++   main page NO flex block 1 style     +++++++++++++++++++++++++++++++++++++++ */
.block_style_1_noflex
{
  min-width: 550px;
  width: -webkit-fill-available;
  height: fit-content;
  align-items: center;

  border-radius: 5px;

  color: #a1a1a1;

  transition: 200ms;

  box-sizing: border-box;
}


.pagination_flex
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  height: fit-content;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  color: #a1a1a1;
  transition: 200ms;
  box-sizing: border-box;
  padding: 10px;
}

.backgroud_set
{
  background-color: var(--background-global);
}

/* +++++++++++++++++++     INFOBLOCK 1      +++++++++++++++++++++++++ */
.div_info_block_1
{
  width: fit-content;
  align-self: flex-start;
}

.div_info_block_4
{
  width:17%;
  align-self: flex-start;
  min-width: 420px;
}

.div_info_block_1_28
{
  width:28%;
  min-width: 420px;
  align-self: center;
  /*margin: auto;*/
}

.div_info_block_main_page
{
  width: 400px;
  align-self: flex-start;
  position: sticky;
  top: 100px;
}

.paddingleft40
{
  padding-left:40px;
}

.admin_avatar
{
  padding-left:150px; 
}

.avatar_info_block1
{
  padding-left:40px;
  float:left;
  width: auto;
  justify-self: flex-start;
  height: auto;
}

.avatar_info_block1 img
{
  border-radius: 50%;
}
/* +++++++++++++++++++     INFOBLOCK 2      +++++++++++++++++++++++++ */
.div_info_block_2
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-around;
  width: 100%;
  align-self:flex-end;
  min-width: 420px;
  border-radius: 10px;
  padding-bottom: 10px;  
  background-color: var(--background-global);
  padding: 5px;
  margin-bottom: 20px;
}

.div_info_block_comments
{
/*  display: flex;*/
  align-items: stretch;

  align-self:flex-end;
  min-width: 420px;
  border-radius: 10px;
  padding-bottom: 10px;  

  padding: 5px;
  margin-bottom: 20px;
}

.div_info_block_3
{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  /*align-items: stretch;*/
  justify-content: space-around;
  width: 65%;
  min-width: 420px;
  border-radius: 10px;
  background-color: var(--background-global);
/*  padding: 5px;*/
  margin: 0 5px 20px 5px;
  padding-bottom: 10px;
}
/* +++++++++++++++++++     PM CREATE       +++++++++++++++++++++++++ */
.div_pm
{
  width: 100%;
  align-self: flex-start;
}


/* +++++++++++++++++++     NEWS BLOCK       +++++++++++++++++++++++++ */
.div_block_news
{
  width: 65%;
  align-self: flex-start;
  min-width: min-content;
}

/* +++++++++++++++++++     FEEDBACK BLOCK       +++++++++++++++++++++++++ */
.div_block_feedback
{
  align-self: flex-start;
  min-width: 420px;
}

.div_block_feedback1
{
  align-self: flex-start;
  min-width: 420px;
  border-radius: 10px;
  background-color: var(--background-global);
  padding: 20px;
  width: fit-content;
}
/* +++++++++++++++++++     WARNING BLOCK       +++++++++++++++++++++++++ */
.div_block_warning
{
  width: 100%;
  align-self: flex-start;
}

/* +++++++++++++++++++     PAGES BLOCK       +++++++++++++++++++++++++ */
.div_block_pages
{
  height: fit-content;
  align-self: flex-start;
  min-width: 420px;
  border-radius: 10px;
  background-color: var(--background-global);
  margin-bottom: 20px;

}

/*.div_block_pages a { padding-left:20px; }*/

.div_block_pages_create
{
  width: 100%;
  height: fit-content;
  min-width: 560px;
}
/* +++++++++++++++++++     PM PAGE        +++++++++++++++++++++++++ */
.div_pm_pages
{
  height: fit-content;
}

/* +++++++++++++++++++     LOGIN BLOCK     +++++++++++++++++++++++++ */
.div_block_login
{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 600px;
  height: fit-content;
  padding: 0px 20px 20px 20px;
  min-width: 420px;
  border-radius: 10px;
  background-color: var(--background-global);
  color: #ffffff;
}

/* +++++++++++++++++++     DIV BLOCK GLOBAL    +++++++++++++++++++++++++ */
.div_block_global
{
  justify-content: space-around;
  width: 100%;
  height: fit-content;
}


/* +++++++++++++++++++     USERS THANKS     +++++++++++++++++++++++++ */
.div_block_thanks
{
  justify-content: space-around;
/*  width: 75%;*/
  height: fit-content;
  min-width: 420px;
}

/* +++++++++++++++++++     REGISTER BLOCK     +++++++++++++++++++++++++ */
.div_block_register
{
  display: flex;
  flex-direction: column;
  /*width: 100%;*/
  margin-left: auto;
  margin-right: auto;
  /*min-width: 420px;*/
  border-radius: 10px;
  background-color: var(--background-global);
  padding: 0px 20px 20px 20px;
}


/* +++++++++++++++++++     AUTHORIZE BLOCK     +++++++++++++++++++++++++ */
.div_block_authorize
{
  justify-content: space-around;
  width: 100%;
  height: fit-content;
}

/* +++++++++++++++++++     POLS LIST BLOCK     +++++++++++++++++++++++++ */
.div_polls_list_block
{
  justify-content: space-around;
  width:70%;
  min-width: 560px;
  margin-left: auto;
  margin-right: auto;
  height: fit-content;
  font-size: 85%;
}

/* +++++++++++++++++++     LOGIN PROFILE     +++++++++++++++++++++++++ */
.div_block_profile
{
  justify-content: space-around;
  width: 100%;
  height: fit-content;
  min-width: 560px;
  padding-bottom: 20px;
}

.div_block_toplastseen
{
  justify-content: space-around;
  width: 100%;
  height: fit-content;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++   FORUM POST BLOCK     +++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.forum_post
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #2F3342;
  border-color: #3f4f5f;
  border-radius: 20px 8px 8px 0;
  box-shadow: 5px 3px 15px #00000080;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  min-width: 560px;
}

.forum_post:hover 
{
  box-shadow: 4px 2px 14px #0000004d;
  opacity: 1.0;
}

.forum_date
{
  border-radius: 20px 8px 0 0;
  color: #D2E0A4ff;
  text-align: left;
  font-size: 85%;
  margin: 0;
  padding: 5px 10px 5px 15px;
  height: auto;
  width: 20%; 
}

.admin
{
  border-radius: 20px 8px 0 0;
  background-image: linear-gradient(to right, #2F3342 50%, #3A4053 );
  color: #D2E0A4ff;
  text-align: right;
  margin: 0;
  padding: 5px 10px;
  height: auto;
  width: 80%;
}

.about
{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-self: flex-start;
  background-color: #2E3342;
  color: #D2E0A4ff;
  text-align: left;
  margin: 0;
  padding: 10px 0 20px 20px;
  height: auto;
  min-width: 190px;
  max-width: 190px;
}

.location_length
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}

.topic_starter
{
  margin-left: 90px;
}

.topic_starter img
{
  width: 35px;
  height: 35px;
  -webkit-filter: drop-shadow(3px 3px 3px #0000007f);
}

.fp_header
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: -webkit-fill-available;
}

.message
{
  display: flex;
  align-self: flex-start;
  flex-direction: column;
  background-color: #2E3342;
  margin-left: 10px;
  padding: 15px;
  width: 87%;
  justify-content: space-around;
  align-items: flex-start;
  overflow: auto;
}

.message_body
{
  color:aliceblue;
  align-self: stretch;
  overflow: auto;
/*  min-height: 185px;*/
}

.signature
{
  margin: 5px 5px 10px 5px;
  color: #FFECBE;
  font-size: 85%;
}

.signature_delimiter
{
  /*  border-bottom: 1px solid #a5c29bff;
  border-left: 1px solid #a5c29bff;
  border-right: 1px solid #a5c29bff;
  border-radius: 3px;*/
  background-color: #a5c29bff;
}

.signature_delimiter hr
{
  height: 1px;
  background-color: #404C5Dff;
  border: none;
}

.signature_gold
{
  flex-direction: column;
  align-self: flex-start;
  margin: 15px 5px 10px 5px;
  color: #FFECBE;
  width: -webkit-fill-available;
}

.page_description
{
  text-align: center;
  color: #FFECBE;
  margin-bottom: 10px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++   COMMENT POST BLOCK     +++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comment_post
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #2F3342;
  border-color: #3f4f5f;
  border-radius: 20px 8px 8px 0;
  box-shadow: 5px 3px 15px #00000080;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 30px 0;
  padding: 0;
  min-width: 520px;
}

.comment_post:hover 
{
  box-shadow: 4px 2px 14px rgba(0, 0, 0, .3);
  opacity: 1.0;
}

.comment_date
{
  border-radius: 20px 8px 0 0;
  color: #D2E0A4ff;
  text-align: left;
  font-size: 85%;
  margin: 0;
  padding: 5px 10px 5px 15px;
  height: auto;
  width: 20%; 
}

.comment_admin
{
  background-image: linear-gradient(to right, #2F3342 50%, #3A4053 );
  color: #D2E0A4ff;
  text-align: right;
  margin: 0;
  padding: 5px 10px;
  height: auto;
  width: 80%; 
}

.comment_about
{
  align-self: flex-start;
  background-color: #2E3342;
  color: #D2E0A4ff;
  text-align: left;
  margin: 0;
  padding: 10px 0 20px 20px;
  height: auto;
  min-width: 190px;
  max-width: 190px;
}


.comment_message
{
  display: flex;
  align-self: flex-start;
  flex-direction: column;
  background-color: #2E3342;
  margin-left: 10px;
  padding-top: 15px;
  width: 84%;
  justify-content: space-around;
  align-items: flex-start;

}

.comment_message_body
{
  color:aliceblue;
  align-self: stretch;
  overflow: auto;
}

.comment_signature
{
  width: -webkit-fill-available;
  margin: 5px 5px 10px 5px;
  color: #FFECBE;
  font-size: 80%;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++      CARD   BLOCK      +++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.card_body
{
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #1f2a3aff;
  border: solid #404C5D 1px;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 5px 3px 15px #00000080;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  margin: 10px 5px;
  padding: 0;
  min-width: 500px;
  width: 500px;
  height: 300px; /*  height: fit-content;*/
}

.card_body:hover 
{
  box-shadow: 4px 2px 14px #0000004d;
  opacity: 1.0;
}

.card_body1
{
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #2c3c53;
  border: solid #404C5D 1px;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 5px 3px 15px #00000080;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  margin: 10px 5px;
  padding: 0;
  min-width: 500px;
  width: 500px;
  height: 300px; /*  height: fit-content;*/
}

.card_body1:hover 
{
  box-shadow: 4px 2px 14px #0000004d;
  opacity: 1.0;
}

.topic_link
{
  font-size:x-large ;
  border-radius: 20px 8px 0 0;
/*  background-image: linear-gradient(to right, #2F3342 50%, #3A4053 );*/
  color: #D2E0A4ff;
/*  text-align: right;*/
  margin: 0;
  padding: 25px 0px 5px 25px;
  height: auto;
  width: 70%;
}

.card_avatar
{
/*  background: url(../img/1.gif) no-repeat 50% 50%;*/
  align-self: flex-start;
  background-color: var(--background-global);
  color: #D2E0A4ff;
  text-align: left;
  margin: 15px 15px 15px 25px;
  height: 80px;
  width: 80px;
  min-width: 60px;
  border-radius: 50%;
}

.card_avatar img 
{
  border-radius: 50%;
  -webkit-filter: drop-shadow(2px 2px 2px #0000007f);  
}

.card_message
{
  display: flex;
  align-self: flex-start;
  flex-direction: row;
  background-color: var(--background-global);
  padding: 10px 0 0 23px;
  height: auto;
  width: 460px;
  justify-content: space-around;
  align-items: flex-start;
  min-width: 460px;
}

.card_message_body
{
  color:aliceblue;
  align-self: stretch;
  padding: 10px 10px 0 23px;
  width: 100%;
  overflow: auto;
}

.card_signature1
{
  margin: 5px 5px 10px 5px;
  color: #FFECBE;
  font-size: 75%;
  width: 40%;
  padding: 0 10px 0 50px;
}

.card_signature2
{
  color: #FFECBE;
  font-size: 75%;
  width: 40%;
  padding: 15px 0 0 0;
  margin-top: 0;
  text-align: center;
}

.card_font_style2
{
  color: #a5c29bff;
  font-weight: bold;
  padding-top: 5px;
  font-size: 140%;
}

.card_font_style3
{
  color: #a5c29bff;
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 140%;
}

.card_pm
{
  margin: 10px 1px 1px 20px;
}

.card_user_name
{
  margin: 0 0 0 15px;
}

.card_delimiter
{
/*  border-bottom: 1px solid #a5c29bff;
  border-left: 1px solid #a5c29bff;
  border-right: 1px solid #a5c29bff;
  border-radius: 3px;*/
  background-color: #a5c29bff;
}

.card_delimiter hr
{
  height: 1px;
  background-color: #404C5Dff;
  border: none;
}

.card_description
{
  text-align: center;
  color: #FFECBE;
  margin-bottom: 10px;
  
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++      FORUM RECENT MESSAGE BLOCK      +++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.recent_forum_post_block
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-end;
  background-color: #1f2a3aff;
  border: solid #404C5D 1px;
  border-radius: 8px 8px 8px 0;
  box-shadow: 5px 3px 15px #00000080;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 10px 20px;
  padding: 0;
  min-width: 350px;
  min-height: 110px;
  font-size: 18px;
  width: 450px;
}

.recent_forum_post_block:hover 
{
  box-shadow: 4px 2px 14px #0000004d;
  opacity: 1.0;
}

.recent_forum_post_block1
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  background-color: #2c3c53;
  border: solid #404C5D 1px;
  border-radius: 8px 8px 8px 0;
  box-shadow: 5px 3px 15px #00000080;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 10px 20px;
  padding: 0;
  min-width: 350px;
  min-height: 110px;
  font-size: 18px;
  width: 450px;
}

.recent_forum_post_block1:hover 
{
  box-shadow: 4px 2px 14px #0000004d;
  opacity: 1.0;
}

.recent_forum_post_info
{
  font-size: small;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 5px 5px 15px;
  border-radius: 0px 0px 8px 0;
  color:#ffffff;
  background-color: #404C5D40;
}

.recent_forum_post_author
{
  align-self: center; 
  color: #D2E0A4ff;
  justify-self: left;
  margin-right: 10px;
  font-size: small;
}

.recent_forum_path
{
  width: 100%;
  padding: 0px 20px 0px 20px;
  color:#FFECBE;
  align-items: flex-end;
  text-align: center;
  background-color: #202A3A70;
  border-radius: 8px 8px 0 0;
}

.recent_forum_last_quotation
{
  width: 100%;
  padding: 15px 0px 10px 30px;
  color: #ffffff;
}

.recent_forum_poster_avatar
{
  background: url(../img/1.gif) no-repeat 50% 50%;
  align-self: flex-end;
  background-color: #2E3342;
  color: #D2E0A4ff;
  margin: 15px 0px 15px 5px;
  height: 80px;
  width: 80px;
  min-width: 60px;
  border-radius: 50%;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++       important PAGES          ++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.important_pages
{
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #1f2a3aff;
  border: solid #404C5D 1px;
  border-radius: 8px 8px 8px 8px;
 box-shadow: 5px 3px 15px #00000080;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 10px 20px;
  padding: 0;
  min-width: 460px;
  min-height: 110px;
  width: 460px;
  text-align: center;
}

.important_pages:hover 
{
  box-shadow: 4px 2px 14px #0000004d;
  opacity: 1.0;
}

.important_pages_text
{
  padding: 15px 10px 15px 10px;
}

.important_pages_path
{
  width: 100%;
  padding: 2px 20px 2px 20px;
  background-color: #404C5D40;
  border-radius: 8px 8px 0px 0px;
  align-items: flex-end;
  text-align: center;
}

.important_post_info
{
  font-size: small;
  display: flex;
  align-self: flex-end;
  justify-content: space-between;
  width: 100%;
  margin: 10px 0px 0px 0px;
  margin: 5px 15px 5px 15px;
  color: #ffffff;
/*  background-color: #202A3A70;*/
  border-radius: 0px 0px 8px 8px;
}

.thanks_thumbup
{
  color: #a5c29bff;
  padding-bottom: 5px;
}

.thanks_thumbup img
{
  width: 16px;
  height: 16px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++      PAGES RECENT POSTS BLOCK      ++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.recent_pages_post_block
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #1f2a3aff;
  border: solid #404C5D 1px;
  border-radius: 8px 8px 8px 0;
/*  box-shadow: 5px 3px 15px #00000080;*/
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 10px 20px;
  padding: 0;
  /*min-width: 500px;*/
  width:450px;
  min-height: 110px;
}

.recent_pages_post_block:hover 
{
/*  box-shadow: 4px 2px 14px #0000004d;*/
  opacity: 1.0;
}

.recent_pages_post_block1
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #2c3c53;
  border: solid #404C5D 1px;
  border-radius: 8px 8px 8px 0;
/*  box-shadow: 5px 3px 15px #00000080;*/
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 10px 20px;
  padding: 0;
  /*min-width: 500px;*/
  width:450px;
  min-height: 110px;
}

.recent_pages_post_info
{
  font-size: small;
  display: flex;
  align-self: flex-end;
  justify-content: space-between;
  width: 100%;
  margin: 10px 0px 0px 0px;
  margin: 10px 15px 5px 15px;
  color: #ffffff;
/*  background-color: #202A3A70;*/
  border-radius: 0px 0px 8px 8px;
}

.recent_pages_post_author
{
  align-self: flex-end; 
  color: #D2E0A4ff;
  justify-self: left;
  margin-right: 10px;
  font-size: small;
}

.recent_pages_last_quotation
{
  width: fit-content;
  font-size: 16px;
  padding: 15px 0px 0px 30px;
  color: #ffffff;
}

.recent_pages_poster_avatar
{
  background: url(../img/1.gif) no-repeat 50% 50%;
  align-self: flex-end;
  background-color: #2E3342;
  color: #D2E0A4ff;
  margin: 15px 0px 15px 5px;
  height: 80px;
  width: 80px;
  min-width: 60px;
  border-radius: 50%;
}

.recent_pages_path
{
  width: 100%;
  font-size: medium;
  padding: 5px 20px 5px 20px;
  background-color: #404C5D40;
  border-radius: 8px 8px 0 0;
  align-items: flex-end;
  text-align: center;
}