/* +++++++++++++++++++++++   main page flex block 1 style     +++++++++++++++++++++++++++++++++++++++ */
.flex_block
{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap:wrap;
  height: fit-content;
  align-items: center;
}

.flex_block_style_1 
  {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap:wrap;

    height: fit-content;
    align-items: flex-start;
    padding: 30px;
    border-radius: 8px;
}

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

  height: fit-content;
  align-items: center;
  color: #D2E0A4ff;

  padding: 30px;
}

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

  height: fit-content;
  align-items: center;

  border-radius: 8px;
}

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

  height: fit-content;
/*  align-items: center;*/
}

.block_style_column 
{
  /*display: flex;*/
  flex-direction: column;
  justify-content: space-evenly;
  flex-wrap:nowrap;

  height: fit-content;
  align-items: center;
  /*min-width: 580px;*/
}

/* login page contact us block */
/* {FILE "./{PHP.cfg.themes_dir}/{PHP.cfg.defaulttheme}/inc/contact.tpl"} */
.width_28 { width:28%; min-width: 450px; align-self: flex-start; }
/* whosonline */
.base_color { color: #D2E0A4ff; }

.flex_block_style_column_noback 
{
  display: flex;
  flex-direction: column;
  flex-wrap:nowrap;
  justify-content: center;
  align-items: center;
  
  height: fit-content;

  border-radius: 8px;
}

.flex_block_style_column_recent_items
{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-wrap:nowrap;
  color: #D2E0A4ff;

  height: fit-content;
  align-items: center;

  background-color: #0c2403d9;
  border-radius: 8px;
}

/* +++++++++++++++++++++++   main page NO flex block 1 style     +++++++++++++++++++++++++++++++++++++++ */
.block_style_1_noflex
{
  height: fit-content;
  align-items: center;
  border-radius: 8px;
  min-width: 520px;
}

.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_1_28
{
  width:28%;
  min-width: 450px;
  align-self: flex-start;
  /*border: 3px solid #d9d9d9;*/
  border-radius: 10px;
}

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

.admin_avatar
{
  padding-left:160px; 
}

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

.avatar_info_block1 img
{
  border-radius: 50%;
  filter: drop-shadow(1px 1px 2px);
  color: black;
}

.div_info_block_3
{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-around;
  width: 77%;
  min-width: 420px;
  border-radius: 10px;
/*  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 1px 1px 0px rgba(255, 255, 255, .1);*/
}

.div_block_important
{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-top: 20px;
}
/* +++++++++++++++++++     CKEditor      +++++++++++++++++++++++++ */
/*
.div_CKEditor
{
  width: 100%;
  min-width: 420px;
  border-radius: 10px;
  padding-bottom: 10px;
  
  color: #D2E0A4ff;

  text-shadow:
  #000000 0px 0px 5px,
  #000000 2px 0px 5px,
  #000000 2px 0px 5px,
  #ffffff 2px 0px 16px;
  
}
*/
/* +++++++++++++++++++     INFOBLOCK 2      +++++++++++++++++++++++++ */
.div_info_block_2
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-evenly;
  width: 100%;
  align-self:flex-end;
  min-width: 420px;
  border-radius: 10px;
  padding-bottom: 10px;  
 /* background-color: #1f2a3a80;*/
  padding: 5px;
  margin-bottom: 20px;
}

/* +++++++++++++++++++     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;
}

/* +++++++++++++++++++     WARNING BLOCK       +++++++++++++++++++++++++ */
.div_block_warning
{
  width: 100%;
  align-self: center;
  min-width: 380px;
}

/* +++++++++++++++++++     DONE BLOCK       +++++++++++++++++++++++++ */
.div_block_done
{
  width: 100%;
  align-self: center;
  min-width: 380px;
  border-radius: 3px;
}

/* +++++++++++++++++++     PAGES BLOCK       +++++++++++++++++++++++++ */
.div_block_pages
{
  width: 75%;
  align-self: flex-start;
  min-width: 380px;
  border-radius: 10px;
  padding-bottom: 10px; 
}

.div_block_pages_create
{
  width: 100%;
}
/* +++++++++++++++++++     PM PAGE        +++++++++++++++++++++++++ */
.div_pm_pages
{
  width: 100%;
  margin: 20px;
}

/* +++++++++++++++++++     LOGIN BLOCK     +++++++++++++++++++++++++ */
.div_block_login
{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 600px;
  text-align: center;
  border-radius: 10px;
  color: #000000;
  margin-bottom: 30px;
}

/* +++++++++++++++++++     PAS RECOER BLOCK     +++++++++++++++++++++++++ */
.div_pass_recover
{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 600px;
  min-width: 380px;
  background-color: #0c2403d9;
  height: fit-content;
  text-align: center;
  border-radius: 10px;
  color: #ffffffff;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

/* +++++++++++++++++++     REGISTER BLOCK     +++++++++++++++++++++++++ */
.div_block_register
{
  width: 60%;
  height: fit-content;
  min-width: 380px;
}

/* +++++++++++++++++++     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%;
  background-color: #0c2403d9;
}

/* +++++++++++++++++++     BLOCK PROFILE     +++++++++++++++++++++++++ */
.div_block_profile
{
  width: 100%;
/*  margin: 20px;
  width: 95%;
*/  
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++   FORUM POST BLOCK     +++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.forum_post
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  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: 560px;
}

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

.forum_date
{
/*  background-color: #f9cccc30;*/
  border-radius: 20px 0 0 0;
  color: #bb4444;
  text-align: left;
  font-size: small;
  margin: 0;
  padding: 5px 10px 5px 15px;
  height: auto;
  width: auto; 
}

.admin
{
  font-size: small;
/*  background-color: #f9cccc30;*/
  text-align: right;
  margin: 0;
  padding: 5px 10px;
  height: auto;
  width: auto; 
}

.about
{
  align-self: flex-start;
  text-align: left;
  margin: 0;
  padding: 10px 0 20px 22px;
  height: auto;
  min-width: 150px;
  font-size: small;
}

.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;
  margin-left: 10px;
  padding: 0;
  height: auto;
  width: 84%;
  justify-content: space-around;
  align-items: flex-start;
}

