@import 'vars';
@import 'mixin';
@import 'px-custom-style';

.clear{clear:both;}
label.dateFrom, label.dateTo, .px-date-label{
    position:relative;
    display:block;
    float:left;
    width:auto!important;
}
label.dateFrom:after, label.dateTo:after, .px-date-label:after{
    content:"";
    width:16px; height:16px;
    position:absolute; right:0; top:0; margin-top:6px; margin-right:6px;
    background:url("images/calendar-icon.png") no-repeat;
}
 
.nav-tab-active{margin-bottom:-1px;}
.remove-custom-post, .remove-custom-field, .px_remove, .cf-remove-custom-post{
    color:red; font-size:11px;
    cursor:pointer;
}

.lscf-pro-banner{
	margin-left:20px;
	margin-left:70px;
}

.lscf-pro-version{
	opacity:0.5;
	background:url('images/lscf-pro-icon.png') no-repeat;
	background-position:center;
}
.lscf-subtegories-headline{
	width:220px;
}
.px-plugin-wrapper {
	& .px-checkbox-label:before{
		background:#96e6a1;
	}
	& .px-checkbox-slide.green + label .px-checkbox-slide-tracker{
		background:#96e6a1;
	}
    margin-top:20px;
    width:100%;
    
    & .px-plugin-sidebar{
        
        &:before{
            content:""; display:none; 
            position:absolute; left:0; top:0;
            width:1px; height:100%; background:#c5c3c3;
        }

        
        -webkit-border-sizing:border-box;
           -moz-border-sizing:border-box;
                   box-sizing:border-box;
        
        padding:15px;
        position:relative;
        float:right;
        width:25%;

        & .block-section{
            width:90%; margin-left:5%;
            & img{width:100%;}
            & h2{
                color:#23282d;
                font-size:14px; 
            }
            & span{
                color:#23282d;
                font-size:12px; line-height:12px;
                font-family:Arial, Helvetica, sans-serif;
            }
            & a{color:#23282d; font-size:13px;}
            & .underline{text-decoration:underline;}

            & input[type="text"]{
                margin-top:10px; margin-bottom:10px;
                width:100%;
                outline:none;
                background:#ececec;
                font-family:Arial, Helvetica, sans-serif;
                font-style:italic;
            }
            & button{
                color:#23282d;
                background:#ececec;
                border:1px solid transparent;
                padding:4px 10px;
                outline:none;
            }

        }
        & hr{
            width:90%; margin-left:5%;
            background:#9d9d9d;
            outline:none; border:0px; height:1px;
            margin-top:20px; margin-bottom:20px;
        }
       
    } 

    & .px-left-col{
        width:75%;
        float:right;
    

        &:after{content:""; display:block; clear:both;}
        
        .nav-tab-wrapper{
            margin-top:15px;
            border-bottom:3px solid #2d3e50;
            width:auto;
            display:block;
            float:left;
            & a{
				-webkit-box-shadow:none;
				   -moz-box-shadow:none;
				    -ms-box-shadow:none;
						box-shadow:none;
                margin:0px;
                padding:7px 45px;
                background:#96e6a1;
                color:#2d3e50;
                font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
                font-size:14px;
                font-weight:500;
                border:0px; border-right:1px solid white;

                &:last-child{ border-right:0px; }

                &.nav-tab-active{
                    background:white; color:#2d3e50;
                }
            }

        }
    }
}

.lscf-settings{

	position:relative;
	max-width:500px;
	padding-top:1px;
	margin-top:20px;
	& button{
		margin-top:10px!important;
	}

	& .px-checkbox-slide.green + label .px-checkbox-slide-tracker{
		background:#96e6a1;
	}

	& .saving-status{
		position:absolute; bottom:0; right:0;
		width:100px;
		text-align:right; margin-right:80px;
		height:25px; line-height:25px; padding-right:5px;
		color:#00641f;
		& img{
			display:none;
			margin-left:auto; margin-right:0px;
			margin-top:2px;
		}
		& .saved{
			display:none;
		}

		&.loading{
			& img{display:block;}
			& .saved{display:none;}
		}
		&.saved{
			& img{display:none;}
			& .saved{display:block;}
		}
	}

	& .lscf-opt{
		box-sizing: border-box;
		min-height: 30px;
		position: relative;
		padding-right: 50px;
		border-bottom: 1px solid #d7d7d7;
		margin-top: 35px;
		position:relative;

		& .lscf-extra-opt{
			display:none;
			position:relative;
			margin-top:10px;
			padding-bottom:15px;
			&.active{
				display:block;
			}
		}
		& .check-btn{
			position:absolute; right:0; top:0;
			margin-top:0px;
		}

		& input[type="number"]{
			width:50px; position:absolute; right:0; bottom:0;
			margin-bottom:10px;
		}
		& .right{
			position:absolute;
			right:0; bottom:0; margin-bottom:5px;
			text-align:right;
		}
		& .lscf-colorpick {
			display: block;
			width: 45px;
			height: 22px;
			cursor: pointer;
			border: 1px solid transparent;
			overflow: hidden;
			text-indent: -9999px;
			position: absolute;
			right: 0;
			top: 0;
			-webkit-border-radius: 10px;
			   -moz-border-radius: 10px;
			    -ms-border-radius: 10px;
			        border-radius: 10px;
			-webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4);
			   -moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4);
			    -ms-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4);
			        box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4);
		} 
		
	}
}
.px-plugin-container.export-import-subpage{
	margin-top:25px;
	max-width:500px; margin-left:15px;	

}

.lscf-container{

	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	        box-sizing:border-box;

	padding:10px; margin-top:10px;

	&.white{
		background:white; border:1px solid #c5c3c3;
	}

	& .lscf-custom-posts{
		& li{
			overflow:hidden;
		}
		& span{
			display:block; float:left;
			width:200px;
			font-size:14px;
			font-family:"Open Sans";
			font-weight:600;
		}
	}
}

