html{
background: #f5f5f5;
}
#main-nav{
background: #34495e !important;
/* background: #006ebe !important; */
/* background: url(darkbg.png); */
}

a, select, select:focus, select:active, input, button, *{
outline : none !important;
}

select{
cursor: pointer;
}

select option{
cursor: pointer;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
  #post_title{
  padding: 14px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  }
  .card-c{
  margin-bottom: 0px !important;
  }
  .__text blockquote, .text-block pre{
  margin-left: 0px !important;
  }
}

/* #posts a{
color: inherit !important;
} */

body{
overflow-x: hidden !important;
}

a,a:active,a:focus {
text-decoration: none !important;
}

#main-page{
padding-bottom: 13px !important;
border-bottom: 1px solid #eee;
margin-bottom: 25px;
padding-top: 20px !important;
}
.w100{width:100%!important;}

#user_dev{
margin:0 auto;
}
.info{
margin-top: 15px;
font-size: 11px;
}

.l1{
font-size: 15px;
}

.dib{
display: inline-block;
}

*{
box-shadow: none !important;
}

.whattodo{
padding: 0px!important;
padding-right: 6px!important;
padding-left: 6px!important;
margin-left: 7px!important;
font-size: 15px !important;
background: transparent;
color: black;
border: 1px solid #ccc;
}

.menutop{
position: fixed;
top: 14px;
right: 20px;
}

.menutop button, .menutop p{
color: white !important;
}
.menutop{
z-index: 1000 !important;
border: 1px solid #ccc;
width: 100%;
right: 0px;
top: 0px;
border-left: none;
border-right: none;border-top: none;
padding-bottom:9px;
padding-top: 8px !important;
background: url(../index_files/bgblack.png);
}

#main-page.menuli{
padding-top:65px!important;
}

#actionsBtn,#actionsBtn:hover,#actionsBtn:focus,#actionsBtn:active{
background: transparent !important;
border: 1px solid #eee !important;
background-color: transparent;
border-color: #eee !important;
}

#slogan{
font-size: 11px;
}

/* .list-group-item{
padding:.375rem .75rem
} */

/* ._active a{
color: #343a40 !important;
} */

.post_info{
color:#5b5b5b;
font-size: 15px !important;
min-height: 37px;
}
.post_title{
color:black;
word-break:break-word;
font-size: 21px !important;
font-weight: bold;
}
.post_log{
font-size: 15px;
color: #333;
}
.fz13{
font-size: 13px;
}

.post_type.active{
background: #28a745 !important;
color: white !important;
}

.image_upload_div .image_upload{
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
cursor: pointer;
}

.image_upload_div{
position: relative;
margin-bottom: 0px !important;
width: 100%;
}

.image_upload_div img{
width:100% !important;
}

.text-c{
min-height: 85px;
margin-top: 13px  !important;
margin-bottom: 13px  !important;
}

.hideit{
display: none !important;
}

.delete_image{
position: absolute; bottom: 3px; background: #000; color: white; font-size: 13px; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; cursor: pointer; border-radius: 50%; left: 6px;
}

.btn-success{
background: #343a40 !important;
border-color: #343a40 !important;
}

.text-block .__code pre.hljs{
background: #eff0f1;
/* margin-top: 10px;margin-bottom: 10px; */
}

.text-block p{
padding: 0px;
margin: 0px;
}

/* .text-block br{
display: none;
} */

.text-block{
min-height: 27px; /*here*/
}

.text-block{
background: white;
border: 1px solid #ccc;padding: 6px;padding-top: 3px;
padding: 7px;
}

body{
position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;
}

#post_title{
margin: 6px;
padding-bottom: 2px;
}

pre{
margin: 0px;
}

#thePost .card{
padding: 0px;
background: transparent !important;
border: none !important;
/* padding-top:0px!important; */
/* padding-bottom:15px !important; */
}

#thePost .card p{
margin-bottom:0px!important;
}

.__image{
text-align: center;
}

.__image img, .image_upload_div img{
cursor:pointer;
max-width: 635px;
}

