@import url('icons/css/fontello.css');
@import url('icons/css/animation.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/* Reset Css */
body {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
	word-wrap: break-word;
}

*:focus {
    outline: none !important;
}
#contentarea a:not(.btn) {
    color: #8c8c8c;
    text-decoration: underline;
}
#md-create_video .md-body {
    padding: 10px 10px 0;
}
#contentarea a:not(.btn):hover, #contentarea a:not(.btn):focus {
    text-decoration: none;
    color: #515151;
}
.dropdowns-menu .dropdowns-menu-close {
    padding: 20px 25px;
}
.custom-background-color:after {
    content: "OR";
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #000;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin: -15px -15px;
}
.dropdowns-menu .dropdowns-menu-close .btn {
    width: 100%;
    padding: 4px 20px;
}
.footer {
    background-color: #f1f1f1;
}
.footer .logo {
    padding-right: 55px;
    flex: 1;
}
.footer .print-newsletter .action {
    background-color: #444;
    padding: 16px 30px 12px;
    min-width: unset;
}
.footer .print-newsletter .action .fa {
    display: block;
    margin: 0 auto 5px;
}
.footer .print-newsletter .action:hover {
    background-color: #000;
    color: #fff;
}
.footer .skiptranslate > div { display: inline-block; margin-right: 10px; }
.footer .logo img,
.footer .logo-mobile img {
    box-shadow: none;
}
.footer .footer-content {
    display: flex;
    margin: 0 auto;
    max-width: 1170px;
    align-items: center;
	min-height: 75px;
}
.footer .footer-content .logo-mobile {
    display: none;
}
@media (min-width: 768px) and (max-width: 1199px){
    .footer .footer-content {
        padding: 0 30px;
    }
}
@media (max-width: 767px){
    .footer .footer-content {
        display: block;
    }
    .footer .footer-content .logo {
        display: none;
    }
    .footer .footer-content .logo-mobile {
        display: block;
        padding: 15px 10px;
        float: left;
    }
    .footer .footer-content:after {
        content: "";
        display: table;
        clear: both;
    }
    .footer .translate {
        padding: 15px 10px 0;
        text-align: center;
        width: 100%;
        float: left;
    }
    .footer .print-newsletter .action .text {
        display: none;
    }
    .footer .zoom-text {
        padding: 10px 0;
        float: left;
        margin-left: 10px;
    }
    .footer .print-newsletter .action {
        padding: 16px 15px 12px;
        margin-top: 6px;
    }
    .footer .print-newsletter {
        float: right;
        padding-right: 10px;
    }
}
.create-page {
    padding: 20px 0;
}
.create-page .zoom-text {
    padding-right: 0;
}
.bd-menu-top--child.form-link {
    position: relative;
    padding-right: 55px;
}
.bd-menu-top--child.form-link .copylink {
    position: absolute;
    display: block;
    top: 25px;
    right: 10px;
    background-color: #fff;
    height: 40px;
    width: 40px;
    border-radius: 3px;
    color: #000;
    font-size: 20px;
    text-align: center;
    line-height: 33px;
}
.bd-menu-top--child.form-link .copylink:hover {
    opacity: 0.8;
}

.switch_status {
  position: relative;
  display: inline-block;
  height: 34px;
  margin: 2px 0 0;
  width: 110px;
}

.switch_status input {display:none;}

.switch_status .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff0303;
  -webkit-transition: .4s;
  transition: .4s;
  width: 110px;
}

.switch_status .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch_status .slider:after {
    content: "Not Live";
    position: absolute;
    top: 7px;
    right: 15px;
    margin-left: 0;
    transition: all 100ms;
}
.switch_status input:checked + .slider:after {
    content: "Live";
    left: 15px;
    right: auto;
}
.switch_status input:checked + .slider {
  background-color: #07d821;
  width: 85px;
}

.switch_status input:focus + .slider {
  box-shadow: 0 0 1px #07d821;
}

.switch_status input:checked + .slider:before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}
@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
    @page {
        size: auto;
        margin: 0;
    }
    a[href]:after {
        visibility: hidden;
    }
    .footer, .navbar-static-top, #builder_menu_top {
        display: none;
    }
    .gallery.image_block .col-lg-4 {
        width: 33.33333333%;
        display: inline-block;
        vertical-align: top;
    }
    .row[data-block-enewsletter="bio"] .bio-avatar,
    .row[data-block-enewsletter="text-image"] .col-lg-4 {
        width: 40%;
        display: inline-block;
        padding: 0;
        vertical-align: top;
    }
    .row[data-block-enewsletter="bio"] .bio-info ,
    .row[data-block-enewsletter="text-image"] .col-lg-8 {
        width: 60%;
        display: inline-block;
        vertical-align: top;
        padding: 0 0 0 20px;
    }
}
/* Rounded sliders */
.switch_status .slider.round {
  border-radius: 34px;
}

.switch_status .slider.round:before {
  border-radius: 50%;
}
.open_sans,
.open_sans h1, 
.open_sans h2, 
.open_sans h3, 
.open_sans h4, 
.open_sans h5, 
.open_sans h6, 
.open_sans .enewsletter-header-widget h1 span, 
.open_sans .enewsletter-header-widget h2 span,
.open_sans .button-container .btn { font-family: "Open Sans" !important; }

.roboto,
.roboto h1, 
.roboto h2,
.roboto h3, 
.roboto h4,
.roboto h5,
.roboto h6,
.roboto .enewsletter-header-widget h1 span, 
.roboto .enewsletter-header-widget h2 span,
.roboto .button-container .btn { font-family: "Roboto" !important; }

.patua_one,
.patua_one h1,
.patua_one h2,
.patua_one h3,
.patua_one h4,
.patua_one h5, 
.patua_one h6, 
.patua_one .enewsletter-header-widget h1 span, 
.patua_one .enewsletter-header-widget h2 span,
.patua_one .button-container .btn { font-family: "Patua One" !important; }

.fira_sans,
.fira_sans h1,
.fira_sans h2,
.fira_sans h3,
.fira_sans h4,
.fira_sans h5, 
.fira_sans h6, 
.fira_sans .enewsletter-header-widget h1 span, 
.fira_sans .enewsletter-header-widget h2 span,
.fira_sans .button-container .btn { font-family: "Fira Sans" !important; }

.merriweather,
.merriweather h1, 
.merriweather h2, 
.merriweather h3, 
.merriweather h4, 
.merriweather h5, 
.merriweather h6, 
.merriweather .enewsletter-header-widget h1 span, 
.merriweather .enewsletter-header-widget h2 span,
.merriweather .button-container .btn { font-family: "Merriweather" !important; }

.slabo_27px,
.slabo_27px h1, 
.slabo_27px h2, 
.slabo_27px h3, 
.slabo_27px h4, 
.slabo_27px h5, 
.slabo_27px h6, 
.slabo_27px .enewsletter-header-widget h1 span, 
.slabo_27px .enewsletter-header-widget h2 span,
.slabo_27px .button-container .btn { font-family: "Slabo 27px" !important; }

.oswald,
.oswald h1, 
.oswald h2, 
.oswald h3, 
.oswald h4, 
.oswald h5, 
.oswald h6, 
.oswald .enewsletter-header-widget h1 span, 
.oswald .enewsletter-header-widget h2 span,
.oswald .button-container .btn { font-family: "Oswald" !important; }

.lato,
.lato h1, 
.lato h2, 
.lato h3, 
.lato h4, 
.lato h5, 
.lato h6, 
.lato .enewsletter-header-widget h1 span, 
.lato .enewsletter-header-widget h2 span,
.lato .button-container .btn { font-family: "Lato" !important; }

.playfair_display,
.playfair_display h1, 
.playfair_display h2, 
.playfair_display h3, 
.playfair_display h4, 
.playfair_display h5, 
.playfair_display h6, 
.playfair_display .enewsletter-header-widget h1 span, 
.playfair_display .enewsletter-header-widget h2 span,
.playfair_display .button-container .btn { font-family: "Playfair Display" !important; }

.francois_one,
.francois_one h1, 
.francois_one h2, 
.francois_one h3, 
.francois_one h4, 
.francois_one h5, 
.francois_one h6, 
.francois_one .enewsletter-header-widget h1 span, 
.francois_one .enewsletter-header-widget h2 span,
.francois_one .button-container .btn { font-family: "Francois One" !important; }

.kanit,
.kanit h1, 
.kanit h2, 
.kanit h3, 
.kanit h4, 
.kanit h5, 
.kanit h6, 
.kanit .enewsletter-header-widget h1 span, 
.kanit .enewsletter-header-widget h2 span,
.kanit .button-container .btn { font-family: "Kanit" !important; }

*:focus {
    outline: none;
}
ul, ol {
    padding: 0;
    margin: 0;
}

ul li, 
ol li {
    list-style: none;
}

button, a {
    cursor: pointer;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #000;
}

