@import 'variables.less';
@import 'mixins.less';

@import 'less/mime-types.less';
@import 'less/lk-form.less';
@import 'less/import-export.less';
@import 'common.less';
/**********************
style.less
*************************/
.toplevel_page_effcf, 
.ecf_page_effcf_deactivate,
.ecf_page_effcf_import_export ,
.ecf-premium_page_effcf_import_export,
.ecf-premium_page_effcf_deactivate {

	#wpbody-content {
	  > .update-nag, 
	  > .updated, 
	  > .error, 
	  > .notice,
	  > [class*="notice"],
	  > .is-dismissible { 
	  	display: none; 
	  }
	}

}

.cls-1 {
	fill: none;
}

#ecf-creator-header {
	background: #2a2e32;
	background: linear-gradient(90deg, rgba(29,35,39,1) 0%, rgba(29,35,39,1) 1%, rgba(42,46,50,1) 14%, rgba(42,46,50,1) 100%);
	// border-top: 10px solid #272f35;
	align-items: center;
	padding: 9px 4px;
	margin: -1px 0 0 -21px;
	position: relative;
	img {
		max-height: 28px;
		width: auto;
		margin-right: 10px;
	}
	label {
		.roundedcorners(5px);
		background-color: @black;
		color: fade(@white, 60%);
		font-size: 11px;
		font-weight: 700;
		padding: 3px 6px 3px;
		line-height: 1;
		letter-spacing: 1px;
    text-transform: uppercase;
    display: none;
    &.ecf-is-pro {
    	font-size: 10px;
    	color: @primary;
    }
	}
	.ecf-upgrade {
		.translate(0, -50%);
		.roundedcorners(0);
		position: absolute;
		right: 0;
		top: 50%;
		padding: 7px;
		height: auto;
		text-decoration: none;

		&:focus {
			.box-shadow(none);
		}

		.ecf-button-inner {
			color: inherit;
	    font-weight: 600;

	    ion-icon {
	    	font-size: 19px;
	    	top: 3px;
	    	margin-right: 3px;
	    }

		}


		// &:active, &:focus {			
		//   color: @white;
		//   .box-shadow(0 0 0 4px fade(@white, 10));
		// }
		.ecf-icon-angle-down {
			ion-icon {
				.rotate(-90deg);
				font-size: 16px;
				top: 4px;
			}
		}
	}
}

#ecf-creator {
	min-height: 700px;
	background-color: @grey_0;
	padding: 40px;
	margin-left: -20px;
	// background: linear-gradient(0deg, @grey_1 0%, @grey_1 10%, @grey_0 100%);
	.ecf-alert {
		&.ecf-alert-success {
			.roundedcorners(7px);
			color: #6e8f61;
			background-color: fade(@success, 33%);
			padding: 11px 20px;
			font-size: 15px;
			position: relative;
			padding-left: 36px;
			display: inline-flex;
			font-weight: 600;
			&.small {				
				.roundedcorners(5px);
				padding: 6px 15px 6px 36px;
			}
			.check, svg {
				top: calc(~"50% - 8.5px");
				color: inherit;
				position: absolute;
				left: 12px;
				height: 17px;
				width: auto;
			}
		}
	}
}

@media (max-width: 1350px) {

	#ecf-creator {
		padding: 40px 10px;
		margin-left: 0;
	}

	#ecf-creator-header {
		margin-left: -5px;
	}

	.toplevel_page_ecf {
		#wpcontent {
			padding-left: 5px;
		}
	}

}

@media (max-width: 1023px) {

	#ecf-creator-header {
		padding-left: 15px;
	}

	.toplevel_page_ecf {
		#wpcontent {
			padding-left: 0;
		}
		#wpbody-content {
			padding-bottom: 100px;
		}
	}

}

@media (max-width: 782px) {
	.toplevel_page_ecf {
		#wpbody-content {
			padding-bottom: 0;
		}
	}

}


@import 'less/location-page.less';
@import 'less/fields-skelton.less';
@import 'less/fields.less';
@import 'less/components.less';