.fr{float:right;}
.fl{float:left;}
.ac{text-align: center;}
.al{text-align: left;}
.ar{text-align: right;}

.p-0-5{padding: 0 5px;}
.p-5-10{padding: 5px 10px;}
.p5{padding:5px;}

.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}

.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.mr20{margin-right: 20px !important;}

.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w80{width: 80px;}
.w150{width: 150px;}
.w100{width: 100px;}
.w200{width: 200px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w600{width: 600px;}
.white{background-color: white;}
.pointer{cursor: pointer;}

.under{text-decoration: underline;}
.under:hover{text-decoration: none;}
#ui-datepicker-div{
	z-index:1500;
	background-color: #eee;
}
table.ui-datepicker-calendar{
	background-color: #eee !important;

}
.ajaxwrapper {
	margin: 0 auto;
	padding: 0x;
	position: relative;
	min-height: 50px;
	min-width: 100px;
}

.promptzone {
	border: 3px dashed #ccc;
	cursor: pointer;
	height: auto;
	margin: 0 auto;
	min-height: 50px;
	width: inherit;
}
.promzone{
	display: block;
	background: #e0e0e0;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	cursor: pointer;
	transition:opacity 0.4s;
}
.promzone:hover{
	opacity: 0.8;
}
.ajaxwrapper .pro-gress{
	position: absolute;
	width:100%;
	bottom:3px;
	left:0px;
}
.ajaxwrapper #result{
	display: block;
	position: absolute;
	left:0;
	top:0;
}
.promptzone span {
	font-size: 10px;
}

.tablebox{
	background: #fff;
	padding: 0px;
	display: block;
	border:solid 1px #e0e0e0;
}
.smart-form input[type="text"].form-control{padding-left:10px;padding-right: 10px; box-sizing:border-box;}
.smart-form .p10{padding:10px; box-sizing:border-box;}
.select2-hidden-accessible{display: none;}
.ul-gallery{
	margin:0;
	padding: 0;
}
.ul-gallery li{
	list-style-type: none;
	margin: 5px;
	padding: 0;
	width: 200px;
	height: auto;
	min-height: 40px;
	overflow: hidden;
	position: relative;
	border:solid 1px #e0e0e0;
	display: inline-block;

}
.ul-gallery li figure{
	width: 100%;
	height: inherit;
	display: block;
}
.ul-gallery li figure img{
	width: 100%;
	max-width: 100%;
}
.ul-gallery li .ower{
	width: 100%;
	height: 100%;
	position:absolute;
	top:0px;
	background: rgba(0,0,0,0.3);
	opacity:0;
	transition:all 0.3s;
}
.ul-gallery li .tool{
	height: 40px;
	width: 100%;
	bottom:-40px;
	position: absolute;
	display: block;
	background: rgba(255,255,255,0.8);
	transition:all 0.3s;
}
.ul-gallery li:hover .tool{bottom:0;}
.ul-gallery li:hover .ower{
	opacity:1;
}
.ul-gallery li .tool button{
	margin-left:4px;
	margin-top:3px;
}
ul.filelist{
	margin:0;padding:0;
}
ul.filelist li{
	display: block;
	list-style-type: none;
	margin:3px;
	padding:10px 20px;
	box-sizing:border-box;
	border:solid 1px #e0e0e0;
	background: #E7FFED;
	font-size: 14px;
}
ul.filelist li:hover{
	background: #ECF5B9;
}
ul.filelist li a{color:green;}
ul.filelist li a .c-gr{color:#8C2C1C; margin-left:30px;}
ul.filelist li a:hover span.c-gr{text-decoration: none;}

/*Codemirror*/
      .CodeMirror {
        border: 1px solid #fff;
        line-height:18px;
        font-family:Verdana;
      }
      .CodeMirror-scroll {
        height: auto;
        overflow-y: hidden;
        overflow-x: auto;
        width: 100%;
      }
      .CodeMirror-lines{
      	background:#fff;
      }
      .CodeMirror, .CodeMirror-lines pre, .CodeMirror pre{font-family:Ubuntu,Verdana,Arial; }
.CodeMirror-cursor{ border:solid 1px #FF7474;}
 .CodeMirror .activeline{background:#FFF7D5 !important;}
 .CodeMirror .cm-smarty {color: #FF008A !important; }
 .CodeMirror span.xml-tag {color: #a0b;}
 .CodeMirror span.xml-attribute {color: #281;}
 .CodeMirror span.xml-attname {color: #00f;}
 .CodeMirror span.xml-comment {color: #a70;}
 .CodeMirror span.xml-cdata {color: #48a;}
 .CodeMirror span.xml-processing {color: #999;}
 .CodeMirror span.xml-entity {color: #a22;}
.dataTable td .status{
	padding:0;
	border: solid 1px #e0e0e0;
}
.dataTable td .status select{
	border:none;
	background: transparent;
}
.dataTable td .status-0,.dataTable td .status select option[value="1"]{
	background: #FAFF89;
}

.dataTable td .status-1, .dataTable td .status select option[value="1"]{
	background: #B2FFAA;
}
.dataTable td .status-2, .dataTable td .status select option[value="2"]{
	background: #97CFFF;
}
.dataTable td .status-3, .dataTable td .status select option[value="3"]{
	background: #FF7180;
}
.dataTable tbody .shown {
	display: block;
	width: 100%;
	padding: 3px 5px;
	cursor: pointer;
}
.tlist{border:solid 1px #e0e0e0;}
.tlist tr td{border-collapse: collapse;border:solid 1px #e0e0e0; background: white;padding: 3px;}

.swipe-panel {
  transition: transform 0.25s ease-in-out;
  height: 100%;
  position: fixed;
  right: 0;
  top:0px;
  background: #fff;
  z-index: 999;
  display: none;
  overflow-y: auto; 
}
  .swipe-panel.w400 {
    width: 400px; }
  .swipe-panel.w600 {
    width: 600px; }
  .swipe-panel.w800 {
    width: 800px; }
  .swipe-panel.gray-bg {
    background: #f0f0f0; }
  .swipe-panel.white-bg {
    background: #fff; }
  .swipe-panel .button {
    margin-bottom: 15px; }
  .swipe-panel.w400 {
    width: 400px; }

    .swipe-panel.active{
    	display: block;
    }
     .__fixedh .modal-body{
    height: 90vh;
    overflow-y: auto;
}