HOME

sh-3ll 1.0
DIR:/home/ami/.trash/wp-content/plugins/kingcomposer/assets/css/
Current File : /home/ami/.trash/wp-content/plugins/kingcomposer/assets/css/kc.params.css
/*
 * 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;
}