.con-middle-bg{background: #f6f7fb;}
.banner-title-new{
	font-size: 25px!important;
}

.left-nav{border: 2px solid #e1e1e1; background: #fff; padding: 1rem;   border-radius: 7px;}
.left-nav ul{  margin:0px; padding: 0px; list-style-type: none;}
.left-nav ul li{border: 0px solid red; text-align: center; display: flex;}
.left-nav ul li a{border-bottom: 0.13rem solid #e3e3e3; font-size:14px;  font-weight: bold;text-align: center;
	width: 100%; padding: 8px;}
.left-nav ul li a:hover{border-bottom:0.13rem solid #3098d3; color:#3098d3;  }
.left-nav ul li .active{border-bottom:0.13rem solid #3098d3; color:#3098d3;  }



.middle-top{border: 2px solid #e1e1e1; background: #fff; padding: 1rem;   
	border-radius: 7px; display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1rem; font-size: 15px; font-weight: bold;}
.middle-top div{ display: flex; }
.middle-top div sapn.active{color:3098d3; background: #3098d3; }
.middle-top div sapn{color:white; background: #a4a3a3;  border-radius: 20px;
	width: 25px; height: 25px; margin-left: 6px; text-align: center; font-size: 12px;}

 
.page-checkbox{ border:1px solid red;}
.middle-content-inner{border: 2px solid #e1e1e1; background: #fff; padding: 1rem;border-radius: 7px; padding: 25px;}
.middle-content-inner .main-title{font-size:18px; text-transform: capitalize;}

.active-box-panel{border: 2px solid #e1e1e1; background: #fff; padding: 1rem;  
	border-radius: 7px; position: relative; font-size: 13px; height: 100%;}
.active-box-panel h6{ font-size:15px; padding-right: 100px;}

.active-box-panel .draft-box{border: 0px solid red;display: flex; gap:0.8rem;}

.active-box-panel .draft-box sapn {
  color: white;
   border-radius: 20px;
  width: 26px;
  height: 26px;
  
  text-align: center;
  
}

.display-flex{ display: flex;}
 
.ribbon-wrapper {
height: 100px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100px;
  z-index: 10;
  
}
.ribbon-wrapper .ribbon {
  box-shadow: 0 0 3px rgba(0,0,0,.3);
  font-size: .8rem;
  line-height: 100%;
  padding: 0.380rem 0;
  position: relative;
  right: 5px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,.4);
  text-transform: uppercase;
  top: 24px;
  transform: rotate(45deg);
  width: 132px;
	color: #fff;
}




.active-box-panel .draft-box .link-one {
   
 text-transform: uppercase; font-weight: bold;
}
.active-box-panel .draft-box .link-two {
   
  color: #2d92cc;
    font-weight:normal;
}

.active-box-panel .author-box-new{ border: 0px solid red;display: flex; gap:0.5rem;}
.active-box-panel .author-box-new .autor{ border: 0px solid red; text-transform: uppercase;
  font-weight: bold;}
.active-box-panel .author-box-new .sub-autor{ border:0px solid red; color:#2d92cc; font-weight:normal;}


.active-box-panel p{ font-size: 13px; text-align: justify;}

.pagination{justify-content: center;
	display: flex;}
.navbar-expand-lg .navbar-collapse{ align-items: center!important;}


.login-flex{align-items: center;
justify-content: space-evenly;}

.form-select-new{ height: 2.5rem;}
.radio{ border: 1px solid red;}

.edit-btn-box{display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: last baseline;
  border-bottom: 1px solid #cecbcb;
  margin-bottom: 7px;
  margin-top: 10px;}

.list-none{list-style-type: none; padding: 0px; column-count: 3; font-size:14px; }
.list-none li{ margin-bottom: 15px;
  display: flex;
  gap: 0.7rem;
  font-size: 13px;
  line-height: 18px;}
@media (max-width: 767px) {
	.list-none{column-count: 1; }
}