.px-plugin-container{
    margin-right:70px;

    & h3.plugin-section-headline{
        font-family:"Open Sans" sans-serif;
        color:#3a3a3a;
        font-style:italic;
        font-size:24px;
        line-height:30px;
        padding:0px; margin:0px;
    }
    & label.headline-label{
        font-size:14px; color:#263677;
        font-family:"Open Sans", sans-serif;
    }

    & .create-custom-post-wrapper{
        margin-top:70px;
        overflow:hidden;
        width:100%;


        & .create-custom-post-box{
            
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box;
                 -o-box-sizing:border-box;
                    box-sizing:border-box;

            height:100%; padding:25px 20px;

			color:#96e6a1;
			background:#2d3e50;
            width:40%; float:left;
            
            & label{

                margin-bottom:7px;
                font-size:14px; 
				font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
                font-weight:600;
                color:#96e6a1;

            }

            & input[type="text"]{
                width:100%; height:30px; line-height:30px;
                margin-top:7px;
            }

            & button{
                outline:none; border:1px solid #96e6a1;
                color:#96e6a1;
				font-weight:600;
                background:transparent;
                margin-top:20px;
                box-shadow:none;
            }
        }

        & .custom-posts-list{
            
            width:58%; margin-left:2%; float:left;

            & h2{
                width:100%; 
                background:#2d3e50;
                color:#96e6a1; font-size:14px;
                margin:0px; padding:7px 10px;
                font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
                font-weight:500;

            }

            & ul > li {
                padding-left:10px;
                position:relative;
                font-family:"Open Sans", sans-serif;
                color:black;
                font-size:12px;
                border-bottom:1px solid #c5c3c3;
                & .remove-custom-post{
                    &:before{
                        content:""; 
                        display:inline-block;
                        width:8px; height:8px;
                        background:url("images/x_silver.png") no-repeat;
                        margin-right:5px;
                    }
                    position:absolute; right:0; top:0;
                    color:#999797; 
                }
            }
        }
    }
}

.px-posts-list{
    // margin-left:30px;
    
}
.posts-list-custom-fields{
    margin-top:40px;

}

.px-posts-list .px-post-type-row{
    overflow:hidden;
    height:35px; 
    margin:5px 0px; line-height:25px;
    font-size:14px;


	& .lscf-icon-checkbox-field {

		& .lscf_option_value{
			width:45%; margin-left:45px;
		}

		& .lscf-check-w-icon-remove{
			overflow:hidden;
			position:absolute; top:0; left:0;
			z-index:22;
			display:block; width:12px; height:12px; 
			cursor:pointer; margin-top:-7px; margin-left:33px;
			&:before{
				content:"";
				display:block; width:100%; height:100%;
				position:absolute; top:0; left:0;
				background:rgba( 0, 0 , 0, 0.8 );

				-webkit-border-radius:100%;
				   -moz-border-radius:100%;
					-ms-border-radius:100%;
						border-radius:100%;
			}
			&:after{
				content:"";
				width:6px; height:6px; 
				position:absolute; top:0; left:0;
				margin-left:3px; margin-top:3px;
				background:url('images/remove-icon.png') no-repeat;
				background-size:100% auto;
				z-index:10;
			}

			&.hidden{
				display:none;
			}
		}
		& .iconContainer{
			position:relative;
			display:block; 
		}
	}

}
    .px-posts-list .px-post-type-row label.headline{
        height:27px; display:block; padding-left:0px;
        cursor:pointer;
        border-bottom:1px solid #c5c3c3; 
        position:relative;
        max-width:500px;

        & span{
            
            padding:5px 15px;
            padding-left:0px;

            -webkit-transition:0.4s background, 0.3s padding, 0.2s color ease-in-out;
               -moz-transition:0.4s background, 0.3s padding, 0.2s color ease-in-out;
                -ms-transition:0.4s background,  0.3s padding, 0.2s color ease-in-out;
                 -o-transition:0.4s background,  0.3s padding, 0.2s color ease-in-out;
                    transition:0.4s background,  0.3s padding, 0.2s color ease-in-out;
            &:hover{
                color:#488fcd;
            }
        }


        & span.cf-remove-custom-post, & span.edit-custom-post{
            color:#9d9d9d;
            display:block;
            position:absolute; right:0; top:0;
            cursor:pointer;
        }
        & span.cf-remove-custom-post{
            width:55px; 
            padding-right:0px;
            & label{
                display:block; float:left;
            }
            &:before{
                content:""; display:block;
                width:8px; height:8px;
                margin-top:10px; margin-right:5px; 
                background:url('images/x_silver.png') no-repeat;
                float:left;
            }
            &:after{
                display:block; content:""; clear:both;
            }
            &:hover{
                color:red;
                &:before{
                    background:url("images/x_red.png");
                }
            }
        }
        & span.edit-custom-post{
            & label{float:left;}
            &:before{
                content:""; display:block; width:6px; height:10px;
                background:url("images/edit_icon.png") no-repeat;
                float:left;
                margin-right:5px; margin-top:8px;
            }
            &:after{
                content:""; display:block;
                clear:both;
            }
            font-size:11px; 
            top:0; right:0; margin-right:50px;
            font-family:"Open Sans", sans-serif;
            color:#9d9d9d;

            &:hover{
                color:#488fcd;
                &:before{
                    background:url("images/edit_icon_blue.png") no-repeat;
                }
            }
        }
    }


.px-posts-list .px-post-type-row.active.ready{
    height:auto!important;
    
}

