/* ===============================================
   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_WooCarousel_lite_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_WooCarousel_lite_banner h1 {
	font-size:24px;
	color:#616161;
	margin:0 auto 15px auto;
	font-family: 'Source Sans Pro', Geneva, sans-serif;
}

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

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

#WIP_WooCarousel_lite_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_WooCarousel_lite_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="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:#efefef;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	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:50px;
	display:inline-block;
}

.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_woocarousel_lite_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;
}