/*
Specify in CSS
Use the following CSS rules to specify these families:

font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Tenor Sans', sans-serif;
For examples of how fonts can be added to webpages, see the getting started guide.
*/



html body a {font-size: inherit;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin: .5rem 0;
}


.h_main_page {
  text-align: left;
  /* color: #09c; */
  color: #fff;
  padding: 0 15px;
  text-shadow: 1px 1px 2px black;
}
.Header-desktopNav .Navigation-linkContainer a {
  margin: 0 3px;
  padding: 0 3px;
}

.DataList .Author .Username, .DataList .ChildCategories, .DataList .MItem, .DataList .MItem.Category, .MessageList .Author .Username, .MessageList .ChildCategories, .MessageList .MItem, .MessageList .MItem.Category {
  margin: 0;
}


/*common*/
.Header, .Frame-footer .Footer{
  background-color: #0099cc;
  color: #fff;
}
.Frame-footer .Footer{
  margin-top:2em;
}
.BoxButtons .Button.Primary, .groupToolbar .Button.Primary {
  background-color: #0099cc;
}
#MainHeader .Container {padding-left: 2em;}
.Breadcrumbs{
  text-transform: lowercase;
  padding: 5px 0;
}
.H.HomepageTitle, h2.CommentHeading{
  font-family: 'Open Sans Condensed', sans-serif;
  color:#09c;
  text-align:center;
}

.TitleWrap a{
  font-family: 'Tenor Sans', sans-serif;
  color:#09c;
}
.TitleWrap a:hover{
  text-decoration:none;
}

.P.PageDescription{
  font-family: 'Open Sans Condensed', sans-serif;
  color:#aaa;
}

.followButton{
  color:#09c;
}

.Navigation-linkContainer a:hover {
  text-decoration:none;
}



/*main*/

/*li#Category_3*/

.yo_img_category{
  width:100%;
}
  .yo_img_category a.Item-Icon.PhotoWrap.PhotoWrap-Category {
    width: 420px;
    height: 420px;
    border-radius:0;
  }
    .yo_img_category a.Item-Icon.PhotoWrap.PhotoWrap-Category img{
      width: 420px;
      height: 420px;
      border-radius:0;
    }