.px-post-type-row.active{
    
    & .fileds-settings{
       
       margin:0px 20px;

        & hr{
            height:1px; width:100%; 
            background:#c5c3c3;
            border:0px; outline:none;
            margin:35px 0px;
        }
    }
    & .px_innerContainer{
                
        -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
            -ms-box-sizing:border-box;
                box-sizing:border-box;

        background:white;
        padding-top:1px;
        border:1px solid #c5c3c3;
        padding:15px 0px;
        margin-top:-1px;
		min-height:400px;
        &:after{content:""; display:block; clear:both;}
        
        & .add-field-box{

            overflow:visible!important;

			.lscf-inactive{
				position:relative;
				color:silver;
				cursor:initial;

				&:after{
					width:24px; height:21px; 
					content:"";
					display:block; 
					position:absolute; right:0; top:0;
					background:url('images/lscf-pro-icon.png') no-repeat;
					background-size:100%;
					margin-top:4px; margin-right:5px;
				}

			}

            & h2{
                color:#3a3a3a;
                font-size:16px; font-style:italic;
            }

            & strong{
                color:#4c4c4c;
                font-family:Arial, Helvetica, sans-serif;
                font-size:13px;
                font-weight: 500;
                float:left;
                margin-right:7px;
            }

            & button{
                background:#2d3e50;
                outline:none; border:1px solid transparent; color:white;
                font-size:12px; font-family:Arial, Helvetica, sans-serif;
                height:25px; line-height:25px;
                width:50px; text-align:center;
                margin-left:2px;
                cursor: pointer;
                padding:0px; padding-top:1px;
            }

        }

    }

}
.lscf-wrapper{

    & .select{
        position:relative;
        float:left;
        width:185px;
        background:#96e6a1;
        color:#2d3e50;
        height:25px; 
        line-height:25px; text-align:center;
		font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
        
		& .styledSelect{
            cursor:pointer;
            overflow:hidden;
            font-size:13px;
			font-weight:600; 

            &:after{
                content:""; display:block; 
                width:9px; height:5px; 
                background:url("images/d_white_arrow.png") no-repeat;
                float:right; margin-top:11px;

                margin-right:20px;
            }
            
            
            &.active{
                &:after{
                    background:url("images/up_white_arrow.png") no-repeat;
                }    
            }
        }
        & select{
            visibility:hidden; position:absolute; top:0; left:0;
            z-index:-2;
        }

        & .pxselect-options{
            -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                -ms-box-sizing:border-box;
                    box-sizing:border-box;

            display:none;
            position:absolute;
            z-index:10; width:100%;
            background:white; border:1px solid #c5c3c3;
            color:#4c4c4c;
            top:0; left:0; margin-top:25px;
            text-align:left;
            font-family:"Open Sans", sans-serif;
            & li{
                -webkit-box-sizing:border-box;
                    -moz-box-sizing:border-box;
                    -ms-box-sizing:border-box;
                        box-sizing:border-box;
                padding-left:20px;
                color:#00641f;
                cursor:pointer;
                
                
            }
        }

		&.lscf-lite-custom-dropdown{
			& .pxselect-options{
				& li.lscf-inactive{
					color:silver;
					position:relative;
					
					&:after{
						content:"";
						display:block; 
						width:24px; height:100%;
						position:absolute; right:0; top:0;
						background:url('images/lscf-pro-icon.png') no-repeat;
						background-size:100%;
						background-position:center;
						margin-right:10px;
					}
				}
			}
			& .options{
				display:none;
			}
		}
      
    }

	& .lscf-subcategories-options{
		& .lscf-so-list{
			margin-bottom:50px;
			overflow:hidden; 
			width:100%; display:block;
			& li{
				float:left;
				margin-left:28px;
			}
		}
	}

	& .lscf-tax-all-subcategories{
		margin-top:-20px;
		margin-left:21px;
		& .lscf-unsorted-subcategories{
			&:after{content:""; clear:both; display:block; width:1px; height:1px;}
			& li{
				float:left;
				display:block; width:24%;
				margin-left:1%;
			}
		}
	}

	& .lscf-hierarchy-subcategories-container{
		display:none;
	}

}

.lscf-pro-item-background{
	position:relative;
	min-height:40px;
	line-height:40px;
	& .px-checkbox-label{
		margin-top:14px;
	}
	&:before{
		content:"";
		display:block; width:100%; height:100%;
		position:absolute; top:0; left:0;
		background:rgba( 240, 240, 240, 0.2 );
		z-index:11;
	}
	&:after{
		content:"";
		display:block; 
		position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;
		width:70px; height:40px;
		background:url( 'images/lscf-pro-icon.png' ) no-repeat;
	}
}

.px-posts-list .px-post-type-row.active label.headline{
    
    color:white;
    border-bottom:1px solid transparent;

    &  span.px-post-name{
        background:#96e6a1;
        color:#2d3e50;
        padding-left:15px;
        -webkit-transition:0.4s background, 0.3s padding, 0.4s color ease-in-out;
        -moz-transition:0.4s background, 0.3s padding, 0.4s color ease-in-out;
        -ms-transition:0.4s background,  0.3s padding, 0.4s color ease-in-out;
            -o-transition:0.4s background,  0.3s padding, 0.4s color ease-in-out;
            transition:0.4s background,  0.3s padding, 0.4s color ease-in-out;
    }

}