/* Content */
#content_enewsletter {
	padding-top: 70px;
}
#contentarea {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}
#contentarea .content-element {
    padding: 1.5em 35px;
}
.buider_html #contentarea {
    padding-bottom: 60px;
}
.ui-draggable:hover > .row-tool,
.ui-draggable.hover > .row-tool {
    display: block !important;
}
.bio-block {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px #ddd;
}
.row-tool .row-html {
    display: none !important;
}
#contentarea > .ui-draggable:first-child .row-tool {
    display: none !important;
}
/* Builder Menu */
.builder-message {
    background-color: #fff;
    text-align: center;
    color: #a5a5a5;
    font-style: italic;
    padding: 8px 0;
    border-bottom: 1px solid #dedede;
	margin-bottom: 100px;
    border-radius: 4px;
}
.bd-menu {
    background-color: #333333;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    z-index: 5;
}
.bd-menu a {
    color: #fff;
}
    /* Menu 1 */
    .bd-menu-top.menu-1 .action-text {
        min-width: unset;
        display: block;
        text-decoration: none;
    }
    .bd-menu-top.menu-1 .action-text .fa {
        margin-right: 4px;
    }
    .bd-menu-top .bd-menu--separator:after {
        content: "";
        display: block;
        width: 1px;
        height: 54px;
        background-color: rgba(255,255,255,.4);
        margin: 0 10px;
    }
    .bd-menu-top--font .dropdown-font {
        border-right: 1px solid rgba(255,255,255,.4);
    }
    .bd-menu-top--visister {
        font-weight: 600;
        line-height: 1;
        font-size: 17px;
    }
    .bd-menu-top--visister .fa {
        margin-right: 4px;
    }
    .bd-menu-top--visister span {
        line-height: 1;
        vertical-align: middle;
    }
    .bd-menu-top--visister .count {
        font-size: 48px;
        margin-left: 31px;
    }
    .bd-menu-top .form-control:focus {
        box-shadow: none;
    }
    .bd-menu-top .form-control {
        height: 40px;
        min-width: 290px;
        background-color: #222525;
        color: #fff;
        border: 1px solid #222525;
        font-size: 14px;
    }
    /* Menu 2 */
    /* Builder Menu Top */
    .bd-menu-top--ct > * {
        display: table-cell;
        vertical-align: middle;
        padding: 18px 10px;
    }
	.bd-menu-top--ct .bd-menu-top--publish.margin button {
		margin-bottom: 25px;	
	}
    /* Publish */
    .action {
        border: none;
        background-color: rgba(255,255,255,.4);
        color: #fff;
    }
    .action:hover {
        background-color: rgba(255,255,255,.8);
        color: #000;
    }
    .action-text {
        border-radius: 4px;
        padding: 10px 25px 12px;
        font-size: 17px;
        min-width: 190px;
    }
    .action-uppercase {
        text-transform: uppercase;
        font-size: 14px;
        padding: 12px 25px 14px;
    }
    .bd-menu-top--ct .note {
        text-align: center;
    }
    .bd-menu-top--ct .note a {
        text-decoration: underline;
    }
    .bd-menu-top--ct > .bd-menu-top--save {
        padding-right: 20px;
    }
    /* Background - Color - Font */
    .action-config {
        background: none;
        border: none;
        box-shadow: none;
        color: #fff;
        padding: 5px 30px;
        border-left: 1px solid rgba(255,255,255,.4);
    }
    .action-config .fa {
        margin-left: 8px;
    }
    .bd-menu-top .dropdowns {
        position: relative;
    }
    .bd-menu-top .dropdowns.open .dropdowns-menu {
        display: block;
        box-shadow: 0px 0px 10px #f5f5f5;
        z-index: 99999;
    }
    .bd-menu-top .dropdowns-menu {
        background-color: #333333;
        border-radius: 5px;
        position: absolute;
        top: 100%;
        padding: 20px 25px 10px;
        margin: 33px 0 0;
        min-width: 350px;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }
    .bd-menu-top .bd-menu-top--background .dropdowns-menu {
        padding: 0;
    }
    .bd-menu-top .bd-menu-top--background .dropdowns-menu .bgimg {
        padding: 20px 25px 25px;
    }
    .bd-menu-top .bd-menu-top--background .dropdowns-menu .bgimg > label,
    .custom-background-color > .form-group label {
        display: block;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 10px;
    }
    .bd-menu-top .dropdowns-menu:before {
        content: "";
        width: 0px;
        height: 0px;
        display: block;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #333333;
        position: absolute;
        top: 0;
        left: 50%;
        margin: -20px 0 0 -10px;
    }
        /* Background */
        .action-config.background .bg-preview {
            width: 44px;
            height: 44px;
            border-radius: 4px;
            vertical-align: middle;
            display: inline-block;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            margin-right: 10px;
			background-color: #E6E6E6;
        }
        .bd-menu-top .dropdown-background .dropdown-menu {
            min-width: unset;
        }
        .bd-menu-top .dropdown-background .list-images {
            width: 300px;
        }
        .bd-menu-top .dropdown-background .list-images:after {
            content: "";
            display: table;
            clear: both;
        }
        .bd-menu-top .dropdown-background .list-images .items {
            margin: 0 5px 10px;
            float: left;
            width: 65px;
            height: 50px;
            cursor: pointer;
            background-size: cover;
            position: relative;
        }
		.bd-menu-top .dropdown-background .list-images .items button {
			position: absolute;
			top: 0;
			right: 0;
			border-radius: 4px;
			background-color: #fff;
			border: 1px solid #222;
			color: #222;
			z-index: 2;
		}
		.bd-menu-top .dropdown-background .list-images .items button:hover {
			color: #fff;
			background-color: #222;
		}
		.bd-menu-top .dropdown-background .list-images .items div {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1;
		}
		.bd-menu-top .dropdown-background .list-images .items.active button {
			display: none;
		}
        .bd-menu-top .dropdown-background .list-images .items.active:before {
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            content: "";
            display: block;
            position: absolute;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 25px 25px;
            background-color: rgba(0,0,0,0.5);
            background-image: url('icons/bg_active.png');
        }
        /* Color */
        .action-config.color:before {
            content: "";
            width: 44px;
            height: 44px;
            background-image: url('icons/color_config.png');
            vertical-align: middle;
            display: inline-block;
            background-size: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            margin-right: 10px;
        }
        .bd-menu-top .dropdown-color .dropdown-menu,
        .bd-menu-top .dropdown-font .dropdown-menu {
            padding: 10px 30px 0;
        }
        .bd-menu-top .dropdowns-menu .list-choice > li {
            position: relative;
            cursor: pointer;
            padding: 10px 0 11px;
        }
        .bd-menu-top .dropdowns-menu .list-choice > li:after {
            content: "";
            display: table;
            clear: both;
        }
        .bd-menu-top .dropdowns-menu .list-choice > li:before {
            content: "\f101";
            font-family: "FontAwesome";
            opacity: .5;
            float: right;
        }
        .bd-menu-top .dropdowns-menu .list-choice > li + li {
            border-top: 1px solid rgba(255,255,255,.4);
        }
        /* Font */
        .action-config.font:before {
            content: "Aa";
            font-family: "TimeNewRoman";
            font-size: 44px;
            line-height: 1;
            font-weight: bold;
            vertical-align: middle;
            margin-right: 10px;
        }
    /* Builder Menu Bottom */
    .bd-menu-bottom {
        bottom: 0;
    }
    .bd-menu-bottom--ct {
        display: table;
        margin: 0 auto;
    }
    .bd-menu-bottom--ct > * {
        display: table-cell;
        vertical-align: middle;
        padding: 20px 0 13px;
    }
        /* Actions */
        .action-icon {
            text-align: center;
            background: none;
            border: none;
            box-shadow: none;
            display: block;
            margin: 0 auto;
        }
        .action-icon .text {
            font-size: 14px;
            color: #fff;
            display: block;
        }
        .action-icon .icon {
            display: block;
            width: 60px;
            height: 60px;
            background-color: rgba(255,255,255,.4);
            border-radius: 50%;
            margin: 0 auto 6px;
            position: relative;
        }
        .action-icon .icon img {
            width: auto !important;
            box-shadow: none !important;
            position: absolute;
            top: 50%;
            left: 50%;
            opacity: 1 !important;
            transform: translate(-50%, -50%);
        }
        .action-icon:hover .icon {
            background-color: #000;
        }

