/* ===============================================
   GENERALS
   =============================================== */

button:hover ,
button:active ,
button:focus ,
input:hover ,
input:active ,
input:focus ,
textarea:hover ,
textarea:active ,
textarea:focus {
	outline:none !important;
	text-decoration:none !important;
}

input[type=file]:hover ,
input[type=file]:active ,
input[type=file]:focus {
	border:none !important;
}

.clear {
	clear:both;
	float:none !important;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* ===============================================
   SAVE MESSAGE
   =============================================== */

.updated.fade.message_save.WIP_plugin_panel_message {
	margin:0 0 15px 0;
	width:98%;
	padding: 1%;
    border: none;
    box-shadow: 0 2px 1px -1px #46b450;
}

/* ===============================================
   HEADER
   =============================================== */

#WIP_plugin_panel_header {
	background: #4588b5;
	color:#fff;
	width:98%;
	margin:0 0 15px 0;
	padding:2% 1%;
	position:relative;
    border: 1px solid #ddd;
    box-shadow: 0 2px 1px -1px #ccc;
}

#WIP_plugin_panel_header img {
	display:block;
}

#WIP_plugin_panel_header .plugin_description {
	position:absolute;
	top:50%;
	right:50px;
	margin-top:-29px;
}

#WIP_plugin_panel_header h2 {
	text-align: left;
	font-size: 20px;
	font-family: 'Roboto', Geneva, sans-serif;
	color: #fff;
	font-weight:400;
	text-shadow:none;
}

#WIP_plugin_panel_header div.plugin_info {
	font-size: 14px;
	margin-top:15px;
	text-align: left;
}

WIP_plugin_panel_header h2.features {
	padding-left:0;
	float:left;
}

/* ===============================================
   BANNER
   =============================================== */

#WIP_plugin_panel_banner {
	border:dotted 4px #ec7063;
	width:calc(94% - 8px);
	padding:3% 2%;
	text-align:center;
	margin-top:15px;
	color:#fff;
	display:block;
	vertical-align:top;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-family: 'Source Sans Pro', Geneva, sans-serif;
}

#WIP_plugin_panel_banner h1 {
	font-size:24px;
	color:#616161;
	margin:0 auto 15px auto;
	font-family: 'Source Sans Pro', Geneva, sans-serif;
}

#WIP_plugin_panel_banner h2 {
	color:#616161;
	font-size:22px;
	font-family: 'Source Sans Pro', Geneva, sans-serif;
}

#WIP_plugin_panel_banner p {
	color:#616161;
	font-size:18px;
	margin:30px auto;
	font-family: 'Source Sans Pro', Geneva, sans-serif;
}

#WIP_plugin_panel_banner .big-button a {
	background: #ec7063;
	color:#fff;
	text-decoration:none;
	padding: 14px 24px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	font-family: 'Source Sans Pro', Geneva, sans-serif;
	font-size: 16px;
	text-align: center;
	position: relative;
	margin:0 auto;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display:inline-block;
	text-transform:uppercase;
	font-weight:600
}

#WIP_plugin_panel_banner .big-button a:hover {
	background:#e74c3c;
}

/* ===============================================
   TABS
   =============================================== */

#WIP_plugin_panel_tabs {
	width:98.5%;
	height:100%;
	display:inline-block;
	margin-top:15px;
	vertical-align:top;
	margin-right:15px;
}

.WIP_plugin_panel_tabs {
	position:relative;
	display: block
}

#WIP_plugin_panel_tabs-container {
	margin:0;
	padding:0 5px;
}

#WIP_plugin_panel_tabs-container p {
	font-family: Geneva, sans-serif;
	font-size:15px;
	text-align:center;
	margin:0;
	line-height:1.4em;
}

#WIP_plugin_panel_tabs-container h3 {
	text-align:center;
}

#WIP_plugin_panel_tabs ul {
	list-style:none;
	margin:0;
	background:#4588b5;
	padding:15px;
}

#WIP_plugin_panel_tabs.metaboxes ul {
	margin-top:15px;
}

#WIP_plugin_panel_tabs ul.orders {
	padding:0;
	background:none;
}

#WIP_plugin_panel_tabs.metaboxes {
	width:100%;
	border:none;
}

#WIP_plugin_panel_tabs.metaboxes ul {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

#WIP_plugin_panel_tabs.metaboxes ul.orders{
	height:100%;
	border:none;
}

#WIP_plugin_panel_tabs.metaboxes ul.orders .wip_container h5.element{
	cursor:move;
}

#WIP_plugin_panel_tabs.metaboxes li {
	float:inherit;
	margin-bottom:0;
	border:none;
}

#WIP_plugin_panel_tabs li {
	float:left;
	margin:0;
}

#WIP_plugin_panel_tabs li a {
	color:#fff;
	text-decoration:none;
	padding:14px;
	display:block;
	text-align:center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	font-family:'Roboto',Helvetica, Geneva, sans-serif;
	float:left;
	font-size:14px;
	text-shadow:none;
	margin:0;
	text-transform:uppercase;
}