.img_yo_body{
  text-align:center;
  width:100%;
  /*height:315px;*/
  overflow:hidden;
  border-radius: .25rem .25rem 0 0;
}
.shadow-sm .Options{
  position:absolute;
  top:1em;
  right:1em;
}
.shadow-sm .Options .Arrow:before{color:#09c;}

.card-body .Meta{color:#aaa;}




.Frame-row .img_yo_body .CategoryImgYo .dummy.mt55 {
  margin-top: 55%;
}

.Frame-row .img_yo_body .CategoryImgYo .dummy.mt50 {
  margin-top: 50%;
}

.Frame-row .img_yo_body .CategoryImgYo .dummy.mt80 {
  margin-top: 80%;
}





.CategoryImgYo{
  width:100%;
  /*height:315px;*/
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;

  display: inline-block;
  position: relative;
}
.CategoryImgYo .dummy {
    margin-top: 56.25%;
}
.CategoryImgYo .element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*
    background-color: silver;
    border-radius: 50%;
    padding-top: 45%;
    text-align: center;
    */
}
/*https://htmler.ru/2016/06/07/css-height-dynamic-width/
#container {
    display: inline-block;
    position: relative;
    width: 50%;
}
#dummy {
    margin-top: 100%;
}
#element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: silver;
    border-radius: 50%;
    padding-top: 45%;
    text-align: center;
}
*/


.card-text{
  font-family: 'Open Sans Condensed', sans-serif;
}


.up_down {
  position:fixed;
  right:1em;
  bottom:3em;
  z-index:999;
  text-align:center;
  width:1.5em;
  height:3em;
  background-color:#eee;
  border:1px solid #aaa;
  border-radius:4px;
}
  .up_down .wrap_gray, .up_down .wrap_blue{
    position:absolute;
    right:0px;
    bottom:0px;
    z-index:0;
    width:1.5em;
    height:3em;
  }
  .up_down .wrap_blue{
    z-index:1;
    /*background-color:transparent;*/
  }

  .up_down .wrap_gray .toUp, .up_down .wrap_blue .toUp, .up_down .wrap_gray .toBottom, .up_down .wrap_blue .toBottom{
    position:absolute;
    left:.3em;
    top:.125em;
    z-index:0;
    width:1em;
    height:1em;
  }
  .up_down .wrap_gray .toBottom, .up_down .wrap_blue .toBottom{
    top:1.5em;
  }

  .up_down .wrap_gray .toUp i, .up_down .wrap_blue .toUp i, .up_down .wrap_gray .toBottom i, .up_down .wrap_blue .toBottom i{
    font-size:1em;
    color:#0291db;
  }
  .up_down .wrap_gray .toUp i, .up_down .wrap_gray .toBottom i{
    color:#aaa;
  }









.CommentHeader .AuthorWrap .num_comment{
  color: #696e75;
  font-weight: 400;
  margin: 0 6px;
  /*font-size:14px;*/
}







/* 12 05 2019 */


li.Item.ItemComment.isOriginalPoster {
  border-top: 0px solid #d6d7d9;
}


.DataList .Item, .MessageList .Item, .Item.ItemDiscussion {
  background: #fff;
  border-top: 0px solid #d6d7d9;
  padding: 14px 0;
}
.DataList .Item:last-child, .MessageList .Item:last-child {
  border-bottom: 0px solid #d6d7d9;
}

li .Comment {
  padding: 15px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: inset 0px 1px 0 #fff;
  -moz-box-shadow: inset 0px 1px 0 #fff;
  box-shadow: inset 0px 1px 0 #fff;
  text-shadow: 0px 1px 1px #fff;
  margin-bottom: 5px;
  /*margin-left: 5px;*/
}

.MessageList .ItemComment .Item-Header .PhotoWrap, .MessageList .ItemDiscussion .Item-Header .PhotoWrap {
  margin: 0;
  position: absolute;
  left: 15px;
  top: 15px;
}


.embedExternal, .embedImage .embedExternal-content, .embedVideo .embedExternal-content {
  /*width: 770px;*/
  /* width: 100%;
  max-width: 100%; */
}

.embedExternal, .embedVideo .embedExternal-content, .attachment, .embedExternal-content {
  /*width: 770px;*/
  /* width: 100%; */
}

/*
.embedImage .embedExternal-content {
  
}
*/


.DataList .PhotoWrap/*, .MessageList .PhotoWrap*/ {
  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2);
  box-shadow: inset 0 0 1px rgba(0,0,0,.2);
  border: 1px solid #e6e6e6;
}

h1, h5.blue{
  color: #09c;
  text-align: center;
}

span.AdminCheck{
  color: #555a62;
}





.MessageList .ItemComment .Item-Header.CommentHeader{
  background-color: #fafafa;
  margin: -15px -15px 0 -15px;
  width: calc(100% + 30px);
  border-radius: 4px 4px 0 0;
}

.Options {
  padding: 5px;
}





/* шапка дискуссии */
.Content.MainContent .MessageList.Discussion {
}

.MessageList.Discussion .Discussion .Item-BodyWrap{
  border-radius: 0 0 4px 4px;
  border: 1px solid #09c;
  padding: 15px;
}

.AuthorDiscussionPhoto{
  /* width:58px; */
  vertical-align: middle;
}
.MessageList .ItemComment .AuthorWrap, .MessageList .ItemDiscussion .AuthorWrap {
  max-width: 100%;
  padding: 0px;
}

.MessageList .ItemDiscussion .Item-Header .PhotoWrap {
  position: relative;
}

.AuthorBlock {
  float:left;
  text-align:right;
  margin:0 0 0 1em;
}

.MessageList .ItemComment .Item-Header, .MessageList .ItemDiscussion .Item-Header {
  background-color: #09c;
  padding: 5px;
  min-height: 2em;
  color: #fff;
  border-radius: 4px 4px 0 0;
  font-size: 0px;
}
.MessageList .ItemComment .Item-Header a.PhotoWrap, .MessageList .ItemDiscussion .Item-Header a.PhotoWrap {
  position: relative;
  left: 0px;
  top: 0px;
  color: #fff;
}
.MessageList .AuthorInfo, .MessageList .Meta, .MessageList .AuthorInfo a.Username, .MessageList .AuthorWrap .MItem a {
  color: #fff;
}
.MessageList .AuthorInfo a.Username:hover, .MessageList .AuthorWrap .MItem a:hover {
  color: #ddd;
}

.MessageList .ItemDiscussion .Item-Header a.PhotoWrap {
  /* border: 1px solid #fff; */
}
.DiscussionHeader {
  margin: 0;
}