#divTool {
    width: 100% !important;
    top: auto;
    height: auto;
    bottom: 0;
    left: 0;
    right: 0 !important;
    background-color: #333333;
    position: static;
    transition: all 300ms;
    padding: 0;
}
#divTool #selSnips {
    display: none !important;
}
#divSnippetList {
    display: table;
    margin: 0 auto;
    width: 100% !important;
    height: auto;
    padding: 0;
    border: none !important;
}
#divSnippetList:before {
    content: "Add another module:";
    display: block;
    font-weight: 600;
    color: #fff;
    padding: 15px 0 0 50px;
    font-size: 22px;
}
@media (min-width: 992px) and (max-width: 1199px){
    #divSnippetList:before {
        padding: 15px 0 0 37px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #divSnippetList:before {
        padding: 15px 0 0 20px;
    }
}
#divSnippetList + br {
    display: none;
}
#divSnippetList > div {
    margin: 0;
    background: none;
    width: calc(100% / 7);
    height: 130px;
    vertical-align: top;
    display: flex !important;
    align-items: center;
}
@media (max-width: 767px){
    #divSnippetList > div {
        width: 96px;
    }
    #contentarea {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
}
#lnkToolOpen {
    outline: none !important;
    padding: 0;
    position: absolute;
    width: 40px;
    height: 22px;
    top: 0;
    margin-top: -22px;
    left: 50%;
    margin-left: -20px;
    background-color: #333333;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    cursor: pointer;
    border-radius: 0;
}
#divTool.active #lnkToolOpen .fa-angle-down:before {
    content: "\f106";
}
#divTool.active {
    bottom: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
}
.navbar-static-top {
    margin: 0;
}
.loading-mark {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background-color: rgba(255,255,255,.8);
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../images/enewsletter/oval.svg');
}
.loading-mark .text {
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 500;
}
.content-bd--nst .content-nst {
    margin: 50px 0 70px;
}
.page-information {
    background-color: #333;
    padding: 20px 20px 5px;
    margin-bottom: 70px;
}
.page-information .form-group:after {
    content: "";
    display: table;
    clear: both;
}
.page-information .form-group label {
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: 600;
    width: 155px;
    float: left;
}
.page-information .form-group input {
    width: calc(100% - 155px);
    float: left;
    box-shadow: none !important;
    outline: none !important;
    color: #fff;
    background-color: transparent;
    border: 0;
    font-weight: 600;
    font-size: 16px;
}

@keyframes scaleAnimation {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes drawCircle {
  0% {
    stroke-dashoffset: $circle-length;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes drawCheck {
  0% {
    stroke-dashoffset: $check-length;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#successAnimationCircle {
  stroke-dasharray: 151px 151px;
  stroke: #0DCB0F;
}
#successAnimationCheck {
  stroke-dasharray: 36px 36px;
  stroke: #FFF;
}
#successAnimationResult {
  fill: #0DCB0F;;
  opacity: 0;
}
.loading-icon {
    position: absolute;
    left: 50%;
    top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	text-align: center;
}
#successAnimation {
    opacity: 0;
    visibility: hidden;
}
.loading-mark.success #successAnimation {
    opacity: 1;
    visibility: visible;
} 
.loading-mark.success {
	background-image: none;
}
.loading-mark.success .text {
	opacity: 0;
	visibility: hidden;
}
#successAnimation.animated {
  animation: 1s ease-out 0s 1 both scaleAnimation;
}  
#successAnimationCircle {
animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle,
           0.3s linear 0.9s 1 both fadeOut;
}
#successAnimationCheck {
animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck,
           0.3s linear 0.9s 1 both fadeOut;
}
#successAnimationResult {
animation: 0.3s linear 0.9s both fadeIn;
}

/* Background */
.bg-newsletter {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
/* Button */
.button-container {
    padding: 20px 18px 20px;
    border-radius: 3px;
    box-shadow: 0 2px 4px #ddd;
    border: 1px solid #ddd;
}
.button-container .btn {
    width: 100%;
    font-size: 22px;
    border: 0;
    box-shadow: inset 0 1000px 0 0 rgba(0,0,0,.2);
	white-space: pre-wrap;
	word-wrap: break-word;
}
.button-container .btn:hover {
    box-shadow: inset 0 1000px 0 0 rgba(0,0,0,.3);
}
.button-container .details {
    margin: 10px 0 0;
    text-align: center;
}
.button-container .details:empty {
    display: none;
}
/* Event */
.embed-wufoo iframe {
    padding: 15px 5px;
    border: 1px solid #ddd;
    box-shadow: 0 3px 5px rgba(0,0,0,.17);
    z-index: 1;
    position: relative;
    background-color: #fff;
}
.dt-event--name {
    font-weight: 600;
    margin-top: 0;
}
.event-details-container {
    background: #f6f6f6;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    padding: 7px 10px;
}
.event-details-container span {
    font-weight: 600;
    display: block;
}
.dt-event:after {
    content: "";
    display: table;
    clear: both;
}
.dt-event .dt-event--info,
.dt-event .dt-event--map {
    float: left;
    vertical-align: top;
}
.dt-event .dt-event--info {
    width: calc(100% - 300px);
}
.dt-event .dt-event--map {
    width: 300px;
    padding-left: 30px;
    margin-top: 30px;
}
.dt-event .dt-event--map .side-img-container a:not(.directions) {
    display: block;
    height: 250px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.dt-event .dt-event--map .side-img-container .static-map-container {
    background: #f6f6f6;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.dt-event .dt-event--map .directions {
    text-align: center;
    margin-top: 10px;
    display: block;
}
/* Bio */
.bio-block:after {
    content: "";
    display: table;
    clear: both;
}
.bio-block .bio-avatar,
.bio-block .bio-info {
    float: left;
    vertical-align: top;
}
.bio-block .bio-info a {
    text-decoration: none;
}
.bio-block .bio-avatar {
    width: 300px;
}
.bio-block .bio-avatar img {
    margin: 0;
}
.bio-block .bio-info {
    width: calc(100% - 300px);
    padding-left: 20px;
}
.bio-info .name {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0;
}
h2 > .is-title-bold { text-decoration: none !important; }
.bio-info .info-addtional a {
    text-decoration: none !important;
}
.bio-info .facebook a:before,
.bio-info .tweeter a:before {
    font-family: "FontAwesome";
    margin-right: 10px;
    font-weight: normal;
    font-size: 20px;
    vertical-align: middle;
}
.bio-info .facebook a:before {
    content: "\f230";
}
.bio-info .tweeter a:before {
    content: "\f081";
}
.bio-info .info-addtional {
    background: #f5f5f5;
    border-radius: 3px;
    border: none;
    box-shadow: 0 3px 0 rgba(0,0,0,.15);
    padding: 10px 15px;
    margin-top: 15px;
}
.bio-info .info-addtional a:hover,
.bio-info .info-addtional a:focus {
    text-decoration: none;
}
.bio-info .info-addtional a:before {
    font-family: "FontAwesome";
    margin-right: 10px;
    font-weight: normal;
    font-size: 20px;
    vertical-align: middle;
}
.bio-info .info-addtional .location a:before {
    content: "\f041";
}
.bio-info .info-addtional .email a:before {
    content: "\f003";
}
.bio-info .info-addtional .phone a:before {
    content: "\f095";
}
.bio-info .info-addtional .website a:before {
    content: "\f0ac";
}
.bio-info .info-addtional ul {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bio-info .info-addtional ul li {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
@media (max-width: 767px){
	.bio-info .info-addtional ul li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/* View Page */
#contentarea > .row,
#contentarea > .ui-draggable > .row {
    margin: 0;
    padding: 0 20px;
}
#contentarea .row[data-block-enewsletter="video"],
#contentarea .row[data-block-enewsletter="audio"],
#contentarea .row[data-block-enewsletter="wufoo"] {
    padding: 0 !important;
}
.row[data-block-enewsletter="text-image"] .image-block.right-image {
    float: right;
}
.row[data-block-enewsletter="bio"],
.row[data-block-enewsletter="button"],
.row[data-block-enewsletter="file"],
.row[data-block-enewsletter="embed"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#contentarea .row[data-block-enewsletter="text"],
#contentarea .row[data-block-enewsletter="text-image"] {
    border: 1px solid #ddd;
    margin: 0 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    box-shadow: 0 2px 4px #ddd;
    border-radius: 2px;
    background-color: #fff;
    padding: 20px 5px;
}
.row[data-block-enewsletter="text-image"] img,
.row[data-block-enewsletter="gallery"] img {
    box-shadow: none;
}
#contentarea .row[data-block-enewsletter="event"],
#contentarea .row[data-block-enewsletter="gallery"],
#contentarea .row[data-block-enewsletter="file"] {
    border: 1px solid #ddd;
    margin: 0 15px;
    box-shadow: 0 2px 4px #ddd;
    border-radius: 2px;
    background-color: #fff;
    padding: 20px 5px;
}
.user-view-newsletter #content_enewsletter,
.guest-view-newsletter .content-nst {
	padding-top: 75px;
}
.user-view-newsletter .content-bd--nst .content-nst {
	margin: 70px auto;
}
.guest-view-newsletter .content-bd--nst .content-nst {
    margin: 50px auto 70px;
} 

.user-view-newsletter .content-bd--nst .content-nst #contentarea,
.guest-view-newsletter .content-bd--nst .content-nst #contentarea {
    padding-bottom: 40px;
} 
.ui-draggable .embed-responsive {
    padding-bottom: 50%;
    background-color: #ddd;
}
/* Upload */
.bd-menu-top--background .form-inline {
    margin-top: 10px;
    border-top: 1px solid #fff;
    padding: 15px 32px 5px 0;
    position: relative;
}
.bd-menu-top--background .form-inline input {
    text-overflow: ellipsis;
    max-width: 260px;
}
.bd-menu-top--background .form-inline .btn {
    padding: 3px 9px;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 10px;
}
@media (max-width: 1500px){
    .bd-menu-top .bd-menu-top--font .dropdowns.open .dropdowns-menu {
        right: 0;
        left: auto;
        transform: none;
    }
    .bd-menu-top .bd-menu-top--font .dropdowns.open .dropdowns-menu:before {
        right: 50px;
        left: auto;
    }

}
.savestatus {
    font-size: 13px;
    margin: 0;
    padding: 15px 0 0;
    position: absolute;
    top: 0;
    right: 15px;
    text-align: right;
}
.savestatus #text_save {
    margin-left: 10px;
    text-decoration: underline;
}
.bd-menu-top--color .list-choice input,
.bd-menu-top--font .list-choice select {
    width: 100%;
    color: #000;
    margin-top: 5px;
    border: 0;
    padding: 0 10px;
    height: 34px;
}
.bd-menu-top--color .custom-color  {
    border-top: 1px dotted #fff;
    margin-top: 15px;
    padding-top: 10px;
}
.bd-menu-top--background .custom-background-color {
    border-top: 1px dotted #fff;
    padding: 30px 25px 0;
    position: relative;
}
.bd-menu-top--color .custom-color input,
.bd-menu-top--background .custom-background-color input {
    width: 100%;
    height: 32px;
    border: 1px solid #ddd;
    color: #000;
	padding-left: 10px;
}
.bd-menu-top--color .custom-color .form-group,
.bd-menu-top--background .custom-background-color .form-group { margin: 0; position: relative; }