.px_field-box{

    width:100%;
    position:relative;
    background:white;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
    
    padding:20px;
    margin:0px;
    
	&.px-error{
		border:1px solid red;
	}
	& .px-error-msg{
		color:red;
		display:none;
		font-size:11px;
	};
    & input[type="text"]{
        color:#686868;
        font-style:italic;
        font-family:Arial, Arial, Helvetica, sans-serif;
    }
    & .inline{
        overflow:hidden;
        & *{float:left; margin-right:10px;}
    }
    &.even{
        background:#f3f3fa;
    }
    & .field-type-group{
        & span{
            color:#4c4c4c;
            font-size:12px;
            margin-right:2px;
            line-height:26px;
        }
        & strong{
            font-size:13px; 
            font-family:Arial, Helvetica, sans-serif;
            color:#00641f;
            line-height:29px;
            font-style:italic;
        }
    }
    & label{
        font-size:14px; color:#4c4c4c;
        font-family:Arial, Arial, Helvetica, sans-serif;
        margin-right:10px;
        line-height:26px;
    }

    & input.px_text, & input.px_date, & input.px_select_box, & input.px_check_box, & input.px_icon_check_box, & input.px_radio_box {
        width:36%;
        height:26px; font-size:14px; line-height:20px;
    }
    
    & .remove-custom-field{
        color: red;
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 18px;
        margin-right: 22px;
        cursor: pointer;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;

        &:before{
            content:""; display:block; 
            width:8px; height:8px; 
            float:left;
            background:url("images/x_red.png") no-repeat;
            margin-top:8px;
            margin-right:5px;
        }

        &:after{content:""; display:block; clear:both;}
    }
    & .px_select-options-container{
        overflow:hidden;
		padding-top:20px;
    }

	& .lscf_option_value{
		display:block; width:58%;
		margin-top: -2px;
    	margin-left: 10px;
		height:20px;
		position:absolute;
		left:0; top:0;
		visibility:hidden;
		z-index:-10;
		&.active{
			z-index:22;
			visibility:visible;
		}
	}

    & .px_select-options-container li{
        position:relative;
        width:43%;
        float:left;
        margin-right:6%;

		& .lscf_option_text.inactive{
			visibility:hidden;
		}

		& .lscf_update_option, & .lscf_update_option_ic{
			width:16px; height:16px; 
			display:block; position:absolute; right:0; top:0;
			margin-right:-20px; margin-top:2px;
			background:url('images/check-save.png') no-repeat;
			background-size:100%;
			cursor:pointer;
		}

		& .lscf_option_value input[type="text"]{
			width:100%;
			height:20px; line-height:20px;
			font-size:12px;
			outline:none;
		}

		& .lscf_edit_option{
			position:absolute; 
			right:0; top:0;
			cursor:pointer;
			color:#9d9d9d;
			font-size:11px;
			display:block; 
			overflow:hidden;

			&:before{
				content:"";
				width:6px; height:10px; 
				background:url('images/edit_icon.png') no-repeat;
				background-size:100%;
				display:block; float:left;
				margin-top: 4px;
    			margin-right: 2px;
			}
			&:after{
				content:"";
				display:block; width:1px; height:1px; clear:both;
			}

		}

        & .px_removeOption{
            cursor:pointer;
            position:absolute; right:0; top:0;
            color:#9d9d9d;
            font-size:11px;
            overflow:hidden;
			margin-right:35px;


            &:before{
                content:""; display:block;
                float:left;
                width:8px; height:8px;
                background:url("images/x_silver.png") no-repeat;
                margin-top:4px; margin-right:5px;
            }
            &:after{
                content:""; display:block; clear:both;
            }
        }
        color:#4c4c4c; font-size:12px; 
        line-height:16px;
        font-family:Arial, Helvetica, sans-serif;
        & .iconContainer, & .imgContainer{
            float:left;
            width:25px;
            overflow:visible;
            margin-right:5px;
            & img{
                margin-top:-4px;
                width:25px;
            }
        }
        
        & .choose_photo_box{
            line-height:16px;
            padding-right:50px; 
        } 

        &:before{
            content:"";
            display:block; height:15px; width:5px;
            background:#1abc9c; float:left;
            margin-right:10px;
        }
        &:after{
            content:""; display:block; 
            clear:both;
        }
    }

    .px-option-add-new{
        overflow:hidden;
        

        & *{float:left; margin-right:10px;}
        input.px_optionValue{
            width:37%; 
        }

        span.px_addNewOption{
            background:#2d3e50; 
            color:white;
            font-size:13px;
            height:26px; line-height:26px; width:100px;
            display:block;
            text-align:center;
        }
    }
    

} 



.px_add_new_select_option{
    cursor:pointer; color:green;
}


.px_error{
    color:red;
    font-size:13px;
    display:none;
}
.px_dynamic-field{display:none;}


.px_add-additional-field{
    
    color:green; cursor:pointer; 
    font-size:13px;
    
}
.px_additional-fields-row{
    box-sizing:border-box;
    margin-top:5px; padding:10px 10px;
    background:white;
    width:100%;
    
}
.px-post-custom-fields-group:after{
    content:""; display:block; 
    clear:both;
}
.px-post-field-group{
    
    margin-top:10px;
    background:white;
    padding:10px 10px;
	box-sizing:border-box;

	&.px-float-row{
		width:32%;
		height:110px;
		margin-left:1.5%;
		float:left;
		&.first-column{margin-left:0px;}
	}

	& .px-cf-show-to-post{
		margin-top:15px; margin-bottom:5px;
		& span{
			line-height:22px;
			font-size:12px;
		}
	}

	@media ( max-width:1080px ) {
		&.px-float-row{
			width:47%;
			margin-left:2%;
			&.first-column{margin-left:2%;}
		}	
	}
}
.px-post-field-group strong{
    display:block; margin-bottom:5px;
}
.px-post-field-group .check-icon{
    display:block; width:30px; height:30px; 
    float:left; margin-right:10px;
}
.px-post-field-group .check-icon img{width:100%;}
.px_radio-options, .px_checkbox-options{
    display:block;   
}