#WIP_plugin_panel_tabs.metaboxes li a {
	padding:15px;
	font-size:14px;
	margin:0;
}

#WIP_plugin_panel_tabs.metaboxes li a.delete {
	margin:0 0 0 20%;
	float:none;
	display:inline;
	padding:5px;
	font-size:14px;
	color:#555;
}

#WIP_plugin_panel_tabs.metaboxes li a.delete:hover {
	background:inherit;
}


#WIP_plugin_panel_tabs li a:hover,
#WIP_plugin_panel_tabs li.ui-tabs-active a,
#WIP_plugin_panel_tabs li.ui-state-active a {
	background:#5C97BF;
	color:#fff;
	text-shadow:none;
}

#WIP_plugin_panel_tabs li a:focus {
    webkit-box-shadow: none;
    box-shadow: none;
}

#WIP_plugin_panel_tabs.metaboxes li.ui-state-active,
#WIP_plugin_panel_tabs.metaboxes li.ui-widget-content
#WIP_plugin_panel_tabs.metaboxes li.ui-state-active,
#WIP_plugin_panel_tabs.metaboxes li.ui-widget-header
#WIP_plugin_panel_tabs.metaboxes li.ui-state-active {
    background: none;
	padding:0;
}

#WIP_plugin_panel_tabs.metaboxes .metaboxe_box {
	padding: 0 !important;
}

/* ===============================================
   BOXS
   =============================================== */

.WIP_plugin_panel_container .WIP_plugin_panel_mainbox {
	font-family:'Roboto',Helvetica, Geneva, sans-serif;
	font-size:14px;
	line-height:1.4em;
	background:#fff;
	position:relative;
}

.WIP_plugin_panel_container .wip_openbox {
	display:block !important;
}

.WIP_plugin_panel_container .WIP_plugin_panel_mainbox-open {
	font-family:'Roboto',Helvetica, Geneva, sans-serif;
	font-size:14px;
	line-height:1.4em;
	background:#f3f3f3;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	position:relative;
}

.WIP_plugin_panel_container  {
	background:url(../images/subparent.png) no-repeat 8% center ;
}

.WIP_plugin_panel_container h5.element {
	cursor:pointer;
	background:url(../images/subparent.png) no-repeat #5C97BF 98% center ;
	padding:15px;
	font-size:16px;
	margin:15px 0 0 0;
	font-family:'Roboto',Helvetica, Geneva, sans-serif;
	font-weight:normal;
	text-shadow:none;
	color:#fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	text-transform:uppercase;
}

.WIP_plugin_panel_container h5.element-open {
	background:#4588b5;
	padding:15px;
	font-size:15px;
	margin:10px 0 0 0;
	font-weight:normal;
	color: #fff;
	font-family:'Roboto',Helvetica, Geneva, sans-serif;
}

.WIP_plugin_panel_container h5.element:hover {
	color:#fff;
	background:url(../images/subparent.png) no-repeat #4588b5 98% center ;
}

.WIP_plugin_panel_container h5.inactive {
	background:url(../images/subparent-hover.png) no-repeat #4588b5 98% center;
	color:#fff;
}

.WIP_plugin_panel_container .wip_container h5.inactive:hover {
	WIP_plugin_panel_container:url(../images/subparent-hover.png) no-repeat #4588b5 98% center;
	color:#fff;
}

/* ===============================================
   INPUTBOX
   =============================================== */

.WIP_plugin_panel_container div.WIP_plugin_panel_box ,
.WIP_plugin_panel_container div.wip_inputbox {
	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;
	padding:15px 0 15px 15px;
}

.WIP_plugin_panel_container div.WIP_plugin_panel_box {
	background:#fff;
}

.WIP_plugin_panel_gallery_order div.WIP_plugin_panel_box ,
.WIP_plugin_panel_container div.WIP_plugin_panel_box.WIP_plugin_save_box {
	background:#fafafa !important;
}

.WIP_plugin_panel_container div.WIP_plugin_slidebox  {
	padding:15px;
}

.WIP_plugin_panel_container div.WIP_plugin_panel_slidebox .WIP_plugin_panel_container {
	padding:15px 15px 0 15px;
}

.WIP_plugin_panel_container div.WIP_plugin_panel_slidebox .WIP_plugin_panel_container h5.element {
	margin-top:0;
}

.WIP_plugin_panel_container .metaboxes div.WIP_plugin_panel_box {
	border-top:1px solid #ddd;
	border-bottom:1px solid #fff;
	padding:14px 0 0 0
}

div#Slideshow .WIP_plugin_panel_container .WIP_plugin_panel_box .button,
.WIP_plugin_panel_container div.WIP_plugin_panel_slidebox .button#add_gallery {
    margin:15px 0 5px 0;
}


div#Slideshow .WIP_plugin_panel_container .WIP_plugin_panel_box .button.delete,
.WIP_plugin_panel_container div.WIP_plugin_panel_slidebox p.wip_input {
    margin-left:0;
}