.dropdown-background .custom-background-color .actions,
.bd-menu-top--color .custom-color .form-group .actions {
	margin-top: 10px;
}
.dropdown-background .custom-background-color .actions button,
.bd-menu-top--color .custom-color .form-group .actions  button {
	width: calc(50% - 5px);
    background-color: #24cf2c;
    border: 0;
    height: 32px;
}
.dropdown-background .custom-background-color .actions button.custom_bg_color_cancer,
.bd-menu-top--color .custom-color .form-group .actions  button.custom_color_cancer {
	background-color: #ff8a00;
}
.dropdown-background .custom-background-color .actions button + button,
.bd-menu-top--color .custom-color .form-group .actions  button + button {
	margin-left: 5px;
}
.inptxt.date-picker{
    background-image: url(icons/calendar.png) !important;
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.colorpicker {
    z-index: 9;
}

.video-screenshot .youtube_play::before {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    background-image: url('../../images/enewsletter/play_youtube.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.embed-link .wrapper {
    background: #f1f1f1;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0px 3px 4px rgba(0,0,0,.25);
}
.embed-link .wrapper .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.embed-link .wrapper .top .link-title {
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    line-height: 1.3;
    width: 260px;
    padding-left: 27px;
    margin: 0;
    font-weight: 600;
    background: url('icons/icon_embedlink.png') 2px 5px no-repeat;
}
.embed-link .wrapper .top .host {
    float: right;
    background: #fff;
    border-radius: 3px;
    color: #333;
    font-weight: 600;
    font-size: 13px;
    padding: 3px 10px;
}
.embed-link .wrapper .description {
    font-size: 13px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

/* Responsive */
@media (min-width: 1200px) and (max-width: 1749px){
    .action-text {
        padding: 10px 10px 12px;
        font-size: 14px;
        text-align: center;
    }
    .bd-menu-top--ct > * {
        padding: 18px 5px;
    }
    .bd-menu-top .bd-menu--separator:after {
        margin: 0;
    }
    .bd-menu-top--visister .count {
        font-size: 40px;
        margin-left: 0;
    }
    .bd-menu-top--visister {
        text-align: center;
    }
    .bd-menu-top .form-control {
        min-width: 260px;
    }
}
@media (min-width: 768px) and (max-width: 1199px){
    .bd-menu-top--ct > * {
        display: inline-block;
        padding: 10px;
    }
    .bd-menu-top--ct > .bd-menu--border {
        border-bottom: 1px solid rgba(255,255,255,0.1);
        display: block !important;
        padding: 0;
    }
    .bd-menu-top--visister, .bd-menu--separator {
        float: right;
    }
    .bd-menu-top--child + .bd-menu--separator {
        display: none;
    }
    .action-text {
        padding: 10px 10px 12px;
        font-size: 14px;
        text-align: center;
    }
    .bd-menu-top--visister .count {
        font-size: 42px;
    }
    .bd-menu-top .bd-menu--separator:after {
        height: 42px;
    }
    .bd-menu-top .form-control {
        min-width: 280px;
    }
}
@media (min-widthL 768px) and (max-width: 991px){
    .bio-block .bio-avatar img {
        max-width: 300px;
        height: auto;
    }
}
@media (max-width: 991px){
    .bio-block .bio-avatar {
        text-align: center;
        margin-bottom: 20px;
    }
    .bio-block .bio-avatar,
    .bio-block .bio-info {
        width: 100%;
        padding: 0;
    }
    
}
@media (min-width: 768px) {
    .bd-menu-top--ct {
        display: table !important;
        margin: 0 auto;
    }
}
@media (max-width: 767px){
    .user-view-newsletter #contentarea, .guest-view-newsletter #contentarea {
        padding: 15px;
    }
    .info-addtional .col-xs-6 {
        width: 100%;
    }
    .dt-event .dt-event--info,
    .dt-event .dt-event--map {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .dt-event .dt-event--map {
        margin-top: 30px;
    }
    .hidden-mb {
        display: none !important;
    }
    .bd-menu-top--ct > * {
        display: block;
        width: 100%;
        padding: 5px 10px;
    }
    .bd-menu-top--ct {
        width: 100%;
    }
    .bd-menu-top .form-control, .action-text {
        min-width: 100% !important;
        text-align: center;
    }
    .bd-menu-top--mobile {
        border-bottom: 1px solid rgba(255,255,255,.1);
        padding-bottom: 10px;
        display: block !important;
        padding: 10px;
    }
    .bd-menu-top--mobile > span {
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
    }
    .bd-menu-top--mobile:after {
        content: "";
        display: table;
        clear: both;
    }
    .bd-menu-top--mobile > span.count {
        float: right;
        font-size: 40px;
        padding: 0;
        margin-right: 20px;
    }
    #newsletter_actions {
        float: right;
        background: transparent;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 3px;
        height: 40px;
        width: 40px;
        margin-top: 8px;
    }
    .bd-menu-top--ct {
        display: none;
    }
}

.bd-menu-dashboard {
    background: transparent;
}
.bd-menu-dashboard .action {
    display: inline-block !important;
    background-color: #333;
    color: #fff;
}
.bd-menu-dashboard .bd-menu-top--cts {
    display: table;
    width: 100%;
}
.bd-menu-dashboard .bd-menu-top--cts > * {
    display: table-cell;
    vertical-align: middle;
}
.newsletter-items {
    margin-top: 50px;
}
.newsletter-items .newsletter-item {
    box-shadow: inset 0 75px 0 -70px #333;
    border-radius: 3px;
    background-color: #e7e7e7;
    padding: 10px 15px 15px;
    margin-bottom: 30px;
}
.newsletter-items .newsletter-item .newsletter-thumb {
    border: 3px solid #ddd;
    overflow: hidden;
    position: relative;
    padding-bottom: 125%;
    width: 100%;
    height: 0px;
}
.newsletter-items .newsletter-item .newsletter-status {
    text-align: right;
    font-weight: 600;
    margin-bottom: 6px;
}
.newsletter-items .newsletter-item .newsletter-status span:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: green;
    margin-left: 5px;
    vertical-align: top;
    margin-top: 2px;
}
.newsletter-items .newsletter-item .newsletter-status.draf span:after {
    background-color: red;
}
.newsletter-items .newsletter-item .newsletter-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; 
}
.newsletter-items .newsletter-item .newsletter-thumb .actions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    text-align: center;
    background-color: rgba(0,0,0,.4);
}
.newsletter-items .newsletter-item .newsletter-thumb .actions .btn-xs {
    padding: 5px 9px;
    margin: 0 2px;
}
.newsletter-items .newsletter-item .newsletter-name {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding-top: 15px;
    word-wrap: break-word;
}
@media (min-width: 768px) {
    .newsletter-items .col-xs-12:nth-child(3n + 1){
        clear: both;
    }
}
@media (min-width: 500px) and (max-width: 767px){
    .newsletter-items .col-xs-12 {
        width: 50%;
    }
    .newsletter-items .col-xs-12:nth-child(2n + 1){
        clear: both;
    }
}

