/*** HTML ***/

	/**, h1, h2, h3, h4, .uk-h1, .uk-h2, .uk-h3, .uk-h4 {
		font-family: 'Barlow', Arial, sans-serif;
		font-smooth: always;
		-webkit-font-smoothing: antialiased;
	}*/
	
	@font-face {
	  font-family: 'Barlow';
	  font-style: normal;
	  font-weight: 400;
	  font-display: swap;
	  src: url(../fonts/Barlow.woff2) format('woff2');
	  src: url(../fonts/Barlow-Regular.ttf) format('truetype');
	}
	
	@font-face {
	  font-family: 'Barlow';
	  font-style: bold;
	  font-weight: 800;
	  font-display: swap;
	  src: url(../fonts/Barlow-Bold.woff2) format('woff2');
	  src: url(../fonts/Barlow-Bold.ttf) format('truetype');
	}
	

	body, html, h1, h2, h3, h4, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-heading-large, .uk-heading-medium {
		font-family: 'Barlow', Arial, sans-serif;
		font-smooth: always;
		-webkit-font-smoothing: antialiased;
	}
	
	.sidebar, #campaignlist, #settings-userlist {
		user-select: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}
	
	h4 {
		font-size: 18px;
		font-weight: 500;
	}
	
	p {
		color: #000;
		margin: 0;
	}
	
	.brands {
		text-decoration: none;
	}
	
	.brands:hover {
		text-decoration: none;
	}
	
	.brands-underline {
		text-decoration: none;
	}
	
	.brands-underline:hover {
		text-decoration: underline;
	}
	
	html {
		font-size: 14px;
	}
	
	h1, .uk-h1 {
		font-size: 48px;
		font-weight: bold;
	}
	
	h3 {
		font-size: 24px;
		font-weight: normal;
	}
	
	h5 {
		font-size: 20px;
	}
	
	.uk-text-large {
		font-size: 20px;
	}
	
	.underline {
		text-decoration: underline;
	}
	
	.font-12 {
		font-size: 12px;
		color: #000000;
	}
	
	.font-14 {
		font-size: 14px;
		color: #000000;
		font-weight: 400;
	}
	
	.font-16 {
		font-size: 16px;
		font-weight: 400;
		color: #333;
	}
	
	.font-18 {
		font-size: 18px;
	}
	
	.font-20 {
		font-size: 20px;
	}
	
	.font-28 {
		font-size: 28px;
	}
	
	.cos-sub-hero {
		font-size: 28px;
	}
	
	.cos-resize-h1 {
		font-size: 42px !important;
	}
	
	.cos-resize-tab {
		font-size: 20px !important;
	}
		
	.viewcampaign {
		text-transform: none !important;
	}
	
	html, body {
		background-color: white;
	}
	
	.sort-36 {
		width: 36px;
		height: 36px;
		background-color: #e5e5e5;
	}
	
	.module-icons-size-block {
		width:300px !important;
	}
	
	.185 {
		height: 185px !important;
	}
	
	.uk-xsmall-card {
		width:500px;
	}
	
	.uk-box-shadow-mail {
		box-shadow: 0px 0px 20px 0px black;
	}
	
	.uk-subnav-pill>*>:first-child {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 15px;
		padding-top: 15px;
		background: #f8f8f8;
	}
	
	.uk-subnav-pill>.uk-active>a {
		background: #333333;
		color: #fff !important;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	
	.uk-subnav-pill>*>a:active {
		background: #e5e5e5;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	
	.uk-tab>.uk-active>a {
		font-weight: 700;
		font-size: 20px;
		text-decoration:underline;
	}
	
	.uk-checkbox, .uk-radio {
		border: 1px solid rgb(102, 102, 102);
		background-color: #fff;
	}
	
	.min-size {
		min-width: 360px !important;		
	}
	
	.min-size-2 {
		min-width: 400px !important;		
	}
	
	.min-height-card {
		min-height: 270px;
	}
	
	.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
		background: rgba(238, 117, 147, 0.2);
	}
	
	.card-footer-hover {
		transition: ease-in-out 0.5s;
	}
	
	.card-footer-hover:hover {
		background: rgba(238,117,147,.5 ) !important;
		color: white !important;
		transition: ease-in-out 0.5s;
	}
	
	.matchit {
		min-height: 300px;
	}
		
	
/*** Special Margins ***/
	
	.margin-20-right {
		margin-right: 20px !important;
		padding-right: 20px !important;
	}
	
	.margin-top-7 {
		margin-top: 7px !important;
	}
	
	.margin-top-28 {
		margin-top: 22px !important;
	}
	
	.margin-top-44 {
		margin-top: 44px !important;
	}
	
	.margin-45-left {
		margin-left: 45px !important;
	}
	
	.padding-top-44 {
		padding-top: 28px !important;
	}
	
	.padding-xsmall {
		padding: 10px !important;
	}
	
	.margin-dash {
		margin-top: 28px;
	}
	
	.padding-accordeon-title {
		padding: 17.5px;
	}
	
	.page-headline {
		padding-top: 0px;
		padding-left: 45px;
	}
	
	.top-35 {
		padding-top: 48px !important;
	}
	
	.uk-card-header {
		padding-top: 19px !important;
	}
	
	.uk-grid-margin {
		margin-top: 10px !important;
	}
	
	.uk-grid-xsmall {
		padding-left: 10px !important;
	}
	
	.uk-form-label {
		margin-top: 10px !important;
	}
	
	.inactive {
		opacity: 0.3;
		border: 1px solid #e5e5e5;
	}
	
	
	
/*** Input styling ***/
		
	.dashboard-search {
		height: 50px !important;
	}



/*** Fancy colors ***/

	.white {
		color: #FFFFFF !important;
	}
	
	.white:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.grey {
		color: #ECF0F3;
	}
	
	.darkgrey {
		color: #707070;
	}
	
	.black {
		color: #000000 !important;
	}
	
	.black-icon {
		color: #000000;
	}
	
	.black-icon:hover {
		color: #BC5E99;
	}
	
	.blue {
		color: #155de3;
	}
	
	.keycolor {
		color: #f87694 !important;
	}
	
	.keycolor-2 {
		color: #623aa1 !important;
	}
	
	.keycolor-gradient {
		background: -moz-linear-gradient(to left, #f87694, #623aa1);
		background: -webkit-linear-gradient(to left, #f87694,#623aa1);
		background: linear-gradient(to left, #f87694,#623aa1);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
	.uk-badge {
		background: #f87694 !important;
	}

/*** Font Awesome Icon colors ***/

	.fa-prime {
		--fa-primary-color: #623aa1; 
		--fa-secondary-color: #623aa1;
	}
	
	.fa-sec {
		--fa-primary-color: #f87694; 
		--fa-secondary-color: #f87694;
	}
	
	.fa-white {
		--fa-primary-color: #fff; 
		--fa-secondary-color: #fff;
	}
	
	.fa-black {
		--fa-primary-color: #000; 
		--fa-secondary-color: #000;
	}

/*** Background colors ***/

	.bg-white {
		background-color: #ffffff !important;
	}
	
	.bg-darkblue {
		background-color: #004D7F;
	}
	
	.bg-grey {
		background-color: #ECF0F3;
	}
	
	.bg-black {
		background-color: #000000;
	}
	
	.bg-darkgrey {
		background-color: #333333;
	}
	
	.bg-verydarkgrey {
		background-color: #222222;
	}
	
	.bg-veryverydarkgrey {
		background-color: #181818;
	}
	
	.bg-navgrey {
		background-color: #707070;
	}
	
	.bg-color {
		background-color: #623aa1;
	}
	
	.bg-midgrey {
		background-color: #CBCBCB;
	}
	
	.bg-lightgrey {
		background-color: #E5E5E5;
	}
	
	.xbg-trans-white {
		background-color:rgba(229,229,229,0.4);
	}
	
	.bg-trans-black {
		background-color:rgba(51,51,51,0.6);
	}
	
	.nav-bar-blur {
		filter: blur(5px)
	}
	
	.bg-grey-gradient {
		background: #494949;
		background: -moz-linear-gradient(top, #494949 1%, #707070 94%, #4c4c4c 100%);
		background: -webkit-linear-gradient(top, #494949 1%, #707070 94%, #4c4c4c 100%);
		background: linear-gradient(to bottom, #494949 1%, #707070 94%, #4c4c4c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#4c4c4c',GradientType=0 );
	}
	
	.bg-light-gradient {
		background: #fff;
		background: -moz-linear-gradient(top, #eee 30%, #fff 100%);
		background: -webkit-linear-gradient(top, #eee 30%,#fff 100%);
		background: linear-gradient(to bottom, #eee 30%,#fff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#fff',GradientType=0 );
	}
			
	.bg-grey-gradient-ui {
		background: #494949;
		background: -moz-linear-gradient(top, #494949 1%, #707070 30%);
		background: -webkit-linear-gradient(top, #494949 1%,#707070 30%);
		background: linear-gradient(to bottom, #494949 1%,#707070 30%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#4c4c4c',GradientType=0 );
	}
	
	.bg-blue-gradient {
		background:  linear-gradient(155deg,#5693FF,#0060BA 100%);
	}
	
	.bg-gradient-color {
		background: #f87694;
		background: -moz-linear-gradient(top,  #f87694 0%, #623aa1 100%);
		background: -webkit-linear-gradient(top,  #f87694 0%,#623aa1 100%);
		background: linear-gradient(to bottom,  #f87694 0%,#623aa1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87694', endColorstr='#623aa1',GradientType=0 );
	}
	
	.bg-darkgrey-veryverydarkgrey-gradient-trans {
		background: -moz-linear-gradient(top, rgba(51,51,51,0.9) 0%, rgba(24,24,24,0.9) 100%);
		background: -webkit-linear-gradient(top, rgba(51,51,51,0.9) 0%, rgba(24,24,24,0.9) 100%);
		background: linear-gradient(to bottom, rgba(51,51,51,0.9) 0%, rgba(24,24,24,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#181818',GradientType=0 );
	}
	
	.bg-gradient-color-trans {
		background: -moz-linear-gradient(top,  rgba(248,118,148,0.9) 0%, rgba(98,58,161,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(248,118,148,0.9) 0%,rgba(98,58,161,1) 100%);
		background: linear-gradient(to bottom,  rgba(248,118,148,0.9) 0%,rgba(98,58,161,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf87694', endColorstr='#cc623aa1',GradientType=0 );
	}
	
	.bg-gradient-blue {
		background: rgb(21,115,230);
		background: -moz-linear-gradient(-45deg,  rgba(21,115,230,1) 0%, rgba(15,47,161,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(21,115,230,1) 0%,rgba(15,47,161,1) 100%);
		background: linear-gradient(135deg,  rgba(21,115,230,1) 0%,rgba(15,47,161,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1573e6', endColorstr='#0f2fa1',GradientType=1 );
	}
	
	.uk-card-primary {
		background: #f87694;
		background: -moz-linear-gradient(top,  #f87694 0%, #623aa1 100%);
		background: -webkit-linear-gradient(top,  #f87694 0%,#623aa1 100%);
		background: linear-gradient(to bottom,  #f87694 0%,#623aa1 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87694', endColorstr='#623aa1',GradientType=0 );
	}
	
	.uk-card-price-one {
		background: #F87694;
	}
	
	.uk-card-price-two {
		background: #623aa1;
	}
	
	.uk-card-price-two-light {
		background: rgba(78,36,144,0.7);
	}
	
	.uk-card-pattern {
		background-image: url(../img/pattern/funky-lines.png);
	}
	
	.bg-light-blue {
		background: #399FEC;
	}
	
	.bg-dark-blue {
		background: #073C77;
	}

/*** Logo ***/

	.logo-size{
		width: 170px;
	} 

.project-grid-item-wrapper {
	width: 180px;
	height: 300px;
}

.project-grid-item {
	width: 180px;
	height: 220px;
	border: 1px solid #e5e5e5;
}

.uk-button {
	text-transform: none;
}

.uk-button-link {
	color: #fff !important;
}

.uk-button-primary {
	color: white !important;
	background: #0060BA;
	background: linear-gradient(to right, #f87694 0%, #623aa1 100%);
	border: none;
	font-weight: bold;
		transition: ease-in-out 0.5s;
}

.uk-button-primary-2 {
	color: white !important;
	background: #0060BA;
	background: linear-gradient(to right, #f87694 0%, #623aa1 100%);
	border: none;
	/*font-weight: bold;*/
}

.uk-button-primary:hover {
	color: white !important;
	background: #0060BA;
	background: linear-gradient(to left, #f87694 0%, #623aa1 100%);
	border: none;
	font-weight: bold;
		transition: ease-in-out 0.5s;
}

.uk-button-primary-white {
	color: #f87694 !important;
	background: #fff;
	border: none;
	font-weight: bold;
}

.uk-button-primary-white-price {
	color: #623aa1 !important;
	background: #fff;
	border: none;
	font-weight: bold;
}

.uk-button-primary-hero {
	color: #623aa1 !important;
	background: #fff;
	border: none;
	font-weight: bold;
	font-size: 20px;
	transition: ease-in-out 0.5s;
}

.uk-button-primary-hero:hover {
	color: #fff !important;
	background: #623aa1;
	border: none;
	font-weight: bold;
	font-size: 20px;
	transition: ease-in-out 0.5s;
}

.uk-button-shortcut {
	color: #fff !important;
	background: #623aa1;
	border: none;
	font-weight: bold;
	transition: ease-in-out 0.5s;
}

.uk-button-shortcut:hover {
	color: #fff !important;
	background: #f87694;
	border: none;
	font-weight: bold;
	transition: ease-in-out 0.5s;
}

.uk-button-shortcut-2 {
	color: #fff !important;
	background: #f87694;
	border: none;
	font-weight: bold;
	transition: ease-in-out 0.5s;
}

.uk-button-shortcut-2:hover {
	color: #fff !important;
	background: #623aa1;
	border: none;
	font-weight: bold;
	transition: ease-in-out 0.5s
}

.uk-button-shortcut-border {
	color: #623aa1 !important;
	background: #fff;
	border: 1px solid #623aa1;
	font-weight: bold;
}

.uk-button-link-shortcut {
	color: #623aa1 !important;
}

.uk-button-link-shortcut-white {
	color: #fff !important;
}

.uk-button-link-shortcut-white:hover {
	color: #fff !important;
	background-color: #f87694;	
	transition: ease-in-out 0.5s
}

.uk-button-outline {
	color: #f87694 !important;
	border-image-source: linear-gradient(45deg, #f87694, #623aa1);
	border: 1px solid;
	border-image-slice: 1;
}

.uk-button-outline:hover {
	color: #fff !important;
	background: #0060BA;
	background: linear-gradient(to right, #f87694 0%, #623aa1 100%);
}

.uk-button-outline-white {
	color: #fff !important;
	border: 1px solid #fff;
}

.uk-button-outline-white:hover {
	color: #fff !important;
	border: 1px solid #fff;
	background-color: rgba(255, 255, 255, 0.5);
}

.uk-button-on-dark-purple {
	background: #623AA1;
	font-size: 14px;
	font-weight: 800;
	transition: ease-in-out 0.5s;
	color: #fff;
}

.uk-button-on-dark-purple:hover {
	background: #f87694;
	font-size: 14px;
	font-weight: 800;
	transition: ease-in-out 0.5s;
	color: #fff;
}

.uk-button-on-dark-white {
	background: #fff;
	font-size: 14px;
	font-weight: 800;
	transition: ease-in-out 0.5s;
	color: #623AA1 !important;
}

.uk-button-on-dark-white:hover {
	background: #623AA1;
	font-size: 14px;
	font-weight: 800;
	transition: ease-in-out 0.5s;
	color: #fff !important;
}

.uk-button-on-dark-white-key {
	background: #fff;
	font-size: 14px;
	font-weight: 800;
	transition: ease-in-out 0.5s;
	color: #623AA1 !important;
}

.uk-button-on-dark-white-key:hover {
	background: #f87694;
	font-size: 14px;
	font-weight: 800;
	transition: ease-in-out 0.5s;
	color: #fff !important;
}

.uk-panel-scrollable {
	padding: 0;
	resize: none;
}

.framed {
	border: 1px solid #c5c5c5;
}

.rounded {
	/*border-radius: 10px;*/
}

.roundedbig {
	/*border-radius: 25px;*/
}

.thumbnail {
	width: 39px;
	height: 39px;
	vertical-align: middle;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ffffff;
	text-decoration: none;
}




/*** navigation ***/

	#navigation, .navigation-child {
		overflow: hidden;
		transition: all .5s	ease-in-out;
	}
	
	#navtoggler > i {
		transition: all .5s	ease-in-out;
	}
	
	.navcell {
		width: 200px;
		text-align: left;
		white-space: nowrap;
	}

	.sidebar {
		width: 370px;
	}
	
	.sidebar-dashboard {
		width: 300px;
	}
	
	.navbar {
		width: 80px;
		transition: all .5s	ease-in-out;
	}

	.nav-item {
		width: 80px;
		height: 80px;
		transition: all .2s ease-in-out;
	}
	
	.nav-item-small {
		width: 80px;
		height: 50px;
		transition: all .2s ease-in-out;
	}
	
	a.nav-item {
		color: #DDDDDD !important;
	}
	
	a.nav-item:hover {
		color: #FFFFFF !important;
		background-color: #444444;
	}
		
	a.nav-item-small {
		color: #DDDDDD !important;
	}
	
	a.nav-item-small:hover {
		color: #FFFFFF !important;
	}
	
	.uk-nav-default {
		font-size: 1rem;
	}

	.uk-nav-default>li.uk-active>a {
		background-color: #1e87f0;
		color: white;
		font-weight: normal;
	}

	.profile-picture {
		width: 40px;
		height: 40px;
	}
	
	.pill {
		font-size: 1em;
		height: 20px;
		transition: all .15s ease-in-out;
	}
	
	.underline {
		text-decoration: none;
	}
	
	.underline:hover {
		text-decoration: underline;
	}
	
	.sidebar > .uk-card-small {
		padding-left: 30px !important;
		padding-right: 30px !important;	
	}
	
	.pill-headline {
		font-weight: bold;
		font-size: 14px;
		color: #000000;
	}



#column-preview {
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.uk-text-xsmall {
	font-size: .75rem;
}

#campaignlist .uk-list>li:nth-child(n+2), .uk-list>li>ul {
	margin-top: 3px;
}

#campaignlist .uk-list-divider>li:nth-child(n+2) {
	margin-top: 3px;
	padding-top: 3px;
}

.template {
	transform: perspective(500px) translateZ(0px);
	transition: .3s ease-out;
}

.template:hover {
	transform: perspective(500px) translateZ(25px);
}

#campaignlist .uk-label {
	text-align: center;
	text-transform: none;
}

#campaignlist .status {
	width: 0px;
	height: 20px;
	float: left;
	display: block;
}

.uk-label-framed {
	background-color: white;
	border: 1px solid #cecece;
	color: #a5a5a5
}

.uk-label-black {
	background-color: black;
	border: 1px solid black;
	color: #a5a5a5
}

.uk-section-secondary {
	background: #808080;
}

.uk-section-color-1 {
	background: #f87694;
}

.uk-section-color-2 {
	background: #623aa1;
}

.uk-section-secondary-standard {
	background: #222;
}

.overlay-soft {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
}

.overlay-soft-2 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
height: 50px;
background: rgba(0,0,0,.6);
}

.red {
	color: red;
}

.index {
	z-index: 999;
	line-height: .5em !important;
}

#modulebox .uk-text-xsmall {
	line-height: 1.2em;
}

#newsletter {
	transition: width .7s ease-in-out;
	min-height: 400px;
}

.moduleicon, .moduleicon > img {
	width: 90px;
	height: 90px;
}

.sortcontent > table {
	box-shadow: inset 0px 0px 8px rgba(31, 173, 255, 0);
	transition: .3s ease-in-out;*/
}

.sortcontent > table:hover {
	box-shadow: inset 0px 0px 8px rgba(31, 173, 255, 1);
}

#newslettercontainer {
	transition: width .4s ease-in-out;
	margin: 0 auto;
}

#newslettercontainer * {
	transition: width .4s ease-in-out;
}

#newslettercontainer.desktop {
	width: 100%;
}

#newslettercontainer.half {
	width: 50%;
}

#newslettercontainer.laptop {
	width: 700px;
}

#newslettercontainer.tablet {
	width: 480px;
}

#newslettercontainer.mobile {
	width: 360px;
}

.editicon, .editiconbackgr, .editiconmodule, .editiconlist, .editicondelete {
	display: none;
}

#newsletter .editicon, #newsletter .editiconbackgr, #newsletter .editiconmodule, #newsletter .editiconlist, #newsletter .icondeleterow, #newsletter .editicondelete, #newsletter .uk-sortable-handle, .uk-sortable-drag .uk-sortable-handle {
	left: 0px;
	display: inline;
	position: absolute;
	padding: 2px 7px 3px 7px;
	color: #eeeeee;
	background-color: rgba(0,0,0,0.3);
	z-index: 100;
	opacity: 0;
	transition: all ease-in-out .3s !important;
}

#newsletter .editicon {
	left: 96px;
}

#newsletter .image-text-r .editicon {
	left: 54%;
}

#newsletter .editicon.editbutton {
	left: 172px;
}

.opacity {
	opacity: 1 !important;
	transition: all ease-in-out .4s !important;
}


#newsletter .editbackgr {
	left: 64px;
}

#newsletter .hero .editicon {
	left: 64px;
}

#newsletter .editiconmodule {
	left: 32px;
}

#newsletter .editicondelete {
	left: 64px;
}

#newsletter .hero-headline .editicondelete, #newsletter .hero .editicondelete, #newsletter .hero-no-headline .editicondelete {
	left: 96px !important;
}

#newsletter .editiconlist {
	left: 96px;
}

#newsletter .imgright .editicon {
	left: 25px;
}

#newsletter .buttonScale > .editicon {
	left: 0px;
}

#newsletter .editicon:hover {
	background-color: rgba(0,0,0,0.3);
}

#newsletter.zoomed {
	zoom: 50%;
}

#newsletter p a {
	text-decoration: underline;
}

#modulebox .sortcontent {
	display: none;
}

#modulebox .sortcontent, #newsletter .sortpreview {
	display: none;
}

#modulebox .sortpreview, #newsletter .sortcontent {
	display: block;
}

