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

/**********************
common.less
*************************/
.ecf-d-flex {
	.flex();
	align-items: center;
	&.ecf-center {
		justify-content: center;
	}
	&.ecf-middle {
		align-items: center;
	}
}

.ecf-no-oh {
	overflow: visible !important;
}

#ecf-creator, .ecf-output-fields-wrapper {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	transition: height 0.66s ease-out;
	overflow: hidden;
	font-size: 15px;
	font-family: 'Hind', sans-serif;
	font-family: @font_1;
	letter-spacing: 0;
	position: relative;
	visibility: visible;
	font-kerning: normal;	
	.box-sizing(border-box);
	* {
		.box-sizing(border-box);
	}
	.iris-picker,
	.iris-picker * {
		.box-sizing(content-box);
	}
	.flatpickr-current-month input.cur-year:focus {
		.box-shadow(none);
	}
	h1, h2, h3, h4, h5, h6, p, li, a, div, label {
		font-weight: 400;		
	}
	h4, h5, h6 {
		font-weight: 700;
	}
	h1, h2, h3 {
		font-weight: 700;
	}
	.ecf-page-trash {
		a {
			color: @text_2;
		}
	}
	a {
		color: @primary;
	}
	.clickable,
	.ecf-clickable {
		cursor: pointer;
	}
	.ecf-movable {
		cursor: move;
	}
	.hidden {
		display: none;
	}
	.primary {
		color: @primary;
	}
	.text_1 {
		color: @text_1;
	}
	.text_2 {
		color: @text_2;
	}
	.text_3 {
		color: @text_3;
	}
	.accent {
		color: @accent;
	}
	.danger {
		color: @danger;
	}
	.bold {
		font-weight: 700;
	}
	.ecf-medium {
		font-weight: 600;
	}
	.ecf-center {
		text-align: center;
	}
	.uppercase {
		text-transform: uppercase;
	}
	.sticky,
	.ecf-sticky {
		position: -webkit-sticky !important; /* Safari */
		position: sticky !important;
		top: 0;
	}
	.ecf-app {
		position: relative;
		min-height: inherit;
	}
	.inline,
	.ecf-inline {
		.inline-flex();
	}
	.ellipse {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.oh {
		overflow: hidden;
	}
	.ecf-full-width {
		width: 100%;
	}
	.ecf-spin {
    -webkit-animation: ecf-spin 0.8s infinite linear;
    animation: ecf-spin 0.8s infinite linear;
	}
	.ecf-align-right {
		text-align: right;
	}
	.ecf-hidden {
		display: none;
	}
	.ecf-uc {
		text-transform: uppercase;
	}
	.ecf-lc {
		text-transform: lowercase;
	}
	.ecf-ca {
		text-transform: capitalize;
	}	
	.dropdown-overlay {
		.opacity(0);
		position: fixed;
		left: -2000px;
		right: -2000px;
		top: -2000px;
		bottom: -2000px;
		z-index: 10;
		cursor: auto;
	}
	mark {
		.transition(all, 0.1s, ease);
		color: @accent;
		text-decoration: underline;
		text-underline-offset: 3px;
		text-decoration-color: fade(@accent, 50%);
		background-color: transparent;
		font-weight: 700;
	}
	input::selection {
		background-color: @selection;
		color: @white;
	}
}

.flatpickr-calendar.open {
  z-index: 9999999;
}

@media (max-width: 1023px) {

	#ecf-creator, .ecf-output-fields-wrapper {
		.ecf-visible-xs {
			display: unset;
		}
		.ecf-hidden-xs {
			display: none;
		}
	}

}

@-webkit-keyframes ecf-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ecf-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}