.message_body
{
  align-self:stretch;
  overflow: auto;
}

.signature
{
  margin: 5px 5px 10px 5px;
}

.signature_gold
{
  flex-direction: column;
  align-self: flex-start;
  width: 100%;
  margin: 15px 5px 10px 5px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++   COMMENT POST BLOCK     +++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comment_post
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  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;
}

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

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

.comment_admin
{
  text-align: right;
  margin: 0;
  padding: 5px 10px;
  height: auto;
  width: 80%;  
  font-size: small;
  background-color: #f9cccc30;
}

.comment_about
{
  text-align: left;
  margin: 0;
  padding: 10px 0 20px 22px;
  height: auto;
  min-width: 150px;
  font-size: small;
}

.comment_about_avatar
{
  filter: drop-shadow(1px 1px 2px);
}

.comment_message
{
  display: flex;
  align-self: flex-start;
  flex-direction: column;
  margin-left: 10px;
  padding: 0;
  height: auto;
  width: 84%;
  justify-content: space-around;
  align-items: flex-start;
}

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

.comment_signature
{
  margin: 5px 5px 10px 5px;
}

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

.recent_forum_post_block
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  /*border: solid #c3c3c3 1px;*/
  border-radius: 10px 5px 5px 0;
  box-shadow: 1px 1px 3px #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;
  width:460px;

}

.recent_forum_post_block1
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  border-radius: 10px 5px 5px 0;
  box-shadow: 1px 1px 3px #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;
  width:460px;
  background-color: #b9b9b9;
}

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

.recent_forum_post_info
{
  font-size: small;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 2px 5px 2px 15px;
  border-radius: 0px 0px 5px 0;
  color: #bb4444;
/*  background-color: #404C5D40;*/
}

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

.recent_forum_path
{
  font-size: small;
  width: 100%;
  padding: 5px 20px 5px 20px;
  color:#ffffff;
  align-items: flex-end;
  text-align: center;
  background-color: #92929270;
  border-radius: 10px 5px 0 0;
}

.recent_forum_last_quotation
{
  width: 100%;
  font-size:  16px;
  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%;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++      PAGES RECENT POSTS BLOCK      ++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.page_block
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  border: solid #c3c3c3 1px;
  border-radius: 20px 8px 8px 0;
  box-shadow: 1px 1px 3px #00000030;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
}

.recent_pages_post_block
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  border: solid #c3c3c3 1px;
  border-radius: 20px 8px 8px 0;
  box-shadow: 1px 1px 3px #00000030;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 10px 20px;
  padding: 0;
  max-width: 460px;
  width: 460px;
}

.recent_pages_post_block1
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  border: solid #c3c3c3 1px;
  border-radius: 20px 8px 8px 0;
  box-shadow: 1px 1px 3px #00000030;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 10px 20px;
  padding: 0;
  max-width: 460px;
  width: 460px;
  background-color: #ffdddd75;
}

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

.recent_pages_post_info
{
  font-size: small;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 10px 0px 0px 0px;
  margin: 5px 5px 5px 15px;
  color: #bb4444;
/*  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;
  color: #ffffff;
  padding: 15px 0px 0px 30px;
}

.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%;
  padding: 10px 20px 10px 20px;
  background-color: #F7F7F770;
  border-radius: 15px 5px 0 0;
  text-align: center;
  font-size: small;
  color: #000000ff;
  display: flex;
  justify-content: space-between;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++       important PAGES          ++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.important_pages
{
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
/*  background-color: #0c2403d9;*/
  border: solid #404C5D40 1px;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 2px 14px #0000004d;
  opacity: 1.0;
  transition-duration: 0.5s;
  transition-property: box-shadow, opacity;
  transition: 200ms;
  height: auto;
  margin: 10px 20px;
  padding: 0;
  min-width: 460px;
  width: 460px;
  text-align: center;
}

.important_pages:hover 
{
  box-shadow: 2px 2px 2px #cbcbcb80;

  opacity: 1.0;
}

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

.important_pages_path
{
  width: 100%;
  color: white;
  padding: 2px 20px 2px 20px;
  background-color: #8c8c8cff;
  border-radius: 3px 3px 0px 0px;
  text-align: center;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 1px 1px 0px rgba(255, 255, 255, .1);

}

.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: #bb4444;
/*  background-color: #202A3A70;*/
  border-radius: 0px 0px 8px 8px;
}

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

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

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

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

}

.card_body:hover 
{
  box-shadow: none;
  opacity: 1.0;
}

.topic_link
{
  font-size:x-large ;
  font-weight: bold;
  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%;
}

.topic_link a 
{ 
/*  text-decoration: none;*/
 }

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

.card_avatar img 
{
  border-radius: 50%;
  filter: drop-shadow(1px 1px 2px);
}

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

.card_message_body
{
  color:#000000;
  align-self: stretch;
  padding: 10px 10px 20px 23px;
  width: 100%;
}

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

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

.card_font_style2
{
  color: #7f7f7f;
  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;
  filter: drop-shadow(1px 1px 2px);
}

.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;
  
}

.div_block_new_comments
{
  font-size: x-large;
}