body{
	background: #F4F5F7 !important;
}
body .focused-form{
	/*background: #F4F5F7;*/
}
.bg-red{
	/*background-color: #BE2A3D;*/
	background-color: rgba(190, 42, 61, 1);
}
.bg-white{
	background-color: #FFF !important;
}
.bg-success{
	background-color: #8bc34a !important;
}
.bg-warning{
	background-color: #ffc107 !important;
}
.bg-danger{
	background-color: #e51c23 !important;
}
.bg-dark{
	background-color: #a53718 !important;
}
.bg-muted{
	background-color: #f9f9f9 !important;
}
.text-white{
	color: #fff !important;
}
.loader-line{
	height: 20px;
}
.badge-dark{
	background-color: #a53718 !important;
	color: #fff;
}
.badge-warning{
	background-color: #ffc107 !important;
	color: #fff;
}

/*@keyframes showhide {
  from {opacity: 1;}
  to {opacity: 0;}
}*/
.loading-text{
/*	animation-name: showhide;*/
/*  animation-duration: 2s;*/
/*  animation-iteration-count: 3;*/
	font-size: 12px;
	display: none;
}

#trigger-sidebar{
	display: none !important;
}
.overlay-noscript{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 2000;
	color: #fff;
	text-align: center;
}
.overlay-noscript p{
	margin-top: 200px;
}
label, th, td, p, li, input{
	font-size: 15px !important;
}

input, textarea, select {
	/*text-transform: uppercase;*/
}

input[type="checkbox"][readonly] {
  pointer-events: none;
}

select[readonly],
.form-control[readonly]{
  pointer-events: none !important;
  touch-action: none !important;
}

#signinForm input{
	text-transform: none;
}

.page-content > .breadcrumb{
	padding: 30px;
	padding-bottom: 0;
}
.breadcrumb li a{
	font-size: 14px;
}

h5, h2.panel-title{
	font-size: 16px;
}
.vcenter{
  vertical-align: middle !important;
}

/* Table Grid */
.panel-body .table-control{
	margin-bottom: 20px;
}
.panel-body .table-action form{
	display: inline-block;
} 
.panel-footer .table-pagging strong,
.panel-footer .table-pagging a{
	padding: 5px 10px;
	margin:0 1px;
	border-radius: 3px;
}
.panel-footer .table-pagging strong{
	background-color: #03a9f4;
	border: 1px solid #03a9f4;
	color: #fff;
}
.panel-footer .table-pagging a{
	color: #03a9f4;
	border: 1px solid #e0e0e0;
}
.panel-footer .table-pagging a:hover{
	background-color: #eee;
	color: #03a9f4;
	text-decoration: none;
}
table .td-success{
	background-color: #8bc34a;
	color: #fff;
}
table .td-danger{
	background-color: #e51c23;
	color: #fff;
}
table .td-warning{
	background-color: #ffc107;
	color: #fff;
}
table .td-dark{
	background-color: #a53718;
	color: #fff;
}
/* Form */
.select2-container--default .select2-selection--single,
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple{
	border: 1px solid #e0e0e0 !important;
}
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple{
	height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 40px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
	line-height: 25px !important;
}
.form-mark{
	color: #ff0000;
}
select.form-control{
	width: 100% !important;
	display: block;
	padding: 9px 10px;
}
.select2{
	width: 100% !important;
	display: block !important;
}
.form-control{
	height: auto;
	padding: 8px 10px;
	border-radius: 5px;
}
.form-control-inline{
	border: 1px solid #dbdbdb;
	padding: 6px 8px;
	border-radius: 5px;
}
.form-control-inline::placeholder{
	color: #ccc;
}
.input-group-addon{
	border-radius: 5px;
}
.btn{
	border-radius: 5px !important;
	/*padding: 5px 20px;*/
}
.btn-custom{
	color: #fff !important;
    background-color: #BE2A3D !important;
    border: 1px solid #BE2A3D !important;
}
.btn-custom:hover{
	color: #fff !important;
    background-color: #ad1a2b !important;
    border: 1px solid #ad1a2b !important;
}

/* Modal */
h2.modal-title{
	font-size: 16px;
}

/* Amchart */
.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}

.amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}

@media (max-width: 767px){
	#topnav .navbar-brand {
	    width: 128px;
	}
	#trigger-sidebar{
		display: block !important;
	}
}

