html, body{
  height: 100%; background-color:#F3F3F3;
}
a{
  color: #859eec;
}
.btn{
  border: 1px transparent; border-radius:0;
}
.btn-primary{
  background-color: #859fe8;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
  background-color: #7c96df !important;
}
.btn-success{
  background-color: #33e58c;
}
.btn-success:hover, .btn-success:active, .btn-success:focus{
  background-color: #28d980 !important;
}
.btn-link{
  padding: 0; color: #859eec;
}
.form-control{
  border-radius: 0;
}
.file-manager-image{
  max-height: 100px; 
}
.btn-open-file-manager.btn-link{
  display: block; margin: 5px 0 10px;
}
.main-content{
  height: 100%;
}
.main-menu{
  flex: 0 0 220px; z-index: 10; transition: width 0.2s;
}
.main-menu--top{
  padding: 10px 10px 0;
}
.main-menu--top img{
  height: 55px; margin: 10px auto; 
}
.main-menu--top p{
	margin: 0;
}
.navbar-main{
	padding: 0; background: linear-gradient(to top, #5768f3, #859fe8); display: block; height: 100%; color: #FFF;
}
.navbar-main .nav{
  width: 100%;
}
.navbar-main li{
  width: 100%;
}
.navbar-main .fas{
	color: #FFF;
}
.navbar-main a{
	color: #FFF; padding: 10px 15px; transition: all 0.2s;
}
.navbar-main .active > a, .navbar-main li:hover > a{
	background-color: #7c96df;
}
.navbar-main li a i{
	transition: all 0.2s; margin-right: 5px;
}
.navbar-main li:hover > a i{
	margin-right: 10px;
}
.btn-show-hide-menu{
  margin: 5px 10px;
}
.main-menu-hidden.main-menu{
  flex: 0 0 48px;
}
.main-menu-hidden .main-menu-link-text{
  display: none;
}
.main-menu-hidden .nav-item .nav{
  min-width: 200px; background-color: #5768f3;
}
.main-menu-hidden .dropdown-toggle::after {
  margin-left: -5px;
}
.content{
  padding: 30px;
}
.page-header{
	margin-bottom: 40px;border-bottom: solid 1px #dddddd; padding-bottom: 15px;
}
.page-header h1{
  font-size: 1.5rem; font-weight: normal;
}
.page-header a:not(.btn){
  color: #000;
}
.home-card{
  margin-top: 50px; margin-bottom: 50px;
}
.card {
  box-shadow: 0 0 0 0 rgb(90 113 208 / 11%), 0 4px 16px 0 rgb(167 175 183 / 33%);
  border: solid 1px #dde4eb;
  border-radius: 0px;
  margin-bottom: 30px;
}
.user_photo{
  position: relative; height: 50px; width: 50px; overflow: hidden; display: inline-block; border-radius: 100px;
}
.user_photo img{
  position: absolute; top:0; bottom:0; left: -1000px; right: -1000px; height: 100%; margin: auto;
}
.news__user_name{
  font-size: 17px; margin-top: 2px; margin-bottom: 2px;
}
.news__workplace{
  font-size: 13px;
}
.news__name{
  font-size: 17px;
}
.news__content{
  font-size: 15px;
}
/* menu */
#menu-top{
  background-color: #FFF; padding: 10px; text-align: right; box-shadow: 0 0 0 0 rgb(90 113 208 / 11%), 0 4px 16px 0 rgb(167 175 183 / 33%);
}
#menu-top a{
  margin-left: 20px;
}
.menu-top--link-profile{
  border-radius: 50px; width: 32px; height: 32px; background-color: #859fe8; color: #FFF; display: inline-flex;align-items: center; justify-content: center; transition: all 0.2s;
}
.menu-top--link-profile:hover{
  color: #FFF; opacity: 0.8; text-decoration: none;
}
.menu-top--count-notifications{
  position: absolute; bottom: -10px; left:-10px; border-radius: 50px;
}
/* register */
.register--box{
  margin: 50px 0; border: none; border-radius: 0;
}
.register--header{
  display: flex;
}
.register--header a{
  padding: 10px; text-align: center; flex: 1 100%; background-color: #dddddd;
}
.register--header a.active{
  background-color: white;
}
/* serp snippet */
.serp-snippet-url, .serp-snippet-title, .serp-snippet-description{
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 3px;
}
.serp-snippet-url{
  color: #4f4f4f;
  font-size: 14px;
  display: block;
  font-family: Arial;
}
.serp-snippet-title{
  color: #1a0dab;
  font-size: 20px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.3;
  padding-top: 3px;
  margin-bottom: 3px;
  font-family: arial,sans-serif;
  font-weight: 400;
}
.serp-snippet-description{
  color: #4f4f4f;
  font-size: 14px;
  display: block;
  font-family: Arial;
}
.serp-snippet-seo-rich{
  color: #808080;
  margin-bottom: 8px;
}
.serp-snippet-preview-google{
  background-color: #f8f8f8;
  margin-bottom: 20px;
  padding-top: 30px;
}
.tabSearchCol {
  margin-left: 50px;
}
.searchbarCol {
  position: relative;
}
.searchbarCol .form-control {
  padding: 10px 120px 10px 20px;
  border-radius: 50px;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
  height: 44px;
}
.inputCloseIcon {
  position: absolute;
  right: 108px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  cursor: pointer;
}
.inputCloseIcon>img {
  width: 15px;
}
.searchIcon {
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  padding-left: 0;
}
.searchIcon>span {
  margin-left: 8px;
}
.searchIcon>span {
  margin-left: 15px;
  cursor: pointer;
}
.tabCol {
  padding-top: 15px;
}
.tabLinks ul{
  padding-left: 0; margin-bottom: 0;
}
.tabLinks>ul>li {
  display: inline-block;
  vertical-align: middle;
}
.tabLinks>ul>li.active>a, .tabLinks>ul>li>a:hover {
  color: #5066e4;
  font-weight: 500;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
.tabLinks>ul>li>a {
  color: #4f4f4f;
  font-size: 13px;
  position: relative;
  padding: 0 6px 10px;
  display: block;

  transition: all 500ms ease-in-out 0s;
}
.tabLinks>ul>li.active>a::before, .tabLinks>ul>li>a:hover::before {
  background-color: #5066e4;
}
.tabLinks>ul>li>a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 3px;
  width: 100%;
  background-color: transparent;
  border-radius: 50px;
  transition: all 500ms ease-in-out 0s;
}
.tabLinks>ul>li>a>span {
  display: inline-block;
  vertical-align: middle;
}
.tabLinks>ul>li>a>span+span {
  padding-left: 10px;
}
.barIcon {
  text-align: right;
  padding-right: 15px;
  padding-bottom: 15px;
}
.barIcon>ul {
  margin-bottom: 0;
}
.barIcon>ul>li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
#seo_favdiv_mobile{
  font-size:14px;line-height:20px;color:#202124;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:13px;display:block;padding-left:16px;padding-right:16px;
}
#seo_favicon_mobile{
  margin-right:12px;vertical-align:middle;width:16px;height:16px;
}
#seo_favcrumbs_mobile{
  color:#3c4043;white-space:nowrap;font-size:12px;font-family:Arial !important;font-weight:inherit;line-height:20px;
}
#seo_title_mobile{
  width:343px;overflow-wrap:break-word;font-size:16px;line-height:20px;padding-top:12px;padding-left:16px;font-family:Arial,sans-serif !important;color:#1967d2;
}
#seo_meta_mobile{
  width:auto;word-wrap:break-word;font-size:14px;line-height:20px;padding-top:12px;padding-left:16px;padding-right:16px;padding-bottom:12px;font-family:Arial !important;color:#3c4043;
}
#rich_div_mobile{
  margin-top: -4px; width: 327px; overflow-wrap: break-word; font-size: 14px; line-height: 20px; padding-left: 16px; padding-right: 16px; padding-bottom: 12px; display: block;
}
#rating_mobile{
  font-size:14px;line-height:20px;font-family:Roboto,HelveticaNeue,Arial,sans-serif;color:#202124;
}
#score_mobile{
  margin-top:5px;font-size:14px;line-height:20px;font-family:Roboto,HelveticaNeue,Arial,sans-serif;color:#70757a;
}
#seo_result_mobile{
  background-color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 20px;
  box-shadow: rgb(32 33 36 / 28%) 0px 1px 6px;
  border-radius: 8px;
  width: 359px;
  margin: auto;
}
/* end serp snippet */
@media(max-width: 992px) {
  .main-content{
    display: block !important;
  }
  .navbar-main{
    display: flex;
  }
  .main-menu--top{
    padding: 0;
  }
  .main-menu--top img{
    height: 40px; margin: 10px;
  }
  .main-menu .navbar-toggler{
    margin: 10px;
  }
}