.__link{
display: block;
}

.comuser{
display: inline-block!important;
padding-right: 7px!important;
padding-left: 7px!important;
font-size: 15px;
}

.upvote{
cursor: pointer;
}

.upvote.fa-heart{
color:#ff2727 !important
}

.upvote:hover{
color:#ff2727 !important
}

.commentupvote{
position: absolute;z-index: 1;right: 8px;top: 3px;
}

.upvotesnumber{
margin-top: -1px;position: relative;top: 0px;
}

.replybtn{
color:#333;
}

.subreply{
font-size: 13px;
margin-top: 10px;
}

.commenttext{
font-size: 15px;
}

.pr{
position: relative !important;
}

.sendreply{
position: absolute;
top: 0px;
right: 0px;
/* border: 1px solid #ced4da; */
border-radius: .25rem;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border: 0px !important;
background: transparent;
padding-right: 15px;
margin-top: 5px;
}

.sendreplydiv input{
/* border-left: none !important;
border-top: none !important;
border-right: none !important; 
border-radius: 0px !important;*/
}

.repliesdiv{
background: white !important;
padding-top: 0px !important;
overflow-x: auto;
max-height: 360px;
margin-bottom: 7px;
margin-top: 7px;
}

.sendreplydiv{
padding-top: 7px;
position: sticky;
top: 0px;
z-index: 100;
background: white !important;
}

.sendreplydiv *{
margin-bottom: 13px !important;
font-size: 12px;
}

/* .replies-div{
padding-left: 30px;
} */

.post-comment, .thisOne{
padding-bottom: 9px;
background: #fbfbfb;
}

/* .collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
} */

.postinfo{
font-size: 13px;
}

#post_content{
position: relative;
padding-bottom:4px;
/* min-height: 500px; */
}

/* #post_content::after{
border-top:1px solid #eee;
padding-top:10px;
content: '         The End of Post         ';
color: #ccc;
position: absolute;
bottom: -34px;
font-size: 15px;
left: 44%;
} */

.post_content textarea{
border-radius: 0px;
}

.each-edit-inline:hover{
color:#34495e;
}

.each-edit-inline{
position:absolute;
bottom: 6px;
right: 8px;
z-index: 100;
font-size: 14px;
cursor: pointer;
color: #ccc;
}

.backbtn{
position: absolute;top: 0px;right: 17px;color: black;
}

._oeye{
color:green;
}

.toast-top-center{
z-index:1000;
}

.ggcap{
transform:scale(0.87);-webkit-transform:scale(0.87);transform-origin:0 0;-webkit-transform-origin:0 0;
}

.refcap{
width:96px!important
}

.send-comment{
position: absolute;top: 6px;right: 5px;padding: 5px;font-size: 11px;padding-top: 2px;padding-bottom: 3px;padding-right: 7px;
}

.comment-now{
padding-right:33px;
height: 61px;
}

.f11{
font-size: 11px;
}

.authorbadge{
font-size:9px;padding-bottom: 4px !important;
}

.each-comment-reply{
border: none;
border-bottom: 1px solid #eee;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
padding-left: 0px;
}

.notfcount{
font-size: 22px;
position: relative;
display: block;
width: 26px;
}

#notfscount{
font-size: 13px;background: red;border-radius: 50%;width: 20px;position: absolute;height: 20px;text-align: center;line-height: 16px;padding-right: 1px;
right: -4px !important;
top: 1px;
}

.db{
display: block !important;
}

.cb, .cb *{
color: black !important;
}

.notf-card p{
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}

.thisOne{
background: #c5ffcb;
z-index: 10;
}

.thisOneReply{
/* padding: 5px;
background: #efefff; */
border-left: 3px solid #ff2525;
padding-left: 8px;
padding-bottom: 2px;
}

#discussion div{
display: block;
}

.mt24{
margin-top: 24px;
}

.pt2{
padding-top: 2px !important;
}


.commentopt{
position: absolute;right: 9px;top: 0px;
}

