body{
	max-width: 1600px;
	margin: 0 auto;
}
.alert-danger{
	background: none !important;
	border:none;
	color: red !important;
}
.overflow_hidden{
	overflow: hidden;
}
.text-white {
	color: #fff!important
}
.underline{
	text-decoration:underline;
}
.cred{
	color:red;
}
.main-footer a{
	font-family:vazir;
}
@font-face {
	font-family: 'vazir';
	src: url('../../fonts/Vazir-FD.eot') format('eot'),
	url('../../fonts/Vazir-FD.woff') format('woff'),
	url('../../fonts/Vazir-FD.ttf') format('truetype');
}
.vazir{
	font-family:vazir;
}
.sidebar-menu li a span,.sidebar-menu li .treeview-menu li a,.btn,.control-label,h1,h2,h3,h4,h5,h6,input[type="text"],textarea,table,tr,td,th,.alert{
	font-family:vazir !important;
}
textarea{
	resize:vertical;
}
.alert {
    margin-top: 5px;
    padding: 5px;
}
.rfloat{
	float:right;
}
.dnone{
	display:none;
}
.gray{
	color:#ccc !important;
}
.tcenter{
	text-align:center;
}
.drtl{
	direction: rtl !important;
}
.half_br{
	height: 10px;
}
.tright{
	text-align:right !important;
}
.mauto{
	margin:0 auto;
}
.lfloat{
	float:left;
}
.fbsans{
	font-family:yekan;
}
.dinblock {
	display: inline-block !important;
}
.fsans{
	font-family:bsans;
}
.no-padding{
	padding:0;
}
.no-padding-left{
	padding-left: 0px !important;
}
.no-padding-right{
	padding-right: 0px !important;
}
.f12px{
	font-size: 12px !important;
}
.no-margin{
	margin:0;
}
.no-float{
	float:none;
}
.fbold{
	font-weight:bold;
}
.dblock{
	display:block;
}
.purple1_color{
	color:#70134c;
}
.purple2_color{
	color:#901b63;
}
.purple3_color{
	color:#B34288;
}
.gray_titr{
	color: #878787;
}
.black_titr{
	color: #1b252a;
}
.cpointer{
	cursor:pointer;
}
.dinline{
	display: inline;
}
.ystar{
	color:#ffcc00;
}
.f18px{
	font-size: 18px;
}
.gstar{
	color:#ccc;
}
.open_wrap{
	margin-right:230px;
}
.close_wrap{
	margin-right:0px;
}
.user-panel{	
	margin-top:10px;
}
.content-header h1{
	font-weight:normal;
	font-size:18px;
}
*,.skin-blue .treeview-menu > li > a{
	font-size:12px;
	font-weight:normal;
}
.skin-blue .treeview-menu > li > a{
	margin-right:48px;
}
.control-label{
	font-weight:normal;
}
.col-sm-10 input[type='text']{
	text-align:right;
}
.sidebar-menu li a span{
	font-size:14px;
	padding-right:10px;
}
.sidebar-menu li > a > .pull-right{
	width:35px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.select2-container--default .select2-selection--single{
	border-radius:0px !important;
}
.select2-container .select2-selection--single{
	height: 32px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
	padding-right: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	text-align: right !important;
}
.select2-results__options{
	text-align: right;
}
.select2-results__options li{
	direction: rtl !important;
}
.select2-container--default .select2-results__option[aria-selected="true"]{
	text-align: right !important;
}
.select2-container {
	z-index: 99999;
}
/* vertical cat css */
.container .row #vertical_cat{
	padding:0px;
	margin-top:20px;
}
#vertical-nav {
    font-size:12px;
    direction:rtl;
    text-align:right;
    z-index:1000;
	padding-right:5px;
}
#vertical-nav ul {
    margin:0px;
    padding:0px;
    *border-top:1px #333 solid;/*IE 7*/
}
ul.vertical-top-level {
    background-color:#ededed;
}
#vertical-nav li {
    list-style:none;
	width:200px;
}
ul.vertical-top-level li {
    border-bottom:#CCC solid 1px;
	width:200px;
}
#vertical-nav span {
    color:#0E504E;
    display:block;    
    height:25px;
    line-height:25px;
    text-decoration:none;
    width:200px;
	cursor:pointer;
}
#vertical-nav li:hover {
    background-color:#ccc;
    position:relative;
}
ul.vertical-sub-level {
    display:none; 
	z-index:9999;
}
li:hover .vertical-sub-level {
    background-color:#666;
    border:#CCC solid 1px;
    display:block;
    position:absolute;
    right:162px;
    top:0px;
}
ul.vertical-sub-level li {
    border:none;
    float:right;
    width:200px;
    *background-color:#666;/*IE 7*/    
}
#vertical-nav .vertical-sub-level {
    background-color:#ededed;
}
#vertical-nav .vertical-sub-level .vertical-sub-level {
    background-color:#ededed;
}
li:hover .vertical-sub-level .vertical-sub-level  {
    display:none;
}
li:hover .vertical-sub-level .vertical-sub-level .vertical-sub-level  {
    display:none;
}
.vertical-sub-level li:hover .vertical-sub-level {
    display:block;
    *left:0px;/*IE 7*/
}
.vertical-sub-level li:hover .vertical-sub-level li:hover .vertical-sub-level {
    display:block;
    *left:0px;/*IE 7*/
}
/* end vertical cat css */
#seller_info{
	display:none;
}
#seller_info,#unit_info{
	border-radius:10px;
	padding:10px;
	background:#ccc;
	margin-top:20px;
	line-height:30px;
}
/* reports */
.input_back{	
	text-align:center;
	float:right;
}
.report_date{
	width:100%;
	text-align:center !important;
}
.report_select{
	height:35px;	
}
.buttons{
	padding-top:20px;
}
.buttons .btn{	
    font-size: 13px;
    height: 35px;
    padding: 6px;
}
.buttons #btn_submit2{	
	margin-right:5px;
}
.container{
	width:100%;			
}
.report_table tbody tr th{
	color:#333;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}			
td, th {
	border: 1px solid red; 
} 
table {
	color: #333; /* Lighten up font color */
	font-family: Helvetica, Arial, sans-serif; /* Nicer font */
	/*width: 100% !important;*/
	border-collapse:collapse; 
	border-spacing: 0;
	direction:rtl;
	text-align:center;
}

td, th {
	border: 1px solid #CCC; height: 30px; 
} /* Make cells a bit taller */

th {		
	font-weight: bold; /* Make sure they're bold */
}

td {		
	text-align: center; /* Center our text */
}
table {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	/*width: 640px;*/
	border-collapse:
	collapse; border-spacing: 0;		
}		
td, th {
	border: 1px solid transparent; /* No more visible border */
	height: 30px;
	transition: all 0.3s;  /* Simple transition for hover effect */
}
th {		
	font-weight: normal;
	text-align: center;
	padding:5px;
}
th input[type="text"] {
	width:40px;			
	float:none;
	margin:0 auto;
	text-align:center;
}
td {		
	text-align: center;
}
tr.head th{
	background:#ccc;
}

/* print order */
.print_container{
	border:1px solid #000;
	margin:0 auto;
	float:none;
	text-align:center;
	margin-top:20px;
}
.print_container h3{
	float:right;
}
.print_container #final_price{
	font-size:18px;
}
#print_btn_back{	
	margin:0 auto;
	float:none;
	text-align:center;
	height:100px;
	padding-top:10px;
}
#print_btn_back #btn_print{
	float:none;
}
#alert_back{	
	text-align:right;
}
#alert_back h6{
	float:right;
	margin-right:5px;
}
#alert_back button.btn{
	width:150px;
	float:right;
	margin-right:10px;
	margin-top:5px
}
/* report */
.input_back button{
	font-size:12px;
	min-width:100px;
	margin-right:5px;
}
.shop_back{
	margin-top:10px;
	height:300px;
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
}
.ptitle{
	font-size:14px;
	text-align:center;
	margin-bottom:10px;
	padding:10px;
}
#cat_img_preview{
	max-height: 100px;
}
.shop_back{
	margin-top:10px;
	height:300px;
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
}
.ptitle{
	font-size:14px;
	text-align:center;
	margin-bottom:10px;
	padding:10px;
}
#user_img_preview{
	max-width: 300px;
}
.red{
	color: red !important;
}
.operation{
	font-size: 16px;
}
.zindex1{
	z-index: 1;
}
.white_back{
	background: #fff;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow:         3px 3px 5px 6px #ccc;
}
.drop_op{
	position: relative;
}
.project_container{
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 5px;
	border:1px solid #ccc;
	padding: 15px;
}
.circle {
	/*width: 200px;*/
	/*margin: 6px 20px 20px;*/
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
}
.circle strong {
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 45px;
	font-size: 43px;
}
.circle strong small{
	font-size: 16px;
}
.circle strong .percent{
	position: absolute;
	top: 1px;
}
.circle strong .circle_txt{
	font-size: 12px;
	position: absolute;
	left:0;
	right:0;
	top:40px;
	margin-left:auto;
	margin-right:auto;
}
table .fa-edit{
	color: #129794;
}
table .fa-trash,table .fa-trash-o{
	color: #c61026;
}
.project_logo{
	box-shadow:4px 5px 5px -2px rgba(176,170,176,1)
}
.project_msg{
	height: 70px;
	overflow: hidden;
}
.btn_green{
	background: #77C426;
	color: #fff;
}
.sharjed,.sharjed span,.sended_sms,.sended_sms span{
	font-size: 16px;
}
.sharjed span.number,.sended_sms span.number{
	font-size: 18px;
}
.sms_container,.employe_container{
	min-height: 330px;
}
.border-shadow-left{
	border-left-width: 1px;
	border-left-style: solid;
	border-image:linear-gradient(to top,#eee,#ccc,#eee) 1 100%;
}
.abs_more_btn{
	position: absolute;
	left: 15px;
	bottom: 15px;
}
.all_project{
	background: #F5f1f1;
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.trash_color{
	color: #c61026;
}
.warning_color{
	color: #Fcc116;
}
.pro_desc{
	line-height: 30px;
}
/* user profile */
.box_user_profile_image{
	border-left: 1px solid #ccc;
	padding:0;
}
.user_profile_img{
	box-shadow: 0px 0px 12px -2px grey;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
}
#user_profile_name{
	font-size: 15px;
	font-weight: bold;
}
#user_profile_responsibility{
	color: #707070;
	position: relative;
	top: -5px;
}
#user_profile_edit_link{
	position: absolute;
	right: -40px;
	top:-10px
}
#user_salary{
	color: #70134c;
	padding-bottom: 27px;
	font-weight: bold;
	font-size: 16px;
}
#user_profile_edit_link i{
	color: #70134c;
	font-size: 20px;
}