.px_radio-options li, .px_checkbox-options li{
    width:32%; padding-left:1%;
    float:left;
    overflow:hidden;
}
.px_checkbox-options.icon li{line-height:30px;}
.px_radio-options:after, .px_checkbox-options:after{content:""; display:block; clear:both;}


.checkbox-icon-option{line-height:38px;}
.checkbox-icon-option:after{
    content:""; display:block; clear:both;
}
.checkbox-icon-option .px_choose_img{
    text-decoration:underline;
    color:blue;
    cursor:pointer;
}
.checkbox-icon-option .imgContainer, .checkbox-icon-option .iconContainer{
    width:30px; height:30px;
    overflow:hidden;
    float:left; margin-right:5px;
    
}
.checkbox-icon-option .imgContainer img{max-width:100%}
.px-post-categories{
    width:100%; overflow:hidden;
}
.px-post-categories {margin-bottom:0px;}
.px-post-categories li{width:30%; display:block; float:left;}
.px-post-categories li.first-child{
    width:100%; margin-bottom:13px;
}
.save-btn{width:100%; text-align:right; margin-bottom:20px;}
button.px-button, button.px-button.button-primary{
    display:block;
    min-width:80px; 
    margin-left:auto; margin-right:0px;
    height:26px; line-height:26px; 
    background:#96e6a1;
    color:#2d3e50;
    text-align:center;
    font-size:14px;
    cursor:pointer;
    border:0px; outline:none;
    box-shadow:none;
    text-shadow:none;

    -webkit-border-radius:0px;
       -moz-border-radius:0px;
        -ms-border-radius:0px;
            border-radius:0px;
    &:hover{
       background:#96e6a1;
       color:#2d3e50;
    }
}

.lscf-step-2{
    display:none;
    overflow:hidden;
    padding-top:1px;
    position:relative;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
    
    padding-left:93px;
    margin-top:40px;

    & .step-shape{
        position:relative; overflow:visible;
        min-height:150px;
        padding-top:1px;
        padding-bottom:60px;
        
		&.last-step{
			padding-bottom:20px;
		}

        & > label {
            font-size:14px; color:#3a3a3a;
            font-family:Arial, Helvetica, sans-serif;
            line-height:20px;
            margin:22px 0px;
            display:block;
        }


        &:after{
            content:""; display:block;
            clear:both;
        }
        &:before{

            content:""; display:block;
            position:absolute;
            left:0; top:0;
            width:68px; height:68px;
            background:url("images/step-shape.png") no-repeat;
            margin-left:-93px;
            text-align:center; line-height:85px;
            font-size:24px; 
            font-family:Arial, Helvetica, sans-serif;
            color:#c8c7c7;

        }

        &.active{
            &:before{
                background:url("images/step-shape-green.png") no-repeat;
                color:#96e6a1;
            }
        }

        &.step4{
            & strong{
                margin-top:20px; margin-bottom:0px;
                display:block;
            }

            min-height:70px;
        }

        &.last-step{
            &:after{
                content:""; display:block; position:absolute;
                width:90px; height:90%;
                left:0; top:0; margin-left:-90px; margin-top:68px;
                background:#f1f1f1;
            }
            
        }

        &.step1:before{content:"1"}
        &.step2:before{content:"2"}
        &.step3:before{content:"3"}
        &.step4:before{content:"4"}
        &.step5:before{content:"5"}
        &.step6:before{content:"6"}

    }

   & .generatedShorcodes{
        font-family:Arial, Helvetica, sans-serif;
        color:#3a3a3a;
        font-size:12px;

        & strong{
            font-size:15px; 
            padding-left:7px;
            color:#23282d;
        }
        & .px_remove-shortcode{display:none;}
        & textarea{
            background:white; color:#23282d;
            font-family:"Open Sans", Arial, Helvetica, sans-serif;
            border:1px solid #c5c3c3;
            outline:none; box-shadow:none;
            font-size:12px;
        }
    }

    &:before{
        content:"";
        display:block; width:1px; 
        height:100%; 
        background:#c5c3c3;
        position:absolute; left:0; top:0;
        margin-left:33px;

    }

     & hr.silver{
         border:0px; outline:0px; 
         width:100%;
         height:1px; background:#c5c3c3;
         margin-bottom:0px; padding-bottom:0px;
     }
     
     & .generate-shortcode {

        padding:5px 25px;
        background:#96e6a1; color:#2d3e50;
        font-family:Arial, Helvetica, sans-serif;
        border:1px solid transparent;
        cursor:pointer;

		&.inactive{
			background:#c0c0c0;
			cursor:initial;
		}

    }

	& #lscf-shortcode-generated-message{
		color:#1abc9c;
	}

	& #lscf-saving-shorcode-message, #lscf-shortcode-generated-message{
		display:none;
	}

     & .select{ float:none; }

	 & .lscf-step-container{
		 margin-top:20px;
	 }

     & .expandable-container-headline{
         cursor:pointer;
         color:black;
         font-size:14px; line-height:22px;

         

         &:after{
             content:""; 
             display:inline-block;
             width:9px; height:5px;
             background:url("images/d_arrow_black.png") no-repeat;
             margin-left:7px;
         }

         &.active:after{
             background:url("images/up_arrow_black.png") no-repeat;
         }

         &.inactive{
             color:#cccaca;
             cursor:initial;
             &:after{display:none;}
         }
         
     }

     & .expandable-container{

        -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
            -ms-box-sizing:border-box;
                box-sizing:border-box;

         height:0px; width:100%; 
         overflow:hidden;
         position:relative;
         
		 & .lscf-subtegories-headline{
			 margin-bottom:10px;
			 margin-left:28px;
			 margin-top:30px; 
			 line-height:0px;
		 }

         &.active{
             background:white;
             border:1px solid #c5c3c3;
             border-top:1px solid transparent;
             overflow:visible;
			 & .data-container{
				 margin:15px 18px;
			 }
			 
         }

         & h4{
            color:#3a3a3a;
            font-size:17px; 
            font-family:Arial, Helvetica, sans-serif;
            font-weight:500;
            margin:10px 0px;         
        }

        & .taxonomies-block, & .custom-fields-block{
            margin-top:8px;
            & .taxonomy-headline{
                
                font-size:15px; 
                font-family:Arial, Helvetica, sans-serif;
                color:#3a3a3a;
                line-height:17px;

                & label{line-height:16px;}
            }
            
            & strong{
                color:#00641f;
                font-weight:600;
                line-height:17px;
                font-family:Arial, Helvetica, sans-serif;
            }

            & > label{
                display:block;
                font-size:12px; 
                font-family:Arial, Helvetica, sans-serif;
                color:#3a3a3a; 
                margin-top:15px;
                margin-bottom:5px;
            }
            & i{
                color:#3a3a3a;
                font-size:10px;
                margin-right:10px;
            }
            & input[type="text"]{
                width:42%;
                border:1px solid #e2e2e2;
                margin-left:10px; 
                outline:none;
                font-size:16px;
                color:#686868;
                font-style:italic;
                &:focus{
                    outline:none;
                    border:1px solid #e2e2e2;
                    box-shadow:none;
                }
            }

            & .tax-categories-container{
                
                margin-top:20px;
                & > label{
                    font-size:14px; color:#797979;
                    display:block;
                    margin-bottom:20px;
                }

            }

            & .tax-categs{
                font-size:14px; margin-bottom:0px;
            }

            & .tax-categories-container{
                
                overflow:hidden;
                margin-top:0px;

                & ul{
                    margin-top:0px;
                    
                }

                font-size:12px; 
                display:-webkit-flex;
                display:-ms-flexbox;
                display:flex;
                flex-direction:row;
                align-items:center;

                & .left-side{
                    width:22%; 
                    flex-direction:column;
                    align-items:center;
                    
                    & strong{
                        line-height:22px;
                        color:#797979;
                        font-family:Arial, Arial, Helvetica, sans-serif;
                        font-weight:500;
                    }
                }
                
                & .right-side{
                    width:78%;
                    flex-direction:column;
                    
                    color:#3a3a3a;

                    & ul li{
                        margin-bottom:2px; 
                        line-height:21px; overflow:hidden;
                        text-transform:uppercase;
                    }
                }
            }
            
            & .custom-fields-list{
                overflow:hidden;
				margin-bottom:0px;
                & li{
                    width:30%; float:left;
                    display:block;
                }
            }
        }
     }



}


