@font-face {
	font-family: 'AvantGarde-Book';
	src: url('../fonts/AvantGarde-Book.eot');
	src: url('../fonts/AvantGarde-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvantGarde-Book.woff2') format('woff2'),
		url('../fonts/AvantGarde-Book.woff') format('woff'),
		url('../fonts/AvantGarde-Book.ttf') format('truetype'),
		url('../fonts/AvantGarde-Book.svg#AvantGarde-Book') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Avant garde book';
	src: url('../fonts/Avant-gardebook.eot');
	src: url('../fonts/Avant-gardebook.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avant-gardebook.woff2') format('woff2'),
		url('../fonts/Avant-gardebook.woff') format('woff'),
		url('../fonts/Avant-gardebook.ttf') format('truetype'),
		url('../fonts/Avant-gardebook.svg#Avant-gardebook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvantGarde-Demi';
	src: url('../fonts/AvantGarde-Demi.eot');
	src: url('../fonts/AvantGarde-Demi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvantGarde-Demi.woff2') format('woff2'),
		url('../fonts/AvantGarde-Demi.woff') format('woff'),
		url('../fonts/AvantGarde-Demi.ttf') format('truetype'),
		url('../fonts/AvantGarde-Demi.svg#AvantGarde-Demi') format('svg');
	font-weight: 100;
	font-style: normal;
}
header {
    /*background: #ec2027;padding: 20px 20px 30px;*/
    background: #223871;padding: 20px 20px 30px;
}
.active-menu a .item-icon{
	color:red !important;
}
.main-banner{position: relative;border-bottom: 5px solid #223871;background:url(../img/front/banner.jpg);text-align: right;height: 410px;
    background-position: bottom center;}
.main-banner .bin-image{margin-top:-55px;}

.manu-wraper ul li{list-style: none;display: inline-block;}
.manu-wraper ul li a{font-family: 'Avant garde book';color:#223871;font-size:27.08px;}
.manu-wraper ul li a span{width: 100%;float: left;text-align: center;}
.manu-wraper ul{padding: 0px;margin-left: 200px;margin-top: 35px;margin-bottom: 35px;}

.dashboard-box{background:url(../img/front/dashboard-bg.jpg) no-repeat;}
.dashboard-box .dashboard-box-title{font-family: 'AvantGarde-Demi';color:#fff;margin: 0px;font-size:33.33px;font-weight: normal;margin-bottom: 25px;}
.dashboard-box  .box {background: #223871;padding: 20px;-webkit-box-shadow: -1px 0px 17px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    -1px 0px 17px 0px rgba(50, 50, 50, 0.75);box-shadow:         -1px 0px 17px 0px rgba(50, 50, 50, 0.75);min-height: 205px;}
.dashboard-box  .box .box-icon h3,
.dashboard-box  .box .box-icon h4,
.dashboard-box  .box .box-icon h2{color:#fff;}
.dashboard-box  .box .box-icon h2.number{font-family: 'AvantGarde-Demi';font-size:40.94px;font-weight: normal;margin-bottom: 0px;margin-top: 8px;}
.dashboard-box  .box .box-icon h3,
.dashboard-box  .box .box-icon h4{font-family: 'Avant garde book';font-weight: normal;}
.dashboard-box  .box .box-icon h3{font-size:28.05px;margin-bottom: 0px;margin-top: 15px;}
.dashboard-box  .box .box-icon h4{font-size:18.88px;margin: 0px;}
.dashboard-box .box-rows + .box-rows{margin-top:30px;}
.dashboard-box  .box:hover{cursor: pointer;background:#ec2027;}
.dashboard-box  .box .box-icon h3 .number{font-family: 'AvantGarde-Demi';font-size:40.94px;}

.bottom-recent-box .recent-cash-box,
.bottom-recent-box .recent-project-box{float: left;}
.bottom-recent-box .recent-project-box{width: calc(46.6% - 15px);margin-right: 15px;}
.bottom-recent-box .recent-cash-box{width: 53.4%;}
.bottom-recent-box h2{font-family: 'AvantGarde-Demi';margin: 0px;font-size:33.33px;font-weight: normal;margin-bottom: 10px;}
.bottom-recent-box  .recent-project-box h2{color:#ec2027;}
.bottom-recent-box  .recent-cash-box h2{color:#fff;}
.bottom-recent-box  .recent-cash-box{background:#b5b6b8;padding: 30px 20px 10px;}
.bottom-recent-box  .recent-project-box{padding-top: 30px;}
section.bottom-recent-box {margin-top: 30px;}
.bottom-recent-box  .table>thead>tr>th {border-bottom: none;}
.bottom-recent-box .table>tbody>tr:nth-child(1) td{border-top:none;}
.bottom-recent-box .recent-project-box .table>tbody>tr>td{border-color:#b5b6b8;}
.bottom-recent-box .recent-cash-box .table>tbody>tr>td{border-color:#fff;}
.bottom-recent-box .table>tbody>tr>td:first-child,
.bottom-recent-box .table>thead>tr>th:first-child{padding-left:0px;}
.bottom-recent-box .table>tbody>tr>td:last-child{text-align:center;}
.bottom-recent-box .table>tbody>tr>td:last-child,
.bottom-recent-box .table>thead>tr>th:last-child{padding-right:0px;}
.bottom-recent-box .table>thead>tr>th{font-family: 'Avant garde book';font-weight: normal;font-size:20.52px;color:#143673;}
.bottom-recent-box .table>tbody>tr>td{font-family: 'Avant garde book';font-weight: normal;font-size:15px;color:#040000; vertical-align: middle;}
.bottom-recent-box .recent-project-box  label.approved {background:#ec2027;color:#fff;margin: 0px;padding: 0px 7px 3px;}
.view-more{font-family: 'Avant garde book';font-weight: normal;font-size:16.67px;color:#6f6f6f;float: right;position: relative;top: 9px;}
.recent-cash-box .view-more{color:#2a2a2a;}
span.header-profile, span.header-profile a{font-family: 'Avant garde book';font-weight: normal;font-size:20.83px;color:#fff;}
span.header-profile{text-align: right;}
.logo .logo-link{display: inline-block;}
.filter-dashboard .form-group{float: right;min-width: 120px;}
.filter-dashboard .form-group select{border-radius: 0px;
    background: transparent;
    float: right;
    font-family: 'Avant garde book';
    font-weight: normal;
    font-size: 22.2px;
    color: #fff;
    width: 100px;
    border: 2px solid #fff;
    padding-top: 2px;
    padding-bottom: 2px;}
.filter-dashboard .form-group select option {background: transparent;color:#ec2027}
.filter-dashboard .form-group label{font-family: 'Avant garde book';font-weight: normal;font-size:22.2px;color:#fff;margin-bottom: 0px;margin-top: 3px;    margin-right: 10px;}
footer {padding: 10px 0px;text-align: right;}
.header-profile .topbar-actions .btn-group-img.btn-group:hover{background:#223871 !important}
.topbar-actions .btn-group-img img {max-height: 30px;}
.m-l10{margin-left:10px;}
.calendarview-filter{margin-top: 20px;margin-left: 5px;margin-right: 5px;margin-bottom: 10px;}

@media (min-width: 992px){
	.padding-md-r0{padding-right:0px;}
	.padding-md-l0{padding-left:0px;}
	.pull-right-md{float:right;}
}
@media (max-width: 1199px){
	.manu-wraper ul li a {font-size: 25.08px;}
}
@media only screen
  and (min-width: 320px)
  and (max-width: 767px){
	.main-banner .bin-image {height: 270px;}
	.logo .logo-link {text-align: center;}
	.logo {background: #ec2027;margin: 0px;}
	header {padding: 0px;}
	.dashboard-box {padding: 20px;background-repeat:repeat;}
	.dashboard-box .dashboard-box-title {text-align: center;}
	.filter-dashboard .form-group { float: none;padding: 0px 15px;}
	.dashboard-box .box-rows + .box-rows {margin-top: 20px;}
	.dashboard-box .box-rows .col-xs-12 + .col-xs-12{margin-top:20px;}
	.bottom-recent-box .recent-project-box {width: 100%;margin-right: 0px;}
	.bottom-recent-box .recent-cash-box {width: 100%;}
	.bottom-recent-box .recent-project-box {padding-top: 0px;}
	.bottom-recent-box h2 {font-size: 20px;}
	.bottom-recent-box .table>thead>tr>th {font-size: 19px;}
	.bottom-recent-box .table>tbody>tr>td {font-size: 14px;}
	.view-more {top: 5px;}
	.table-responsive {border: none;}
	.bottom-recent-box .recent-project-box label.approved {padding: 2px 7px 3px;}
	span.header-profile {text-align: left;}
	.profile-img img{height: 40px;}
	.navbar-default .navbar-toggle {margin: 0px;}
	.navbar-default {background-color: transparent;border: none;margin-bottom: 0px;margin-top: 15px;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	.navbar-default .navbar-toggle{border:none; margin: 0px auto;float: none;}
	a.profile-img {position: absolute;top: 20px; right: 20px;}
	.left-logo-wraper {text-align: center;padding-top: 20px;}
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {color: #fff;padding-left: 9px;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
	.main-banner{height:auto;}
	.main-banner .bin-image {margin-top: 0px;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {background-color: #fff;}
	.m-xs-t10{margin-top:10px;}
	.m-xs-b10{margin-bottom:10px;}
	.m-xs-l0{margin-left:0px}
	.xs-clear::before{clear: both;}
	.xs-m-0{margin:0px;}
	h1 {font-size: 20px;}
	.manu-wraper .navbar ul li a {font-size: 16px;}
	.manu-wraper .navbar ul li {display: inline-block !important;width: 100%;}
	.manu-wraper .navbar ul li a span:first-child{margin-right:10px;}
	.manu-wraper .navbar ul li a span{width:auto;}
	.manu-wraper .navbar ul {margin-right: 0px;}
	.co_options, .fy_options {margin-bottom: 10px;}
}
/* Portrait and Landscape */
@media only screen
  and (min-width: 768px)
  and (max-width: 1024px){
	.bottom-recent-box .recent-project-box {width: 100%;margin-right: 0px;}
	.bottom-recent-box .recent-cash-box {width: 100%;}
	.dashboard-box {padding: 30px;background-repeat:repeat;}
	.manu-wraper ul {margin-left: auto;margin-right: auto;max-width: 1024px;}
	.manu-wraper ul li {}
	.manu-wraper ul li a {font-size: 18px;}
	.main-banner .bin-image {    height: 300px; }
	.navbar {margin-bottom: 0px;}
	.bottom-recent-box h2 {font-size: 24px;}
	.bottom-recent-box .recent-cash-box {padding: 10px 20px 0px;}
	section.bottom-recent-box {margin-top: 0px;}
	.dashboard-box .box-rows .col-sm-6:nth-child(1),
	.dashboard-box .box-rows .col-sm-6:nth-child(2){margin-bottom:30px;}
	.main-banner{height:auto;}
	.main-banner .bin-image {margin-top: 0px;}
	.view-more{top: 5px;}
	.dashboard-box .box .box-icon h3 {font-size: 20px;}
	.dashboard-box .box .box-icon h2.number, .dashboard-box  .box .box-icon h3 .number {font-size: 30px;}
	.manu-wraper ul li a span img{height: 35px;}
}
@media (min-width: 768px){
	.filter-dashboard {margin-bottom: 10px;}
	.dashboard-box .dashboard-box-title{margin-bottom: 10px;}
}
@media (min-width: 992px){
	.container {padding-left: 0;padding-right: 0;}
	.main-banner .bin-image {}
	.manu-wraper ul {margin-left: auto;margin-right: auto;}
	.dashboard-box  .box{min-height: 197px;}
	.navbar {margin-bottom: 0px;}
	.dashboard-box{padding:30px;}
}
@media (min-width: 1200px){
	.dashboard-box{padding: 30px 130px 50px;}
}
.mt-0{margin-top: 0px;}
.ml-10 {margin-left: 10px;}