.uk-sortable-handle, .uk-sortable-handle:hover {
	cursor: move;
}

#newsletter .sortable, #newsletter .sortable:hover {
	margin: 0 !important;
}

.uk-sortable-drag .sortpreview {
	display: none;
}

.smallpad {
	padding: 10px !important;
}

.uk-modal-dialog {
	background: rgba(255, 255, 255, 0.93);
}

.edit { cursor:pointer; }

.edit:hover { color: #760000 }

.editor {
	display:none;
	background-color: white;
	width:50%;
	height:540px;
	box-shadow: 1px 0px 30px black;
	box-sizing: border-box;
	position: fixed;
	top: 70px;
	left: 25%;
	padding: 30px;
	z-index: 990 !important;
}

.trumbowyg-box, .trumbowyg-editor, .trumbowyg-textarea {
	min-height: 100px !important;
}

.uk-notification {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px;
}

.cke_table-faked-selection, .cke_table-faked-selection-table {
	background-color: transparent !important;
	background: transparent !important;
}

.modulebox .uk-accordion-title {
	font-size: 16px;
	color: #eeeeee;
	text-transform: uppercase;
}

.modulebox .uk-accordion-title:hover {
	font-size: 16px;
	color: white;
	text-transform: uppercase;
}

#campaignlist .viewcampaign {
	font-size: 1rem;
	
	background-color: white;
	padding: 3px 12px;
	border-radius: 10px;
	margin-bottom: 8px;
}