/* EMAIL REPORT */
.mfp-emailreport-out .mfp-iframe-scaler {
    padding-top: 495px;
}
.enewsletter-email-report {
    padding: 15px;
}
.action-emrp {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0 solid transparent;
    cursor: pointer;
    background: #676c71;
    box-shadow: 0 2px 0 rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.2);
    border-radius: 3px;
    text-shadow: 1px 1px 0 #bbb;
    text-shadow: 1px 1px 0 rgba(0,0,0,.22);
    font-size: 12px;
    font-weight: 700;
    font-family: "Open Sans","Lucida Grande",arial,sans-serif;
    text-align: center;
    color: #fff;
    padding: 5px 10px 6px !important;
    line-height: 1.4287;
}
.action-emrp:hover {
    background-color: #73797e;
    outline: none;
}
.action-emrp.action-refresh span:before {
    content: "\f021";
    margin-right: 4px;
    font-family: "FontAwesome";
    font-weight: normal;
}
.emrp-top {
    position: relative;
}
.emrp-top > .actions {
    position: absolute;
    right: 0;
    top: 5px;
}
.emrp-top .title {
    padding-right: 220px;
}
.emrp-top .title span {
    color: #666;
    font-size: 22px;
    font-weight: 600;
}
.emrp-top .title span + span {
    color: #999;
    font-size: 15px;
    font-weight: 200;
    display: inline-block;
    border-left: 1px solid #d5d5d5;
    padding-left: 13px;
    margin-left: 12px;
    line-height: 23px;
    position: relative;
    top: -1px;
    height: 24px;
    padding-top: 2px;
}
.enewsletter-email-report .numbers-bar {
    margin-top: 10px;
}
.enewsletter-email-report .numbers-bar:after {
    content: "";
    display: table;
    clear: both;
}
.enewsletter-email-report .numbers-bar-left {
    background: #38a97f;
    width: 390px;
    color: #fff;
    color: rgba(255,255,255,.75);
    border-radius: 4px;
    padding: 12px 5px;
    text-align: center;
    font-size: 15px;
    float: left;
}
.enewsletter-email-report .numbers-bar .metric {
    font-weight: 300;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 2px solid rgba(255,255,255,.5);
}
.enewsletter-email-report .numbers-bar .metric strong {
    font-weight: 600;
    color: #fff;
}
.enewsletter-email-report .numbers-bar-right {
    background: #974442;
    width: 300px;
    float: right;
    color: #fff;
    color: rgba(255,255,255,.75);
    border-radius: 4px;
    padding: 12px 5px;
    text-align: center;
    font-size: 15px;
}
.enewsletter-email-report .table-container {
    padding: 10px;
    background-color: #eee;
    margin-top: 10px;
}
.enewsletter-email-report .email-widths {
    width: 100%;
}
.enewsletter-email-report .email-widths td {
    color: #666;
    font-size: 16px;
    font-weight: 300;
    height: 43px;
    word-wrap: break-word;
    padding: 0 12px;
}
.enewsletter-email-report .email-widths td.email-col {
    width: 30%;
}
.enewsletter-email-report .email-widths td.delivered-col,
.enewsletter-email-report .email-widths td.clicked-col,
.enewsletter-email-report .email-widths td.opened-col {
    width: 21%;
}
.enewsletter-email-report .email-widths td.more-col {
    width: 23%;
}
.enewsletter-email-report .table-inner-container {
    background: #fff;
    position: relative;
    padding-top: 5px;
    height: 282px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.enewsletter-email-report .table-inner-container tr td {
    font-size: 12px;
    color: #505050;
    padding-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.428; 
    height: 30px;
}
.bd-dashboard-content {
    background-color: #f9f9f9;
    padding: 50px 30px;
    min-height: 100vh;
}

#newsletter-settings-modal .privacy-button-group:after {
    content: "";
    display: table;
    clear: both;
}
#newsletter-settings-modal .privacy-button-group {
    position: relative;
    border-radius: 35px;
    background: #c7c7c7;
    text-align: center;
}
#newsletter-settings-modal .button-bar .privacy-button {
    display: block;
    cursor: pointer;
    width: calc(50% - 10px);
    height: 60px;
    float: left;
    margin: 5px;
    outline: none;
}
#newsletter-settings-modal .button-bar .privacy-button.public {
    margin-left: 12px;
    width: calc(50% - 17px);
}
#newsletter-settings-modal .button-bar .privacy-button.active {
    background: #71aa3a;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.15);
    border-radius: 30px;
    transition: background .3s cubic-bezier(0,0,0,1.04),box-shadow .2s cubic-bezier(0,1.15,.9,1.51);
}
#newsletter-settings-modal .button-bar .privacy-icon-unlisted {
    background: url('icons/private-icon.png') no-repeat center 1px;
    width: 100%;
    height: 100%;
    display: block;
}
#newsletter-settings-modal .button-bar .privacy-icon-public {
    background: url('icons/public-icon.png') no-repeat center 1px;
    width: 100%;
    height: 100%;
    display: block;
}
#newsletter-settings-modal .privacy-details,
#newsletter-settings-modal .privacy-details + .description {
    font-size: 14px;
    margin-top: 10px;
}
#newsletter-settings-modal .privacy-details span {
    display: none;
}
#newsletter-settings-modal .privacy-details span.active {
    display: block;
}
#save_setting_nesletter {
    width: 100%;
}
.google-analytics-setting p {
    font-size: 14px;
    margin: 0 0 10px;
}
.google-analytics-setting input {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0 10px;
}

.regular-swatches:after,
.regular-swatches-bg:after,
.regular-fonts:after {
    content: "";
    display: table;
    clear: both;
}
.bd-menu-top .dropdown-color .dropdowns-menu {
    padding: 15px;
    min-width: 206px;
}
.regular-swatches,
.regular-swatches-bg,
.regular-fonts {
    background-color: #dedede;
    padding: 10px;
    border-radius: 3px;
}
.bd-menu-top .dropdown-font .dropdowns-menu {
    padding: 15px;
}
.regular-swatches li,
.regular-swatches-bg li,
.regular-fonts li {
    float: left;
    margin: 3px;
    cursor: pointer;
}
.regular-fonts li {
    width: calc(50% - 6px);
    overflow: hidden;
    border-radius: 3px;
    position: relative;
}
.regular-fonts li:after {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-color: rgba(0,0,0,0.3);
    opacity: 0;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    background-position: center right 10px;
    background-size: 20px 20px;
}
.regular-fonts li:hover:after {
    opacity: 1;
}
.regular-fonts li.active:after {
    opacity: 1;
    background-image: url('icons/bg_active.png');
}
.regular-swatches-bg li span,
.regular-swatches li span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 3px solid transparent;
}
.regular-swatches-bg li:hover span,
.regular-swatches-bg li.active span,
.regular-swatches li:hover span,
.regular-swatches li.active span {
    border-color: #7e7e7e;
}

.table-inner-container .delivered-col > span {
    font-size: 0;
    color: transparent;
}
.table-inner-container .delivered-col > span.delivered {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url('icons/checked.png') no-repeat;
}
.regular-swatches-bg {
    padding: 10px 7px;
    margin-bottom: 5px;
}
#newsletter-settings-modal .modal-title,
#share-with-email-modal .modal-title {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
}
.wizard-container h2,
#newsletter-setting-form .panel-title {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.wizard-container p {
    color: #777;
}
.wizard-container .btn.big-button {
    width: 100%;
}
.lable-email-addresses {
    font-size: 14px;
}
.btn-sendmail-now {
    width: 100%;
    margin-top: 15px;
}
#newsletter-setting-ac .panel-default {
    border: 0;
    box-shadow: none;
}
#newsletter-setting-ac .panel-default > .panel-heading {
    margin-bottom: 15px;
}
#newsletter-setting-ac .panel-default > .panel-heading,
#newsletter-setting-ac .panel-body {
    padding: 0;
    background: none;
    border: 0;
}
#newsletter-setting-ac .panel-default + .panel-default {
    margin-top: 15px;
    border-top: 1px solid #777;
    border-radius: 0;
    padding-top: 15px;
}