.DataList .AuthorWrap, .DataList .Meta, .MessageList .AuthorWrap, .MessageList .Meta {
  line-height: 1.5;
  margin-top: 0px;
}

.MessageList .ItemComment .Item-BodyWrap, .MessageList .ItemDiscussion .Item-BodyWrap {
  padding-bottom: 0;
}





/* head comments */
ul.MessageList.DataList.Comments {
  /* color: #fff; */
}

ul.MessageList.DataList.Comments {
  /* color: #fff; */
}

ul.MessageList.DataList.Comments {
  /* color: #fff; */
}

ul.MessageList.DataList.Comments li.ItemComment .Item-Header.CommentHeader .AuthorBlock .AuthorInfo,
ul.MessageList.DataList.Comments li.ItemComment .Item-Header.CommentHeader .AuthorBlock .AuthorInfo a,
ul.MessageList.DataList.Comments li.ItemComment .Item-Header.CommentHeader .AuthorBlock  .MItem.DateCreated,
ul.MessageList.DataList.Comments li.ItemComment .Item-Header,
ul.MessageList.DataList.Comments li.ItemComment .Item-Header a
{
  color: #09c;
  font-family: 'Tenor Sans', sans-serif;
}

ul.MessageList.Comments .Item .Item-Header, .MessageList.Comments .Item:first-child .Item-Header {
  padding-top: 5px;
  border-bottom: 1px solid #e6e6e6;
}



.Item .Author a,
.DataList .Author a.Username,
ul.MessageList.DataList.Comments li.ItemComment a
.AuthorBlock .AuthorInfo a.Username,
.MItem.IPAddress a,
.AuthorBlock
{
  /* font-size: 14px;
  font-family: 'Tenor Sans', sans-serif; */
}


.MessageList .ItemComment .Options {
  margin-top: 0px;
}










/* =======================================================================================
                                  Discussions
   ======================================================================================= */

ul.DataList.Discussions li.ItemDiscussion{
  padding: 5px;
  margin-bottom: 2em;
  font-family: 'Open Sans Condensed', sans-serif;
}

.CategoryHeading, .CategoryName h2, .Item.Read .Title, .Item .Title, .Item .TitleWrap, [aria-level="3"] a {
  /* font-family: 'Open Sans Condensed', sans-serif; */
  font-family: Open Sans,Segoe UI,Helvetica Neue,Helvetica,Raleway,Arial,sans-serif;
}
.DataList .Item.Read .Title, .DataList .Item .Title, .DataList .Item h3, .MessageList .Item.Read .Title, .MessageList .Item .Title, .MessageList .Item h3{
  font-weight: 200;
  font-size: 1.4em;
}
  ul.DataList.Discussions li.ItemDiscussion .Meta.Meta-Discussion {
    margin: 0;
  }

ul.DataList.Discussions .ItemDiscussion.Closed  Title a{
  color:#3d0306;
}

  span.Tag.Tag-Closed {
    color: #3d0306;
    border:1px solid #3d0306;
  }



/* =======================================================================================
                            ToolbarContainer richEditor
   ======================================================================================= */

   #editorInstance1paragraphMenu-component .richEditor-inlineToolbarContainer.richEditor-toolbarContainer.isUp {
    visibility: visible;
    position: absolute;
    top: 48.5px;
    left: -6px;
    z-index: 5;
   }





/* =======================================================================================
                            https://danilkovo.ru/main.html
   ======================================================================================= */

   .phonenumbers_block {
    border: 1px solid #0099cc;
    border-radius: 3px;
    
  }
  .phonenumbers_block .row{
    border: 1px solid #0099cc;
    margin:0;
  }
  .phonenumbers_block .row .head_ph{
    background-color: #0099cc;
    color: #fff;
    /* margin:0; */
  }
  .phonenumbers_block .row .blue      {color: #09c;}
  .phonenumbers_block .row .red       {color: rgb(148, 5, 5);}
  .phonenumbers_block .row .green     {color: rgb(3, 100, 8);}
  .phonenumbers_block .row .deep_blue {color: rgb(3, 37, 100);}



table.blue_contacts {
  width: 100%;
}
table.blue_contacts tr th{
  color: #0099cc;
  text-align: center;
}
table.blue_contacts tr th, table.blue_contacts tr td{
  padding: 0.5em 1em;
  border: 1px solid #0099cc;
}
table.blue_contacts tr td:first-child, table.blue_contacts tr td:last-child{
  text-align: center;
}