.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}


/*********************** Demo - 15 *******************/
.box15{
	position:relative
}
.box15 img{
	width:100%;
	height:auto
}
.box15 .box-content{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all .5s ease 0s
}
.box15:hover .box-content{
	background-color:rgba(255,242,242,.8)
}


.box15 .title{
	font-size:14px;
	color:#000;
	margin:0;
	position:relative;
	top:0;
	opacity:0;
	transition:all 1s ease 10ms;
	text-align: center;
}
.box15:hover .title{
	top:22%;
	opacity:1;
	transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms;
	font-size: 12px;
	left: 5px;
}
.box15 .title:after{
	content:"";
	width:0;
	height:1px;
	background:#040404;
	position:absolute;
	bottom:-8px;
	left:0;
	right:0;
	margin:0 auto;
	transition:all 1s ease 0s
}
.box15:hover .title:after{
	width:50%;
	transition:all 1s ease .8s
}
.box15 .icon{
	width:100%;
	margin:0 auto;
	position:absolute;
	bottom:0;
	opacity:0;
	transition-duration:.6s;
	transition-timing-function:cubic-bezier(1,-.53,.405,1.425);
	transition-delay:.1s
}
.box15:hover .icon{
	bottom:29%;
	opacity:1
}
.box15 .icon li{
	display:inline-block
}
.box15 .icon li a{
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50%;
	font-size:18px;
	color:#000;
	border:1px solid #000;
	margin-right:5px;
	transition:all .3s ease-in-out 0s
}
.box15 .icon li a:hover{
	background:#000;
	color:#fff
}
.padding15{
	padding: 15px;
}
.blank_link,.blank_link:hover{
	color: unset;
}
.owl-item{
	text-align: center;
}
.owl-theme .owl-nav [class*="owl-"]:hover{
	background: #fff !important;
	color: #ccc;
}
.owl-prev,.owl-next{
	width: 30px;
}
.owl-prev span,.owl-next span{
	font-size: 25px;
}
.our_team_title{
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
.user_team_title{
	font-size: 13px;
	margin-bottom: 0px;
}
.company_title{
	top: 15px;
	position: relative;
	right: 10px;
}
.company_logo{
	box-shadow: 0px 0px 12px -2px grey;
	border: 2px solid #fff;
}
.timer{
	position: absolute;
	top: 5px;
	left: 30px;
}
@media only screen and (max-width:990px) {
	.box15{
		margin-bottom:30px
	}
}

@media (max-width:768px){
	.border-shadow-left{
		border-left:none;
	}
	.box_user_profile_image{
		border-left: unset;
	}
	#employe_canvas{
		min-height: 250px;
	}
	#canvas-holder{
		overflow: scroll;
	}
	.owl-carousel .owl-item img{
		max-height: 250px !important;
	}
	.no-padding-xs{
		padding:0;
	}
}
@media (min-width: 1200px) {
	.no-padding-lg{
		padding: 0;
	}
}
@media (min-width: 300px) and (max-width:390px){
	.visible-300-390{
		display: block;
	}
	.main-header{
		max-height: unset;
	}
	.main-sidebar{
		padding-top: 140px;
	}
}
@media (min-width: 768px) and (max-width:992px){
	.mob_project{
		padding: 15px !important;
	}
}