.replyopt {
position: absolute;
right: 9px;
top: -3px;
}

.commentopt *, .replyopt *{
color:black;
}

#discussions .dropdown-toggle::after {
display: none !important;
}

.deadEl{
pointer-events: none !important;
}

.profilepic{
width:150px;
height:150px;
}

.postuserpic{
width:83px;
height:83px;
}

.cw{
color: white !important;
}

.each_post {
background-color: #ffffff;
border-radius: 2px;
box-shadow: 0 1px 2px #c9cccd !important;
}

/* .each_post {
 box-shadow: 0px 1px 2px #ccc !important;
}

.bx{
box-shadow: 0px 1px 2px #ccc !important;
} */

.postpic{
width:100px !important;
height:100px !important;
}

.postimg{
display:  flex;
}

.navbar-dark .navbar-nav .nav-link {
color: #eee;
}

/* .each_type{
border-right: 7px solid #006ebe;
} */

.allcontrols{
cursor: move;
border-right: 6px solid #eee;
}

.post_content.ui-sortable-helper .each_type.__shadow{
box-shadow: 0px 0px 16px #eee !important;
background:white!important;
}

.post_content.ui-sortable-helper .dropdown,.post_content.ui-sortable-helper .each_type_handle {
display: none !important;
}

.post_content.ui-sortable-helper .post_content {
cursor: move !important;
}

/* .__isnav{
font-weight: bold;
} */

.___menu{
color:white;
}

._active span{
color: black !important;
/* font-weight: 600 !important; */
background: white;color: #535353;padding: 2px;padding-left: 8px;padding-right: 8px;border-radius: 18px;font-size: 14px;
}

._active ._specialNav{
color: white !important;
/* font-weight: 600 !important; */
}

.__postPic{
  max-width: 60px;
  /* margin-right: 12px; */
}

._postLink{
color:#262626;font-size: 2rem;font-weight: 600;
}

.card-c{
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  padding-top: 11px !important;
}

@media (max-width:767px) {
.card-c, .noborder{
border:none!important;
  }
.card-c {
border:none!important;
padding:0px!important;
  }
#thePost .card{
padding:15px!important;
  }
#post_discussion{
padding: 15px !important;
padding-top: 0px !important;
  }

.hom{
display: none !important;
  }

}

@media (min-width:767px) {
.hod{
display: none !important;
  }
}

.icon-bar {
  z-index: 9999;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}
.facebook {
  background: #3B5998;
  color: white;
}
.twitter {
  background: #55ACEE;
  color: white;
}
.linkedin {
  background: #007bb5;
  color: white;
}
@media screen and (max-width: 600px) {
.icon-bar {
  transform: none !important;
  position: fixed !important;
  bottom: 0px !important;
  top: unset !important;
  display: flex !important;
  width: 100% !important;
  }
  .icon-bar a {
    width: 33.333% !important;
    padding: 3px !important;
  }
}

.compicon{
position: absolute;width: 20px !important;z-index: 10;right: 9px;top: 18px;
}

.each-company{
cursor: pointer;

}

/* .each-company img{
width: 100% !important;
max-width: 42px !important;
} */

._activeCompany .innerComp{
background: #ccc !important;
}

._activeCompany{
background: #34495e !important;
border-color: #34495e !important;
}

._activeCompany *{
color:white !important;
font-weight: 600;
}

._activeCompany img{
 -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
  display:none;
}

.innerComp{
padding:8px!important;
}


#post_discussion a{
color:black!important;
}

/* mo editor v1.0 */
.cp{cursor:pointer!important;}


.mo-editor-switch i.mo-editor-opt{
color: #ccc !important; display: none;
background: white;
padding: 5px;
border-radius: 50%;
border: 1px solid #ccc;
text-align: center;
width: 28px;
height: 28px;
font-size: 15px;
}

.mo-editor-switch{
position: absolute;right: 35px;top: 51%;z-index: 15;
transform: translateY(-50%);
}

