/**
 *
 * Developed And Maintained By The Dev2a
 * Copyright (c) 2016-2017,Dev2a
 * Author : Mark Olaf
 * http://www.dev2a.com
 *
 **/
/*======================*/
/*===   Admin CSS    ===*/
/*======================*/

/*************/
/*** Login ***/
/*************/
html.admlog{
	background: url("../images/background.jpg") no-repeat center center fixed;
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
html.admlog>body{
	background:none;
}
/*********************/

html {
	background-color: #FAFAFA;
	/*min-width:1240px;*/
    font-family: 'Arial';
}
body {
    max-height: 100%;
}
/* Commun CSS Setting */
#main{
	display:block;
	margin: 0 auto;
    position: relative;
}
.backsite{
	position:absolute;
	right:27px;
	top:5px;
	z-index:25;
}
/* Login part */
#login{
	width:420px;
	margin:0 auto;
	margin-top:180px;
    padding: 20px;
    border: 1px solid #C4CACD;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 #E2E2E2, 0 1px 1px #EDEEEF;
}
@media (max-width: 425px) {
	#login{
		width:90%;
		margin-top:100px;
	}
}
@media (max-height: 480px) {
	#login{
		margin-top:20px;
	}
}
.login-form{
    border-top: 1px solid #C4CACD;
    padding-top: 20px;
}
#wmaker{
    position: relative;
}
.footer-login{
	font-size:0.8em;
	color:#AFAFAF;
	display:block;
	margin:0 auto;
}
/* End login */

/* msg-fieldset */
.msg-box{
    border: 1px solid;
    border-radius: 5px;
    font-size: 12px;
    margin: 0 0 12px;
    padding: 0 10px;
}
.msg-error {
    background: #FCDCDE;
    border-color: #F9AFB4;
    box-shadow: 0 1px 0 #F7FEF2 inset, 0 1px 0 #DADEE1;
}
.msg-info {
    background: #5BC0DE;
    border-color: #5BC0DE;
    box-shadow: 0 1px 0 #5BC0DE inset, 0 1px 0 #DADEE1;
}
.msg-warning {
    background: #F0AD4E;
    border-color: #F0AD4E;
    box-shadow: 0 1px 0 #F0AD4E inset, 0 1px 0 #DADEE1;
}

.msg-box .msg-content {
    background: none no-repeat scroll 0 8px transparent;
    padding: 8px 0 8px 22px;
    position: relative;
}
.msg-error .msg-content {
    background-image: url("../images/warning_16.gif");
}
.pad-error{
	padding:4px;
	padding-left:40px;
}
.details{margin:0 0 0 10px;}
.openfolder, .closefolder {
    display: list-item;
    list-style: none outside none;
    margin-left: 30px;
}
.openfolder {
    list-style-image: url("../images/theme/folder-open.png");
}
.closefolder {
    list-style-image: url("../images/theme/file.png");
}
/* Stylrd the upload file */
.file-align{
	display:block;
	width:472px;
	margin:0 auto;
	
}
.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  box-shadow:2px 2px 5px #000ccc;
  width:470px;
  margin:5px auto;
    background-color: hsl(0, 0%, 100%);
    background-image: none;
    border: 1px solid hsl(0, 0%, 80%);
    border-radius: 4px;
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.075) inset;
    color: hsl(0, 0%, 33%);
}
.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
/*  filter: alpha(opacity=1); */
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}
.file-wrapper .file_button {
  background: #516ACC;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  margin-right: 15px;
  padding: 5px 18px;
  text-transform: uppercase;
}
.file-holder{
    display: inline-block;
    font-weight: bold;
    line-height: 1.6;
    padding-left: 5px;
    padding-top: 5px;
}
/*================*/
/*== Help Popup ==*/
/*================*/
.mypopframe{}
.mypopcontent{display:inline-block;float:left;}
.mypoplist{float:left;width:250px;}
.mypopview{position:relative;border:4px inset grey;width:150px;height:150px;margin-left:240px;}
.mydirlist{border:4px inset grey;width:150px;}
.mypopsend{float:left;width:100%;text-align:center;border:1px solid grey;margin:5px auto;padding:2px 0;}
.clmypopsend{float:left;width:35%;text-align:center;border:1px solid grey;margin:5px auto;padding:2px 0;}
.myfontselect{top:4px;left:6px;}
.myfontresult{padding-left:4px;}
.field_center{position:absolute;top:50%;left:50%;}
.jqueryFileTree > li.onfocus {
    background-color: rgba(50, 150, 30, 0.2) !important;	
}
#imgspan{width:130px;height:120px;margin-left:2px ;margin-top:2px ;float:left;}