$classic_tab_color: if(lightness($bg_color) > 50, black, white);

@media (min-width: 45em){
body{
  background:$bg_color;

}
/*header class*/
.banner-wrapper, .c-wrapper, .help-center {
  max-width:1102px;
  margin:0 auto;
}
.c-wrapper{
    background-color:#fff;
	border:$content-border;
    @include border-radius(6px);
  	//@include box-shadow(rgba(0, 0, 0, 0.2) 0px 1px 2px);
  }
.page {
  width:auto;
  max-width:100%;
  padding:0;
  margin-top:0;
  @include box-shadow(none);
}
.banner{
  padding: 0.4em 1.6em;
  @include box-shadow(none);
  @include border-radius(0px);
}
.page-tabs {
  @include border-radius(0px);
  border:none;
  padding-top:1px;
}
.page-tabs .nav-link {
	width: 90%;
	margin: 0 auto;
	max-width: 1102px;
	a{
    	border:none;
    	&:first-child{
	    	@include border-radius(0px);
	  	}
  	}
  	a.active{
    	color:$classic_tab_color;
      	background-color: $bg_color;
	}
}
footer{
  display:none;
}

/* Search content style */
.help-center {
    
  margin-bottom:-30px;
  padding-bottom:0;
  @include box-shadow(none);
  border-bottom: 0;
  @include border-bottom-left-radius(0px);
  @include border-bottom-right-radius(0px);
  background: #fff;
  margin-top: 5px;
  padding-left:0;
  padding-right:0;
  .hc-search{
    width: 100%;
	border: 0;
    background-color: #F6F6F6;
    border-top: 1px solid #E2E2E2;
    padding: 0px 20px 20px 20px;
    margin-bottom: 15px;
    margin-top: 30px;
    .heading{
      margin-top: -40px;
	  margin-bottom: 20px;
    }
   .hc-search-form {
      background-color: transparent;
      padding: 0;
      @include border-radius(6px);
   }
  }
  .hc-nav{
    z-index: 9999;
	position: relative;
    margin-top: -130px;
    float: right;
    width: 100%;
    .new-ticket, .check-status, .contact-info{
        float:right;
    }
  }
}
/* Page style */
.main.content{
    margin-right: 0px;
    width: 70%;
    @include border-bottom-right-radius(0);
     @include border-top-right-radius(0);
    @include box-shadow(none);
    border: 0;
}
.sidebar.content{
    width: 30%;
    @include border-bottom-left-radius(0);
    @include border-top-left-radius(0);
    @include box-shadow(none);
    border-left:$content-border;
  }
.content{
  border:none;
  @include box-shadow(none);
}
  .cs-s {
    border:none;
    h1,h2,h3,h4,h5,h6{
      border:none;
    }
  }
  .badge-announcement:before, .page-stamp-announcement,.badge-ideas:before, .page-stamp-ideas , .badge-questions:before, .page-stamp-questions , .badge-problems:before, .page-stamp-problems{
    background-color:#aaa;
  }
  .content-form{ 
    margin-right:10px;
    margin-left:10px;
    &.main{
      width:65.5651%;
    }
  }
}