.custom-fields-block{

    & .select{
        float:left;
    }

    & .px_add-additional-field{
        float:left; display:block; 
        background:#2d3e50;
        color:white;
        width:45px; height:25px; text-align:center;
        cursor:pointer;
        line-height:25px;
    }
}

.px_additional-fields-row{
    
    &:after{display:block; content:""; clear:both;}
    
    & .left-side{
        float:left;
        width:15%;
        
        text-align:right;
        
        & .px_remove{font-size:10px;}

        & label{
            color:#4c4c4c;
            font-size:13px;
            line-height:17px;
            display:inline-block; padding-bottom:2px;
            margin-right:5px;
        }
        & strong{
            
            font-family:Arial, Helvetica, sans-serif;
            color:#4c4c4c!important;
            font-weight:600;
            font-size:13px!important;

        }
    }
    & .right-side{
        
        -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
            -ms-box-sizing:border-box;
                box-sizing:border-box;
        float:left;
        width:83%;
        margin-left:2%;

        padding:20px 15px;
        background:#f3f3fa;

        &:after{ display:block; content:""; clear:both; }
        
        & label{
            display:block; width:22%;
            float:left;
            font-size:14px;
            font-family:Arial, Arial, Helvetica, sans-serif;
            line-height:25px;
        }

        & input[type="text"]{
            width:75%!important; margin-left:4%;
            float:right;
            height:25px; border:1px solid #e2e2e2;
            outline:none; box-shadow:none;
            color:#686868; font-size:12px!important;
        }

        & label.wide{
            width:50%;
            font-size:13px; font-family:Arial, Helvetica, sans-serif;
            color:#686868;

            & + input[type="text"], & + div{
                width:45%!important;
            }
        }
        & .float-right{float:right;}
        & .px-frow{overflow:hidden; margin-bottom:20px;}

        & .px-frow.min-max{
            
            overflow: hidden;

            & label{width:24%; }
           
            & .center{text-align:center;}
            & input[type="number"]{
                width:25%; float:right;
                outline:none; box-shadow:none;
                border:1px solid #e2e2e2;
            }
        }

		& .px-woocommerce-range-fields{
			clear:both;
			margin-top:7px;
			&:after{
				content:""; display:block; clear:both;
			}
		}

		& .px-woocommerce-search-fields{
			margin-top:5px; margin-left:25%;
			&:after{
				content:""; display:block; clear:both;
			}
			& span{
				display:block; float:left;
				margin-left:3px; margin-right:7px;
				padding-top:2px;
			}
		}
    }
}