.analytic-wrapper {
    padding: 20px;
}
.analytic-chart {
    background-color: #ececec;
    padding: 15px;
}
.analytic-chart .title {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
}
.analytic-chart .title span {
    color: #adadad;
}
.analytic-report-wrapper {
    display: table;
    width: 100%;
    margin-top: 30px;
}
.analytic-report-wrapper .analytic-report-col {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    width: 30%;
    background-color: #ececec;
}
.analytic-report-wrapper .analytic-report-col.analytic-interacting {
    width: 40%;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
}
.analytic-report-content > .title {
    margin-bottom: 30px;
}
.analytic-report-content .title h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
.analytic-report-content .title .sub-title {
    margin: 0;
    line-height: 1;
    color: #adadad;
}
.incoming {
    color: #fff;
    padding: 10px;
    margin-top: 10px;
}
.incoming.facebook { background-color: #3e638d; }
.incoming.twitter { background-color: #46acd1; }
.incoming.websites { background-color: #eca567; }
.incoming.search { background-color: #acc277; }
.incoming.email { background-color: #de6598; }
.incoming.video { background-color: #686d70; }
.incoming.timespent { background-color: #598f9f; }
.incoming.reached { background-color: #71a784; }
.incoming.out-going { background-color: #de904c; }

.incoming .title,
.incoming .count {
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
}
.incoming .count {
    text-align: right;
    font-size: 20px;
    color: #fff;
    color: rgba(255,255,255,.8);
}
.incoming.large .title {
    margin-bottom: 40px;
}
.incoming.medium .title {
    margin-bottom: 10px;
}
.incoming.video.medium {
    padding-bottom: 40px;
}
.incoming.small,
.incoming-note {
    display: table;
    width: 100%;
}
.incoming.small .title,
.incoming.small .count,
.incoming-note .text,
.incoming-note .count {
    display: table-cell;
    vertical-align: middle;
}
.incoming.small .count,
.incoming-note .count {
    width: 1%;
}
.incoming.timespent .chart {
    min-height: 125px;
}
.incoming-note {
    background-color: rgba(0,0,0,.6);
    padding: 5px;
    margin-top: 10px;
    font-size: 13px;
}
.incoming-note .text {
    color: rgba(255,255,255,.7);
}
.incoming-note .text span {
    color: rgba(255,255,255,.5);
}
.incoming-note .count {
    font-size: 14px;
}
.social-interacting:after {
    content: "";
    display: table;
    clear: both;
}
.social-interacting .twitter {
    background-color: #46acd1;
}
.social-interacting .like {
    background-color: #3e638d;
}
.social-interacting .twitter,
.social-interacting .like {
    width: calc(50% - 15px);
    float: left;
    position: relative;
    height: 28px;
    padding: 0 10px;
}
.social-interacting .twitter:after {
    content: "";
    position: absolute;
    left: 100%;
    width: 0px;
    height: 0px;
    top: 0;
    border-top: 18px solid #46acd1;
    display: block;
    border-bottom: 10px solid transparent;
    border-left: 6px solid #46acd1;
    border-right: 10px solid transparent;
}
.social-interacting .like:after {
    content: "";
    position: absolute;
    right: 100%;
    width: 0px;
    height: 0px;
    top: 0;
    border-top: 10px solid transparent;
    display: block;
    border-bottom: 18px solid #3e638d;
    border-left: 10px solid transparent;
    border-right: 6px solid #3e638d;
}
.social-interacting .like {
    float: right;
}
.social-interacting .icon,
.social-interacting .count {
    width: 50%;
    float: left;
    font-weight: 600;
    color: #fff;
}
.social-interacting .count {
    text-align: right;
}

/* Block Style */
.enewsletter-title h2 {
    margin: 0;
    font-weight: 700;
    display: block;
    padding: 15px 0;
}
.enewsletter-title h2.text-colour-white {
    margin: 0;
    font-weight: 700;
    padding: 45px 0;
    text-shadow: 0px 3px 5px #000;
}
img {
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
}

#md-editheader .md-body,
#md-createsrc .md-body,
#md-uploadfile .md-body {
    padding: 20px 20px 5px;
}
#rte-toolbar { display: none !important; }
#md-editheader .form-group label,
#md-createsrc .form-group label,
#md-uploadfile .form-group label {
    display: block;
    margin-bottom: 8px;
    color: #000;
    line-height: 1;
    padding: 0;
}
#md-editheader .form-group select,
#md-editheader .form-group .form-control,
#md-createsrc .form-group .form-control,
#md-uploadfile .form-group .form-control {
    background-color: #fff;
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: none !important; 
    outline: none !important;
}
#md-uploadfile .form-group p {
    font-size: 12px;
    font-style: italic;
    color: #909090;
}
#md-editheader .form-group select:focus,
#md-editheader .form-group .form-control:focus,
#md-uploadfile .form-group .form-control:focus,
#md-createsrc .form-group .form-control:focus {
    border-color: #000;
}
#area_edit_text, .note-editable {
    min-height: 200px;
}
.note-btn.btn.btn-default.btn-sm {
    padding: 0 10px;
    background: none;
    border: 0;
    box-shadow: none;
    border-radius: 3px !important;
}
.note-btn.btn.btn-default.btn-sm.active {
    background-color: #c2c2c2;
}
.ui-tooltip {
    display: none !important;
}
.md-body input[type="text"], .md-body textarea {
    border: 1px solid #ddd;
}
.note-btn-group.btn-group.note-align {
    margin: 0 !important;
}
.ui-draggable .row-tool {
    position: static !important;
}
.ui-draggable .row-handle {
    position: absolute;
    left: 5px;
    border-radius: 2px;
    top: 5px;
    background-color: #3f54f0;
    height: 34px;
    width: 34px;
	z-index: 9999;
}
.ui-draggable .row-copy,
.ui-draggable .row-remove {
    position: absolute;
    right: 5px;
    border-radius: 2px;
    height: 34px;
    width: 34px;
    top: 5px;
    background-color: #3f54f0;
	z-index: 9999;
}
.ui-draggable .row-copy {
    right: 44px;
}
.ui-draggable .row-copy i,
.ui-draggable .row-remove i,
.ui-draggable .row-handle i {
	line-height: 34px;
	display:block;
}
.panel-heading.note-toolbar .note-para .dropdown-menu {
    position: static;
    padding: 0;
    border: 0;
    border-radius: 0;
    min-width: unset !important;
    background: none;
    margin: 0;
    display: block !important;
    box-shadow: none;
}
.note-editor.note-frame {
    margin: 10px;
}
.ui-helper-hidden-accessible {
    display: none !important;
}
.panel-heading.note-toolbar .note-para .dropdown-menu .note-list,
.panel-heading.note-toolbar .note-para .dropdown-toggle {
    display: none !important;
}

.note-btn-group.btn-group.note-para > .note-btn {
    margin-top: 3px;
}
/* Title */
.enewsletter-header-widget {
    padding: 3em 20px 4em !important;
    box-shadow: 0 6px 5px #ddd;
}
.enewsletter-header-widget .header-widget-content h1 {
    margin: 0;
    font-size: 70px;
}
.enewsletter-header-widget .subtitle-container h2 {
    margin: 0;
    font-weight: 400;
    font-size: 25px;
}
@media (max-width: 767px){
    .enewsletter-header-widget .header-widget-content h1 {
        font-size: 40px;
    }
    .enewsletter-header-widget .subtitle-container h2 {
        font-size: 17px;
    }
}

.enewsletter-header-widget.heartfelt {
    background-color: #e92525;
    border-top: 6px solid rgba(0,0,0,.4);
    background-image: url(icons/hearts.png);
    border-radius: 5px 5px 0 0;
}
.enewsletter-header-widget.heartfelt h1 span,
.enewsletter-header-widget.heartfelt h2 span {
    color: #fff;
    font-family: "Francois One";
}

.enewsletter-header-widget.modern {
    background-color: #e92525;
    border-top: 6px solid rgba(0,0,0,.4);
    border-radius: 5px 5px 0 0;
}
.enewsletter-header-widget.modern h1 span,
.enewsletter-header-widget.modern h2 span {
    color: #fff;
    font-family: "Francois One";
}


.enewsletter-header-widget.handwritten {
    font-family: "Satisfy";
    text-align: center;
    background-image: url(icons/paper.jpg);
}
.enewsletter-header-widget.handwritten h1 span,
.enewsletter-header-widget.handwritten h2 span {
    font-family: "Satisfy";
}
.enewsletter-header-widget.handwritten .header-widget-content h1,
.enewsletter-header-widget.handwritten .header-widget-content h2 {
    color: #c83535;
}
.enewsletter-header-widget.handwritten .subtitle-container h1,
.enewsletter-header-widget.handwritten .subtitle-container h2 {
    color: #702727;
    font-style: italic;
}

.enewsletter-header-widget.minimal {
    border-top: 6px solid rgba(0,0,0,.3);
    background-color: #404fc0;
}
.enewsletter-header-widget.minimal h1 span,
.enewsletter-header-widget.minimal h2 span {
    font-family: "Patua One";
    color: #fff;
}

.enewsletter-header-widget.minimal .header-widget-content h1,
.enewsletter-header-widget.minimal .header-widget-content h2 {
    color: #c83535;
}
.enewsletter-header-widget.minimal .subtitle-container h1,
.enewsletter-header-widget.minimal .subtitle-container h2 {
    color: #c3c3c3;
}

.enewsletter-header-widget.vintage {
    background-color: #3267a3;
    background-image: url(icons/grunge.png);
    text-align: center;
}
.enewsletter-header-widget.vintage h1 span,
.enewsletter-header-widget.vintage h2 span {
    font-family: "Acme";
    color: #fff;
}
.enewsletter-header-widget.vintage .header-widget-content h1,
.enewsletter-header-widget.vintage .header-widget-content h2 {
    word-wrap: break-word;
    color: #f4ffc7;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.03),2px 2px 0 rgba(0,0,0,.03),3px 3px 0 rgba(0,0,0,.03),4px 4px 0 rgba(0,0,0,.03),5px 5px 0 rgba(0,0,0,.03),6px 6px 0 rgba(0,0,0,.03),7px 7px 0 rgba(0,0,0,.03),8px 8px 0 rgba(0,0,0,.03),9px 9px 0 rgba(0,0,0,.03),10px 10px 0 rgba(0,0,0,.03),11px 11px 0 rgba(0,0,0,.03);
}
.enewsletter-header-widget.vintage .subtitle-container h1,
.enewsletter-header-widget.vintage .subtitle-container h2 {
    color: #fff;
    text-transform: uppercase;
}
.pac-container.pac-logo {
    z-index: 99999999 !important;
}
#md_edit_text_images .form-group.form-title,
#md_edit_text .form-group.form-title {
    padding: 10px;
    margin: 0;
}
#content_enewsletter  #contentarea {
    box-shadow: 0px 0px 3px #ddd;
}
#md_edit_text .form-group:not(.form-title) label,
#md_edit_text_images .form-group:not(.form-title) label {
    padding: 0 10px;
    display: block;
    margin: 0;
}
#md_edit_text_images select {
    width: calc(100% - 20px);
    margin: 0 auto;
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
}
#addNewBlock {
    display: none;
    transform: translate(100%, -50%);
    -moz-transform: translate(100%, -50%);
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    margin-right: 55px;
}
.add_new_block .add_new_block_icon button {
    height: 40px;
    text-align: center;
    line-height: 1;
    padding: 0 10px;
    border: 2px solid #00baff;
    background: #00baff;
    border-radius: 3px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}
