.bg-transition-05 {
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}

.all-transition-05 {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.border-radius-3px {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.hidden {
	display: none;
}

.clear {
  clear: both;
}

/** ************** */



body { margin: 0px; padding: 0px; font-family: 'Source Sans Pro', sans-serif; background-color: #c3ccd5; overflow: hidden; }

#Header { background-color: #00bc00; float: left; width: 100%; height: 50px; color: #fff; line-height: 50px; }
 #Header a { color: #fff; text-decoration: none; display: block; font-size: 15px; }
 #Header .text { float: left; height: 50px; }
  #Header .right .text { float: right; }
 #Header .text a { padding-left: 20px; padding-right: 20px; }
 #Header .left { float: left; height: 50px; }
 #Header .right { float: right; height: 50px; }
 #Header .icon { float: left; height: 50px; width: 50px; text-align: center; background-color: #009b00; }
  #Header .right .icon { float: right; }
 #Header .icon i { font-size: 20px; line-height: 50px; }
 #Header :hover .icon { background-color: #27c127; }
 #Header :hover .text { background-color: #2ee72e; }
 #Header .center { float :left; height: 50px; }

#nlb-menu-add { position: relative; }
 .nlb-menu-dropdown { position: absolute; background-color: #2ee72e; z-index: 1; top: 50px; left: 0px; text-align: left; width: 126px; }
  .nlb-menu-dropdown .dropdown-element { float: left; height: 40px; width: 100%; line-height: 40px; padding: 0 0 0 10px; box-sizing: border-box; }
  .nlb-menu-dropdown .dropdown-element:hover,
  .nlb-menu-dropdown .dropdown-element.active { background-color: #00bc00; }
  .nlb-menu-dropdown .dropdown-element i { float: right; margin-right: 10px; line-height: 40px; }
 .nlb-menu-content { height: 500px; width: 690px; background-color: #00bc00; position: absolute; top: 0; left: 126px; z-index: 1; cursor: default; overflow-y: scroll; padding-bottom: 50px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }
  .nlb-menu-content div { float: left; width: 590px; margin-left: 50px; margin-top: 50px; position: relative; }
  .nlb-menu-content div:hover img { opacity: 0.8; }
  .nlb-menu-content div:hover .element_hover { opacity: 1; }
  .nlb-menu-content div img { float: left; width: 590px; }
  .nlb-menu-content .element_hover { line-height: 30px; width: 100px; background-color: rgba(70,70,70,1); position: absolute; left: 50%; top: 50%; float: left; margin-top: -15px; margin-left: -50px; z-index: 2; opacity: 0; text-align: center; }
  .nlb-menu-content .element_hover i { line-height: 30px; }
  .nlb-menu-content .element_hover:hover { background-color: rgba(0,0,0,1); cursor: pointer; }

#NlbTemplates { display:none; }

#Content { position: relative; float: left; width: 100%; overflow: auto; }
#NewsletterBuilder { height: 100%; margin: 0 auto; width: 900px; }
#NewsletterBuilderContent { float: left; width: 800px; margin: 40px 0 200px 50px; background: url(../_assets/workspace_bg.png) 0 0 repeat; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4); }

/** Navigation box for confirm or cancel text edit */
#TextNavi { display: none; left: 50%; margin-left: -500px; position: absolute; z-index: 2; width: 60px; border: 2px solid #fff; line-height: 20px; background: rgba(255, 255, 255, 0.7); }
#TextNavi:after { content: ' '; display: block; clear: both; }
#TextNavi .check { color: #00aa00; }
#TextNavi .close { color: #a30000; }
#TextNavi a { display: block; float: left; text-align: center; width: 30px; line-height: 20px }
#TextNavi a.check:hover { color: #fff; background: #6fbd6f; }
#TextNavi a.close:hover { color: #fff; background: #b04e4e; }

.nlb-row { -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s; transition: box-shadow 0.5s; }
.nlb-row:hover { -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }
 .nlb-delete-row, .nlb-move-row { height: 40px; width: 40px; background-color: rgba(255,255,255,0.5); top: 0px; right: -40px; position: absolute; color: rgba(102,102,102,1); opacity: 0; text-align: center; font-size: 20px; }
 .nlb-delete-row i, .nlb-move-row i { line-height: 40px; }
 .nlb-move-row { top: 40px; }
 .nlb-delete-row:hover { background-color: rgba(255,0,0,1); cursor: pointer; color: rgba(255,255,255,1); }
 .nlb-move-row:hover { background-color: rgba(0,97,229,0.8); cursor: move !important; color: rgba(255,255,255,1); }
 .nlb-row:hover .nlb-delete-row,
 .nlb-row:hover .nlb-move-row { opacity: 1; }

 .nlb-row-edit { position: relative; cursor: text; }	
 .nlb-row-edit-hover { height: 100%; width: 100%; background-color: rgba(0,188,0,0.8); position: absolute; left: 0px; top: 0px; cursor: text; }
 .nlb-row-edit-hover i { position: absolute; height: 30px; width: 30px; line-height: 30px; left: 50%; top: 50%; text-align: center; margin-top: -15px; margin-left: -15px; color: rgba(255,255,255,1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 16px; }
 .nlb-row-edit-hover i:hover { background-color: rgba(0,0,0,0.5); cursor: pointer; }
 .nlb-row-edit-hover i.delete { top: -10px; left: auto; right: -10px; width: 20px; height: 20px; line-height: 20px; font-size: 10px; margin-top: 0; margin-left: 0; background: rgba(255,0,0, 0.5); }
 .nlb-row-edit-hover i.delete:hover { background-color: rgba(255,0,0,0.8); cursor: pointer; }

.nlb-edit { height: 100%; width: 100%; top: 0; left: 0; position: fixed; z-index: 2; display: none; background-image: url(../_assets/background.png); background-repeat: repeat; }
.nlb-edit-box { width: 400px; margin: 10% auto 0 auto; padding: 25px; display: none; background-color: rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); }
 .nlb-edit .box-title { font-size: 25px; color: rgba(153,153,153,1); }
 .nlb-edit .box-content { margin-top: 10px; }
  .nlb-edit .label { font-size: 16px; color: rgba(102,102,102,1); font-weight: 600; margin-top: 15px; }
  .nlb-edit .label span { font-size: 13px; color: rgba(153,153,153,1); }
  .nlb-edit input { box-sizing: border-box; display: block; margin-top: 15px; height: 33px; width: 100%; color: rgba(102,102,102,1); border: 1px solid rgba(204,204,204,1); outline: none; font-family: inherit; padding: 0 10px; font-size: 15px; }
  .nlb-edit input:focus { -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2);	}
  .nlb-edit .iconselect { height: 388px; border: 1px solid #888; padding-left: 10px; margin-top: 15px; overflow-y: scroll; }
  .nlb-edit .iconselect i { line-height: 50px; background-color: rgba(225,225,225, 1); float: left; height: 50px; width: 50px; margin: 10px 10px 0 0; font-size: 28px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: rgba(51,51,51,1); }
  .nlb-edit .iconselect i:hover { cursor: pointer; background-color: rgba(0,188,0,0.8); color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
 .nlb-edit .actions { margin-top: 25px; padding-top: 10px; border-top: 1px solid grey; border-offset: -15px; }
 .nlb-edit .actions:after { display: block; content: ' '; clear: both; }
 .nlb-edit .actions a,
 .nlb-edit a.button { display: block; float: left; height: 33px; line-height: 33px; text-align: center; color: #00bc00; font-weight: 600; font-size: 14px; cursor: pointer; border: 1px solid #00bc00; float: left; padding: 0 25px; margin-right: 25px; text-decoration: none; }
 .nlb-edit .actions .save,
 .nlb-edit a.button.save { background-color: #00bc00; color: #fff; }
 .nlb-edit .actions .save:hover,
 .nlb-edit a.button.save:hover { background-color: rgba(0,188,0,0.8); }
 .nlb-edit .actions .cancel:hover,
 .nlb-edit a.button.cancel:hover { background-color: rgba(153,153,153,0.1); }

#CroppieContainer { padding: 10px 0 0 0; }


.dragndropupload { font-size: 20px; line-height: 20px; background-color: rgba(19, 187, 43, 0.5); position: relative; padding: 20px; }
.dragndropupload.has-advanced-upload { outline: 2px dashed #000; outline-offset: -10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.dragndropupload.is-dragover { outline-offset: -20px; outline-color: #13bb2b; background-color: rgba(19, 187, 43, 0.8); }
.box__dragndrop,
.box__icon,
.box__uploading,
.box__success,
.box__error { display: none; }
.dragndropupload.has-advanced-upload .box__dragndrop { display: inline; }
.dragndropupload.has-advanced-upload .box__icon { width: 100%; height: 80px; fill: #92b0b3; display: block; margin-bottom: 40px; }
.dragndropupload.is-uploading .box__input,
.dragndropupload.is-success .box__input,
.dragndropupload.is-error .box__input { display: none; }
.dragndropupload.is-uploading .box__uploading,
.dragndropupload.is-success .box__success,
.dragndropupload.is-error .box__error { display: block; text-align: center; }
.box__uploading { font-style: italic; }

.box__success { -webkit-animation: appear-from-inside .25s ease-in-out; animation: appear-from-inside .25s ease-in-out; }
@-webkit-keyframes appear-from-inside
{
from  { -webkit-transform: translateY( -50% ) scale( 0 ); }
75%   { -webkit-transform: translateY( -50% ) scale( 1.1 ); }
to    { -webkit-transform: translateY( -50% ) scale( 1 ); }
}
@keyframes appear-from-inside
{
from  { transform: translateY( -50% ) scale( 0 ); }
75%   { transform: translateY( -50% ) scale( 1.1 ); }
to    { transform: translateY( -50% ) scale( 1 ); }
}

.box__restart { font-weight: 700; }
.box__restart:focus,
.box__restart:hover { color: #157522; }
.js .box__file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.js .box__file + label { text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: block; text-align: center; overflow: hidden; }
.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong { color: #157522; }
.js .box__file:focus + label,
.js .box__file.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
.js .box__file + label * { /* pointer-events: none; */ /* in case of FastClick lib use */ }
.no-js .box__file + label { display: none; }
.no-js .box__button { display: block; }
.box__button { font-weight: 700; color: #e5edf1; background-color: #157522; display: none; padding: 8px 16px; margin: 40px auto 0; }
.box__button:hover,
.box__button:focus { background-color: #0f3c4b; }