::selection {
	color:#FFF;
	background:#099;
}
::-moz-selection {
	color:#FFF;
	background: #099;
}

body{
	cursor:default;
}
/* ============================================================
  COMMON
============================================================ */
.clear{clear:both}
.wb{word-wrap:break-word;}
.cu{cursor:pointer;}
.ar{font-family:Arial, Helvetica, sans-serif}
.vm{vertical-align:middle}
.fl-r{float:right}
.fl-l{float:left}
.full-w{width:100%}
.n-sel{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.red{color:#C50505;}
.blue{color:#06C}
.green{color:#0C0}
.orange{color:#F90}
.gold{color: #bb9d03
}

.rel{position:relative}
.abso{position:absolute}

a{}
a:active{}
a:hover{}

.input{}
.input:hover{}
.input:focus{}

.button{
	cursor:pointer;
}
.button:active{}

.cant-empty{
	box-shadow:0px 0px 10px 1px rgba(225,0,0,.5) !important;
	border:solid 1px #DD0000;
}
.success,.fail,.danger,._success,._fail,._danger,.info,._info{
	font-family:BYekan,Helvetica,Georgia,serif;
	line-height: normal;
	color:#fff;
	padding:15px 10px;	
	text-shadow:-1px 1px 0px rgba(0,0,0,1);
	
}
.inline{
	display:inline-block;
	padding:5px 7px;	
}

.success,._success{
	background-color: rgba(42, 191, 42, 1);
}
.fail,._fail{
	background-color: rgba(216, 78, 78, 1);
}
.danger,._danger{
	background-color: #F68F2B;
}
.info,._info{
	background-color:#087FCB;
}
.page-title{
	padding:10px;
	color:#fff;
	text-shadow:-1px 1px 0px rgba(0,0,0,1);	
	font-size:16px;
	margin-bottom:15px;
	border:solid 1px #002782;
	border-radius:4px;
background: #0781de;
background: -moz-linear-gradient(top, #0781de 0%, #0263c4 44%, #002782 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0781de), color-stop(44%, #0263c4), color-stop(100%, #002782));
background: -webkit-linear-gradient(top, #0781de 0%, #0263c4 44%, #002782 100%);
background: -o-linear-gradient(top, #0781de 0%, #0263c4 44%, #002782 100%);
background: -ms-linear-gradient(top, #0781de 0%, #0263c4 44%, #002782 100%);
background: linear-gradient(to bottom, #0781de 0%, #0263c4 44%, #002782 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0781de', endColorstr='#002782', GradientType=0 );	
	
}

.small-btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:0px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:BYekan;
	font-size:13px;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	line-height:13px;
}
.small-btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.small-btn:active {
	position:relative;
	top:1px;
}

.w-btn{
	padding: 5px 8px;
	color: #595959;
	box-shadow: 0px 1px 1px #FFF inset;
	border-radius: 3px;
	border: 1px solid #B7B7B7;
	display: inline-block;
	cursor: pointer;
	font-family: BYekan;
	font-size: 13px;
	text-decoration: none;
	line-height: 13px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );	
}
.w-btn:active,.w-btn.active{
	background: #e6e6e6;
	background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0 );
}
.w-btn.small,.small-btn.small{padding: 3px 5px;font-size: 12px;} 
.w-btn.medium,.small-btn.medium{padding: 5px 8px;font-size: 13px;} 
.w-btn.larg,.small-btn.larg{padding: 7px 10px;font-size: 14px;} 
.w-btn.xlarg,.small-btn.xlarg{padding: 10px 12px;font-size: 16px;} 


/* ============================================================
     DIALOG
============================================================ */
.dialog{
	background: #FFF;
	position:fixed;
	border-radius: 2px;
	border: 1px solid #999;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),inset 0 0 1px 2px rgba(119,119,119,.1);
	overflow:hidden;
}
.dialog-header,.dialog-footer{
	padding:5px;color:#666;
	box-shadow:inset 0 1px 1px rgba(255,255,255,1);
	min-height:25px;
	background: #f4f4f4;
	background: -moz-linear-gradient(top, #f4f4f4 0%, #cfd1cf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #cfd1cf));
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #cfd1cf 100%);
	background: -o-linear-gradient(top, #f4f4f4 0%, #cfd1cf 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%, #cfd1cf 100%);
	background: linear-gradient(to bottom, #f4f4f4 0%, #cfd1cf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#cfd1cf', GradientType=0 );
	opacity:.8;
}
.dialog .dialog-header{border-bottom:solid 1px #999999}
.dialog-footer{border-top:solid 1px #999;padding-bottom:2px;}
.dialog-footer .ajax-result{font-family:Tahoma;font-size:11px;}
.dialog.active .dialog-header,.dialog.active .dialog-footer{opacity:1;}
.dialog.important{box-shadow:0 0 10px rgba(0,204,255,.5);}
.dialog button{
	padding: 3px 6px;margin-left:5px;
	color: #595959;
	box-shadow: 0px 1px 1px #FFF inset;
	border-radius: 3px;
	border: 1px solid #B7B7B7;
	display: inline-block;
	cursor: pointer;
	font-family: BYekan;
	font-size: 13px;
	text-decoration: none;
	line-height: 12px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );		
}
.dialog button:hover{
	background: #e6e6e6;
	background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0 );	
}
.dialog .success,.dialog .fail,.dialog .danger{
	padding:2px 3px;
	margin:0 0 0 5px;
	font-size:12px;
}
.jlogin-cover{
	position:fixed;top:0px;left:0px;width:100%;height:100%;
	background-color:rgba(102,102,102,.6);
}
/* ============================================================
  ARCHIVE
============================================================ */
.archive-ul,.archive-ul ul{
	margin: 0px;
	list-style-type: square;
	color: #a5a5a5;
	font-size: 20px;
	line-height: 20px;
	border-right: 4px solid #BFBFBF;
	padding-right: 12px;
	width:110px;
}
.archive-ul li{margin:8px 0}
.archive-ul li span{font-size:14px;vertical-align:bottom;color:#666;display:block;line-height:15px}

.archive-ul .ar-year ul,.archive-ul .ar-year ul span{color:#02C084;}
.archive-ul .this-week,.archive-ul .this-week li,.archive-ul .this-week span{color:#A008D8;}
.archive-ul .prev-week,.archive-ul .prev-week span{}
.archive-ul .this-month,.archive-ul .this-month span{}
.archive-ul .this-year-month,.archive-ul .this-year-month span{}

.archive-ul li.selected ,.archive-ul li.selected>span{color:#0893C0}
.archive-ul li:hover,.archive-ul li:hover>span ,.archive-ul li span:hover{color:#FF950B !important}





/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
  padding: 2px;
  width: 40px;
  height: 20px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 23px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 20px;
}

/* ============================================================
  SWITCH 2 - ROUND FLAT
============================================================ */
input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 52px;
  background-color: #dddddd;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
  background-color: #8ce196;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 60px;
  background-color: #8ce196;
}

/* ============================================================
  SWITCH 3 - YES NO
============================================================ */
input.cmn-toggle-yes-no + label {
  padding: 2px;
  width: 120px;
  height: 60px;
}
input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
}
input.cmn-toggle-yes-no + label:before {
  background-color: #dddddd;
  content: attr(data-off);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
  background-color: #8ce196;
  content: attr(data-on);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

/* ============================================================
  PLUGINS
============================================================ */
.tooltip{
	min-width:20px;
	position:absolute;
	padding:5px 10px;
	color:#555;
	background-color:#fff;
	border-radius:3px;
	box-shadow:1px 1px 2px rgba(0,0,0,.6); 
	z-index:1000000 !important;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	border:solid 1px #666;
}
.black .corner{
	position:absolute;width:12px;height:12px;display:block;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);	
	background-color:#fff;z-index:99999;
	border:solid 1px #666;
}
.c-t-l{left:0px;top:-12px;border-radius:0 0 10px 0;border-right:none !important;border-bottom:none !important}
.c-t-r{right:0px;top:-12px;border-radius:0 0 10px 0;border-right:none !important;border-bottom:none !important}	
.c-b-l{left:0px;bottom:-12px;border-radius:10px 0 0 0;border-left:none !important;border-top:none !important}		
.c-b-r{right:0px;bottom:-12px;border-radius:10px 0 0 0;border-left:none !important;border-top:none !important}
/****************/
.loader-middle{
	position:fixed;top:48%;left:48%;
	background:url(images/loader.gif) no-repeat center;
	width:40px;height:40px;background-color:#000;
	border-radius:4px;display:none;
	z-index:10000;		
}
.image-viewer{
	position:fixed;top:0;left:0;bottom:0;right:0;padding-top:35px;
	background-color:rgba(123, 123, 123, 0.8);
	z-index:2000;display:none;
}
.image{
	background-color:#FFF;
	border-radius:5px;border:solid 1px #333333;
	padding:10px;
	box-shadow:0px 10px 25px rgba(0, 0, 0, 0.5);		
	position:relative;
	margin:auto;
	display:inline-block;
	min-width:300px;
	min-height:300px;
}
.image-viewer .image img{vertical-align:middle;}
.image-viewer-options{
	position:fixed;
	top:5px;
	right:45px;
	border:solid 1px #ccc;border-radius:3px;
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);	
	background-color:#FFF;
	direction:ltr;
}

.image-viewer-prev,.image-viewer-next,.image-viewer-info,
.image-viewer-name,.image-viewer-size{
	float:left;color:#666;font-family:Verdana, Geneva, sans-serif;font-size:12px;padding:5px;
}
.image-viewer-next,.image-viewer-prev,.image-viewer-name,.image-viewer-size,.ivts-side{
	border-right:solid 1px #ccc;
}
.image-viewer-next,.image-viewer-prev{
	font-size:20px;line-height:16px;color:#069;
	cursor:pointer;
	padding-top:3px;
}
.image-viewer-name div{max-width:250px;height:15px;text-overflow: ellipsis;overflow:hidden;}

.image-viewer-use{
	color:#06C;
	float:left;
	direction:rtl;
	border-right:solid 1px #ccc;
	line-height:15px;
}
.ivts-use{color:#666}
.ivts-side,.ivts-use{float:right;padding:5px}
.ivts-side:hover{cursor:pointer;color:#0C0}
.image-viewer-ajax{position:fixed;right:10px;bottom:10px;cursor:pointer;direction:rtl}
.close-viewer{
	background:url(images/close.png) no-repeat center;cursor:pointer;
	width:33px;height:33px;position:absolute;top:2px;right:5px;
}
	
.go-top-btn{
	width:40px;height:40px;position:fixed;bottom:20px;right:10px;
	background:url(images/gotop.png) no-repeat center;
	background-size:cover;cursor:pointer;opacity:.6;display:none;
}
/* ============================================================
  TAGS	
============================================================ */
.post-tags{color:#666}
.post-tags .tag{display:inline-block}
.post-tags .tag .a{
	display: inline-block;
	margin: 0px 13px 5px 5px;
	padding: 2px 8px;
	background-color: #46BEF0;
	color: #FFF;
	position: relative;
	min-width: 50px;
	height: 22px;
	line-height: 20px;
	font-size: 11px;
	text-align: center;
}
.post-tags .tag .a:before{
	position:absolute;top:0;left:100%;
	width:0px;height:0px;
	border:solid 11px rgba(255,255,255,0);
	border-left:solid 11px #46BEF0;
	border-right:none;
	content:"";
}
.post-tags .tag .a:after{
	position:absolute;top:0;right:-2px;
	width:6px;height:6px;margin:8px 0;
	content:"";
	border-radius:50%;
	background-color:#FFF;
}
.post-tags .tag .a:hover{color:#eee;}
.post-tags .tag .a:hover:after{background-color:#2477BF;}
/* ============================================================
  LOADER
============================================================ */
.loader {
  margin:auto;
  font-size: 10px;
  position: relative;
  display:inline-block;
  text-indent: -9999em;
  border-top: .2em solid rgba(255, 255, 255, 0.2);
  border-right: .2em solid rgba(255, 255, 255, 0.2);
  border-bottom: .2em solid rgba(255, 255, 255, 0.2);
  border-left: .2em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load 1.1s infinite linear;
  animation: load 1.1s infinite linear;
}
.loader,.loader:after {
  border-radius: 50%;
  width: .8em;
  height: .8em;
}

.loader.h1{border-width:1.1em;}
.loader.h1,.loader.h1:after {width: 6em;height: 6em;}

.loader.h2{border-width:.9em;}
.loader.h2,.loader.h2:after {width: 5em;height: 5em;}

.loader.h3{border-width:.7em;}
.loader.h3,.loader.h3:after {width: 4em;height: 4em;}

.loader.h4{border-width:.5em;}
.loader.h4,.loader.h4:after {width: 3em;height: 3em;}

.loader.h5{border-width:.4em;}
.loader.h5,.loader.h5:after {width: 2em;height: 2em;}

.loader.h6{border-width:.3em;}
.loader.h6,.loader.h6:after {width: 1.2em;height: 1.2em;}

.loader.green {border-color:rgba(0,204,102,.2);  border-left-color:rgba(0,204,102,1);   }
.loader.blue  {border-color:rgba(0,153,255,.2);  border-left-color:rgba(0,153,255,1);   }
.loader.blue2 {border-color:rgba(0,191,242,.2);  border-left-color:rgba(0,191,242,1);   }
.loader.red   {border-color:rgba(232,0,0,.2);    border-left-color:rgba(232,0,0,1);     }
.loader.gray  {border-color:rgba(102,102,102,.2);border-left-color:rgba(102,102,102,1); }
.loader.yellow{border-color:rgba(255,255,0,.2);  border-left-color:rgba(255,255,0,1);   }
.loader.orange{border-color:rgba(255,51,0,.2);   border-left-color:rgba(255,51,0,1);    }
.loader.pink  {border-color:rgba(255,0,126,.2);  border-left-color:rgba(255,0,126,1);   }

@-webkit-keyframes load {
  0%   {-webkit-transform: rotate(0deg);transform: rotate(0deg); }
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes load {
  0%   {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

.l{vertical-align:middle}
.l:after {
  margin:auto;
  font-size: 10px;
  position: relative;
  display:inline-block;
  text-indent: -9999em;
  border-top: .2em solid rgba(255, 255, 255, 0.2);
  border-right: .2em solid rgba(255, 255, 255, 0.2);
  border-bottom: .2em solid rgba(255, 255, 255, 0.2);
  border-left: .2em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load 1.1s infinite linear;
  animation: load 1.1s infinite linear;
  content:"";
  vertical-align:middle;
  margin-right:5px;
  z-index:30;
  border-radius: 50%;
  width: .8em;
  height: .8em;
}

.l.h1:after{border-width:1.1em;width: 6em;height: 6em;}

.l.h2:after{border-width:.9em;width: 5em;height: 5em;}

.l.h3:after{border-width:.7em;width: 4em;height: 4em;}

.l.h4:after{border-width:.5em;width: 3em;height: 3em;}

.l.h5:after{border-width:.4em;width: 2em;height: 2em;}

.l.h6:after{border-width:.3em;width: 1.2em;height: 1.2em;}

.l.green:after {border-color:rgba(0,204,102,.2);  border-left-color:rgba(0,204,102,1);   }
.l.blue:after  {border-color:rgba(70,190,240,.4); border-left-color:rgba(70,190,240,1);  }
.l.blue2:after {border-color:rgba(36,119,191,.3); border-left-color:rgba(36,119,191,1);  }
.l.red:after   {border-color:rgba(232,0,0,.2);    border-left-color:rgba(232,0,0,1);     }
.l.gray:after  {border-color:rgba(102,102,102,.2);border-left-color:rgba(102,102,102,1); }
.l.yellow:after{border-color:rgba(255,255,0,.2);  border-left-color:rgba(255,255,0,1);   }
.l.orange:after{border-color:rgba(255,51,0,.2);   border-left-color:rgba(255,51,0,1);    }
.l.pink:after  {border-color:rgba(255,0,126,.2);  border-left-color:rgba(255,0,126,1);   }
/* ============================================================
  UPLOADER
============================================================ */


.upload-row {
	position:relative;display:block;float:right;width:100px;height:100px;
	color:#46BEF0;border:solid 1px #2477BF;margin:0 0 15px 15px;
	font-family:Tahoma, Geneva, sans-serif;
	background-color: rgba(255, 255, 255, 0.82);
	overflow:hidden;
}
.upload-row.failed{color:#AA0808;border-color:#AA0808;opacity:.9}
.upload-row.done{color:#06C801;border-color:#06C801}

.upload-row .preview{display:block;text-align:center;margin-top:10px}
.upload-row .preview i {margin-top:10px }
.upload-row .preview *{margin:auto}
.upload-row .upload-name{
	position:absolute;top:0;left:0;width:100%;bottom:0;padding:5px;background-color:rgba(0,0,0,.4);
	font-size:11px;color:#fff;direction:ltr;word-wrap:break-word;text-align:left;
	opacity:0;transition:opacity .5s ease;padding-top:27px;z-index:10;
}
.upload-row .progress{
    position:absolute;
    bottom:13px;
    left:10px;
    right:10px;
    height: auto;
    padding: 0;
    border:none;
    box-shadow: none;
}
.upload-row .delete,.upload-row .check,.upload-row .cancel{
	position:absolute;top:0;right:3px;cursor:pointer;z-index:20;
}

.upload-row .cancel{color:#F7A433;}
.upload-row:hover .upload-name{opacity:1;transition:opacity .5s ease} 
.upload-handler,.upload-handler .progress{display:inline-block;}

.fileinput-button{position: relative;min-width:140px;text-align:center;overflow:hidden !important;}	
			
.fileupload-input{
	position: absolute;
	top: 0px;right: 0px;left:0px;bottom:0px;width:100%;height:100%;
	margin: 0px;opacity: 0;
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
}
.upload-result,.fileinput-button{vertical-align:middle}
.progress:not(.bs-progress){
	height:8px;overflow:hidden;
	background-color:#1BC7F2;
	border-radius:8px;
}
.progress:not(.bs-progress) .progress-bar{
	width:3%;height:8px;
	background-color:#2477BF;
	transition:width 1s ease-in;
	border-radius:8px;
}
#dropzone {
	background:#EFEFEF;
	text-align: center;
	padding: 20px;
	border-radius: 10px;
	border: 2px dashed #06A4E3;
	min-height: 300px;
	position:relative;
	
}
#dropzone:before{
	position:absolute;
	font-size:30px;
	top:45%;
	left:0;right:0;
	text-align:center;
	opacity:.4;
	text-shadow:-1px 1px 0px #FEFEFE;
	content:"فایل ها را به اینجا بکشید";
} 
#dropzone.in {
	background:rgba(91, 174, 255, 0.13);
}
#dropzone.hover {
    background:rgba(6, 165, 252, 0.37);
	animation: border 1s infinite linear;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}
@-webkit-keyframes border {
  0%   {border-radius:10px}
  50% {border-radius:7px}
  100% {border-radius:10px}
}
@keyframes border {
  0%   {border-radius:10px}
  50% {border-radius:7px}
  100% {border-radius:10px}	
}
	/******************/
	.select-menu{
		padding:5px 10px;text-align:center;
		background-color:#fff;
		border:solid 1px #666;
		color:#06c;font-size:17px;
		width:200px;cursor:pointer;
		position:relative;
	}
	.select-menu-span{margin:0 10px;}
	.select-menu .fa-sort-desc{margin: -4px 0 4px 0;}
	.select-menu:hover .fa-sort-desc{color:#09C;}
	.select-menu ul{
		display:none;
		position:absolute;
		padding:0;text-align:center;
		background-color:#fff;
		border:solid 1px #666;
		color:#09C;margin:0;
		cursor:pointer;left:-1px;right:-1px;top:100%;
		max-height:200px;overflow:auto;z-index:3000;
	}
	.select-menu ul li{
		list-style-type:none;
		display:block;font-size:11px;
		padding:5px;
	}
	.select-menu ul li:nth-child(2n-1){background-color:#eee}
	.select-menu ul li:hover{color:#fff;background-color:#00BFF2}
	.select-menu ul li.disable-op{color:#666 !important;}
	.select-menu ul li.disable-op:hover{color:#fff;background-color:#ccc}