/* Write your custom CSS here */
/*loader*/
.nc-loading {
  position: fixed;
  display: none;
  text-align: center;
  font-size: 26px;
  line-height: 1;
  z-index: 1060;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
}
.nc-loader-spinner{
	position: absolute;
	width: 50px;
	height: 60px;
	top: 33%;
	left: 50%;
  margin-left: -25px;
	text-align: center;
}
.nc-loader{
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loader 1.1s infinite linear;
  animation: loader 1.1s infinite linear;
}
.nc-loader,
.nc-loader:after {
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.cho-image{
	position: relative;
	background: #f9f9f9;
	color: #333;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.banner-img-file{
	position: absolute;
	opacity: 0;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 9;

}
.email .email-author span.email-date{
	opacity: 1
}
.pager li.active a{
	background: #0070E0;
	color: #fff;
}
a.red{
	color: red;
}
.form-ul{
	margin: 0;
	padding: 0
}
.form-ul li{
  display: inline-block;
  margin-right: 10px;
  padding: 5px 20px;
  list-style: none;
  background: #f7f7f7;
  cursor: pointer;
  margin-bottom: 10px
}
.form-ul li.active{
	background: #63cb89;
	color: #fff;
}
.form-control{
	height: 40px;
	font-size: 15px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle
}
table .btn{
	opacity: 0;
	margin: 2px;
}
table tr:hover .btn{
	opacity: 1
}
.no-msg{
	padding: 60px 0;
	text-align: center;
}
.school_list{
	display: none;
	margin-top: 10px;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 16px
}
.pager li{
	margin-right: 10px;
}
.news h3{
  text-align: center;
  font-weight: bold;
  font-size: 25px;
}
.new-controls{
	background: #f6f6f6;
	padding: 15px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 60px;
}
.alert-warning {
    color: #ff0b0b;
    background-color: #fff9e2;
    border-color: #94780a;
}
#news-content-bar{
	max-width:1100px;
	margin: 0 auto;
}
.text-news{
	position: relative;
	text-indent: 2em;
	font-size: 15px;
	line-height: 25px;
	color: #444;
	padding: 15px 10px;
  	margin: 0 auto;
}
.image-news{
	position: relative;
	padding: 15px 10px;
}
.delete-news-text,.delete-news-img{
	display: none;
	position: absolute;
	color: red;
	top: 0px;
	font-size: 14px;
	right: 6px;
	cursor: pointer;
}
.delete-news-text:hover,.delete-news-img:hover{
	text-decoration: underline;
}
.text-news:hover,.image-news:hover{
	background: #f1f1f1;
}
.text-news:hover .delete-news-text,.image-news:hover .delete-news-img{
	display: inline-block;
}
.news-img-text{
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.news-img-text:hover{
	opacity: .8
}
.news-img-input{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.img-news{
  display: block;
  max-width: 1050px;
  margin: 15px auto;
}