.custom-fields-container{
	& .select{
		margin-right:20px!important;
	}
	& .px-inline > span{
		margin-top:2px;
	}
}
.lscf-pro-label{
	display:inline!important;
	color:#1abc9c;
}
.display-fields-as {
	
	& .tax-subcategs-check-all-container{
		
		position:relative;

		width:183px; 
		border-bottom:1px solid #d7d6d6;
		margin-bottom:20px; 
		height:24px;

		& span{ line-height:21px;}
		&:after{
			content:"";
			display:block;
			width:7px; height:15px;
			background:url('images/long-d-arrow.png') no-repeat;
			position:absolute; right:0; top:0; margin-top:25px;
			margin-right:-3px; 
		}
	}

	& .px-inline{
		display:block; 
		margin:10px 0px;
		&:after{content:""; display:block; clear:both;}
		& > *{
			display:block; float:left;
			line-height:20px;
			margin-right:10px;
		}
	}
	& .select{
		background:none;
		box-sizing:border-box;
		-webkit-border-sizing:border-box;
		-moz-border-sizing:border-box;
		width:155px;

		&.inactive{
			opacity:0.48;
			& .options{display:none;}
		}

		&.not-available{
			opacity:0.13;
		}
	}
	& .styledSelect{
		background:none; border:0px;
		border-bottom:1px solid #727272;
		color:#727272;
		text-align:left; 
		box-sizing:border-box;
		-webkit-border-sizing:border-box;
		-moz-border-sizing:border-box;
		padding-left:10px;
		font-size:13px;
		height:21px;
		&:after{
			background:url('images/d_arrow_black.png') no-repeat !important;
			margin-right:0px!important;
		}
		&.active:after{
			background:url('images/up_arrow_black.png') no-repeat !important;
		}
	}
	& .options{
		margin-top:0px; 
		z-index:12;
		position:relative;
		background:white;

		& li{
			font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
			font-weight:600;
			&:first-child{display:none;}
			background:#96e6a1;
			margin-bottom:1px;
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			text-align:left; padding-left:10px;
			cursor:pointer;
			
			 -webkit-transition:0.25s background, 0.2s color ease-in;
				-moz-transition:0.25s background, 0.2s color ease-in;
				 -ms-transition:0.25s background, 0.2s color ease-in;
					 transition:0.25s background, 0.2s color ease-in;

			&:hover{
				background-color:#3a3a3a;
				color:white;
				transition:0.25s background, 0.2s color ease-in;
				-webkit-transition:0.25s background, 0.2s color ease-in;
				-moz-transition:0.25s background, 0.2s color ease-in;
				-ms-transition:0.25s background, 0.2s color ease-in;
			}
		}
	}

	& .lscf-lite-custom-dropdown{
		& .options {
			
			& li.lscf-inactive {
				background:white;
				color:silver;
				position:relative;
				&:after{
					content:"";
					position:absolute; right:0; top:0; 
					width:25px; height:100%;
					background:url('images/lscf-pro-icon.png') no-repeat;
					background-size:100%;
					background-position:center;

				}
				&:hover{
					color:#3a3a3a!important;
				}
			}
		}	
	}
}

.tax-subcategories-display{
	display:none;
	margin-top:40px;
	& .px-inline{
		& .select {
			margin-right:20px;
		}

		& .subcategs-list{display:block; line-height:13px; margin-top:-2px;}
	}
}