div#Slideshow .WIP_plugin_panel_container .WIP_plugin_panel_box .button.upload_button {
    margin-left:20%;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box textarea{
	height:155px;
	width:78%;
	font-size:12px;
	padding:4px 1.5% 4px 0.5%;
	color:#333;
	line-height:1.5em;
	background:#efefef;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #ddd;
	border:solid 1px #ddd;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box input[type="text"],
.WIP_plugin_panel_container .WIP_plugin_panel_box input[type="time"],
.WIP_plugin_panel_container .WIP_plugin_panel_box input[type="color"],
.WIP_plugin_panel_container .WIP_plugin_panel_box select{
	width:78%;
	height:28px;
	font-size:12px;
	padding:4px 1.5% 4px 0.5%;
	color:#333;
	line-height:1.5em;
	background:#fafafa;
    -moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:solid 1px #ddd;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box input.WIP_plugin_panel_color {
	display: inline-block;
    width: auto;
    height: 24px;
    line-height: 22px;
    background: #fff;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	margin-right:6px;
}

.WIP_plugin_panel_container .WIP_plugin_panel_datepicker input[type="text"]{
	width:80px;
	display:inline-block;
}

.WIP_plugin_panel_container .WIP_plugin_panel_datepicker input[type="time"]{
	width:70px;
	display:inline-block;
	padding:4px;
}

.WIP_plugin_panel_container .WIP_plugin_panel_datepicker input.WIP_plugin_panel_countdown[type="text"]{
	width:100px;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box .wp-color-result:after {
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box .button.wp-picker-default {
    display: inline-block;
    margin: 0;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box .wp-color-result {
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.WIP_plugin_panel_container .wp-picker-open+.wp-picker-input-wrap {
	width:100%;
}

.WIP_plugin_panel_container .metaboxes .orders .WIP_plugin_panel_box label,
.WIP_plugin_panel_container .WIP_plugin_panel_box label {
	color:#333;
	font-family:'Roboto',Helvetica, Geneva, sans-serif;
	float:left;
	width:20%;
	font-size:14px;
	padding:4px 0;
}

.WIP_plugin_panel_container .metaboxes .WIP_plugin_panel_box label ,
.WIP_plugin_panel_container .metaboxes .WIP_plugin_panel_box em {
	width:100%;
	float:none;
	display:block;
}

.WIP_plugin_panel_container .metaboxes .WIP_plugin_panel_box em {
	width:100%;
	float:none;
	display:block;
	font-family:'Roboto',Helvetica, Geneva, sans-serif;
	font-size:12px;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box p {
	color:#333;
	font-family:'Roboto',Helvetica, Geneva, sans-serif;
	font-style:italic;
	font-size:12px;
    margin:5px 0 0 0;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box p {
    margin:5px 0 0 20%;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box span.separator{
	font-weight: bold;
	font-size: 11px;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box textarea:focus,
.WIP_plugin_panel_container .WIP_plugin_panel_box input:focus,
.WIP_plugin_panel_container .WIP_plugin_panel_box select:focus {
    background: #fff;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box input#wip_custom_login_pro_upload_backup:focus {
    background: #008ec2;
    border-color: #006799;
    -webkit-box-shadow: 0 1px 0 #0073aa,0 0 2px 1px #33b3db;
    box-shadow: 0 1px 0 #0073aa,0 0 2px 1px #33b3db;
}

.WIP_plugin_panel_container .metaboxes .orders .WIP_plugin_panel_box .button ,
.WIP_plugin_panel_container .WIP_plugin_panel_box .button {
    margin:5px 0 5px 20%;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box .iphone-check input[type="checkbox"]  {
    width:280px;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box .preview {
	width:98%;
	height:300px;
	border:solid 4px #fff;
	outline:solid 1px #ddd;
	float:left;
	margin:10px 0 0 0;
}

.WIP_plugin_panel_container .wip_icons .preview {
	width:80px;
	height:80px;
	border:solid 4px #fff;
	outline:solid 1px #ddd;
	background-color:#CCC;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box .upload-preview {
	margin:15px 0 15px 20%;
	max-width: 78%;
}

.WIP_plugin_panel_container .wip_input label,.wip_input em,
.WIP_plugin_panel_container .wip_icons label,.wip_icons em {
	display:block;
	margin:5px 0;
}

.WIP_plugin_panel_container .input-left {
	float:left;
	width:39%;
	vertical-align:top;
	padding:0 0 14px 0;
}

.WIP_plugin_panel_container .input-right {
	float:right;
	width:59%;
	padding:10px 0 0 0
}

.WIP_plugin_panel_container .WIP_plugin_panel_box.wip_input {
	padding:0;
	border-top:none;
	border-bottom:none;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box.wip_input label {
	width:inherit;
	padding:0;
	float:none;
}

.WIP_plugin_panel_container .WIP_plugin_panel_box.wip_input .button {
	margin:0;
}

#wp-customIncomingPage-wrap {
    width: 78%;
    display: inline-block;
    float: none;
}