.mo-editor-switch .each-control{
left: -146px !important;
top: 5px !important;
}

.mo-editor-switch-plus{
position: absolute;
left: -4px;
top: 51%;
z-index: 15;
transform: translateY(-50%);
display:none;
font-size: 19px;
}

.mo-editor-switch-plus .foraddi{
background: white;
color:#007bff;
padding: 5px;
border-radius: 50%;
border: 1px solid #ccc;
width: 28px;
height: 28px;
font-size: 15px;
text-align: center;
}

.each-mo-block .each_type_handle{
border-right: 8px solid #eee;
position: absolute;
height: 100%;
top: 0px;
right: 20px;
z-index: 18;
display: none;
cursor: move;
}

.each-mo-block:hover .each_type_handle{
display: block;
/* border-right: 8px solid #007bff; */
}

/* .each-mo-block:hover .mo-editor-switch-plus{
display:block;
} */

.each-mo-block:hover .mo-editor-opt{
display:block;
}

.each-mo-block .each_type{
padding-left: 35px;
padding-right: 35px;
}

.mo-editor-switch-plus .each-control-plus{
left: -146px !important;
top: 5px !important;
}

.each-mo-block{
position: relative;
}

/* .mo-editor-switch {
z-index:150 !important;
} */

.text-placeholder{
color:#ccc;
font-size: 21px;
}

#post_content input{
padding: 0px;
font-weight: bold;
/* font-style: italic; */
}

#post_content input, #post_content .text-block{
border:none;
background:transparent;
}

/* .each-mo-block:hover textarea{
border-bottom: 1px solid #eee !important;
} */

.post_content .each_type, .each_type p, #post_content .each_type input, #post_content .each_type textarea{
font-size:18px;
}

.post_content .text-block{
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.post_content .each_type h4{
font-size: 1.5rem;
}

.post_content .each_type h3{
font-size:1.6rem;
}

.__text h3 b, .__text h4 b{
font-weight: 700 !important;
}

#thePost p, #thePost .__text{
font-size:1.06rem;
}

.image_block .mo-editor-switch{
right: 29px !important;
}

.each-mo-block .each_type textarea.form-control.text-c{
overflow: hidden !important;
background: #fdfdfd !important;
padding: 6px !important;
padding-top: 10px !important;
padding-left: 13px !important;
border: 1px solid #eee;
}

.post_content.ui-sortable-helper textarea.form-control.text-c {
background: transparent !important;
border: none !important;
}

.mo-editor-switch-plus.show{
display: block !important;
}


._isNewPost .custom-select{
/* border: none;
border-left: 3px solid #eee; */
padding: 5px;
border-radius: 0px;
padding-left: 6px;
/* height: 28px; */
cursor:pointer;
}

/********* quote ********/

/* .__text blockquote:before, .text-block pre:before {
content: '\201D';
font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 62px;
display: inline-block;
position:absolute;
top: -10px;
right: 11px;
color:#34495e;
} */

.__text blockquote, .text-block pre {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  overflow: hidden;
  position: relative;
  text-align: left;
  padding: 0.8em 0 1.1em 23px;
  border: none;
  max-width: 800px;
  width:100%;
  display: block;
  background: url(qbg-1-e-2.png);
  background-color: #f9f9f9;
  /* margin-left: 10px; */
  font-size: 17px !important;
  white-space: pre-line;
}

.__text blockquote:after, .text-block pre:after {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
  color: #34495e;
  top: 0;
  background: #34495e;
  /* background: -moz-linear-gradient(top,#34495e 0%,#34495e 60%,rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top,#34495e 0%,#34495e 60%,rgba(255,255,255,0) 100%); */
  /* background: linear-gradient(to bottom,#34495e 0%,#34495e 60%,rgba(255,255,255,0) 100%); */
}

.__text blockquote > cite, 
.__text blockquote > p > cite,
.text-block pre > cite, 
.text-block pre > p > cite
 {
  display: block;
  font-size: 16px;
  line-height: 1.3em;
  font-weight: 700;
  font-style: normal;
  margin-top: 1.1em;
  letter-spacing: 0;
  font-style:italic;
}