.lfcs-wrapper{
    
    margin-top:40px;
   
    & .inline{
        overflow:hidden;
        & *{ float:left}
    }

    & h1{
        color:#3a3a3a;
        font-style:italic;
        font-size:24px; 
        font-family:Arial, Helvetica, sans-serif;
    }

    & .f-name{
        color:#2d3e50;
        font-size:14px; 
        font-family:"Open Sans", Arial, Helvetica, sans-serif;
        font-weight:bold;

        & input[type="text"]{
            width:40%;
            outline:none; box-shadow:none;
            border:1px solid #e2e2e2;
            height:27px; line-height:27px; font-size:13px; 
            font-family:"Open Sans", Arial, Helvetica, sans-serif;
            margin-right:10px;
        }
        & button{
            
            position:relative;
            margin-top:1px;
            padding:0px;
            font-size:14px;

            &:after{
                content:""; display:block; 
                width:3px; height:9px;
                position:absolute;
                right:0; top:0;
                background:url("images/btn_right_arrow_white.png") no-repeat;
                margin-right:16px; margin-top:9px;
                
            }
            
        }
    }

}
.px_featured-field{
	margin-top:15px;
	.px_radiobox{
		margin-top:0px;
	}
	ul li{
		line-height:20px;
	}
}
.lscf-shortcodes-list{
    
    margin-top:60px;
    
    & h2{
        
        color:#3a3a3a;
        font-size:18px;
		line-height:22px;
        font-family:"Open Sans", Arial, Helvetica, sans-serif;
        font-style:italic;
		margin:10px 0px;
        & span{color:#00641f;}
        
        
    }

    .shortcodes-list{
        
        -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
            -ms-box-sizing:border-box;
                box-sizing:border-box;

        background:white;
        display:block; width:100%;
        border:1px solid #c5c3c3;
        position:relative;
        padding:30px 25px;

        & h2{
            color:black; 
            font-size:16px; 
            font-family:"Open Sans", Arial, Helvetica, sans-serif;
            font-style:normal;
			line-height:17px;
			& i {
				font-size:10px;
				margin-top:-5px; 
				display:inline-block;
			}
        }
        
        & hr{
            background:#3a3a3a;
        }

        & .px-active-shorcodes{
            &:after{
                content:""; display:block; 
                clear:both;
            }
            & li.filter-headline{
                display:block; width:25%;
                float:left;
                text-align:right;
                font-size:12px;
                font-family:Arial, Helvetica, sans-serif;

                & .px_remove-shortcode{
                    color:red;
                    cursor:pointer;
                    margin-right:4px;

                }

                & strong{
                    font-size:14px; color:#4c4c4c;
                    font-family:Arial, Helvetica, sans-serif;
                    margin-left:5px;
                }
            }

            & li.shortcode-copy{
                
                width:72%; float:left;
                margin-left:3%;

                & textarea{
                    background:white;
                    padding:10px;
                    font-size:12px;
                    font-family:"Open Sans", Arial, Helvetica, sans-serif;
                }

            }

        }
    }

// .px_remove-shortcode{position:absolute; right:0; top:0; margin-right:10px; margin-top:20px;}

.posts-shorcodes{
	& strong{
		display:block;
	}
}

}

.px-checkbox-label{
    cursor:pointer;
    width:18px; height:18px;
    display:block;
    background:url("images/icons/px-checkbox_1_inactive.png") no-repeat;
    position:relative;
    float:left;
    margin-right:4px;
    margin-top:2px;

	&:before{
		-webkit-transform:scale(0.0);
		   -moz-transform:scale(0.0);
		    -ms-transform:scale(0.0);
		        transform:scale(0.0);
        
		content:""; display:block; 
        width:9px; height:9px;
        position:absolute; top:0; left:0;
        margin-left:5px; margin-top:4px;
        background:#96e6a1;
		
		-webkit-transition: 0.2s transform ease-in;
		   -moz-transition: 0.2s transform ease-in;
		    -ms-transition: 0.2s transform ease-in;
		        transition: 0.2s transform ease-in;
	}

}
.px-checkbox:checked + .px-checkbox-label{

    &:before{
		-webkit-transform:scale(1.0);
		   -moz-transform:scale(1.0);
		    -ms-transform:scale(1.0);
		        transform:scale(1.0);

		-webkit-transition: 0.2s transform ease-in;
		   -moz-transition: 0.2s transform ease-in;
		    -ms-transition: 0.2s transform ease-in;
		        transition: 0.2s transform ease-in;
    }
}

.px_custom-fields-range, .px_custom-fields-date-interval {
	& .px_radiobox + span{
		float:left; line-height:19px;
		margin-right:5px;

		& i{display:block;}
	}
	& .px_radiobox.theme-field + span{line-height:15px; padding-top:2px;}
}
.px_radiobox{

    display:inline-block;
    width:15px!important; height:15px!important; 
    background:url("images/icons/px-radiobox-inactive.png") no-repeat;
    cursor:pointer;
    position:relative;
    margin-right:4px;
    margin-top:2px;

    & + span{
        line-height:15px; font-size:14px; 
        font-family:Arial, Helvetica, sans-serif;
    }
    
}
.px_radiobox-input:checked + .px_radiobox{
    background:url("images/icons/px-radiobox.png") no-repeat;
    &:before{
        content:"";
        display:block; width:15px; height:15px;
        background:url("images/icons/px-radiobox-bullet.png") no-repeat;
        position:absolute; left:0; top:0;
        margin-left:0px; margin-top:0px;
    }
}
.px_radiobox-input{
    visibility:hidden; z-index:-2;
    position:absolute;
}
input.px-checkbox{
    visibility:hidden; z-index:-1;
    position:absolute;
}
.cp-color-picker{
	z-index:10;
}
.filter-display-settings{
	
	.post-themes-headline{
		font-size:14px; line-height:20px; margin-top:15px;
		margin-bottom:5px;
	}

	.theme-style-type{
		display:block; 
		min-height:280px;
	}

	& .slick-next{
		cursor:pointer;
		display:block; width:14px; height:27px;
		background:url('../images/right-arrow-slick.png') no-repeat;
		background-size:100%;
		background-position:center;
		position:absolute; top:46%; right:0; margin-top:-14px;
		text-indent:-999px; overflow:hidden; border:0px; box-shadow:none;
		outline:none;
		margin-right:-23px;
	
	}
	& .slick-prev{
		cursor:pointer;
		display:block; width:14px; height:27px;
		background:url('../images/left-arrow-slick.png') no-repeat;
		background-size:100%;
		background-position:center;
		position:absolute; top:46%; left:0; margin-top:-14px;
		text-indent:-999px; overflow:hidden; border:0px; box-shadow:none;
		outline:none;
		margin-left:-23px;
	
	}
	& .posts-themes{
		margin-top:20px;
		width:90%; margin-left:5%;
		float:none;
		clear:both;
	}
	& .slide{
		display:block;
		overflow:hidden;
		&:after{content:""; display:block; clear:both;}
		& .px-radiobox{
			float:left;
			& + span{
				margin-top:1px;
			}
		}
		& > span{
			text-align:center;
				display:block; float:left;
			width:32%; margin-right:1%;
			& img{
				width:100%;
				margin-bottom:15px;
			}
			&:first-child{
				margin-left:1%;
			}
		}
		&:after{content:""; display:block; clear:both;}

	}
	& .theme-options-slider{
		width:100%;
	}
	& #single-filter-reset-button-opt{
		display:none;
	}
	& .single-filter-opt{
		margin-top:15px;
		&.dark{
			padding-top:10px;
			padding-bottom:20px;
			margin-top:0px;
			background:#333d45;
			margin-left:-18px; margin-right:-18px;
			color:white;
			
		}
	}
	
	& .single-filter-opt > strong{
		display:block; float:left;
		width:150px; margin-right:20px;
		margin-top:0px!important;
	}
	
	& .single-filter-opt > div{
		float:left;
	}
	
	& .single-filter-opt:after{
		content:""; display:block; clear:both;
	}
	
	& input.filter-main-color{
		cursor:pointer;	
		width:45px; height:22px;
		border: 1px solid transparent;
		overflow: hidden;
		text-indent: -9999px;

		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
			-ms-border-radius: 10px;
				border-radius: 10px;

		-webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4);
		   -moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4);
			-ms-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4);
		        box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4);
	}

	& input[type="number"]{
		width:50px;
		height:23px;
		font-size:14px; line-height:20px;
	}
}
.lscf-edit-shortcode{

	& .lscf-step-2{
		display:block;
	}

	& .expandable-container{
		min-height:180px;
		overflow:hidden;
		height:auto;
	}

}