%PDF-
%PDF-
Mini Shell
Mini Shell
/*
* King Composer
*
* Copyright KingComposer.com
*
*/
body{
text-rendering: auto;
}
.wp-core-ui .button-primary {
text-shadow: none !important;
}
.kc-params-popup * {
backface-visibility: hidden;
}
.kc-params-popup .m-p-body {
padding: 15px;
min-width: 250px;
background-color: #fff;
max-height: 500px;
overflow: auto;
padding-top: 25px;
color: #444;
font-size: 13px;
line-height: 1.4em;
box-sizing: content-box;
overflow-x: hidden;
overflow-y: auto;
}
.kc-elm-settings-popup.kc-params-popup .m-p-body {
max-height: calc(100vh - 250px);
}
.kc-params-popup.hasTabs .m-p-body {
margin-top: 60px;
}
.kc-params-popup .m-p-body .kc-pop-tab{
display: none;
}
.m-p-body p.align-center{
margin: 80px 0;
}
.kc-params-popup .m-p-body .kc-pop-tab.form-active{
display: block;
}
.kc-params-popup .m-p-body .kc-error,
.kc-params-popup .m-p-body .kc-notice{
background: #ef6161;
color: #fff;
padding: 8px 12px;
border-radius: 2px;
box-sizing: border-box;
margin: 0px;
box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
}
.kc-params-popup .m-p-body .kc-notice{
background: #fdffc4;
color: #333;
}
.m-p-body .kc-param-row {
display: inline-block;
width: 100%;
clear: both;
border-bottom: 2px dotted #E4E4E4;
min-height: 60px;
box-sizing: content-box;
}
.m-p-body .kc-param-row.relation-hidden{
height: 0px;
overflow: hidden;
border: none;
margin: 0px;
padding: 0px;
float: left;
min-height: 0px;
}
.m-p-body .kc-param-row.field-random {
display: none;
}
.m-p-body .kc-param-row.field-post_taxonomy .m-p-r-content.full-width {
text-align: left;
}
.m-p-body .kc-param-row.field-hidden {
display: none;
}
.m-p-body .kc-param-row.field-group > .m-p-r-label,
.m-p-body .kc-param-row.field-googlemap > .m-p-r-label,
.m-p-body .kc-param-row.field-editor > .m-p-r-label {
width: 100%;
text-align: left;
padding: 0px;
display: block;
min-height: 40px;
}
.m-p-body .kc-param-row.field-group > .m-p-r-content,
.m-p-body .kc-param-row.field-googlemap > .m-p-r-content,
.m-p-body .kc-param-row.field-editor > .m-p-r-content {
width: 100%;
text-align: left;
padding: 0px;
display: block;
margin-bottom: 20px;
}
.kc-map-param-search {
max-width: 300px !important;
top: 8px !important;
left: auto !important;
right: 10px;
height: 38px !important;
padding: 10px;
z-index: 1 !important;
}
.kc-param-row .clear {
clear: both;
display: block;
width: 100%;
height: 1px;
}
.pac-container {
z-index: 10000;
}
.m-p-body .kc-param-row * {
max-width: 100%;
}
.m-p-body .kc-param-row .kc-edtip{
color: #aaa;
margin-left: 10px;
}
.gm-style-mtc, .gm-style-mtc div {
height: 20px;
line-height: 22px
}
.gmnoprint, .gmnoprint>div>div {
min-width: 30px;
}
.m-p-body .kc-param-row .kingcolors-panel,
.m-p-body .kc-param-row .kingcolors-panel * {
max-width: initial !important;
}
.m-p-body .kc-pop-tab>.kc-param-row:last-child {
border-bottom: none;
}
.m-p-body .kc-param-row .m-p-r-label{
float: left;
width: 100%;
padding: 0 15px;
text-align: left;
font-weight: bold;
box-sizing: border-box;
}
.m-p-body .kc-param-row .m-p-r-content {
float: left;
width: 100%;
min-height: 45px;
line-height: 30px;
padding: 8px 15px 15px 15px;
text-align: left;
font-weight: normal;
box-sizing: border-box;
}
.m-p-body .kc-param-row.field-css .m-p-r-content,
.m-p-body .kc-param-row.field-css .m-p-r-label{
padding-left: 0px;
padding-right: 0px;
}
.m-p-body .kc-param-row .m-p-r-label label {
display: block;
line-height: 18px;
margin-top: 8px;
cursor: default;
font-weight: 600;
text-transform: capitalize;
}
.m-p-body .kc-param-row.field-corners label {
margin-top: 18px;
}
.m-p-body .kc-param-row .wp-editor-container{
border: 1px solid #ddd;
}
.m-p-body .kc-param-row .link-preview{
color: #888;
}
.m-p-body .kc-param-row .button {
box-shadow: none;
border-radius: 1px;
margin-right: 5px;
color: #555;
border-color: #ccc;
background: #f7f7f7;
box-shadow: none;
vertical-align: top;
border: 1px solid #ddd;
box-sizing: border-box;
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 32px;
height: 32px;
margin: 0;
padding: 0 14px 1px;
cursor: pointer;
}
.m-p-body .kc-param-row .button:hover {
background: #fafafa;
border-color: #999;
color: #23282d;
}
.m-p-body .kc-param-row .kc-select-wrp {
display: inline-block;
margin-bottom: 20px;
width: 100%;
}
.m-p-body .kc-param-row .m-p-r-content.full-width {
width: 100%;
text-align: center;
}
.m-p-body .kc-param-row .m-p-r-des {
display: block;
clear: both;
width: 100%;
padding: 5px 0 12px;
font-style: italic;
color: #bbb;
font-size: 13px;
line-height: 20px;
font-weight: 400;
}
.m-p-body .kc-param-row select {
max-width: 90%;
width: 80%;
display: block;
border: none;
border-radius: 0px;
box-shadow: none;
background: #fff;
height: 35px;
font-size: 14px;
background-color: #fafafa;
background-image: url('../images/arrow-select.png');
background-position: right center;
background-repeat: no-repeat;
background-size: 25px 25px;
border: 1px solid #bfc9d0;
-webkit-appearance: none;
padding: 0 10px;
-moz-appearance: none;
}
.m-p-body input[type="text"],
.m-p-body input[type="search"],
.m-p-body input[type="email"],
.m-p-body input[type="number"] {
width: 90%;
height: 35px;
color: #666;
border: 1px solid #bfc9d0;
box-shadow: none;
padding: 5px 10px;
font-size: 14px;
margin-left: 0px;
box-sizing: border-box;
}
.m-p-body input[type="number"] {
width: 120px;
}
.m-p-body input[type="text"]:hover,
.m-p-body input[type="search"]:hover,
.m-p-body input[type="number"]:hover,
.m-p-body select:hover,
.m-p-body .kc-param-row select:hover,
.m-p-body textarea:hover {
border: 1px solid #a7b5be;
}
.m-p-body .kc-param-row.field-color_picker input{
background-image: url('../images/color-pick.png') !important;
background-repeat: no-repeat !important;
background-position: right 2px !important;
background-size: 30px 30px !important;
}
.m-p-body input:focus,
.m-p-body textarea:focus {
background-color: #f9fbcc;
}
.m-p-body .kc-param-row select:focus {
background-color: #f9fbcc;
}
.m-p-body .kc-param-row select[multiple] {
max-height: 350px;
min-height: 150px;
background: none;
padding: 0px;
}
.m-p-body .kc-param-row select[multiple] option{
padding: 5px 10px;
}
.m-p-body .kc-param-row select[multiple] option:hover{
background: #f9fbcc;
}
.m-p-body .kc-param-row a.clear-selected {
text-decoration: none;
clear: both;
line-height: normal;
margin: 5px 0 10px;
white-space: nowrap;
}
.m-p-body .kc-param-row .nowrap {
white-space: nowrap;
line-height: normal;
margin-right: 10px;
display: inline-block;
}
.field-wp_widget .m-p-r-label {
display: none;
}
.field-wp_widget .m-p-r-content, .field-wp_widget .m-p-r-content input[type="text"] {
width: 100% !important;
}
.field-wp_widget .m-p-r-content p:first-child {
margin-top: 0px;
}
.m-p-body .kc-param-row .m-p-r-content .kc-fonts-picker{
position: relative;
z-index: 100000;
}
.m-p-r-content .kc-fonts-picker button{
position: absolute;
right: 0px;
top: 1px;
color: #fff;
background: #42BCE2;
height: 35px;
line-height: 34px;
padding: 0 14px;
border: none;
cursor: pointer;
}
.m-p-r-content .kc-fonts-picker button:hover{
background: #298daa;
}
.m-p-r-content .kc-fonts-picker ul.kc-fonts-list{
position: absolute;
left: 0px;
top: 35px;
display: none;
background: #222;
border-radius: 3px;
box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
}
ul.kc-fonts-list h1{
color: #fff;
font-size: 30px;
margin-bottom: 10px;
font-weight: 400;
}
.m-p-r-content .kc-fonts-picker ul.kc-fonts-list:after{
content: "";
border: 10px solid transparent;
border-bottom: 10px solid #222;
position: absolute;
top: -20px;
left: 20px;
}
.m-p-r-content .kc-fonts-picker ul.kc-fonts-list li{
float: left;
width: 100%;
padding: 8px 14px;
border-top: 1px solid rgba(255, 255, 255, 0.09);
box-sizing: border-box;
color: #eee;
font-size: 14px;
cursor: pointer;
margin: 0px;
}
.m-p-r-content .kc-fonts-picker ul.kc-fonts-list li:hover{
background: #42bce2;
color: #fff;
}
.m-p-r-content .kc-fonts-picker ul.kc-fonts-list li:first-child{
border: none;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.m-p-r-content .kc-fonts-picker ul.kc-fonts-list li:last-child{
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.img-wrp {
position: relative;
float: left;
margin-right: 5px;
margin-bottom: 5px;
display: block;
line-height: normal;
text-align: center;
}
.field-attach_images .img-wrp{
max-width: 48% !important;
}
.kc-param-row.field-attach_image_url .img-wrp {
min-width: 300px;
}
.kc-param-row.field-attach_image_url .img-wrp img{
float: none;
}
.img-wrp-placeholder {
border: 1px dashed #666;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.img-wrp img {
float: left;
cursor: pointer;
max-width: 100%;
}
.img-wrp i.sl-close {
position: absolute;
background: rgba(255, 0, 0, 0.65);
color: #fff;
border-radius: 5px;
top: 3px;
right: 3px;
padding: 5px;
transition: opacity 250ms;
-webkit-transition: opacity 250ms;
-moz-transition: opacity 250ms;
opacity: 0;
text-align: center;
font-weight: bold;
}
.img-wrp i.sl-close:hover {
background: rgb(255, 0, 0);
}
.img-wrp .img-sizes {
display: block;
clear: both;
position: absolute;
width: 100%;
left: 0px;
top: 50%;
text-align: center;
vertical-align: middle;
margin-top: -20px;
/* height: 100%; */
}
.img-wrp .img-sizes button {
display: inline-block;
margin-right: 5px;
box-shadow: none;
font-size: 12px;
margin-top: 5px;
margin-bottom: 10px;
cursor: pointer;
height: 28px !important;
line-height: 28px !important;
background: #333;
border: none;
color: #fff;
}
.img-wrp-medium .img-wrp img {
width: 85px;
}
.img-wrp-large .img-wrp img {
width: 55px;
}
.img-wrp:hover i.sl-close {
opacity: 0.8;
cursor: pointer;
}
.field-animate .kc-animate-field{
display: flex;
padding: 5px 10px;
box-sizing: border-box;
}
.field-animate .kc-animate-field strong{
margin: 0;
min-width: 70px;
text-align: left;
}
.field-animate .kc-animate-field select{
margin-right: 20px;
width: 70%;
}
.field-animate .kc-animate-field input[type="text"],
.field-animate .kc-animate-field select.small-sel{
width: 150px;
}
.field-animate .kc-animate-preview{
background: #42bce2;
padding: 50px 0;
font-size: 20px;
letter-spacing: 4px;
text-transform: uppercase;
color: #fafafa;
margin-bottom: 20px;
}
.field-animate .kc-animate-preview small{
font-size: 13px;
clear: both;
display: block;
letter-spacing: 1px;
text-transform: initial;
}
.kc-param-row.field-attach_media .filename{
padding: 8px 20px;
border: 1px dashed #848484;
background: #eee;
display: inline-block;
margin-bottom: 10px;
font-weight: bold;
color: maroon;
}
.kc-param-row.field-attach_media .media-wrp{
position: relative;
display: inline-block;
}
.kc-param-row.field-attach_media .media-wrp i.sl-close{
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
}
.kc-param-row.field-attach_media .media-wrp i.sl-close:hover{
color: maroon;
}
.m-p-body .kc-param-row .kc-editor-wrapper {
margin-bottom: 5px;
}
.m-p-body .kc-param-row a:focus,
.m-p-body .kc-param-row a:active {
box-shadow: none;
}
.kc-param-row.field-attach_image .m-p-r-content {
line-height: 25px;
display: inline-block;
}
.kc-param-row .multi-fields-ul, .kc-param-row .multi-fields-units-ul {
display: inline-block;
margin: 0px;
padding: 0px;
}
.kc-param-row .multi-fields-ul li {
float: left;
text-align: center;
margin: 0 -1px 0 0;
text-transform: uppercase;
font-size: 10px;
color: #aaa;
width: 20%;
line-height: 20px;
}
.kc-param-row.field-css_border .multi-fields-ul li {
width: auto;
}
.kc-param-row.field-css_border .multi-fields-ul li input.m-f-u-first{
width: 60px;
}
.kc-param-row .multi-fields-units {
width: 100%;
text-align: right;
margin: 0px;
box-sizing: border-box;
padding-right: 50px;
margin-top: -16px;
}
.kc-param-row .multi-fields-units li{
padding: 0;
margin: 0 1px 0px 0;
cursor: pointer;
min-width: 35px;
text-align: center;
border-radius: 2px;
height: 20px;
display: inline-block;
line-height: 20px;
color: #ccc;
}
.kc-param-row .multi-fields-units li.active,
.kc-param-row .multi-fields-units li:hover{
color: #333;
font-weight: bold;
}
.m-p-body .kc-param-row .multi-fields-ul input{
width: 100%;
background-image: none !important;
float: left;
margin: 0px;
text-align: center;
font-size: 12px;
height: 32px;
}
.m-p-body .kc-param-row .multi-fields-ul input.m-f-bb-color {
width: 165px;
}
.m-p-body .kc-param-row .css-border-advanced{
display: block;
}
.m-p-body .kc-param-row .multi-fields-ul input[type="number"]:focus {
position: relative;
z-index: 10;
}
.m-p-body .kc-param-row .multi-fields-ul .m-f-u-li-link {
font-weight: bold;
font-size: 12px;
position: relative;
}
.m-p-body .kc-param-row .multi-fields-ul .m-f-u-li-link span {
background: #f5f5f5;
padding: 5px 10px;
float: left;
border: 1px solid #bfc9d0;
text-align: center;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
color: #333;
cursor: pointer;
}
.m-p-body .kc-param-row .multi-fields-ul .m-f-u-li-link.active span,
.m-p-body .kc-param-row .multi-fields-ul .m-f-u-li-link span:hover{
background: #42BCE2;
border-color: #42BCE2;
color: #fff;
}
.multi-fields-ul .m-f-u-li-link span input {
margin: -3px 0 0 0;
}
.m-p-body .kc-param-row .multi-fields-ul .m-f-u-li-link .multi-fields-units{
position: absolute;
right: -60px;
min-width: 50px;
border: 1px solid#ccc;
color: #aaa;
padding: 0 7px;
font-weight: normal;
font-size: 13px;
}
.m-p-body .kc-param-row .multi-fields-ul select {
margin: 0px;
width: 100%;
min-width: 80px;
height: 32px;
border: none;
box-shadow: none;
position: relative;
background-color: transparent;
color: #aaa;
}
.m-p-body .kc-param-row .multi-fields-ul .m-f-u-li-splect {
height: 32px;
width: 100%;
border: 1px solid #ccc;
display: inline-block;
box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
border-right: none;
border-left: none;
box-sizing: border-box;
}
.kc-param-row.field-icon_picker {
position: relative;
}
.kc-param-row.field-icon_picker.active {
padding-bottom: 150px;
}
.kc-param-row.field-icon_picker.active .icons-list {
display: block;
}
.kc-param-row.field-radio input[type="radio"]{
display: none;
}
.kc-param-row.field-radio label.rbtn{
float: left;
width: 100%;
position: relative;
cursor: pointer;
margin: 0 0 5px 0;
font-size: 13px;
padding: 0px 0px 0px 28px;
}
.kc-param-row.field-radio input[type=radio] + label.rbtn:before {
content: '';
position: absolute;
left: 0;
top: 50%;
border-radius: 50%;
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #D4D9DF;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
box-sizing: border-box;
}
.kc-param-row.field-radio input[type=radio] + label.rbtn:after {
content: '';
font-size: 14px;
position: absolute;
top: 50%;
left: 6px;
width: 8px;
height: 8px;
background: #56c3e5;
border-radius: 50%;
line-height: 0.8;
color: #56c3e5;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
margin-top: -4px;
}
.kc-param-row.field-radio input[type=radio]:checked + label.rbtn:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.kc-param-row.field-radio_image .kc-radio-image-field-body{
display: inline-block;
width: 100%;
position: relative;
}
.kc-param-row.field-radio_image .kc-radio-image-field-body img.large-view{
position: fixed;
z-index: 3;
top: 0px;
left: 0px;
box-shadow: 1px 1px 2px 0 rgba(0,0,0,.5);
max-width: 750px;
border-radius: 2px;
display: none;
background: #fff;
}
.kc-param-row.field-radio_image input[type="radio"]{
display: none;
}
.kc-param-row.field-radio_image label.rbtn{
float: left;
width: auto;
position: relative;
cursor: pointer;
margin: 7px 14px 7px 0px;
line-height: 15px;
}
.kc-param-row.field-radio_image input[type=radio] + label.rbtn:after {
content: '';
position: absolute;
z-index: 1;
top: -5px;
left: -5px;
width: 100%;
height: 100%;
border: 3px solid #ddd;
opacity: 0;
box-sizing: content-box;
transform: scale(0.9);
transition: all .2s;
float: left;
padding-right: 4px;
padding-bottom: 1px;
}
.kc-param-row.field-radio_image input[type=radio] + label.rbtn:hover:after {
opacity: 1;
transform: scale(1);
}
.kc-param-row.field-radio_image input[type=radio]:checked + label.rbtn:after {
opacity: 1;
border: 3px solid #56c3e5;
transform: scale(1);
}
.kc-param-row.field-radio_image label.rbtn img{
max-width: 90px;
position: relative;
z-index: 2;
background: #fff;
box-shadow: 0px 0px 1px 0 rgba(0,0,0,.15);
}
.kc-param-row.field-checkbox input[type="checkbox"]{
display: none;
}
.kc-param-row.field-checkbox label.rbtn{
float: left;
width: 100%;
position: relative;
cursor: pointer;
margin: 0 0 5px 0;
font-size: 13px;
padding: 0px 0px 0px 28px;
background: transparent;
}
.kc-param-row.field-checkbox input[type=checkbox] + label.rbtn:before {
content: '';
position: absolute;
left: 0;
top: 50%;
border-radius: 0px;
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #D4D9DF;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
box-sizing: border-box;
}
.kc-param-row.field-checkbox input[type=checkbox] + label.rbtn:after {
content: '\f00c';
font-family: "FontAwesome";
font-size: 12px;
position: absolute;
top: 50%;
left: 4px;
opacity: 0;
line-height: 0.8;
color: #56c3e5;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
margin-top: -4px;
}
.kc-param-row.field-checkbox input[type=checkbox]:checked + label.rbtn:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.kc-param-row.field-css_border .m-p-r-content label{
display: block;
text-transform: capitalize;
font-size: 13px;
color: #888;
font-weight: bold;
border-top: 1px solid #eee;
}
.kc-param-row.field-autocomplete .kc_autocomplete_wrp{
position: relative;
}
.kc-param-row.field-autocomplete .kc_autocomplete_wrp .autcp-items{
margin: 0px;
}
.kc-param-row.field-autocomplete .kc_autocomplete_wrp .autcp-items li{
background: #42bce2;
padding: 5px 10px;
border-radius: 2px;
box-sizing: border-box;
width: auto;
line-height: 20px;
cursor: move;
color: #fff;
text-transform: capitalize;
float: left;
margin: 0 5px 5px 0;
}
.kc-param-row.field-autocomplete .kc_autocomplete_wrp .autcp-items li:hover{
background: #383838;
}
.kc-param-row.field-autocomplete .kc_autocomplete_wrp li i.kc-ac-remove{
float: right;
color: #fafafa;
cursor: pointer;
margin-top: 0px;
border-radius: 100%;
width: 13px;
height: 13px;
line-height: 21px;
text-align: center;
font-size: 13px;
margin-left: 5px;
}
.kc-param-row.field-autocomplete .kc_autocomplete_wrp li i.kc-ac-remove:hover{
color: #aaa;
}
.kc-param-row.field-autocomplete .kc-autp-suggestion{
position: absolute;
left: 1px;
top: 100%;
width: 80%;
background: #fafafa;
padding: 0;
box-shadow: 3px 3px 15px 0 rgba(0,0,0,0.5);
display: none;
max-height: 250px;
overflow-y: auto;
z-index: 10;
}
.kc-param-row.field-autocomplete .kc-autp-suggestion ul{margin: 0px;}
.kc-param-row.field-autocomplete .kc-autp-suggestion li{
border-bottom: 1px solid #eee;
cursor: pointer;
float: left;
width: 100%;
margin: 0px;
padding: 5px 10px;
color: #0085BA;
box-sizing: border-box;
}
.kc-param-row.field-autocomplete .kc-autp-suggestion li.label{
background: #5C747B;
color: #fff;
text-align: left;
font-size: 13px;
font-weight: 400;
padding: 5px 10px;
border-radius: 0px;
cursor: default;
text-transform: capitalize;
}
.kc-param-row.field-autocomplete .kc-autp-suggestion li.label:hover{
background: #888;
color: #fff;
}
.kc-autp-suggestion li .fa-spinner{
font-size: 18px;
}
.kc-param-row.field-autocomplete .kc-autp-suggestion li:hover{
background: #eee;
}
input.kc-param-icons {
box-shadow: none;
color: #666 !important;
width: 180px !important;
float: left;
margin: 13px 0 0 -6px !important;
padding-left: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
line-height: 30px;
}
.icons-preview {
text-align: center;
float: left;
margin-bottom: 10px;
margin-top: 0px;
border-radius: 40px;
position: relative;
z-index: 2;
}
.icons-preview>i {
display: inline-block;
height: 60px;
background: #fff;
width: 60px;
float: left;
clear: both;
border: 1px solid #DEDEDE;
border-radius: 100%;
font-size: 30px;
line-height: 60px;
color: #00a0d2;
cursor: pointer;
box-shadow: 0 0 20px 0 rgba(0, 160, 210, 0.2) inset;
}
.icons-preview:hover>i {
box-shadow: 0 0 20px 0 rgba(0, 160, 210, 0.35) inset;
}
.icons-list span {
display: inline-block;
padding-left: 3%;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
width: 97%;
}
.seach-results {
margin-bottom: 20px;
}
.seach-results span {
display: inline-block;
text-align: center;
min-width: 100px;
font-weight: 400;
font-size: 12px;
width: calc(20% - 1px);
margin: 0px;
padding: 10px 0 15px;
border-right: 1px solid #eee;
width: -moz-calc(20% - 1px);
width: -webkit-calc(20% - 1px);
border-left: 1px solid #eee;
margin-left: -1px;
}
.seach-results span:hover {
background: #f5f5f5;
}
.seach-results span.label{
display: block;
width: 100%;
max-width: 100%;
font-size: 13px;
text-align: left;
padding-bottom: 10px;
border-right: none;
border-left: none;
background: transparent !important;
font-weight: bold;
}
.seach-results span i {
clear: both;
display: block;
width: auto;
margin-left: 0px;
margin-right: 0px;
font-size: 20px;
background: transparent !important;
}
ul.kc-icon-picker-tabs{
margin-bottom: 10px;
}
ul.kc-icon-picker-tabs li{
font-weight: bold;
padding-left: 25px;
padding-right: 25px;
}
.icons-list i {
font-size: 20px;
display: inline-block;
margin: 10px;
width: 7.4%;
text-align: center;
cursor: pointer;
transition: all 200ms;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
}
.icons-list i.active,
.icons-list i:hover {
color: #00a0d2;
background: #fff;
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
}
.icons-list i.break {
width: 100%;
height: 1px;
clear: both;
margin: 15px 0;
background: #eee;
}
.kc-box {
width: calc(100% - 2px);
width: -webkit-calc(100% - 2px);
width: -moz-calc(100% - 2px);
background: #f5f5f5;
border: 1px solid #e1e1e1;
float: left;
padding: 0px;
border-radius: 2px;
min-height: 48px;
margin-bottom: 10px;
position: relative;
box-sizing: content-box;
}
.kc-box.mb-helper {
background: #fff;
border: 1px dashed #ccc;
display: none !important;
text-align: center;
padding-top: 20px;
}
.kc-box .kc-box-body>div:only-child,
.kc-box .kc-box-body>.kc-box-column>div:only-child {
display: block !important;
}
.kc-box:before {
content: "";
position: absolute;
width: 100%;
height: 11px;
left: 0px;
bottom: -11px;
float: left;
}
.kc-box-column .kc-box:before {
content: "";
position: absolute;
z-index: 0;
top: -15px;
left: -15px;
width: calc(100% + 30px);
width: -webkit-calc(100% + 30px);
width: -moz-calc(100% + 30px);
height: calc(100% + 30px);
height: -webkit-calc(100% + 30px);
height: -moz-calc(100% + 30px);
}
.kc-box.mb-helper a {
text-decoration: none;
position: relative;
z-index: 3;
}
.kc-box .mb-header {
margin: 0px;
padding: 0px 10px;
width: calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
float: left;
cursor: move;
background: #fafafa;
border-bottom: 1px solid #efefef;
position: relative;
z-index: 1;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-height: 31px;
box-sizing: content-box;
}
.kc-box.kc-column-one-one {
border: none;
width: 100%;
background: #fff;
padding-bottom: 5px;
}
.kc-box.kc-column-one-one>.mb-header {
z-index: 4;
padding-top: 30px;
position: absolute;
bottom: -15px;
background: transparent;
border: none;
}
.kc-box.kc-column-one-one>.mb-header:hover {
background: transparent;
}
.kc-box.kc-column-one-one>.mb-header li,
.kc-box.kc-column-one-one>.mb-header:hover li.mb-edit,
.kc-box.kc-column-one-one>.mb-header.editting li.mb-edit,
.kc-box.kc-column-one-one>.mb-header:hover li.mb-remove,
.kc-box.kc-column-one-one>.mb-header.editting li.mb-remove {
display: none;
}
.kc-box.kc-column-one-one>.mb-header li.mb-funcs {
display: block;
right: 0%;
background: transparent !important;
margin-right: 0;
height: 25px;
width: 100%;
}
.kc-box.kc-column-one-one>.mb-header li.mb-funcs .mb-add {
display: block !important;
background: transparent;
}
.kc-box.kc-column-one-one>.kc-box-body {
border: none;
padding: 0px;
width: 100%;
}
.kc-box .mb-header:hover {
background: #f3f3f3;
}
.kc-box .mb-header li {
float: left;
margin: 0 10px 0 0;
color: #BFBFBF;
font-size: 12px;
position: relative;
z-index: 10;
}
.kc-box .mb-header li.mb-funcs {
position: absolute;
right: 0px;
top: 0px;
background: #fafafa;
width: calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
z-index: 9;
}
.kc-box .mb-header:hover li.mb-funcs {
background: #f3f3f3;
}
.kc-box .mb-header li span {
font-style: italic;
color: #dedede;
}
.kc-box .mb-header li span:hover {
font-style: italic;
color: #aaa;
}
.kc-box .mb-header li.mb-tag {
font-style: inherit;
color: #555;
text-transform: uppercase;
font-weight: bold;
}
.kc-box .kc-box-body {
width: calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
float: left;
min-height: 40px;
background: #fff;
padding: 10px;
padding-bottom: 0px;
border-radius: 2px;
position: relative;
z-index: 1;
box-sizing: content-box;
}
.kc-box .mb-header li.mb-func {
float: right;
padding-left: 7px;
margin: 0px;
padding-right: 7px;
color: #999;
cursor: pointer;
display: none;
}
.kc-box .mb-header li.mb-func.mb-add {
position: absolute;
left: 50%;
margin-left: -14px;
}
.kc-box>.mb-header:hover li.mb-func,
.kc-box.kc-box-elm:hover>.mb-header li.mb-func,
.kc-box>.mb-header.editting li.mb-func {
display: block;
}
.field-kc_box .m-p-r-content.full-width {
position: relative;
padding-top: 0px;
padding-bottom: 0px;
}
.kc-box .mb-header li.mb-func:hover i {
color: #555;
font-weight: bold;
}
.kc-box .mb-header li i.fa-caret-down:hover {
color: #555;
cursor: pointer;
}
.kc-box .mb-header li.mb-remove {
color: #CD4D10;
}
.kc-box-toggled .kc-box-body {
display: none;
}
.kc-box-toggled .mb-toggle i:before {
content: "\f0d8";
}
.field-kc_box .html-code, .field-kc_box .css-code {
position: absolute;
top: 0px;
right: 0px;
}
.field-kc_box .html-code {
right: auto;
left: 0px;
}
.field-kc_box .kc-box-render {
display: inline-block;
width: 100%;
margin: 15px 0px 0px 0px;
}
.kc-nodes {
text-align: center;
}
.kc-nodes .m-p-header {
text-align: left;
}
.kc-params-popup.kc-nodes .m-p-body {
padding: 15px 6px;
}
.kc-nodes button.button {
margin: 7px;
box-shadow: none;
font-size: 12px;
text-transform: capitalize;
}
.kc-nodes.kc-columns button.button {
box-shadow: none;
border-radius: 0px;
position: relative;
border: none;
padding: 0px;
background: #E0E0E0;
cursor: pointer;
margin-bottom: 30px;
}
.kc-nodes.kc-columns button.button span {
position: absolute;
bottom: -25px;
left: 0px;
width: 100%;
color: rgba(0, 0, 0, 0.3);
font-style: italic;
font-size: 10px;
}
.kc-nodes.kc-columns button.button:hover,
.kc-nodes.kc-columns button.button:hover:after,
.kc-nodes.kc-columns button.button:hover:before {
background: #ccc;
}
.kc-nodes.kc-columns button.button:before,
.kc-nodes.kc-columns button.button:after {
content: "";
height: 28px;
width: 35px;
float: left;
background: #E0E0E0;
}
.kc-nodes.kc-columns button.one-one:after {
display: none;
}
.kc-nodes.kc-columns button.one-one:before {
width: 70px;
}
.kc-nodes.kc-columns button.one-secondone-second:before {
border-right: 1px solid #fff;
}
.kc-nodes.kc-columns button.one-thirdtwo-third:before {
width: 23px;
border-right: 1px solid #fff;
}
.kc-nodes.kc-columns button.one-thirdtwo-third:after {
width: 47px;
}
.kc-nodes.kc-columns button.two-thirdone-third:before {
width: 47px;
border-right: 1px solid #fff;
}
.kc-nodes.kc-columns button.two-thirdone-third:after {
width: 23px;
}
.kc-nodes.kc-columns button.one-thirdone-third:before {
width: 27px;
border-right: 1px solid #fff;
}
.kc-nodes.kc-columns button.one-thirdone-third:after {
width: 27px;
border-left: 1px solid #fff;
margin-left: 27px;
}
.kc-params-popup.kc_box_wrpop .m-p-body {
max-height: 750px;
}
.field-kc_box .kc-box-trash {
position: absolute;
right: 0px;
bottom: 0px;
}
.field-kc_box .kc-box-trash .kc-box, .screen-reader-text {
display: none;
}
.kc-box.kc-box-elm {
border: 1px dotted #dedede;
background: #fff;
}
.kc-box.kc-box-column {
float: left;
width: 100%;
}
.kc-box.kc-box-column>.mb-header {
cursor: default;
}
.kc-box.kc-box-column>.mb-header .mb-double {
display: none !important;
}
.kc-box.kc-box-column>.mb-header .mb-toggle {
display: none;
}
.kc-box.kc-box-column:not(.kc-column-one-one) {
margin-right: -1px;
}
.kc-box-column.kc-column-one-second {
width: calc(50% - 2px);
width: -webkit-calc(50% - 2px);
width: -moz-calc(50% - 2px);
padding: 0;
min-height: 50px;
}
.kc-box-column.kc-column-one-third {
width: calc(33.33% - 2px);
width: -webkit-calc(33.33% - 2px);
width: -moz-calc(33.33% - 2px);
padding: 0;
min-height: 50px;
}
.kc-box-column.kc-column-two-third {
width: calc(66.66% - 2px);
width: -webkit-calc(66.66% - 2px);
width: -moz-calc(66.66% - 2px);
padding: 0;
min-height: 50px;
}
.kc-box.kc-box-column>.kc-box-body>.kc-box:before {
top: -10px;
left: -10px;
bottom: auto;
position: absolute;
content: "";
width: calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: -moz-calc(100% + 20px);
height: calc(100% + 20px);
height: -webkit-calc(100% + 20px);
height: -moz-calc(100% + 20px);
}
.kc-box.kc-box-elm>.mb-header {
width: calc(100% - 5px);
width: -webkit-calc(100% - 5px);
width: -moz-calc(100% - 5px);
border-bottom: none;
position: absolute;
right: 0px;
top: 0px;
height: 1px;
border-left: none;
padding-left: 5px;
padding-right: 0px;
background: transparent;
z-index: 2;
overflow: inherit;
}
.kc-box.kc-box-text>.mb-header .mb-funcs {
}
.kc-box.kc-box-elm>.mb-header li.mb-funcs {
margin-right: 0px;
padding: 0 5px;
width: auto;
}
.kc-box.kc-box-text:hover>.mb-header li.mb-funcs,
.kc-box.kc-box-icon:hover>.mb-header li.mb-funcs,
.kc-box.kc-box-image:hover>.mb-header li.mb-funcs,
.kc-box.kc-box-text>.mb-header.editting li.mb-funcs,
.kc-box.kc-box-icon>.mb-header.editting li.mb-funcs,
.kc-box.kc-box-image>.mb-header.editting li.mb-funcs
{
top: -16px;
border: 1px dotted #bbb;
right: -1px;
}
.kc-box.kc-box-elm>.kc-box-body {
padding-top: 20px;
}
.kc-box.kc-box-elm>.mb-header li.mb-tag {
font-size: 10px;
font-weight: normal;
color: #888;
height: 20px;
line-height: 20px;
position: relative;
padding-left: 15px;
}
.kc-box.kc-box-elm>.mb-header li.mb-tag:after {
content: "\e023";
font-family: 'simple-line-icons';
position: absolute;
top: 1px;
left: 0px;
font-size: 9px;
}
.kc-box.kc-box-elm>.mb-header li.mb-add,
.kc-box.kc-box-elm>.mb-header li.mb-id,
.kc-box.kc-box-elm>.mb-header li.mb-class,
.kc-box.kc-box-elm>.mb-header li.mb-toggle {
display: none !important;
}
.kc-box.kc-box-icon>.kc-box-body i {
font-size: 50px;
cursor: pointer;
}
.kc-box-column .kc-box-column .kc-box.kc-box-icon>.kc-box-body i {
font-size: 40px;
}
.kc-box-column .kc-box-column .kc-box-column .kc-box.kc-box-icon>.kc-box-body i {
font-size: 30px;
}
.kc-box.kc-box-image>.kc-box-body img {
max-height: 150px;
cursor: pointer;
}
.kc-box .kc-box-inner-text {
margin-bottom: 5px;
}
.kc-box-icon .kc-box-body {
padding-bottom: 5px;
}
.kc-box-h1 .kc-box-inner-text {
font-size: 2em;
}
.kc-box-h2 .kc-box-inner-text {
font-size: 1.5em;
font-weight: 400;
}
.kc-box-h3 .kc-box-inner-text {
font-size: 14px;
font-weight: 400;
}
.kc-box-h4 .kc-box-inner-text {
font-size: 1em;
font-weight: 400;
}
.kc-box-h5 .kc-box-inner-text {
font-size: .83em;
font-weight: 400;
}
.kc-box-h6 .kc-box-inner-text {
font-size: .67em;
font-weight: 400;
}
.kc-box-media-modal .media-sidebar .setting, .kc-box-media-modal .media-sidebar .attachment-display-settings h3 {
display: none;
}
.kc-box-media-modal .media-sidebar .attachment-display-settings label:last-child {
display: block;
}
.kc_raw_code_wrpop .field-textarea.field-base-code .m-p-r-label {
width: calc(15% - 15px);
width: -webkit-calc(15% - 15px);
width: -moz-calc(15% - 15px);
}
.kc_raw_code_wrpop .field-textarea.field-base-code .m-p-r-content {
width: 85%;
}
.kc_raw_code_wrpop .field-textarea.field-base-code .m-p-r-content textarea {
width: 95%;
min-height: 350px;
}
.kc-box-html-code .m-p-body textarea {
width: 100%;
max-width: 100%;
min-height: 350px;
}
.kc-pop-tab .kc-box-width {
display: inline-block !important;
width: 90% !important;
height: 32px;
}
.kc-param-row.field-group .kc-group-rows {
text-align: center;
display: inline-block;
width: 100%;
}
.kc-param-row.field-group .kc-group-row {
float: left;
width: 100%;
clear: both;
text-align: left;
margin-bottom: 1px;
max-height: none;
}
.kc-param-row.field-group .kc-group-controls {
float: left;
width: 100%;
cursor: move;
background: #e5e5e5;
}
.kc-param-row.field-group .kc-group-controls ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.kc-param-row.field-group .kc-group-controls ul li {
float: right;
cursor: pointer;
margin: 0px;
height: 40px;
padding: 0 5px;
line-height: 42px;
}
.kc-param-row.field-group .kc-group-controls ul li:hover {
background: #42BCE2;
color: #fff;
}
.kc-param-row.field-group .kc-group-controls ul li.collapse {
float: left;
padding: 0px;
}
.kc-param-row.field-group .kc-group-controls ul li.counter {
float: left;
cursor: move;
color: #888;
font-weight: 400;
text-transform: capitalize;
padding: 0px;
}
.kc-param-row.field-group .kc-group-controls ul li.counter:hover,
.kc-param-row.field-group .kc-group-controls ul li.collapse:hover {
background: none;
color: #555;
}
.kc-param-row.field-group .kc-group-row .kc-group-controls ul li.collapse i:before {
content: "\e607";
}
.kc-param-row.field-group .kc-group-row.active .kc-group-controls ul li.collapse i:before {
content: "\e604";
}
.kc-param-row.field-group .kc-group-controls ul li i {
margin: 0 15px;
}
.kc-param-row.field-group .kc-group-controls ul li.delete {
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.kc-param-row.field-group .kc-group-controls ul li.delete i {
color: red;
}
.kc-param-row.field-group .kc-group-controls ul li.delete:hover {
background: #EF645A;
border-left-color: transparent;
}
.kc-param-row.field-group .kc-group-controls ul li.delete:hover i {
color: #fff;
}
.kc-param-row.field-group .kc-group-body {
float: left;
width: 100%;
clear: both;
padding-top: 0px;
background: #fafafa;
height: 0px;
overflow: hidden;
}
.kc-param-row.field-group .kc-group-row.active .kc-group-body {
display: block;
/*animation-duration: 0.5s;
animation-name: fadeInFromNone;
animation-fill-mode: forwards;
-webkit-animation-duration: 0.5s;
-webkit-animation-name: fadeInFromNone;
-webkit-animation-fill-mode: forwards;
-ms-animation-duration: 0.5s;
-ms-animation-name: fadeInFromNoneIE;
-ms-animation-fill-mode: forwards;*/
padding-top: 15px;
height: inherit;
overflow: inherit;
}
.kc-param-row.field-group .kc-add-group {
margin: 0px auto 10px;
float: left;
background: #42BCE2;
color: #fff;
cursor: pointer;
height: 40px;
line-height: 42px;
}
.kc-param-row.field-group .kc-add-group:hover {
background: #2892B3;
}
/*** Number slider Style ***/
.m-p-body .kc_percent_slider {
width: calc(100% - 120px);
float: left;
}
.m-p-body .kc-param-row.field-number_slider .number_slider_field{
float: right;
width: 100px;
}
.kc_percent_slider .fsslider {
position: relative;
min-width: 150px;
height: 30px;
margin-top: 3px;
display: inline-block;
width: 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #000;
text-align: center;
line-height: 30px;
font-size: 11px;
font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
margin-bottom: 10px;
}
.kc_percent_slider>.fsslider>* {
position: absolute;
top: 50%;
cursor: pointer
}
.kc_percent_slider>.fsslider>.fsfull-value,
.fsslider>.fssel-value {
margin-top: -2px;
height: 5px;
left: 0;
right: 0;
border-radius: 10px;
}
.kc_percent_slider>.fsslider>.fsfull-value {
width: 100%;
background: #d8d8d8
}
.kc_percent_slider>.fsslider>.fscaret,
.fsslider>.fssel-left,
.fsslider>.fssel-right {
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
top: 2px;
height: 26px;
width: 26px;
}
.kc_percent_slider>.fsslider>.fscaret>span{
position: absolute;
top: -25px;
min-width: 50px;
text-align: center;
left: -10px;
color: #333 !important;
}
.kc_percent_slider>.fsslider>.fscaret.fss-right>span{
top: auto;
bottom: -25px;
}
.kc_percent_slider>.fsslider>.fscaret:hover{
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.fscaret {}
.kc_percent_slider>.fsslider>.fssel-value {
background: #55C7EA;
height: 5px;
margin-top: -2px;
right: 50%;
border-radius: 10px;
}
.kc_percent_slider>.fsslider.fsdisabled {
color: #c8c8c8
}
.kc_percent_slider>.fsslider.fsdisabled>.fssel-value {
background: #c8c8c8
}
.kc-param.number_slider_field {
width: 100px !important;
text-align: left;
float: right;
padding-left: 10px!important;
}
.kc-toggle-field-wrp .switch {
float: left;
position: relative;
cursor: pointer;
margin-right: 15px;
}
.kc-toggle-field-wrp .switch .toggle-button {
position: absolute;
top: 0;
left: 0;
margin: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
.kc-toggle-field-wrp .toggle-button ~ .toggle-label {
display: block;
position: relative;
height: 30px;
width: 70px;
border-radius: 18px;
background: #e3e7eb;
font-size: 12px;
color: #888;
}
.kc-toggle-field-wrp .toggle-button:hover ~ .toggle-label {
background: #ccd4db;
}
.kc-toggle-field-wrp .toggle-button ~ .toggle-handle {
position: absolute;
left: 3px;
top: 3px;
width: 24px;
height: 24px;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
}
.kc-toggle-field-wrp .switch .toggle-button ~ .toggle-label:before {
content: attr(data-off);
text-transform: uppercase;
line-height: 1;
position: absolute;
top: 50%;
right: 0px;
color: #808080;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 800;
font-size: 11px;
width: 35px;
text-align: left;
transition: opacity 250ms;
}
.kc-toggle-field-wrp .switch .toggle-button ~ .toggle-label:after {
content: attr(data-on);
text-transform: uppercase;
line-height: 1;
position: absolute;
top: 50%;
left: 0px;
color: #fff;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
opacity: 0;
font-size: 11px;
font-weight: 800;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 35px;
text-align: right;
transition: opacity 250ms;
}
.kc-toggle-field-wrp .toggle-button:checked ~ .toggle-handle {
left: 43px;
}
.kc-toggle-field-wrp .toggle-button:checked ~ .toggle-label {
background: #42bce2;
}
.kc-toggle-field-wrp .toggle-button:checked:hover ~ .toggle-label {
background: #349fc0;
}
.kc-toggle-field-wrp .toggle-button ~ .toggle-label:after {
opacity: 0;
}
.kc-toggle-field-wrp .toggle-button ~ .toggle-label:before {
opacity: 1;
}
.kc-toggle-field-wrp .toggle-button:checked ~ .toggle-label:after {
opacity: 1;
}
.kc-toggle-field-wrp .toggle-button:checked ~ .toggle-label:before {
opacity: 0;
}
.kc-param-row.field-toggle .m-p-r-des{
display: inherit;
clear: none;
}
.kc-param-row.field-select_group button {
float: left;
border: none;
background: #eee;
color: #8e8e8e;
margin-right: 1px;
cursor: pointer;
z-index: 100;
text-align: center;
height: 35px;
min-width: 42px;
position: relative;
line-height: 32px;
transition: all 250ms;
padding: 0 10px;
margin-bottom: 1px;
border-radius: 2px;
}
.kc-param-row.field-select_group button.active,
.kc-param-row.field-select_group button:hover,
.kc-param-row.field-select_group button:focus {
background: #42BCE2;
border-color: #42BCE2;
color: #fff;
position: relative;
z-index: 101;
outline: none;
}
.kc-param-row.field-select_group .buttons button:first-child {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.kc-param-row.field-select_group .buttons button:last-child {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.kc-param-row.field-select_group button i {
margin: 0;
line-height: 1.42857;
text-shadow: none;
}
.kc-param-row.field-select_group input{
width: 80px;
text-align: center;
margin: 0 0 0 10px;
}
.kc-param-row.field-select_group button .tooltip {
display: none;
border-radius: 2px;
position: absolute;
background: #333;
color: #fff;
padding: 0 8px;
line-height: 20px;
height: 20px;
top: -30px;
left: 50%;
max-width: initial;
font-size: 12px;
white-space: nowrap;
text-transform: capitalize;
font-weight: normal;
font-style: normal;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.kc-param-row.field-select_group button .tooltip:after {
display: none;
content: '';
position: absolute;
width: 0;
height: 0px;
border: 4px solid transparent;
border-top: 4px solid #333;
bottom: -8px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.kc-param-row.field-select_group button:hover .tooltip,
.kc-param-row.field-select_group button:hover .tooltip:after {
display: block;
}
.kc-param-row.field-number input[type="number"]{
float: left;
cursor: ns-resize;
}
.kc-param-row.field-number ul{
float: left;
list-style: none;
margin: 0px 10px;
}
.kc-param-row.field-number ul li{
float: left;
padding: 1px 12px 2px;
cursor: pointer;
transition: all 250ms;
position: relative;
min-width: 42px;
margin-right: 1px;
background: #eee;
color: #8e8e8e;
text-align: center;
border-radius: 2px;
height: 35px;
box-sizing: border-box;
}
.kc-param-row.field-number ul li:hover,
.kc-param-row.field-number ul li.active{
background: #42BCE2;
color: #fff;
}
.kc-param-row.field-css ul.kc-css-group-nav{
margin: 0 0px 15px -15px;
float: left;
width: calc(100% + 30px);
background: #e5e5e5;
padding: 0px;
color: #fff;
position: relative;
max-width: initial;
}
.kc-param-row.field-css ul.kc-css-group-nav li{
float: left;
padding: 1px 15px 2px;
cursor: pointer;
transition: all 250ms;
position: relative;
min-width: 15px;
text-align: center;
margin-bottom: 0px;
color: #a5a5a5;
height: 38px;
line-height: 38px;
border-right: 1px solid rgba(255,255,255,0.5);
text-transform: capitalize;
}
.kc-param-row.field-css ul.kc-css-group-nav li.right{
float: right;
cursor: default;
line-height: 13px;
font-size: 10px;
height: inherit;
padding-top: 8px;
border: none;
color: #fff;
position: absolute;
top: -25px;
background: #dc4d4d;
padding: 3px 5px;
border-radius: 2px;
}
.kc-param-row.field-css ul.kc-css-group-nav li:not(.right):not(.active):hover{
background: #ccc;
border-color: #ccc;
color: #333;
}
.kc-param-row.field-css ul.kc-css-group-nav li.active{
background: #42bce2;
border-color: #42bce2;
color: #fff;
position: relative;
}
.kc-param-row.field-css ul.kc-css-group-nav li.active:after{
border: 5px solid transparent;
border-top: 5px solid #42bce2;
position: absolute;
left: 50%;
bottom: -10px;
content: "";
transform: translateX(-50%);
}
.kc-param-row.field-css .kc-param-row{
position: relative;
}
.kc-select_group-field-wrp{
display: flex;
}
.kc-param-row.field-css{
border: none;
}
.kc-param-row.field-css .kc-css-hidden{
margin: 0px !important;
padding: 0px !important;
max-height: 0px !important;
min-height: 0px !important;
overflow: hidden !important;
display: block !important;
border: none !important;
transition: none !important;
transform: none !important;
}
.kc-param-row.field-css>.m-p-r-label, .kc-param-row.field-css .kc-param-row.field-css_background>.m-p-r-label{
display: none;
}
.kc-param-row.field-css>.m-p-r-content, .kc-param-row.field-css .kc-param-row.field-css_background>.m-p-r-content{
width: 100%;
}
.kc-param-row.field-css>.m-p-r-content {
padding-left: 0px;
padding-right: 0px;
}
.kc-param-row.field-css .kc-param-row .kc-css-important{
position: absolute;
top: 0;
left: -70px;
width: 70px;
height: 19px;
background: url('../images/css_impt.png') no-repeat left top;
background-size: 70px 57px;
opacity: 0;
cursor: pointer;
transition: left 250ms;
}
.kc-param-row.field-css .kc-param-row:hover .kc-css-important{
opacity: 0.8;
}
.kc-param-row.field-css .kc-param-row:hover .kc-css-important:hover{
opacity: 1;
left: -35px;
}
.kc-param-row.field-css .kc-param-row.is-important .kc-css-important{
background-position: 0px -19px;
opacity: 0.85;
width: 40px;
left: -15px;
}
.kc-param-row.field-css .kc-param-row.is-important .kc-css-important:hover{
background-position: 0px -38px;
left: -15px;
}
.kc-param-row.field-css .kc-css-screen{
background: #fafafa;
padding: 0 15px;
}
.kc-param-row.field-css .kc-css-screens-nav{
margin: -10px 0 0 0;
padding: 0;
list-style: none;
text-align: right;
}
.kc-param-row.field-css .kc-css-screens-nav li{
display: inline-block;
width: 30px;
text-align: center;
margin: 0px;
cursor: pointer;
color: #ccc;
font-size: 13px;
position: relative;
}
.kc-param-row.field-css .kc-css-screens-nav li:hover,
.kc-param-row.field-css .kc-css-screens-nav li.active{
color: #444;
position: relative;
}
.kc-param-row.field-css .kc-css-screens-nav li:hover:after,
.kc-param-row.field-css .kc-css-screens-nav li.active:after{
border: 5px solid transparent;
border-bottom: 5px solid #e5e5e5;
position: absolute;
left: 50%;
bottom: 0px;
content: "";
transform: translateX(-50%);
}
.kc-param-row.field-css_background{
border: none;
}
.kc-param-row.field-css_background .kc-param-bg-gradient-colors{
padding-bottom: 10px;
}
.kc-param-row.field-css_background .kc-param-bg-gradient-colors input{
width: 85%;
margin-bottom: 10px;
}
.kc-param-bg-gradient-colors span i.remove{
cursor: pointer;
margin-left: 10px;
color: #EF6161;
}
.kc-param-bg-gradient-colors span i.remove:hover{
color: #b23b3b;
}
.kc-param-row .kc-param-row .kc-corners-wrp{
position: relative;
height: 160px;
width: 320px;
margin-bottom: 20px;
margin-right: 0px;
padding-right: 0px;
}
.kc-param-row .kc-param-row .kc-corners-wrp:after{
position: absolute;
content: "";
height: 130px;
width: 205px;
top: 16px;
left: 30px;
border: 1px dashed #ccc;
z-index: 0;
background: #fafafa;
}
.kc-corners-wrp .kc-corners-pos{
position: absolute;
top: 0px;
left: 0px;
width: 50%;
height: 30px;
z-index: 2;
}
.kc-corners-wrp .kc-corners-pos input{
width: 60px;
padding: 0;
background: #fff;
display: inline-block;
text-align: center;
cursor: ns-resize;
border-radius: 2px;
}
.kc-corners-wrp .kc-corners-top,
.kc-corners-wrp .kc-corners-bottom{
left: 0px;
transform: none;
text-align: center;
width: 270px;
}
.kc-corners-wrp .kc-corners-left,
.kc-corners-wrp .kc-corners-right{
top: 50%;
transform: translateY(-50%);
}
.kc-corners-wrp .kc-corners-bottom{
top: auto;
bottom: 0px;
}
.kc-corners-wrp .kc-corners-right{
left: auto;
right: 0px;
text-align: center;
width: 170px;
}
.kc-corners-wrp .m-f-u-li-link{
position: absolute;
top: 67px;
left: 118px;
background: #eee;
width: 30px;
text-align: center;
border-radius: 2px;
cursor: pointer;
z-index: 5;
}
.kc-corners-wrp .m-f-u-li-link:hover,
.kc-corners-wrp .m-f-u-li-link.active{
background: #42BCE2;
color: #fff;
}
.field-css_border .kc-corners-wrp .kc-corners-pos button {
width: 30px;
height: 30px;
padding: 0;
background: #fff;
display: inline-block;
text-align: center;
cursor: ns-resize;
border-radius: 100%;
cursor: pointer;
border: 1px solid #ccc;
}
.field-css_border .kc-corners-wrp .kc-corners-pos button:focus{
outline: none;
}
.field-css_border .kc-corners-wrp .kc-corners-pos button.active{
background: #42BCE2;
}
.field-css_border .kc-corners-wrp .kc-corners-left.kc-corners-pos button {
margin-left: 15px;
}
[class*="field-base-border-radius"] .kc-corners-wrp .kc-corners-top{
left: 0px;
transform: none;
text-align: left;
}
[class*="field-base-border-radius"] .kc-corners-wrp .kc-corners-right{
top: 0px;
transform: none;
}
[class*="field-base-border-radius"] .kc-corners-wrp .kc-corners-bottom{
left: auto;
transform: none;
right: 0px;
width: 170px;
}
[class*="field-base-border-radius"] .kc-corners-wrp .kc-corners-left{
top: auto;
transform: none;
bottom: 0px;
}
Zerion Mini Shell 1.0