/* .text-block pre{
background: #eee;font-size: 20px;
margin-left: 10px;
border-left: 5px solid #333;
padding: 9px;
padding-left: 9px;
} */

.__selected .mo-editor-switch-plus{
display: block !important; 
}


/* .card.__text h4, .card.__text h3{
margin-top:20px
} */

.card.__text h4, .card.__text h3, .text-block h4, .text-block h3{
margin-bottom: 15px !important; 
}

.card.__text h4, .card.__text h3{
font-weight: 600;
}

/*.card.__text,*/
.card.__code{
/* padding-top:10px!important;
padding-bottom:0px!important; */
display: block !important;
}

.card.__text{
display: block !important;
}

/* .card b{
padding-top:15px!important;
padding-bottom:15px!important;
} */

.card.__image, .card.__video, .card.__code, .__text blockquote, .text-block pre{
margin-top:20px!important;
margin-bottom:20px!important;
}

@media(max-width: 958px) {

  div.dropdown-menu.add_more.each-control-plus{
  left: 10px !important;
  }

  div.dropdown.mo-editor-switch-plus {
  left: 9px !important;
  }

  .mo-editor-switch-plus .foraddi, .mo-editor-switch i.mo-editor-opt{
  width: 20px;
  height: 20px;
  font-size: 9px;
  }

}

.___info{
background: #eaf4fa;
color: black;
}

/* .__text h4 { padding-left: 18px; }
.__text h4:before {
content: '•';
font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 50px;
display: inline-block;
position:absolute;
top: 11px;
left: 0px;
color:#34495e;
} */

.___label{
font-size: 14px;
}

#brEditorInfo ._imgInfo{
display: block;
width:100%;
margin-top: 18px;
}

#brEditorInfo li{
margin-top: 18px;
}




@media (max-width:994px) {
.nav-link{
text-align: left  !important;
  }
}

/* div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
} */

div.scrollmenu .each-company {
  display: inline-block !important;
  color: black !important;
  text-align: left;
  text-decoration: none;
  background: white;
  border: 1px solid #ced4da; 
  border-radius: .25rem;
}

.compttl{
position: relative;
display: inline-block;
top: 0px;
}

.compimg{
margin:0 auto;
width: 21px !important;
margin-top: -4px;
}

._activeCompany .compttl{
  top:-2px!important;
}

._activeCompany, ._activeCompany .each-company{
  text-align: center !important;
}


@media (max-width:1234px) {
.___HIDE{
display: none !important;
 }
.nav-link{
padding-top: 15px !important;
  }
.nav-link i{
display: none !important;
  }
#__compsAll{
display: none !important;
}
#___sPosts.col-md-8{
flex: 0 0 100% !important;
max-width: 100% !important;
 }
.d-sm-block{
display: block !important;
  }
}

#whatPostType{
font-size: 18px !important;
}

.__text p{
  line-height: 2rem !important;
}

/* .text-block p:has(br){
height:11px!important;
} */

/* #thePost p br {
} */

.__break{
display:block!important;
/* height:27px!important; */
height:27px!important;/*here*/
}

.each_video_input{
border: 1px solid #eee !important;
padding: 4px !important;
padding-left: 9px !important;
}

.each-img, .each_video_input{
margin-top: 13px !important;
margin-bottom: 13px !important;
}

.each_type .text-block h4, .each_type .text-block h3{
font-weight: 600 !important;
}

.control-single:hover{
color: #d31919;
}

.s1-control{
margin-top:-6px;
}

.s1-control span{
font-size: 12px;
color: #333;
/* font-weight: bold; */
}

.s1-control .ico-x{
font-size: 11px;
}

#thePost{
margin-top: 13px;
}

.eachpostimage{
cursor: zoom-in !important;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
}

.lb-outerContainer, .lb-outerContainer img{
pointer-events: none;
}

.lightbox{
cursor: zoom-out !important;
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
}