@font-face {
  font-family: 'BYekan';
  src: url('../fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

::-webkit-scrollbar {
	width:  0.5em;
	height: auto;
}

::-webkit-scrollbar-thumb {
	background: #333;
}

::-webkit-scrollbar-track {
	background: transparent;
}

// For Internet Explorer
body {
	scrollbar-face-color: #333;
	scrollbar-track-color: transparent;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'BYekan';
	vertical-align: baseline;
	direction: rtl;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
th{
	text-align:right;
}
body {
	line-height: 1;
	background: #ecf0f5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

select{
	font-size: 12px !important;
}

.header{
	position: relative;
	height : 50px;
	width: 100%;
	background: #ffcc00;
	z-index: 100
}

.sidebar{
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 50px;
	min-height: 100% !important;
	width: 250px;
	background: #222d32;
	z-index: 99;

    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}

.open-sidebar{
	transform: translate(0, 0);
}

.close-sidebar{
	transform: translate(250px, 0);
}

.wrapper{
	margin-right: 250px;
	background: #ecf0f5;
	overflow: hidden;
	padding-top:20px;
}

.wrappre-out{
	transform: translate(-250px, 0);
}

.wrappre-in{
	transform: translate(0, 0);
}

.logo{
	float: right;
	width: 250px;
	background: #e8ba00;
	max-height: 50px;
}

.logo a{
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 10px;
    line-height: 2em;
    font-size: 16px;
}

.sidebar-btn{
	float: right;
	max-height: 50px;
	display: none;
}

.sidebar-btn span{
	text-decoration: none;
	color: #fff;
	padding: 10px 25px;
    line-height: 2em;
    font-size: 16px;
    display: inline-block;
    height: 50px;
	background: #e8ba00;
}

.header-user-info{
	float: left;
    min-width: 200px;
    padding: 0 10px;
	background: #e8ba00;
	border-radius: 5px;
	margin-top: 3px;
	margin-left: 5px;
	font-size: 15px;
	color:#fff;
}

.header-user-info i{
	font-size: 20px;
	margin-left: 10px;
}

.header-user-info a{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	padding: 10px;
    line-height: 1.5em;
}

.sidebar-menu ul li {
	padding: 5px 15px;
	/*border-bottom:1px solid #ccc;*/

}

.sidebar-menu ul li:hover{
	background: #2c3b41;
}

.sidebar-menu li a{
	text-decoration: none;
	color: #fff;
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 3em;
}

.sidebar-menu ul .active{
	padding-right: 20px;
	border-right:4px solid #ffcc00;
	background: #2c3b41;
}

.sidebar-menu ul li .fa{
	font-size: 20px;
	margin-left: 10px;
}

.absolute{
	position: absolute;
}

.pos-right{
	right:0;
}

.pos-v-center{
	top:50%;
}

.widget{
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	border-top:3px solid #d2d6de;
	margin:10px 0;
	width: 100%;
}

.widget-header{
	border-bottom: 1px solid #f4f4f4;
	padding:10px;
}

.widget-content{
	padding:10px;
}

.widget-footer{
	border-top: 1px solid #f4f4f4;
}

.panel-orange {
    border-color: #ffcc00;
}

.panel-orange>.panel-heading {
    color: #fff;
    background-color: #ffcc00;
    border-color: #ffcc00;
}

.panel-orange>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ffcc00;
}

.panel-orange>.panel-heading .badge {
    color: #ffcc00;
    background-color: #fff;
}

.panel-orange>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ffcc00;
}

.panel-orange>.panel-heading{
	background-image:-webkit-linear-gradient(top,#ffcc00 0,#e8ba00 100%);
	background-image:-o-linear-gradient(top,#ffcc00 0,#e8ba00 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffcc00),to(#e8ba00));
	background-image:linear-gradient(to bottom,#ffcc00 0,#e8ba00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc00', endColorstr='#ffe8ba00', GradientType=0);
	background-repeat:repeat-x;
}

.btn-orange {
    color: #fff;
    background-color: #ffcc00;
    border-color: #ebbc00
}

.btn-orange.focus, .btn-orange:focus {
    color: #fff;
    background-color: #e8ba00;
    border-color: #122b40
}

.btn-orange:hover {
    color: #fff;
    background-color: #e8ba00;
    border-color: #c59e00
}

.btn-orange.active, .btn-orange:active, .open>.dropdown-toggle.btn-orange {
    color: #fff;
    background-color: #e8ba00;
    border-color: #c59e00
}

.btn-orange.active.focus, .btn-orange.active:focus, .btn-orange.active:hover, .btn-orange:active.focus, .btn-orange:active:focus, .btn-orange:active:hover, .open>.dropdown-toggle.btn-orange.focus, .open>.dropdown-toggle.btn-orange:focus, .open>.dropdown-toggle.btn-orange:hover {
    color: #fff;
    background-color: #c59e00;
    border-color: #122b40
}

.btn-orange.active, .btn-orange:active, .open>.dropdown-toggle.btn-orange {
    background-image: none
}

.btn-orange.disabled.focus, .btn-orange.disabled:focus, .btn-orange.disabled:hover, .btn-orange[disabled].focus, .btn-orange[disabled]:focus, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange.focus, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange:hover {
    background-color: #ffcc00;
    border-color: #ebbc00;
}

.btn-orange:active:hover{
	border-color: #ebbc00;
}

.btn-orange .badge {
    color: #c12e2a;
    background-color: #fff
}

.block{
	display: block;
}

.inline-block{
	display: inline-block;
}

.popover{
	max-width: 100%;
}

.list-group p{
	color:#ccc;
}

.list-group .list-group{
	padding-right: 50px;
	margin-bottom: 0;
}

.list-group .list-group div{
	border-radius: 0;
	border-bottom: none;
}

.list-group:last-child .list-group:last-child div{
	border-bottom: 1px solid #ddd;
	border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.login-form{
	position: absolute;
	top: calc(50% - 100px);
	left:calc(50% - 168px);
	width: 336px;
	height: 200px;
}

.label-banafsh{
	background: #ba00ff;
}

.label-blue{
	background: blue;
}

.label-orange{
	background: orange;
}

.label-brown{
	background: brown;
}

.label-gray{
	background: gray;
}

.input-group .fixed-icon i{
	min-width: 40px;
}

.full-width{
	width: 100%;
}