.content-wrapper{
	background-color:#f3f5f7;
	/*padding: 2.5rem 3.5rem;*/
}
.navbar.navbar-default{
	background:#2a3954 ;
	color:#c4d1e9
}
.footer{
	background: #fff;
}
.bg-navy{
	background:#0d2a58
}
.navbar .navbar-brand-wrapper .navbar-brand img{
	width: 100%;
	margin-bottom: 6px;
}
h3, .h3 {
	font-size: 1.5rem;
}
h5, .h5 {
    font-size: 1.15rem;
}
.btn{
	cursor: pointer
}
.ul-list{
	list-style: none;
	padding-left: 0;
	margin-bottom:0;
}

.btn-outline-white {
	color: #2a3954;
	background-color: #fff;
	background-image: none; 
	border-color: #c4c4c4;
}
.table-filter{
	border:1px solid #eaeaea
}
.table-filter th{
	background: #f4f4f4;
	font-weight: 500;
	border-right:1px solid #f3f1f1
}
.table-filter td, .table-filter th{
	border-top: 1px solid #eaeaea;
	padding: .7rem
}
.table-filter select,.table-filter input[type="text"]{
	height: 36px !important;
	min-height: 36px !important;
	font-size: 13px;
}
.table-filter .btn-plus{
	height: 36px;
	font-size: 1.2rem
}
.table-filter .btn-p-search{
	height: 36px;
	font-size: 13px
}
.table-filter .form-check,.table-filter .form-radio{
	margin:0 40px 0 0;
}
.table-filter .form-check-label{
	padding-left: 24px;
}
.table-row{
	margin:0
}
.table-row [class|="col"]{
	padding-left: 0;
	padding-right: 4px
}
.table-footer .btn{
	width: 80px
}

/*list*/
.list-flex{
	border:1px solid #eaeaea
}
.list-flex li{
	flex: 1 1 auto;
}
.list-flex li+li{
	border-left:1px solid #eaeaea
}
.wrap-state li a{
	display: flex;
	-webkit-box-align: center!important;
	-webkit-align-items: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	color: #333;
	padding: 1.4rem 2rem
}
.wrap-state li.active,.wrap-state li a:hover{
	text-decoration: none;
	background: #fcfcfc
}
.wrap-state .mark-img{
	margin-right: 20px;
}
.wrap-state .mark-img img{
	width: 36px;
}
.wrap-state .mark-img span{
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	line-height: 40px;
	font-size: 20px;
	background: #ededed;
	color: #b5b5b5;
}
.wrap-state .mark-info h3{
	font-size: 15px;
	font-weight: 100;
	margin-bottom: 0
}
.wrap-state li.active h3{
	color: #1991eb;
	font-weight: 500
}
.wrap-state li.active .mark-img span{
	background: #1991eb;
	color:#fff
}
.wrap-state .mark-info .count{
	font-weight: bold
}
.wrap-cancel li.active h3{
	color: #f73344;
	font-weight: 500
}
.wrap-cancel li.active .mark-img span{
	background: #f73344;
	color:#fff
}
/*tab*/
.nav-tabs .nav-link{
  color:#333
}
.nav-tabs .nav-link.active{
  color:#1991eb;
	font-weight: bold
}