



@font-face {

  font-family: 'Noor-Regular';

  src: url('../font/Noor-Regular.eot?#iefix') format('embedded-opentype'),  

  	   url('../font/Noor-Regular.woff') format('woff'), 

  	   url('../font/Noor-Regular.ttf')  format('truetype'), 

  	   url('../font/Noor-Regular.svg#Noor-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}



a:hover{

	text-decoration: none;	

}



h1,h2,h3,h4,h5,h6,p,span,div,font,strong,table,td,th,.btn-primary{

	font-family: 'Noor-Regular',tahoma !important;

}





body,html,#content{

	background: #efefef;

}



.quick-button-small i{

	color: #fff;

	line-height: 18px;

}



.home-icon{

	background: #434343;

	width: 95px !important;

	height: 50px;

	border:none !important;

	border-radius:0px !important;



}



.logout-icon{

	background: #a70e13;

	width: 95px !important;

	height: 50px;

	border:none !important;

	border-radius:0px !important;

	margin-right: 0px !important;

}



.new-header-home{

	background: #fff;

	margin-right: 0px !important;	

	height: 50px;

}



.nopadding {

   padding: 0 !important;

   margin: 0 !important;

}



.new-logo{

	background: #a70e13;

	width: 100%;

	height: 165px;

	text-align: center;

    line-height: 225px;

}



.new-right-menu{

	background: #353535;

	width: 100%;

	min-height: 100vh ;

	text-align: center;

}





.container,.container-fluid{

	width: 100% !important;

	padding: 0px;

	margin: 0px;

}



.new-header-info{

	margin-top: 15px;

}



.sparator{

	height: 50px;

    border-left: 1px solid #eee;

    margin-top: -15px;

    line-height: 50px;

}



.new-header-user-icon{

	color: #bababa;

	width: 33px;

	height:33px;

	border: 1px solid #bababa;

	border-radius: 100%;

	line-height: 33px;

	text-align: center;

	font-size: 30px;

	margin-top: -7.5px;

    margin-right: -20px;

}

.new-header-bell-icon{

	color: #bababa;

	width: 33px;

	height:33px;

	border-radius: 100%;

	line-height: 33px;

	text-align: center;

	font-size: 30px;	

	margin-top: 7.5px;

    margin-right: 20px;

}



.new-header-username{

	color: #bababa;

}



.new-header-user-down-arrow{

	color: #bababa;

	width: 33px;

	height:33px;	

	border-radius: 100%;

	line-height: 33px;

	text-align: center;

	font-size: 20px;

	margin-top: -7.5px;

    margin-right: -20px;

}



.new-notifications{

	width: 28px;

    height: 28px;

    border-radius: 100%;

    background: #f00;

    font-size: 12px;

    color: #fff;

    line-height: 28px;

    text-align: center;

    position: relative;

    top: -38px;

    right: -15px;

}



.new-title-menu{

	background: #2d2d2d;

	height: 65px;

	color:#fff;

	line-height: 65px;

	text-align: center;

	font-size: 18px;

}



.new-right-menu ul{

	list-style: none;

	margin: 0px;

}



.new-right-menu ul,.new-right-menu ul li{

	width: 100%;	

}

.new-right-menu ul li{

	/*height: 55px;*/

	min-height: 55px;

	padding-top:15px; 	

	color: #bababa !important;

	border-bottom: 1px solid #bababa;

}

.new-right-menu ul li a{

	color: #bababa !important;

}



.new-right-menu ul li i{

	width: 100%;

	font-size: 28px;

}



.new-inner{

	display: none;

}

.new-inner li a span,.new-inner li a i{

	color: #808080 !important;



}



.new-inner li:first-child{

	border-top: 1px solid #808080;

}



.new-main{



	background: #fff;

	width: 100%;

	height: auto;

	padding: 20px;

}



.new-content{

	padding-top: 50px;

}



.employee-name{

	font-size: 18px;

	color: #a70e13;	

	padding: 15px;

}



.employee-user-div{

	border-right: 5px solid #ccc;

	/*padding: 15px;*/

	background: #f8f8f8;

}



.sparator-div{

	border-top: 1px solid #ccc;

	width: 95.5%;

	padding: 15px;

}



.avatar i{

	font-size: 90px;

    color: #BABABA;

   	/*border: 2px solid #BABABA;

    border-radius: 100%;*/

    text-align: center;

}

.avatar-class{

	width: 110px !important;

	height: 110px;

	border: 2px solid #BABABA;

    border-radius: 100%;

    margin: auto;

    line-height: 160px;

    margin-top: 10px;

}

.avatar{

	margin: 0px !important;

	padding: 0px !important;

	width: 140px !important;

	height: 140px;

	background: #e3e3e3;

	text-align: center;

	line-height: 190px;	

}

.avatar img{

	width: 100%;

	background: #e3e3e3;



}



.new-page-title-div{

	width: 30% !important;

	background: #fff;

	height: 47.5px;

	padding: 7.5px 10px;

	/*margin-top: -50px;*/	

}



.page-title-icon{

	font-size: 45px;

    color: #fff;

    background: #a70e13;    

    border-radius: 100%;  

    width: 55px !important;    

    height: 55px;  

    text-align: center;

    line-height: 52.5px;

}

.page-title-icon i{

	font-size: 45px;

    color: #fff;    

}



.page-title-title{

	text-align: center;

}

.page-title-title h2{	

	font-size: 25px;

}



.control-group{

	width: 50%;

	float: right;

}



.new-control-group{

	width: 100%;

}



.content-div-border{

	height: auto;

	width: 100%;

}



hr {

  border: 0;

  clear:both;

  display:block;

  width: 100%;               

  background-color:#BABABA;

  height: 1px;

}



.control-group label{

	font-weight: bold !important;

	padding-top: 0px !important;

}

.new-type-input{

	margin-left: 0px !important;

}

.new-type-input table{

	width: 100% !important;

}



.new-type-input label{

	font-weight: normal !important;

	    font-size: 12px !important;

}



th{

	text-align: center !important;

}



.new-opration i{

	color: ##353535;

}





.login-box{

	margin: 0px auto !important;

	width: 335px !important;

	height: 100vh !important;

	background: rgba(255, 255, 255, 0.4) !important;

    box-shadow: none !important;

    -webkit-box-shadow: none !important;

}



.new-logo-login{

	width: 180px !important;

	margin: auto; 

}



.new-login-title {

    width: 100%;

    height: 65px;

    line-height: 65px;

    background: #fff;

    text-align: center;

    font-size: 27px;

    color: #a70e13;

    font-weight: bold;

    border-bottom: 1px solid #ccc;

}



.login-box .input-prepend{

	background: none !important;

	border-right: none !important; 

	    padding: 10px 0 0px !important;

	    margin-bottom: 0 !important;

}



.new-login-btn{

	float: left;

	background: #a70e13;

	margin-top: 15px;

	border: none !important;

	margin-left: 15px;	

}

.new-login-btn:hover{

	opacity: 0.8 !important;

	background: #a70e13 !important;

}





.new-circleStat{

	margin-top: -125px !important;

	padding-right: 13px !important;

}



.circleStatsItemBox .header , .circleStatsItemBox .footer{

	text-align: center;

}



.new-oprtion-btn a i{

	font-size: 18px !important;

	padding: 5px;

}