.add_new_block .add_new_block_content {
    background-color: #fff;
    border: 1px solid #ddd;
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    margin-top: -1px;
}
.add_new_block .add_new_block_content ul {
    
}
.add_new_block .add_new_block_content ul:after {
    content: "";
    display: table;
    clear: both;
}
.add_new_block:hover .add_new_block_content {
    display: block;
}
.add_new_block  .add_new_block_content ul {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.add_new_block  .add_new_block_content .block_content {
    border-right: 1px dashed #ddd;
    cursor: pointer;
    font-weight: 600;
    padding: 12px 0 0;
    text-align: center;
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.title-text {
    margin-top: 0;
    font-weight: 600;
}
.add_new_block  .add_new_block_content .block_content .icon {
    display: block;
    background-color: #848181;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    border-radius: 50%;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.add_new_block  .add_new_block_content .block_content:hover .icon {
    background-color: #333;
}
.add_new_block  .add_new_block_content .block_content .icon img {
    box-shadow: none;
    height: auto;
    width: 22px;
    vertical-align: middle;
    margin: 0 auto;
}
.file-download,
.file-download tbody,
.file-download tr {
	display: block;
}
.file-download tr:after {
	content: "";
	display: table;
	clear: both;
}
.file-download tr td.icon {
	width: 100px;
	display: block;
	float: left;
}
.file-download tr td img {
    box-shadow: none;
}
.file-download tr td {
    vertical-align: top;
}
.file-download tr td.text {
    padding-left: 30px;
	padding-left: 30px;
	word-wrap: break-word;
	display: block;
	width: calc(100% - 100px);
	float: left;
}
.file-download tr td.text p {
    font-weight: 600;
    font-size: 22px;
	min-height: 44px;
	word-wrap: break-word;
}
.md-footer:after {
    content: "";
    display: table;
    clear: both;
}
.zoom-text {
    padding: 0 60px;
}
.zoom-text a {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    margin-right: 20px;
    color: #555;
}
.zoom-text a:hover {
    color: #000;
}
.md-footer button {
    width: calc(50% - 10px);
    margin: 5px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 14px !important;
    padding: 13px 19px;    
    background-color: #2bb62b;
    float: right;
}
.md-footer button:hover {
    background-color: #259e25;
}
.md-footer button.disable-modal {
    background-color: #ffa602;
    float: left;
}
.md-footer button.disable-modal:hover {
    background-color: #d18a08;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
#md-upload_image .md-body {
    padding: 10px 10px 0;
}
#md-upload_image.loading-validate .source-url > label:after {
	content: "\f1ce";
	font-size: 16px;
	color: #222;
	font-family: "FontAwesome";
	-webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
	display: inline-block;
	margin-left: 10px;
	line-height: 1;
}
#copy_modal_newsletter {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 300px;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 0 5px #fff;
    z-index: 2;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
}
.show_now #copy_modal_newsletter {
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}
#copy_modal_newsletter button {
    width: 100%;
}
#copy_modal_newsletter button + button {
    margin-top: 15px;
}
body:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    opacity: 0;
    visibility: hidden;
    top: 0;
}
body.show_now:after {
    opacity: 1;
    visibility: visible;
}

.bio-block .info ul,
.note-editable ul,
.dt-event--detail ul,
.row[data-block-enewsletter="text"] ul,
.row[data-block-enewsletter="text-image"] ul,
.bio-block .info ol,
.note-editable ol,
.dt-event--detail ol,
.row[data-block-enewsletter="text"] ol,
.row[data-block-enewsletter="text-image"] ol {
    padding-left: 20px;
} 

.bio-block .info ul,
.bio-block .info ul li,
.note-editable ul,
.note-editable ul li,
.dt-event--detail ul,
.dt-event--detail ul li,
.row[data-block-enewsletter="text"] ul,
.row[data-block-enewsletter="text"] ul li,
.row[data-block-enewsletter="text-image"] ul,
.row[data-block-enewsletter="text-image"] ul li {
    list-style-type: square;
}

.note-editable ol,
.note-editable ol li,
.dt-event--detail ol,
.dt-event--detail ol li,
.row[data-block-enewsletter="text"] ol,
.row[data-block-enewsletter="text"] ol li,
.row[data-block-enewsletter="text-image"] ol,
.row[data-block-enewsletter="text-image"] ol li,
.bio-block .info ol,
.bio-block .info ol li {
    list-style-type: decimal;
}

.enewsletter-title {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.enewsletter-title.text-left .text-center {
    text-align: left;
}
.enewsletter-title.text-right .text-center {
    text-align: right;
}
.text-colour-white {
    color: #fff !important;
}

#md-edit_title .md-body {
    padding: 10px 10px 0;
}
#md-edit_title .form-group {
    margin-bottom: 5px;
}
#md-edit_title .form-group label {
    display: block;
}
#md-edit_title .form-group select {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
#header_widget_content {
    position: relative;
}
#header_widget_content .header-widget-img {
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #ddd;
    margin: -75px 0 0 -60px;
    display: flex;
    align-items: center;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}
#header_widget_content .header-widget-img img {
	opacity: 0;
}
@media (max-width: 767px){
    .user-view-newsletter #contentarea, 
    .guest-view-newsletter #contentarea {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        border-radius: 0;
    }
    .container.content-bd--nst {
        padding: 0;
    }
}
.row.gallery.gallery30.image_block {
    padding: 10px 5px;
}
.gallery_image_content:after,
.gallery_image_block:after {
    content: "";
    display: table;
    clear: both;
}
.gallery_image_block .box__input .box__file {
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
	cursor: pointer;
	z-index: 1;
}
.gallery_image_block .box__input {
    background-color: #e9eef1;
    border: 1px solid #c2c2c2;
    width: 100% !important;
    height: 160px !important;
    float: left;
    border-radius: 3px;
}
.gallery_image_block .box__input label {
    height: 100%;
    cursor: pointer;
    text-align: center;
    padding-top: 0;
    background-image: url('../../images/enewsletter/placeholder/picture1s.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: auto 160px;
    color: transparent;
}
.gallery_image_content .image-item {
    width: 20%;
    padding: 10px;
    float: left;
    margin: 0;
    overflow: hidden;
    height: 215px;
    position: relative;
	z-index: 2;
}
.gallery.image_block .l-gallery {
    display: block;
    height: 220px;
    overflow: hidden;
	background-position: center center;
    background-size: contain;
	background-repeat: no-repeat;
	box-shadow: 0 0px 2px #ddd;
}
.gallery.image_block .l-gallery.placeholder img {
	opacity: 1 !important;
}
.gallery.image_block .l-gallery img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	opacity: 0;
}
.gallery_image_content .image-item a {
    display: block;
    overflow: hidden;
    height: 100%;
    position: relative;
    box-shadow: 0 0px 2px #ddd;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.gallery_image_content .image-item img {
    opacity: 0;
    min-height: 140px;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: unset;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.user-view-newsletter .content-bd--nst,
.guest-view-newsletter .content-bd--nst {
    min-height: calc(100vh - 200px);
}
#contentarea > .ui-draggable,
.user-view-newsletter .content-bd--nst #contentarea > .row,
.guest-view-newsletter .content-bd--nst  #contentarea > .row {
    margin-top: 30px !important;
}
#contentarea > .ui-draggable:first-child,
.user-view-newsletter .content-bd--nst #contentarea > .row:first-child,
.guest-view-newsletter .content-bd--nst  #contentarea > .row:first-child{
    margin-top: 0 !important;
}
.user-view-newsletter .box__input.image-item,
.guest-view-newsletter .box__input.image-item {
    display: none !important;
}
.container-setting {
    position: relative;
}
.newsletter_title {
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 5px 0;
    color: #fff;
}
.newsletter_title label {
    font-size: 16px;
}
.newsletter_title input {
    font-size: 16px;
    background: none;
    border: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
    border: 1px solid #656565;
    margin-left: 10px;
    height: 40px;
    width: 100%;
    max-width: 400px;
}