.uk-overlay-primary {
	opacity: 1;
	transition: all .2s ease-in-out;
}

.uk-overlay-primary.dds-hidden {
	opacity: 0;
	transition: all .3s ease-in-out;
}

#preview {
    -ms-zoom: 0.25;
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
}

.campaignwarning {
	display: inline-block;
	width: 35px;
}

.campaigntitle {
	display: inline-block;
	line-height: 1.4rem;
	max-width: calc(100% - 300px) !important;
}

.user-profileimage {
	
}


.uk-offcanvas-bar {
	background: #474955;
	box-shadow: inset -20px 0px 20px -20px rgba(0,0,0,.7);
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-header {
	color: #65686d;
}

.colorpicker {
	width: 30px; 
	height: 30px; 
	background-color: #aaa;
	display: inline-block; 
	float: right;
	cursor: pointer;
}

.colpick {
	margin-top: 5px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}

.pickit {
	border: 0px solid; 
	border-left: 5px solid rgb(203, 203, 203);
}

.email-footer {
	color: #888888;
	font-family: Arial, sans-serif; 
	font-weight: normal; 
	vertical-align: top; 
	font-size: 12px; 
	text-align: center; 
	line-height: 14px;
}

.projecttile {
	background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center top;
    transition: all 0.4s ease-out;
}

.projecttile:hover {
	transform: scale(1.07);
}

.border-arrow-left:after, .border-arrow-left:before {
	right: 100%;
	top: 32px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(255, 255, 255, 0);
}
.border-arrow-left:before {
	border-right-color: rgba(255,255,255,0.93) !important;
	margin-top: -10px;
	border-width: 10px;
}

.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  /* 3 */
  box-sizing: border-box;
  max-width: 300px;
  padding: 7px 10px 10px 10px;
  /* 4 */
  background: #181818;
  border-radius: 0px;
  color: #fff;
  font-size: 12px;
}