/* Maintenance */
.overlay-close{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.overlay-content{
	margin: 200px auto;
	background: #fff;
	width: 30%;
	padding: 30px;
	text-align: center;
}

/* Header  */
#topnav{
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
}
.icon-bg i.ti{
	color: #616161 !important;
}
.icon-bg:hover i.ti{
	color: #BE2A3D !important;
}

/* Main  */
.content-main{
	margin-top: 30px;
}
.item-main{
	margin:  20px 25px;
	border: 3px solid transparent;
}
.item-main:hover{
	border: 3px solid #BE2A3D;
}
.item-main img.img-responsive{
	width: 70%;
	margin: 0 auto;
}
.disabled{
	pointer-events: none;
  opacity: 0.5;
}

/* Card */
.card{
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
}
.card-body{
	padding: 20px;
}

/* Panel Override  */
.panel{
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
}
.panel-body{
	border-radius: 10px !important;
}
.panel-heading{
	border-radius: 10px 10px 0 0 !important;
}
.panel-footer{
	border-radius: 0 0 10px 10px  !important;
}
.panel-news .panel-body{
	padding: 0 !important;
}
.panel-news .img-container{
	overflow: hidden;
	border-radius: 10px 0 0 10px;
	height: 200px;
}
.panel-news .img-container img{
	width: 100%;
  height: 100%;
  object-fit: cover;
}
.panel-news .dashboard-h3:hover{
	color: #BE2A3D;
}
.panel-overflow{
	max-height: 500px;
	overflow-y: scroll;
}

/* Container  */
.container-fluid{
	padding-left: 30px;
	padding-right: 30px;
}

/* Menu  */
/*.acc-menu li i.ti{
	color: #BE2A3D !important;
}*/
.acc-menu li.active{
	border-right: 2px solid #BE2A3D;  
}
.sub-menu li.active{
	border-right: none;
}
.sub-menu li.active > a{
	color: #BE2A3D !important;
}
.acc-menu li.active i.ti{
	color: #BE2A3D !important;
}

/* Login  */
.content-login{
	position:  relative;
	margin-top: 15%;
}

.list-group.list-group-alternate{
	box-shadow: none;
}

/* Dashboard  */
.dashboard-h1{
		font-size: 24px;
		margin: 0;
}
.dashboard-h1 small{
	font-size: 16px;
}
.dashboard-h2{
	font-size: 20px;
}
.dashboard-h3{
	font-size: 16px;
}

/* Margin */
.m-1{
	margin: 10px;
}
.m-2{
	margin: 20px;
}
.mt-0{
	margin-top: 0px;
}
.mt-1{
	margin-top: 10px;
}
.mt-2{
	margin-top: 20px;
}
.mt-3{
	margin-top: 30px;
}
.mb-0{
	margin-bottom: 0px;
}
.mb-1{
	margin-bottom: 10px;
}
.mb-2{
	margin-bottom: 20px;
}
.mb-3{
	margin-bottom: 30px;
}
.mr-0{
	margin-right: 0px;
}
.mr-1{
	margin-right: 10px;
}
.mr-2{
	margin-right: 20px;
}
.mr-3{
	margin-right: 30px;
}
.ml-0{
	margin-left: 0px;
}
.ml-1{
	margin-left: 10px;
}
.ml-2{
	margin-left: 20px;
}
.ml-3{
	margin-left: 30px;
}
.p-1{
	padding: 1em !important;
}
.p-2{
	padding: 2em !important;
}
.float-right{
	float: right;
}

/* Tab  */
.nav-pills li a{
	color: #3f3f3f;
	border-radius: 5px;
	padding: 10px 15px;
	/*border: 1px solid #BE2A3D;*/
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);

}
.nav-pills li.active a{
	background-color: #BE2A3D !important;
	color: #fff;
}
.tab-outreach{
	/*background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
	background: url('../img/v2/outreach.jpg');*/
	height: 150px;
}
.tab-support{
	/*background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
	background: url('../img/v2/support.jpg');*/
	height: 150px;
}

/*  Highchart */
.highcharts-figure,
.highcharts-data-table table {
  min-width: 310px;
  max-width: 800px;
  margin: 1em auto;
}

#container {
  height: 400px;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}