/*
 * impleCode Framework
 * http://impleCode.com
 *
 * Copyright 2014 impleCode
 * Free to use under the GPLv3 license.
 * http://www.gnu.org/licenses/gpl-3.0.html
 *
 * Contributing author: Norbert Dreszer
 */

.general-implecode-settings {
min-height: 500px;
}

.plugin-logo {
position: absolute;
right: 0px;
bottom: 25px;
z-index: 9999;
}

.number_box {
width: 60px;
}

/* Image Picker */
.custom-uploader {
width: auto;
display: inline-block;
text-align: center;
}

div.implecode-admin-media-image {
width: 150px;
height: 150px;
border: 2px dashed #A8A8A8;
position: relative;
display: table-cell;
vertical-align: middle;
}

.implecode-admin-media-image.empty {
display: block;
	margin: 0 auto;
}

.custom-uploader a.add_theme_media {
margin-top: 7px;
}

.custom-uploader {
height: 191px;
width: auto;
overflow: hidden;
}

div.implecode-admin-media-image.empty:before {
font-family: dashicons;
content: "\f161";
color: #A8A8A8;
width: 100%;
height: 100%;
text-align: center;
display: block;
line-height: 150px;
font-size: 70px;
position: absolute;
z-index: 1;
}

div.implecode-admin-media-image img {
position: relative;
z-index: 10;
max-width: 100%;
max-height: 100%;
}

.theme-reset-image-button {
position: absolute;
top: 2px;
left: 90%;
font-weight: bold;
color: red;
cursor: pointer;
z-index: 99;
}

/* Case Studies */
#al_case_study_before_after_img .inside{
overflow: hidden;
text-align: center;
}

#al_case_study_before_after_img .inside table{
margin: 0 auto;
padding: 20px;
}

#al_case_study_before_after_img .inside table td{
padding: 0 10px;
}

/* ADMIN MENU */
#implecode_settings .settings-wrapper {
display: table;
padding-top: 20px;
width: 100%;
}

/* ADMIN SUBMENU */
.settings-submenu {
display: table-cell;
font-weight: 400;
width: 196px;
border-right: 1px solid #ccc;
margin-top: 20px;
}

#implecode_settings .settings-submenu h3 {
position: fixed;
width: 196px;
}

.setting-content.submenu {
display: table-cell;
padding: 0px 20px;
position: relative;
}

.element.current {
background: #fff;
border-right: 2px solid #fff;
}

.settings-submenu .element {
padding: 6px 10px;
font-weight: 700;
font-size: 15px;
line-height: 24px;
border: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #e4e4e4;
color: #555;
text-decoration: none;
outline: 0;
display: block;
margin-bottom: 5px;
margin-right: -1px;
}

.settings-submenu .element.current {
border-right: 1px solid #f1f1f1;
background: #f1f1f1;
color: #000;
}

.settings-submenu .element:hover {
background-color: #fff;
color: #464646;
}

/* GENERAL SETTINGS */
.admin-media-image {
max-width: 200px;
height: auto;
}

.admin-media-image img {
height: auto;
}

/* Color Picker */
input.color-picker, input.color-picker:focus, input.color-picker:active, input.color-picker:hover{
	border:0;
	width:100px;
	border-right:25px solid;
	line-height:20px;
}

/* Slider Settings */
.product-images ul li {
width: 15%;
max-height: 130px;
max-width: 130px;
overflow: hidden;
float: left;
border: 1px solid #D5D5D5;
margin: 9px 9px 0px 0px;
background: none repeat scroll 0% 0% #F7F7F7;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
position: relative;
}

.remove_one_image {
vertical-align: top;
width: 16px;
height: 16px;
position: absolute;
top: 0;
right: 3px;
cursor: pointer;
overflow: hidden;
}

.implecode-divider {
clear: both;
padding: 10px 0px;
}

/* Quick Elements */
.quick-element {
padding: 10px 0px;
margin-bottom: 10px;
}

.quick-element img{
max-width: 100%;
}

.widget-content .custom_url, .widget-content select {
    width: 100%;
    margin-bottom: 10px;
}