#folderlist .uk-accordion-title::before {
	background-image: none;
	width: 0;
	margin-left: 0;
}




/*  Image Editor Related Styles */

	#imageeditor-modal .uk-modal-dialog {
		box-shadow: 0 3px 30px rgba(150,150,150,0.5); 
		background-color: #1e1e1e; 
		max-height: 800px;
	}



/*  Prepare UI for iPad. */ 

	@media screen and (max-width: 1150px) {
		
		.sidebar {
			width: 270px;
		}
		
		.navbar {
			width: 60px;		
		}
	
		.nav-item {
			width: 60px;
			height: 60px;
			transition: all .2s ease-in-out;
		}
		
		.nav-item-small {
			width: 60px;
			height: 40px;
			transition: all .2s ease-in-out;
		}
		
		.moduleicon, .moduleicon > img {
			width: 56px;
			height: 56px;
		}
		
	}
	
/* Switcher */

.uk-tab>.uk-active>a {
	border-color: #623aa1;
	border: 0px solid;
}

.uk-tab>*>a {
	display: block;
	text-align: center;
	padding: 10px 20px;
	color: #999;
	border: 1px solid transparent;
	font-size: .875rem;
	text-transform: uppercase;
	transition: color .1s ease-in-out;
}
	
	
	
/*  Background Pattern */ 	

.pattern {
	background-image: url(../img/pattern/funky-lines.png);
}



/*  Recurly  */

.recurly-element, .recurly-hosted-field {
	background-color: #fff;
	border: 1px solid #d7d7d9;
	border-radius: 3px;
	margin-top: 10px;
	height: 2em;
	box-sizing: border-box;
	padding:0 8px
}

.recurly-element-focus, .recurly-hosted-field-focus {
	border:1px solid #8c8c91
}

.recurly-element-invalid, .recurly-hosted-field-invalid {
	border:1px solid #e35256
}

.recurly-element-number, .recurly-hosted-field-number {
	width:12em
}

.recurly-element-cvv, .recurly-element-month, .recurly-element-year, .recurly-hosted-field-cvv, .recurly-hosted-field-month, .recurly-hosted-field-year {
	width: 4em
}