.user-view-newsletter .gallery_image_content .image-item.item-more,
.guest-view-newsletter .gallery_image_content .image-item.item-more,
.user-view-newsletter .gallery_image_content .remove_item_gallery,
.guest-view-newsletter .gallery_image_content .remove_item_gallery {
    display: none !important;
}

.gallery_image_content .image-item.item-1,
.gallery_image_content .image-item.item-2,
.gallery_image_content .image-item.item-3,
.gallery_image_content .image-item.item-6,
.gallery_image_content .image-item.item-7,
.gallery_image_content .image-item.item-8,
.gallery_image_content .image-item.item-11,
.gallery_image_content .image-item.item-12,
.gallery_image_content .image-item.item-13,
.gallery_image_content .image-item.item-16,
.gallery_image_content .image-item.item-17,
.gallery_image_content .image-item.item-21,
.gallery_image_content .image-item.item-22,
.gallery_image_content .image-item.item-23,
.gallery_image_content .image-item.item-26,
.gallery_image_content .image-item.item-27,
.gallery_image_content .image-item.item-28 {
    width: calc(100% / 3);
}
.gallery_image_content .image-item.item-4,
.gallery_image_content .image-item.item-5,
.gallery_image_content .image-item.item-9,
.gallery_image_content .image-item.item-10,
.gallery_image_content .image-item.item-14,
.gallery_image_content .image-item.item-15,
.gallery_image_content .image-item.item-19,
.gallery_image_content .image-item.item-20,
.gallery_image_content .image-item.item-24,
.gallery_image_content .image-item.item-25,
.gallery_image_content .image-item.item-29,
.gallery_image_content .image-item.item-30 {
    width: 50%;
}

@media (max-width: 767px){
	.gallery_image_content .image-item {
		width: 50% !important;
	}
}

.gallery_image_content .image-item a.more-item-click {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: rgba(0,0,0,.6);
    width: auto;
    height: auto;
    text-align: center;
    line-height: 195px;
    color: #fff !important;
    font-weight: 600;
    font-size: 20px;
}
.gallery_image_content .image-item .remove_item_gallery {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    font-size: 20px;
    color: #333;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #fff;
    line-height: 30px;
    border-radius: 3px;
    box-shadow: 0 0 3px #ddd;
    cursor: pointer;
}
.gallery_image_content .image-item .remove_item_gallery:hover {
    color: rgb(247, 99, 46);
}
div[data-block-enewsletter="audio"] .embed-responsives,
.embed-responsive.embed-responsive-4by3 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.embed-wufoo {
	position: relative;
}
#app_layout_content {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#app_layout_content.screenshot_body {
	background-attachment: scroll;
    background-repeat: repeat;
    background-size: 100%;
    background-position: top center;
}
.for_screenshot {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ddd;
	font-size: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.progress-upload {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(99,99,99,.8);
	height: 100%;
	margin: 0;
	display: flex;
	align-items: center; 
	z-index: 9999;
}
.progress-upload .progress {
	max-width: 768px;
	width: 100%;
	margin: 0 auto;
}
.note-editor .modal-dialog {
	max-width: 90%;
}

.buider_html .gallery30.image_block .image-item > a,
.buider_html .gallery.image_block a.l-gallery,
.buider_html .image_block[data-block-enewsletter="text-image"] .image-block,
.buider_html .image_block .image-single,
.buider_html .image_block .bio-avatar {
	position: relative;
	display: inline-block;
}
.buider_html .gallery30.image_block .image-item > a {
	display: block;
}
.buider_html .gallery30.image_block .image-item > a:after,
.buider_html .gallery.image_block a.l-gallery:after,
.buider_html .image_block[data-block-enewsletter="text-image"] .image-block:after,
.buider_html .image_block .image-single:after {
    content: "Click image for options";
    padding: 6px 12px;
    background-color: #00baff;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0 0 0 4px;
}
.buider_html .image_block[data-block-enewsletter="text-image"] .image-block:after {
	right: 15px;
}
.buider_html .gallery30.image_block .image-item > a:after {
	left: 0;
	top: 0;
	border-radius: 0 0 4px 0;
	right: auto;
}
.buider_html .gallery30.image_block .image-item > a:hover:after,
.buider_html .gallery.image_block a.l-gallery:hover:after,
.buider_html .image_block[data-block-enewsletter="text-image"] .image-block:hover:after,
.buider_html .image_block .image-single:hover:after,
.buider_html .image_block .bio-avatar:hover:after {
	opacity: 0;
	visibility: hidden;
}

.action-custom-color,
.bd-menu-top--color .custom-color .form-element {
	position: relative;
}
.bd-menu-top--background .custom-background-color .form-group button,
.bd-menu-top--color .custom-color .form-element button {
	border: 0;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	background-color: #fff;
	width: 32px;
	height: 32px;
	background-image: url('icons/iconpicker.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

.bd-menu-top--ct > .bd-menu-top--save .revert,
.bd-menu-top--ct > .bd-menu-top--publish .revert {
	background: none;
    border: none;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    text-decoration: underline;
}
.bd-menu-top--ct > .bd-menu-top--publish .revert {
	opacity: 0;
	pointer-events: none;
	color: transparent;
}
.bd-menu-top--ct > .bd-menu-top--save .revert:hover {
	text-decoration: none;
}
.dropdown-background .dropdowns-menu-close:after {
	content: "";
	display: table;
	clear: both;
}
.dropdown-background .dropdowns-menu-close .btn + .btn {
	margin-left: 10px;
}
@media (max-width: 767.98px){
	.gallery.image_block > .col-xs-12 + .col-xs-12 {
		margin-top: 20px;
	}
}
.btn-sendmail-now {
	position: relative;
}
.btn-sendmail-now:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: "";
	opacity: 0;
	background-image: url('icons/three-dots-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px auto;
}
.btn-sendmail-now.loading {
	color: transparent !important;
}
.btn-sendmail-now.loading:after {
	opacity: 1;
}
div[data-block-enewsletter="audio"] .embed-responsives,
div[data-block-enewsletter="audio"] .embed-responsives frame {
	height: 166px !important;
}
#app-layout-take.take,
#app_take_screen.take {
	max-width: 1240px;
	margin: 0 auto;
}
/* Iframe Style */
.enewsletter-iframe > .navbar-static-top.dashboard-page {
	display: none;
}
.enewsletter-iframe .bd-dashboard.container {
	width: 100%;
}
.enewsletter-iframe .bd-dashboard.container .col-md-10.col-md-offset-1 {
	margin-left: 0;
	width: 100%;
}
.user-view-newsletter.enewsletter-iframe .navbar-static-top .navbar-brand,
.user-view-newsletter.enewsletter-iframe .navbar-static-top .navbar-nav.navbar-right,
.buider_html.enewsletter-iframe .navbar-static-top .navbar-brand,
.buider_html.enewsletter-iframe .navbar-static-top .navbar-nav.navbar-right {
	display: none;
}
.user-view-newsletter.enewsletter-iframe .navbar-static-top .nav.navbar-nav li a,
.buider_html.enewsletter-iframe .navbar-static-top .nav.navbar-nav li a {
	padding-left: 0;
}

@media (max-width: 767.98px){
	#contentarea .row[data-block-enewsletter="text-image"] .image-block {
		margin-bottom: 20px;
	}
	#contentarea .row[data-block-enewsletter="text-image"] .image-block.right-image {
		margin-bottom: 0;
		margin-top: 20px;
	}
}
.page-not-found {
	min-height: 100vh;
	display: -ms-flexbox;
    display: flex;
	-ms-flex-align: center;
    align-items: center;
	font-family: "Oswald";
}
.content-norouter {
	text-align: center;
	padding: 30px 0;
}
.content-norouter h1 {
	font-size: 14rem;
    font-weight: 700;
    margin: 0 0 30px 0;
	letter-spacing: 0.1em;
}
.content-norouter h3 {
	font-size: 2rem;
    font-weight: 400;
    color: #929292;
	margin: 0;
}
.note-editor .note-statusbar .note-status-output {
	display: none !important;
}
@media (max-width: 767px){
	.bio-info .info-addtional ul li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}