/* My updates */
.my-updates .title {
	text-align: center;
}
.my-updates .title h3 {
	margin: 30px 0;
}
.my-updates .title h3 a,
.my-updates .title h3 a:focus,
.my-updates .title h3 a:active {
	color: #888;
}
.my-updates .title h3 a span.glyphicon {
	font-size: 14px;
	position: relative;
	top: -3px;
}
.update-controls {
	width: 100%;
	margin-top: 40px;
	padding: 8px 0;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #888;
}
.update-controls .glyphicons {
	height: 25px;
	position: relative;
	top: 15px;
	right: -2px;
	color: #888;
}
.my-updates .list-view,
.my-updates .list-row {
	width: 100%;
}
.my-updates .list-row {
	border-bottom: 1px solid #ccc;
}
.my-updates .list-row .main {
	width: 100%;
	min-height: 80px;
    padding: 10px;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width:760px) {
	.my-updates .list-row .main { flex-direction: column; align-items: center; }
}
.my-updates .list-row .main p.label {
	height: 26px;
	border-radius: 30px;
	padding: 7px;
}
.my-updates .list-row .main .info-container { 
	font-family: "Georgia italic";
	font-size: 24px;
	line-height: 25px;
	max-width: 350px;
	min-width: 240px;
}
.my-updates .list-row .main .update-name {
	font-size: 20px;
}
.my-updates .list-row .main .tags {
	font-size: 14px;
	color: #918e8b;
	position: relative;
	top: -5px;
	margin-right: 5px;
}
.my-updates .list-row .main .name a {
	color: #918e8b;
}
.my-updates .list-row .main .label-purchased {
	background-color: #a21ea2;
}
.my-updates .list-row .main .icon img {
	width: 35px;
    border-radius: 50%;
}
.my-updates .list-row .main .date {
	color: #a4a4a4;
	font-style: italic;
	font-size: 14px;
	text-align: center;
}
.my-updates .list-row .main .date button {
	color: #a4a4a4;
}
.my-updates .list-row .main .date button.btn-link:hover {
	text-decoration: none;
}
.my-updates .list-row .main .date button span {
	font-size: 11px;
}
.my-updates .list-row .main .action-buttons {
	position: relative;
	top: -4px;
}
.my-updates .list-row .main .action-buttons a,
.my-updates .list-row .main .action-buttons button {
	padding: 5px;
	color: #888;
	font-size: 16px;
}
.my-updates .list-row .confirm {
	padding: 20px;
  	text-align: center;
	display: none;
}
.my-updates .list-row .active {
	position: absolute;
	transform: translate(162%, -32%);
	width: 265px;
	padding: 10px;
	border: 1px solid #d9d9d9;
	box-shadow: 3px 4px 6px gray;
	background-color: #f2eae6;
	color: #333;
	z-index: 1000;
	display: none;
}
.my-updates .list-row .active form {
	width: 100%;
}
.my-updates .list-row .active .form-group label {
	color: gray;
	padding: 5px;
}
.active .select2-container--default .select2-selection--single {
	border-radius: 18px !important;
	background-color: #f8f4f3;
	height: 40px;
}
.active .select2-container--default.select2-container--above.select2-container--open .select2-selection--single {
	background-color: #f8f4f3 !important;
	border-radius: 0 0 18px 18px !important;
	border-top: 0 !important;
}
.active .select2-container--default.select2-container--below.select2-container--open .select2-selection--single {
	background-color: #f8f4f3 !important;
	border-radius: 18px 18px 0 0 !important;
	border-bottom: 0 !important;
}
.my-updates .expired-profile {
	padding: 30px 23px;
    font-size: 16px;
    line-height: 28px;
    color: #b04d4d;
}
.my-updates .summary {
	font-size: 14px;
}

/* My Templates */
.template-list {
	width: 100%;
}
.update-controls .template-list-select {
	display: flex;
	position: relative;
	top: 9px;
}
.update-controls .template-list-select .button {
	border: 1px solid gray;
	height: 32px;
	width: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
#template-image-form {
	display: none;
}
.my-updates .list-row .main .missionary-name a {
	font-size: 20px;
	color: #918e8b;
}
.my-updates .list-row .main .missionary-name a:hover {
	text-decoration: underline;
}
@media screen and (max-width:760px) {
	.update-controls .template-list-select .button { width: 100px; }
}
.update-controls .template-list-select .button.right {
	border-top-right-radius: 20px;
	border-left: 0;
}
.update-controls .template-list-select .button.selected {
	text-decoration-line: underline;
	text-decoration-color: #959595;
}
.update-controls .template-links {
	display: flex;
}
.update-controls .template-links a {
	margin-left: 10px;
}
.update-controls .template-links .glyphicons {
	height: 25px;
	position: relative;
	top: 15px;
	right: -2px;
	color: #888;
}
.update-controls .template-links .glyphicons.danger {
	color: #dc3545;
}

/* Template Store */
.template-store {
	width: 100%;
	display: flex;
	margin: 20px 0;
}
.template-store-title {
	text-align: center;
	width: 100%;
}
.template-store .menu {
	width: 155px;
	border-right: 1px solid #918e8b;
	padding: 10px;
}
.template-store .menu.sticky {
	position: -webkit-sticky;
 	position: sticky;
 	top: 164px;
 	height: fit-content;
}
.template-store .menu h5 {
	margin: 20px 0 5px;
}
.template-store .menu span {
	display: block;
	cursor: pointer;
	color: gray;
	font-size: 14px;
  	margin: 6px 0;
}
.template-store .menu span:hover,
.template-store .menu span.selected {
	color: #484848;
  	font-weight: bold;
}
.template-store .templates {
	width: 100%;
	padding: 10px;
}
.templates .list-view > div {
	width: 33%;
	float: left;
}
.templates .list-row {
	height: 547px;
	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: space-between;
	background-color: white;
	border-radius: 18px;
	margin: 10px;
	padding: 10px 16px;
}
.templates .list-row .image {
  	width: 94%;
  	height: 300px;
  	max-height: 300px;
  	text-align: center;
  	padding: 5px;
  	border-radius: 8px;
  	overflow: hidden;
}
.templates .list-row .image img {
	width: 95%;
	border-radius: 8px;
	background-size: cover;
}
.templates .list-row .outer-container {
	width: 100%;
}
.templates .list-row .information {
	width: 100%;
	border-top: 1px solid #e0e0e0;
  	margin-top: 15px;
}
.templates .list-row .information .hint {
	margin: 0;
	position: relative;
	top: -7px;
}
.templates .list-row .name {
	padding: 10px 0 0;
}
.templates .list-row .name .btn {
	float: right;
	font-size: 22px;
	color: #aaa;
}
.templates .list-row .name .btn:hover {
	text-decoration: none;
}
.templates .list-row .name .designer-btn {
	cursor: pointer;
}
.templates .list-row .description {
	margin: 0 0 5px 0;
	padding: 5px 0;
	font-size: 12px;
 	height: 43px;
	overflow: clip;
}
.templates .list-row .price .blue .fa-tag {
	color: #4343ff;
	font-size: 14px;
}
.templates .list-row .price .green .fa-tag {
	color: #279327;
	font-size: 14px;
	margin-left: 5px;
}
.templates .list-row .tags {
	margin-top: 5px;
}
.templates .list-row .button {
	display: flex;
	justify-content: center;
}
.templates .list-row .button .process__exit {
	width: 165px;
	text-align: center;
}
@media screen and (max-width:1024px) {
	.templates .list-view > div {width: 50%;}
}
@media screen and (max-width:760px) {
	.templates .list-view > div {width: 100%;}
	.templates .list-row {max-height: 505px}
	.templates .list-row .image img {width: 146px; height: 219px;}
}
.zoom-btn:hover {
	cursor: pointer;
}
#template-zoom-modal .modal-content {
	background-color: #fff;
}
#template-zoom-content img {
	width: 500px;
}
#template-zoom-content .information-container {
	display: flex;
	margin: 10px;
}
#template-zoom-content .information-container .avatar img {
	width: 50px;
	border-radius: 50%;
}
#template-zoom-content .information-container .description {
	width: 100%;
	padding: 0 20px;
	line-height: 1.5;
	font-size: 10pt;
	text-align: left;
}
#template-designer-modal .modal-dialog {
	width: 400px;
}
#template-designer-modal .modal-content .modal-header {
	padding: 0;
}
#template-designer-modal .modal-content img {
	border-radius: 50%;
	width: 185px;
}
#template-designer-modal .modal-dialog .description {
	text-align: left;
}
	/* Payment */
.template-payment-container .thumbnail-canvas {
  	width: 180px;
  	margin: 0 10px;
	padding: 5px 10px;
	border-radius: 10px;
}
.template-payment-container .payment-thumbnail {
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
}
.template-payment-container .payment-thumbnail img {
	width: 160px;
	border-radius: 15px;
}
.template-payment-container .payment-select {
	width: calc(100% - 180px);
	padding: 0 20px;
}
.template-payment-container .payment-select h4 {
	margin-bottom: 20px;
}
.template-payment-container .payment-select input,
.template-payment-container .payment-select label {
	cursor: pointer;
}
.template-payment-container .payment-select .hint {
	font-size: 14px;
}
.template-payment-container .payment-select .exclusive-cost {
	margin: 30px 0 20px;
}
.template-payment-information-container {
	display: flex;
	justify-content: center;
}
.template-payment-information {
	margin: 40px auto;
	font-weight: lighter;
}
.template-payment-information p {
	display: flex;
	justify-content: space-between;
	max-width: 500px;
}
.template-payment-information label {
	width: 130px;
	font-style: italic;
}
.template-payment-information span {
	width: 370px;
}
.paypal-outer-container {
	display: flex;
	justify-content: center;
}
#paypal-container {
	min-height: 240px;
	width: 400px;
}
#paypal-container .paypal-buttons.paypal-buttons-context-iframe {
	z-index: 1;
}
.new-update-buttons.template {margin-top: 30px;}
.template-payment-notice {
	width: 500px;
	margin-bottom: 40px;
}
.my-updates .order {
	margin: 30px;
}


/* Settings */
.update-settings {
	text-align: left;
}
.update-settings .email-support {
	background-color: yellow;
	padding: 10px;
	border-radius: 5px;
	margin: 40px 0;
}
.update-settings .category {
	width: 100%;
	text-align: left;
	padding: 20px 0;
	margin-bottom: 60px;
	border-bottom: 1px solid #ede4df;
}
.update-settings .category:first-of-type {
	margin-top: 40px;
}
.update-settings .category:last-of-type {
	border-bottom: 0;
}
.update-settings .form-group.field-missionary-proofreading_enabled,
.update-settings .form-group.field-missionary-print_footer {
	display: flex;
	padding: 30px 0;
}
.update-settings .form-group.field-missionary-proofreading_enabled label,
.update-settings .form-group.field-missionary-print_footer label,
.update-settings .form-group.proofreader-item label {
	width: 160px;
	padding: 6px 15px 6px 0;
}
.update-settings .form-group.proofreader-item {
	padding
}
.settings-hint {
	width:100%;
	font-size:12px;
	line-height:18px;
	color:#918e8b;
	margin:5px 0
}
.add-proofreader-inputs {
	display: flex;
	flex-direction: column;
	margin: 0 0 15px;
}
.update-settings .proofreader-item {
	margin: 5px 0;
	display: flex;
}
.proofreader-item label {
	width: 160px;
	position: relative;
  	top: 6px;
}
.form-group input,
.form-group textarea {
	border-radius: 18px;
	background: #f2eae6;
	padding: 8px 18px;
	line-height: 20px;
	max-width: 400px;
}
.update-settings .options-group .form-group input {
	background-color: #ede4df;
	border-color: transparent;
}
.form-group label {
	color: #918e8b;
}
.button-group {
	padding: 14px 8px;
}
.button-group button,
.button-group button:active,
.button-group button:focus {
	color: #a8a3a0;
	margin: 0 1px;
}
.button-group button:hover {
	color: #ffc600;
}
.errormsg {
	position: relative;
	top: 6px;
	color: #ff0000;
	display: none;
}
.sharelinkmsg,
.custommsg {
	padding: 10px;
	color: #918e8b;
	display: none;
}
/* Bootstrap (Kartik) switch */
.bootstrap-switch-handle-on.bootstrap-switch-primary {
	background: #ffc600 !important;
}
.bootstrap-switch {
	border-radius: 14px !important;
}
.bootstrap-switch-handle-off.bootstrap-switch-default {
	background: #ede4df !important;
}
.bootstrap-switch.bootstrap-switch-focused {
	border: 1px solid #ccc !important;
	box-shadow: none !important;
}

/* Signup form */
main.signup {
	min-height: 100vh;
}
.signup-title {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.signup-title img {
	height: 60px;
}

/* Subscriber list */
.subscribers-container {
	width: 100%;
	padding: 40px 0;
}
.subscribers-container .header-row {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: 1px solid #ede4df;
}
.subscribers-container .header-row .actions {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 160px;
}
.subscribers-container .header-row .glyphicon,
.subscribers-container .header-row .glyphicons {
	font-size: 20px;
}
.subscribers-container .list-view .glyphicon:hover {
	text-decoration: none;
}
.subscribers-container .subscriber-item {
	width: 100%;
	min-height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 4px;
}
.subscribers-container .subscriber-item p {
	font-size: 14px;
	line-height: 1.6;
}
.subscribers-container .subscriber-item p.email {
	width: 35%;
	word-wrap: break-word;
}
.subscribers-container .subscriber-item p.rate {
	width: 5%;
}
.subscribers-container .subscriber-item p.name {
	width: 20%;
}
.subscribers-container .subscriber-item p.custom {
	width: 25%;
}
.subscribers-container .subscriber-item p.action {
	width: 5%;
}
.subscribers-container .subscriber-item p.status {
	width: 10%;
}
.subscribers-container ul.pagination {
	margin-top: 20px;
}
.subscribers-container .subscriber-item p.rate img {
	width: 20px;
}
.subscribers-container .glyphicon,
.subscribers-container .glyphicons {
	color: #918e8b;
}
.subscriber-item:hover {
	background-color: #f2eae6;
	border-radius: 5px;
}
@media screen and (max-width:760px) {
	.subscribers-container .subscriber-item p.rate {
		display: none;
	}
	.subscribers-container .subscriber-item p {
		font-size: 12px;
	}
}
#subscriber-search {
	height: 40px;
	width: 50%;
	background-color: #f2eae6;
	border: 1px solid transparent;
	border-radius: 20px;
	padding-right: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#subscriber-search.form-group input:active,
#subscriber-search.form-group input:focus {
	border: 1px solid transparent;
}
#subscriber-search.form-group input {
	width: calc(100% - 37px);
	padding: 4px 0 4px 18px;
}
#subscriber-search button {
	background-color: #f2eae6;
	border: 0;
}
	/* Edit subscriber */
#edit-modal .modal-header {
	padding: 0;
}
.edit-subscriber {
	display: flex;
}
.btn-link.edit-subscriber:hover {
	text-decoration: none;
}
.edit-subscriber img {
	width: 100px;
	height: 100px;
}
.edit-subscriber .edit-info {
	width: calc(100% - 100px);
	text-align: left;
}
.edit-subscriber .edit-info p {
	margin: 0;
}
.edit-subscriber .edit-info .edit-subscriber-tags {
	color: #808080;
	font-size: 13px;
	line-height: 25px;
}
.edit-subscriber .edit-info .edit-subscriber-tags span {
	padding-right: 10px;
	font-size: 12px;
	line-height: 25px;
}
.edit-subscriber .link {
	margin-top: 15px;
	cursor: pointer;
	width: 90px;
}
.edit-subscriber .link .glyphicon {
	color: #808080;
}
.edit-form {
	display: none;
	margin-top: 40px;
}
.edit-form .process__field label {
	width: 140px !important;
}
.edit-form .process__field .form-group {
	width: calc(100% - 140px) !important;
}
.edit-form .success {
	color: green;
	margin-top: 20px;
	display: none;
}
.edit-subscriber .confirm {
	display: none;
	width: 430px;
	text-align: left;
	padding: 0 0 20px;
	color: red;
}
.edit-subscriber .confirm p {
	padding: 10px;
}
	/* Import */
.subscribers p.subtitle {
	color: #918e8b;
	margin: 10px 0;
}
.subscribers p {
	margin: 30px 0;
}
.subscribers .add-subscriber-btns {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 220px;
}
.subscribers .yellow-link {
	text-decoration: underline;
}
.subscribers .import-buttons {
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}
.subscribers .import-buttons a {
	width: 200px;
	margin: 20px 0;
}
.subscribers .import-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 40px;
}
.subscribers .import-lists {
	display: none;
}
.subscribers .import-lists .button {
	text-align: center;
	width: 100%;
}
.subscribers .import-lists a {
	text-align: center;
}
.subscribers .import-container .my-updates__field {
	width: 350px;
	margin: 20px auto;
}
.subscribers .import-container .my-updates__field label {
	width: 160px;
	text-align: left;
	padding: 6px 0;
}
.subscribers .import-container .my-updates__form button {
	max-width: 160px;
}
.subscribers .import-container .my-updates__field .form-group {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	text-align: left;
}
.subscribers form {
	text-align: center;
	display: block;
}
.subscribers form button {
	margin: 20px 0;
}
.subscribers .btn-group.open > .dropdown-toggle.btn-default,
.subscribers .export-btn:active,
.subscribers .export-btn:focus {
	background-color: #ffd649;
	border-color: #ffc600;
}
.subscribers .add-subscriber-form {
	padding: 18px 0 5px;
}
.subscribers .add-subscriber-form .subscriber-field {
	padding: 10px 0;
	text-align: left;
	display: flex;
}
.subscribers .add-subscriber-form .subscriber-field label {
	width: 130px;
	color: #918e8b;
	padding-top: 9px;
}
.subscribers .add-subscriber-form .subscriber-field label span {
	color: #ffc600;
}
.subscribers .add-subscriber-form a {
	width: unset;
	margin: 0 5px;
}
.subscribers .import-wrap {
	width: 400px;
	margin: 0 auto;
	border: 2px dashed #ffc600;
	background-color: #f2eae6;
	border-radius: 20px;
}
.subscribers .import-wrap .file-upload-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 88px;
	outline: 0;
	opacity: 0;
	border: 0;
	cursor: pointer;
}
.subscribers .import-wrap .drag-text.import {
	padding: 34px 30px;
}
.file-upload-image{
	border-radius: 50%;
	width: 120px;
}
#import-result {
	padding: 40px 0;
}
#import-result h3 {
	text-align: center;
	margin-bottom: 20px;
}
#import-result p {
	margin: 10px 0;
}
#import-result ul {
	list-style: none;
	padding-left: 40px;
}
#import-result a {
	width: unset;
	min-width: 140px;
	margin: 20px 10px; 
	text-align: center;
}
#small-spinner.import {
	margin-top: 30px;
}

/* Manage Tags */
.form-group.tags {
	display: flex;
}
.form-group.tags button {
	margin: 0 10px;
}
.subscribers .my-tags {
	margin: 60px 0 20px;
	padding: 10px;
	width: 100%;
	text-align: center;
}
.subscribers .my-tags span {
	margin: 0 6px;
}
.subscribers .my-tags a {
	text-decoration: underline;
}
.tag-list {
	width: 100%;
	padding: 40px 0;
}
.tag-list-divider {
	padding: 40px 0;
}
.tag-list .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0;
	width: 100%;
	border-bottom: 1px solid #ede4df;
	padding: 10px 0;
}
.tag-list .title span.glyphicon {
	font-size: 14px;
	margin-left: 10px;
	color: #918e8b;
}
.tag-row {
	width: 100%;
	min-height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tag-row:hover {
	background-color: #f2eae6;
	border-radius: 20px;
}
.tag-row p {
	font-size: 14px;
	margin: 0;
}
.tag-row p.email {
	width: 35%;
}
.tag-row p.name {
	width: 25%;
}
.tag-row p.custom {
	width: 20%;
}
.tag-row .row-tags {
	width: 15%;
	color: #918e8b;
	font-size: 14px;
	padding: 0 5px;
	margin: 10px 0;
}
.tag-row .cbx-container {
	width: 10%;
	text-align: right;
}
.tag-row .cbx .glyphicon {
	top: -1px !important;
}
#tag-modal .modal-dialog {
	width: 530px;
}
.tag-edit .form {
	text-align: left;
	margin-top: 40px;
}
.tag-edit .form-group {
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.tag-edit .form-group label {
	display: block;
	margin: 8px;
	color: #918e8b;
}
.tag-edit .form-group input {
	background-color: #fff;
	width: 250px;
}
.tag-edit .form-group .cbx .glyphicon {
	top: -1px !important;
}
.tag-edit .form .process__field__hint {
	width: 100%;
	position: relative;
	top: -24px;
	margin: 5px 8px;
}
.tag-edit hr {
	border: 1px dashed #ccc;
	margin-top: 60px;
}
#tags-all-form .form-group .select2-container .select2-search--inline .select2-search__field {
	margin-top: 8px;
}
.tags-all-select:hover {
	cursor: pointer;
}
#subscriber-save-tag {
	margin: 0 10px;
}

/* New update */
.my-updates .layout-container {
	display: flex;
	width: 100%;
	position: relative;
	flex-direction: column;
	align-items: center;
}
.my-updates .layout-container .confirm {
	display: none;
}
.field-missionaryreport-layout {
	position: absolute;
}
.field-update-layout .help-block {
	width: 170px;
	position: relative;
	top: 40px;
	left: -170px;
}
.my-updates	.layout {
	width: 100%;
	max-width: 620px;
  	margin: 10px 0;
  	padding: 20px 40px;
  	display: flex;
  	background-color: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.my-updates .layout img {
	width: 100px;
	border-radius: 5px;
}
.layout .information {
	padding: 0 20px;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.layout .information-container {
	width: 100%;
}
.layout .information-container .information {
	height: 150px;
  	display: flex;
  	flex-direction: column;
  	justify-content: space-around;
}
.layout .information h5 {
	color: #918e8b;
	font-size: 14px;
}
.layout .information .create-button {
	display: flex;
  	justify-content: center;
}
.layout .information .create-button .block-spinner {
	max-width: 67px;
	max-height: 67px;
	bottom: 35px;
}
.layout .trash-template {
	font-size: 10px;
	color: #dc3545;
	cursor: pointer;	
}
ul.pagination li.prev {
	-webkit-transform: unset;
	transform: unset;
}
	/* Custom template */
.choose-designer h2 {
	line-height: 75px;
}
.choose-designer a.process__exit {
	margin: 20px;
}
.designer {
	background-color: #f2eae6;
	border-radius: 15px;
	margin: 10px 0;
	padding: 20px;
	display: flex;
	align-items: center;
}
.designer h3 {
	line-height: 50px;
}
.designer img {
	border-radius: 50%;
	margin-right: 20px;
}
p.template {
	margin-top: 30px;
	justify-content: center;
}
.order-layout-container {
	display: flex;
	width: 100%;
	position: relative;
	left: 176px;
	top: -30px;
}
.order-layout {
	text-align: center;
	max-width: 149px;
	min-width: 100px;
}
.order-layout img {
	width: 80%;
	border: 3px solid transparent;
	border-radius: 5px;
}
.order-layout img:hover {
	cursor: pointer;
	border-color: #ffc600;
}
.order-layout img.selected {
	border-color: #ffc600;
}
.hint {
	font-size: 12px;
	color: #918e8b;
	margin: 5px auto;
}
.form-group textarea {
	max-width: 400px;
	resize: vertical;
}
.field-template-include_social,
.field-template-include_lists {
	margin-left: 200px !important;
}
.template-include {
	margin: 0 auto;
}
.template-include .md-checkbox .field-template-include_social.checkbox label:first-of-type,
.template-include .md-checkbox .field-template-include_lists.checkbox label:first-of-type {
	width: 35px;
}
.template-include .field-template-include_social.checkbox label.cbx-label,
.template-include .field-template-include_lists.checkbox label.cbx-label {
	width: 300px;
}
.template-preferences {
	width: 70% !important;
	margin: 0 auto;
}
.template-preferences .field-template-include_social.checkbox label.cbx-label,
.template-preferences .field-template-include_lists.checkbox label.cbx-label {
	width: 300px;
}
.template-preferences .col {
	width: 33%;
}
.template-preferences .checkbox label {
	width: 37px;
	margin: 5px 0;
}
.template-preferences .checkbox label.cbx-label {
	width: 150px;
}
	/* My Templates */
.update-controls.template{
	justify-content: space-between;
}
.update-controls.template span.glyphicons {
	top: 4px;
}

	/* File upload input */
.template-file label {min-width: 200px;}
.template-uploads-wrap {width: 100%;}
.template-uploads-wrap .process__field--pdf {width: 100% !important; max-width: 400px;}
.template-uploads-wrap .process__field__hint {width: 100%; max-width: 400px; text-align: center;}

#block-spinner.template-spinner {
	top: 0px;
	right: -45px;
	height: 100%;
	background-color: #f2eae6;
}
.drag-text button {
	width: 80px;
}
	/* Template Designer detail */
.template-detail-designer img {
	width: 150px;
  	margin: 20px;
}
.template-detail-designer .sales p {
	line-height: 15px;
}
	/* Template Custom detail */
.template-detail h5 {
	color: #828282;
}
.template-detail h4 {
	margin: 35px 0 10px;
}
.template-detail .history,
.template-detail .notes,
.template-detail .preferences,
.template-detail .files {
	margin: 20px 0;
	text-align: left;
}
.template-detail .notes .layout img {
	width: 100px;
}
.notes.layout-container {
	display: flex;
}
.notes.layout-container .col {
	width: 50%;
}
.template-detail .layout {
	width: 100px;
	text-align: center;
}
.template-detail .history p {
	line-height: 40px;
	position: relative; 
	color: #828282;
	font-size: 12px;
}
.template-detail .history p::after {
	content: '';
	display: block;
	background: #c1bfbd;
	height: 24px;
	position: absolute;
	left: 56px;
	width: 2px;
	z-index: 0;
	top: 35px;
}
.template-detail .history p:last-child::after {
	display: none;
}
.template-detail .label {
	display: inline-block;
	width: 120px;
	padding: 4px 10px;
	margin-right: 20px;
	border-radius: 15px;
}
.template-detail .preferences span {
	color: #828282;
}
.template-detail .preferences span.pref-wrap {
	margin-right: 20px;
	white-space: nowrap;
	font-size: 14px;
}
#template-thumbnail {
	display: none;
}
.thumbnail-container {
	background-repeat: no-repeat;
  	background-size: 100px 150px;
  	width: 100px;
  	height: 150px;
}
.thumbnail-container .form-group.field-template-thumbnail label {
	top: 40px;
	left: 0px;
	width: 100px;
}
.file-download {
	margin: 5px 0 !important;
}
.file-download:hover {
	text-decoration: none;
}
.file-download:hover:after {
	content: '\f019';
   	font-family: Font Awesome\ 5 free;
   	font-weight: 900;
   	font-style: normal;
   	margin:0px 0px 0px 10px;
   	text-decoration:none;
}
	/* Review template */
.review-settings {
	width: 100%;
	background: white;
	margin-bottom: 20px;
	border: 1px solid #00f;
	padding: 20px;
}
.review-settings.print-container h4 {
	line-height: 28px;
}
.review-settings .form-group {
	margin: 20px 0;
}
.review-settings textarea {
	border: 1px solid #ccc;
	padding: 5px;
	max-width: unset;
}
.review-settings p {
	background-color: #f8f4f3;
	padding: 10px;
}
#form-print {
	display: none;
}
.review-canvas {
	width: 100%;
	padding: 64px;
}
.review-html {
	max-width: 642px;
}
.update-form.review {
	max-width: 770px;
}
.review-settings ul.print-menu {
	transform: translate(318%, -6%);
}
button.btn-link.print-menu-toggle:focus,
button.btn-link.print-menu-toggle {
	text-decoration: none;
}

/* Design update */
.design-container {
	position: relative;
	height: 100%;
	width: 1240px;
	display: flex;
	border: 1px solid lightgray;
}
.design-container button#fullscreen {
	position: absolute;
	right: 3px;
	top: 1px;
	font-size: 20px;
	color: #bfbfbf;
	padding: 0;
}
.design-container button#fullscreen:hover {
	color: #808080;
}
.email-container {
	height: 100%;
	max-width: 740px;
	padding: 30px 50px;
	background-color: #e6e6e6;
	border-right: 1px solid lightgray;
}
.email-scroll-container {
	width: 689px;
	height: 800px;
	resize: vertical;
	overflow: hidden auto;
}
.email-html {
	width: 640px;
	background-color: #fff;
}
.update-buttons {
	width: 440px;
  	position: absolute;
  	top: 12px;
	display: flex;
	justify-content: space-between;
}
.update-buttons a, 
.update-buttons button {
	position: relative;
	top: 1px;
	padding: 0 5px;
	color: #666;
}
.update-buttons a:focus, 
.update-buttons button:focus {
	color: #666;
}
.update-buttons #super-small-spinner-white {
	position: relative;
	top: 6px;
	left: 0px;
	height: 30px;
	width: 30px;
}
#test-send-result {
	font-size: 13px;
	padding: 5px;
  	max-width: 280px;
  	max-height: 32px;
  	white-space: nowrap;
  	overflow: hidden;
	text-overflow: ellipsis;
}
/* Unset site css for email design  */
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6,
.text p,
.text a {
	color: unset;
	line-height: unset;
	font-size: unset;
	font-family: unset;
	font-style: unset;
	font-weight: unset;
}
.control {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	min-height: 30px;
	width: 100%;
	border: 1px solid #555;
	opacity: 0;
	display: block;
	z-index: 1;
}
.control:hover {
	opacity: 1;
	transition-delay: 0.1s;
}
.email-html .control-top {
	position: relative;
	top: 0;
	height: 32px;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 0 10px 6px 0;
	z-index: 100;
}
.email-html .control-top button {
	width: 25px;
	font-size: 14px;
	color: #2a2324;
	border-radius: 3px;
	padding: 0;
}
.email-html .control-top .glyphicons::before {
	padding: 6px 5px;
}
.email-html .control-top.only button {
	opacity: 0.6;
}
.email-html .control-top button:hover {
	opacity: 1;
	background-color: #eee;
}
.email-html .control-top.only {
	position: absolute;
  	top: 1px;
  	right: 1px;
  	width: 100px;
  	z-index: 1;
}
#options-container {
	height: 100%;
	width: 498px;
	padding: 50px 0 50px 20px;
	background-color: #fff;
}
#options-container h3 {
	margin-bottom: 25px;
}
.block-options-scroll-container {
	width: 480px;
	height: 800px;
	resize: vertical;
	overflow: hidden auto;
}
.options {
	width: 440px;
	display: flex;
	flex-direction: column;
}

#blocksocial-icon_style label.icon-style {
	width: 100%;
	padding: 10px;
	cursor: pointer;
}
#blocksocial-icon_style label.icon-style.selected {
	background-color: #eee;
}
#blocksocial-icon_style label.icon-style input {
	display: none;
}
.icon-style-select img {
	margin: 5px 10px;
}
.options-title {
	display: flex;
  	justify-content: space-between;
  	padding: 20px 0;
}
.options-title i,
#gallery-close {
	font-size: 14px;
	color: #333;
	height: 16px;
  	position: relative;
	top: 6px;
	cursor: pointer;
	z-index: 1;
}

/* Image options */
.image-container {
	display: flex;
	margin-bottom: 40px;
}
.image-container .image {
	height: 80px;
  	width: 140px;
  	text-align: center;
  	margin-right: 10px;
  	border: 1px solid #ccc;
  	position: relative;
  	cursor: pointer;
}
/* https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542 */
.image-container .image {
    background-image:
      linear-gradient(45deg, #eee 26%, transparent 26%), 
      linear-gradient(135deg, #eee 26%, transparent 26%),
      linear-gradient(45deg, transparent 75%, #eee 75%),
      linear-gradient(135deg, transparent 75%, #eee 75%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 0, 10px -10px, 0px 10px;
}
.image-container .image img {
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  	right: 0;
    margin: auto;
}

/* Background image options */
.bg-image-container {
	width: 240px;
	height: 100px;
  	border: 1px solid #ccc;
  	border-radius: 8px;
  	position: relative;
  	margin: 20px 0;
}
.bg-image-container input {
	display: none;
}
.bg-image-container span {
	position: absolute;
  	display: inline-block;
  	line-height: 25px;
  	padding: 7px 17px;
  	border: 1px solid #ffc600;
  	border-radius: 20px;
  	background: 0 0;
  	-webkit-transition: .5s;
  	transition: .5s;
  	font-size: 14px;
  	color: #ffc600;
  	width: 160px;
  	cursor: pointer;
  	z-index: 1;
  	top: 28px;
  	left: 38px;
  	text-align: center;
}
.bg-image-container span:hover {
	color: #2a2928;
	background: #ffc600;
}
.bg-image-container .preview-image {
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  	right: 0;
    margin: auto;
}

/*Drag & Drop*/
/*grab blocks*/
.drag-blocks-container {
	display: flex;
	flex-direction: column;
	padding-top: 20px;
}
.drag-blocks-row {
	margin: 5px 0px;
	border-radius: 4px;
	border: 1px solid #eee;
}
.drag-blocks-container ul {
  	padding: 40px 30px;
  	list-style: circle;
}
.drag-blocks-container li {
	padding-left: 6px;
	line-height: 1.6;
	font-size: 14px;
}
.drag-blocks-container li:hover,
.drag-blocks-container li .btn-link:hover {
	text-decoration: none;
}
.drag-blocks-container li .btn-link {
	color: #595959;
}
.block-grab {
	float: left;
	margin: 9px;
	position: relative;
}
.block-grab img.block {
	width: 91px;
}
.block-grab img.block-styled {
	border: 1px solid #49c4f8;
}
.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
/*dropzone*/
.dz-outer {
	position: relative;
	z-index: 2 !important;
}
.dz-upper {
	position: absolute;
	top: 0;
	left: 0;
	height: 50%;
	width: 100%;
	opacity: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.dz-lower {
	position: absolute;
	bottom: 0%;
	left: 0;
	height: 50%;
	width: 100%;
	opacity: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.dz {
	display: none;
	width: 100%;
	height: 25px;
	padding: 6px 0;
	background-color: gray;
	color: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 10px;
}
.dz-end {
	min-height: 20px;
}
.dz-block {
	border:  0px solid #0064ff;
}
#dz-pre-header, #dz-post-footer {
	background-color: #00abff;
}
.ui-droppable-disabled {
	background-color: #c6c6c6;
	display: flex;
}

/* Color Scheme Generator */
.block-options.color .form-group {
	margin: 15px 0;
}
#block-options.block-options.color .form-group label {
	width: 160px;
}
#block-options.block-options.color .select2-container--classic {
	max-width: 200px;
}
#seed-color {
	background-color: #fff;
	border: 1px solid #aaa;
	width: 200px;
	color: #333;
}
#color-modes {
	background-color: #fff;
  	height: 40px;
  	width: 200px;
  	border: 1px solid #aaa;
  	border-radius: 18px;
  	padding: 8px 18px;
  	line-height: 20px;
}
.message-color {
	height: 30px;
  	color: #888;
  	text-align: center;
}
.result-color {
  	text-align: center;
}
.result-color img {
	width: 200px;
}
.buttons-color {
	display: flex;
	justify-content: space-evenly;
	margin: 20px;
}

/* Help and feedback */
.rating-stars:focus {
	outline: 0 !important;
	outline-style: none;
}
#missionary-comments,
#missionary-update_rating_comments {
  	width: 100%;
  	padding: 10px;
  	background-color: #fff;
  	border: 1px solid #aaa;
  	border-radius: 6px;
  	resize: vertical;
}
.options-group .field-missionary-update_rating_public label {
	width: 100%;
	padding: 0;
	margin: 15px 0 10px;
	font-size: 14px;
}
.options-group .field-missionary-update_rating_public .cbx.cbx-md {
	top: -2px;
}
.options-group .field-missionary-update_rating_public .cbx-icon {
	top: 2px;
}
#rating-form button,
#help-form button {
	margin: 10px 0;
}
.button-container {
	display: flex;
}
.response-container {
	position: relative;
	width: 100%;
}
.response-container #super-small-spinner-white {
	display: none;
  	position: absolute;
  	top: 14px;
  	left: 20px;
}
.response {
	display: none;
	color: #888;
	padding: 0 20px;
  	height: 40px;
  	position: relative;
  	top: 18px;
}

/*Design block options*/
#block-spinner,
.block-spinner {
    background: url("/images/missionary/spinner-sm.gif") no-repeat 50% 30%;
    background-color: #fff;
	position: absolute;
	height: calc(100% - 100px);
	width: 460px;
	z-index: 2;
	display: none;
}
.block-options h3 {
	margin-bottom: 25px;
}
.options-subtitle {
	width: 100%;
	margin-top: 20px;
	padding: 7px 15px 7px 15px;
	border: 1px solid #aaa;
	border-radius: 20px;
	display: flex;
  	justify-content: space-between;
  	cursor: pointer;
}
.options-subtitle i {
	font-size: 10px;
	color: #9b9a9a;
}
.group-collapse {
	display: none;
	padding: 0 10px;
}
.block-options .caption h5 {
	color: #ffc600;
	border-bottom: 1px solid #eeeeee;
	margin-top: 20px;
}
.block-options h6 {
	margin-top: 26px;
	font-size: 16px;
}
.options-group a {
	color: #ffc600;
}
.options-group:first-child {
	margin-top: 20px;
}
.options-group span.more-btn-x,
.options-group span.more-btn-y {
  	float: right;
	position: relative;
  	bottom: 37px;
	cursor: pointer;
}
.group-collapse .more {
	display: none;
}
.group-collapse .more .fine {
	color: #918e8b;
	margin: 10px 20px;
}
.group-collapse .more .fine .fine-label {
	width: 70px;
  	display: inline-block;
}
.group-collapse .more .fine span.number {
	width: 40px;
	height: 24px;
	line-height: 22px;
  	display: inline-block;
  	border: 1px solid #918e8b;
  	text-align: center;
}
.group-collapse .more .fine .glyphicon {
	color: #918e8b;
	margin: 0 5px;
	cursor: pointer;
}
.group-collapse .more .fine .mirror {
	-moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.group-collapse .more .fine input {
	width: 40px;
	height: 24px;
  	border: 1px solid gray;
  	text-align: center;
}
.block-options .restore {
	font-size: 11px;
	color: gray;
	margin-top: 40px;
}
.block-options .restore:hover,
.block-options .restore:focus, {
	text-decoration: none;
}
.file-input {
	color: #918e8b;
}
.file-input p.filename {
	font-size: 14px;
	position: relative;
	top: -32px;
	left: 120px;
	width: 300px;
}
.options-group label {
	width: 160px;
}
.options-group.switch label {
	position: relative;
	top: 6px;
}
.options-group .form-group {
	padding: 10px 0;
	display: flex;
}
.options-group .form-group input {
	background-color: #ffffff;
	border: 1px solid #aaa;
}
.options-group .field-blockimage-caption_collapse_border label {
	top: 16px;
}
.form-group.field-blockimage-border_radius_units label,
.form-group.field-blockvideo-caption_collapse_border label {
	position: relative;
	top: 16px;
}
	/* Coloris color-picker thumbnail */
.clr-field button {
	height: 25px !important;
	width: 25px !important;
	border-radius: 50% !important;
	margin-right: 10px !important;
	pointer-events: unset !important;
	cursor: pointer;
}
#block-options .form-group .sp-replacer.sp-krajee {
	background-color: #ffffff;
}
#block-options .form-group label.control-label {
	width: 180px;
}
#block-options .options-subtitle:first-child {
	margin-top: 20px;
}
#block-options .options-group.offset8 .form-group label {
	padding: 9px 0;
}
#block-options .form-group .spectrum-group.input-group.input-group-html5 {
	max-width: 280px;
}
#block-options .captions .form-group .spectrum-group.input-group.input-group-html5 {
	max-width: 240px;
}
.field-blockvideo-caption_collapse_border .form-group .bootstrap-switch-wrapper,
.field-blockimage-caption_collapse_border .form-group .bootstrap-switch-wrapper {
	top: 11px;
}
.sp-krajee.sp-replacer {
	min-width: 40px;
}
.style {
	display: flex;
	justify-content: center;
	height: 80px;
	position: relative;
}
.styled {
	background-color: #f9f9f9;
	padding: 20px 20px 20px 0;
	width: 100%;
	text-align: center;
	border-radius: 30px 0;
}
.styled img {
	width: 120px;
}
#style-clear {
	font-size: 11px;
	color: #9b9a9a;
	width: 30px;
  	height: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
.merge-tags ul.tag-links {
	list-style: circle;
  	padding: 19px;
  	font-size: 14px;
}
.merge-tags ul.tags {
	line-height: 1.5;
}
.merge-tags .tags li {
	list-style: none;
	padding: 30px 10px;
	border-bottom: 1px solid #eee;
}
.merge-tags .tags label {
	font-size: 16px;
	padding: 10px 0;
}
.merge-tags .tags .desc {
	font-size: 14px;
  	margin-top: 6px;
}
.merge-tags .tags .default {
	color: #bbb;
}
.merge-tags .tags .example {
	padding: 20px;
  	background-color: #f9f9f9;
  	margin-top: 10px;
  	font-size: 14px;
}
.merge-tags .tags .example p {
	font-size: 14px;
}
.merge-tags .tags .example label {
	font-size: 14px;
	color: gray;
	padding: 0;
}
.merge-tags .tags .example ul {
	padding: 0;
}
.merge-tags .tags .example li {
	padding: 0;
	border: 0;
}
*{scroll-behavior: smooth;}
.return-top a {
	float: right;
  	font-size: 13px;
  	color: #bbb;
}
.merge-tags .copy-tag {
	font-size: 14px;
	color: #ccc;
	margin-left: 15px;
	cursor: pointer;
}
.merge-tags #this-copied {
	font-size: 14px;
	color: #ccc;
	margin-left: 10px;
}
.tags .fas {
	font-weight: normal;
}
img.tips {
	width: 300px;
}

	/* Text */
.options-text .multi-col {
  	margin-bottom: 20px;
  	padding: 10px;
}
.options-text .multi-col h4 {
	padding: 0 0 14px;
}
.options-text .add-elements {
	display: flex;
}
.options-text .add-elements img {
	width: 50px;
	height: 50px;
	margin: 0 6px;
	border: 1px solid #333;
	border-radius: 5px;
  	cursor: pointer;
}
.options-text .col .add-elements img {
	width: 48px;
  	height: 48px;
  	background-color: #fff;
}
.options-text .add-elements img.p {
	width: 50px;
}
.options-text .character-level-settings {
	margin: 30px 0;
	position: relative;
}
.options-text .character-level-settings img {
	width: 45px;
	margin: 4px;
	border: 1px solid #333;
	border-radius: 5px;
	cursor: pointer;
}
.options-text .add-elements img:hover, 
.options-text .character-level-settings img:hover {
	background-color: #f9f9f9;
}
.options-text .character-level-settings input.color-field {
	width: 25px;
	height: 25px;
	margin-left: 8px;
	border: 0;
	cursor: pointer;
	color: transparent;
}
.options-text .character-level-settings button {
	right: -10px;
}
#block-options .link-popup-background { 
	background: transparent;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 4;
	display: none;
}
.options-text .character-level-settings .link-popup {
	position: absolute;
 	border: 1px solid #ccc;
 	border-radius: 5px;
 	background-color: white;
 	box-shadow: 1px 4px 6px lightgray;
 	padding: 5px 10px;
 	width: 300px;
 	top: 40px;
 	left: 52px;
 	z-index: 5;
}
.character-level-settings .link-popup div {
	padding: 5px 0px;
	display: flex;
	justify-content: space-between;
}
.character-level-settings .link-popup label {
	width: 60px;
  	position: relative;
	top: 7px;
	color: #918e8b;
}
.character-level-settings .link-popup input {
	border: 1px solid #ccc;
	border-radius: 18px;
	padding: 6px 25px 6px 18px;
	height: 35px;
	width: 210px;
}
.character-level-settings .link-popup span {
	padding: 5px 0;
	display: flex;
	justify-content: flex-end;
}
.character-level-settings .link-popup button {
	color: #333;
	padding: 4px;
	margin-left: 6px;
	width: 70px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 18px;
	font-size: 12px;
}
.character-level-settings .link-popup button:hover {
	background-color: #fafafa;
}
.options-text .block-defaults h6 {
	font-size: 12px;
	cursor: pointer;
}
.options-text .block-defaults i {
	font-size: 8px;
  	color: #9b9a9a;
}
.options-text .element-list .item {
  	color: #333;
  	background-color: #fff;
	border: 1px solid #eee;
  	padding: 10px 20px;
  	margin: 10px 0;
  	border-radius: 5px;
  	display: flex;
  	flex-direction: column;
}
.options-text .element-list .item .main {
  	display: flex;
  	justify-content: space-between;
}
.options-text .item-font-options {
	padding: 20px 0 0;
  	display: none;
}
.options-text .default-font-options {
	background-color: #fafafa;
  	padding: 10px;
  	border-radius: 5px;
  	display: none;
}
.options-text .item-font-options .select2-selection__clear,
.options-text .default-font-options .select2-selection__clear {
	top: -1px;
  	left: 20px;
}
.options-text .item-font-options .form-group,
.options-text .default-font-options .form-group {
	margin: 20px 0;
}
.options-text .element-list .item img {
	height: 28px;
}
.options-text .element-list .item span {
	cursor: pointer;
}
.options-text .element-list .item .text-align span:hover,
.options-text .element-list .item span.selected {
	background-color: #eee;
}
input.color-field {
	background-color: #fff;
	padding: 6px 25px 6px 18px;
	color: #444;
  	line-height: 28px;
  	border: 1px solid #ccc;
  	border-radius: 18px;
  	width: 210px;
}
.field-blocktextelement-margin_collapse .form-group,
.form-group.field-update-link_underline,
.form-group.field-template-link_underline {
	right: -3px;
}
.form-group.field-blocktextelement-margin_collapse,
.form-group.field-update-link_underline,
.form-group.field-template-link_underline {
	display: flex;
}
.form-group.field-blocktextelement-margin_collapse label,
.form-group.field-update-link_underline label,
.form-group.field-template-link_underline label {
  	position: relative;
	top: 7px;	
}
.form-group.field-blocktextelement-margin_collapse .form-group,
.form-group.field-update-link_underline .form-group,
.form-group.field-template-link_underline .form-group {
	margin: 0 0 20px;
}
.text-prompt {
	color: #888;
  	font-style: italic;
}
.text-hover-outline {
  	position: absolute;
	border: 1px solid #49c4f8;
  	height: 100%;
  	width: 100%;
  	top: 0;
  	left: 0;
}

	/* Captions */
.captions {
	background-color: #f9f9f9;
	margin: 20px 0;
	padding: 20px;
}
.captions .slider-track-high {
	background-color: white
}
.captions .slider-selection {
	background-image: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%) !important;
}
.captions .form-group input {
	background-color: #ffffff;
}
.result {
	color: green;
}
#block-options #blockvideo-caption {
	border: 1px solid #ccc !important;
	padding-left: 10px;
	background-color: #ffffff;
}
#blockvideo-caption {
	resize: vertical;
}
#block-options .radio__label::before {
	top: 18px;
}
#block-options .radio__label::after {
	top: 22px;
	left: 4px;
}
#block-options .radio__label {
	padding: 15px 10px 15px 28px !important;
}

	/* Button file upload input */
.field-blockbutton-link_file {
	height: 50px;
}

	/* List */
ul.ul-list .glyphicons-bin {
	padding-left: 5px;
	color: gray;
	cursor: pointer;
	position: absolute;
	display: none;
}
ul.ul-list .glyphicons-bin::before {
	padding: 2px 8px 6px;
}
ul.ul-list input {
	background-color: transparent;
	border: none;
}
ul.ul-list li.li-item {
	width: fit-content;
  	text-align: center;
  	margin: 0 auto;
  	padding: 5px 0;
}
.li-add {
	width: 100%;
	position: relative;
	top: 0px;
	cursor: pointer;
	display: none;
}
.li-add img {
	height: 16px;
	position: absolute;
  	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: center;
}

	/* Video */
#block-options .image-cutter {
	width: 180px;
}
#block-options .image-cutter .dropzone {
	min-height: 42px;
	border: 0;
	margin: 10px 0 0;
}
img.play {
	width: 90px;
	margin: 6px;
	padding: 10px;
	background-color: #fcfcfc;
	border-radius: 5px;
}
img.play:hover {
	cursor: pointer;
}
img.play.selected {
	background-color: #eee;
}
#blockvideo-play_button_style {
	padding: 0 40px;
}
#blockvideo-play_button_style input {
	display: none;
}
.play-button-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
}
.play-button-overlay img {
	height: 115px;
	width: 115px;
	margin: auto;
}
#generate-video-thumbnail {
	margin: 20px;
}
#play-button-status {
	display: inline-block;
}
#play-button-status em {
	font-size: 13px;
	margin-left: 15px;
	background-color: yellow;
}

	/*Button file upload*/
.options-group.file-input {
  	position: relative;
	top: 14px;
}
.options-group.file-input label {
	position: absolute;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	padding: 7px 17px;
	border: 1px solid #ffc600;
	border-radius: 20px;
	background: 0 0;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 14px;
	color: #ffc600;
	width: auto;
	cursor: pointer;
	z-index: 1;
	margin-top: 0 !important;
	top: -35px;
	left: 125px;
}
.options-group.file-input label:hover {
	background-color: #ffc600;
	color: #2a2928;
}
#blockbutton-link_file {
	z-index: -1
}

	/*Gallery*/
.gallery-container {
	display: none;
}
#gallery-close {
	float: right;
  	margin: 0px 22px;
}
#gallery-form {
	display: flex;
}
#gallery-form #super-small-spinner-white {
	top: 24px;
}
.gallery .image-preview {
	position: relative;
	width: 210px;
	height: 160px;
	padding: 4px;
	margin: 2px;
	border-bottom: 1px solid transparent;
	float: left;
	overflow: hidden;
}
.gallery .image-preview img.preview {
	max-width: 206px;
    max-height: 156px;
    object-fit: contain;
    position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
    cursor: pointer; 
}
.gallery .image-preview .underlay {
	display: none;
	background-color: #eee;
	width: 100%;
  	height: 100%;
	position: absolute;
  	top: 0;
  	right: 0;
	cursor: pointer;
}
.gallery .image-preview .info-popup {
	width: 100%;
	height: 160px;
  	padding: 0 5px;
	background-color: #ffffffcc;
	border: 1px solid #eee;
	position: absolute;
	top: 140px;
	right: 0;
	z-index: 3;
	display: none;
	cursor: pointer;
}
.gallery .image-preview .info-popup .buttons {
	height: 20px;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}
.gallery .image-preview .info-popup .buttons img {
	height: 10px;
	position: relative;
	top: 2px;
	cursor: pointer;
}
.gallery .image-preview .info-popup .buttons span {
	font-size: 13px;
	color: #333;
	position: relative;
	bottom: 4px;
	cursor: pointer;
}
.gallery .image-preview .info-popup .buttons .glyphicons::before {
	padding: 6px 2px;
}
.rotated {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg); /* IE 9 */
  -moz-transform: rotate(180deg); /* Firefox */
  -webkit-transform: rotate(180deg); /* Safari and Chrome */
  -o-transform: rotate(180deg); /* Opera */
}
.gallery .image-preview .info-popup .content {
	font-size: 12px;
	padding: 0 8px;
}
.gallery .image-preview .info-popup .content .block {
	padding-top: 5px;
}
.gallery .btn-file.process__exit {
	color: #333;
	padding: 7px 18px 8px;
	margin: 20px 8px 8px;
	position: relative;
}
.gallery .btn-file.process__exit:hover {
	color: #fff;
}
.gallery .btn-file input[type="file"] {
	position: absolute;
	width: 100px;
	top: -33px;
	right: -18px;
	min-width: 100%;
	min-height: 100%;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
.form-group.field-gallery-imagefiles.has-error .help-block {
	white-space: break-spaces;
	height: fit-content;
	width: 220px;
	top: 6px;
	left: -14px;
	line-height: 1.4;
	z-index: 4;
}
	/*Gallery crop modal*/
#edit-modal .modal-header {
	display: none;
}
.crop-window {
	min-width: 400px;
	max-width: 1000px;
	width: 50%;
	height: 500px;
	margin: 0 auto;
}
.crop-window img {
  max-width: 100%; /* This rule is very important, please do not ignore this! */
}
.crop-controls {
	text-align: center;
	margin: 10px auto;
}
.save-buttons {
	border-top: 1px solid #ccc;
	padding: 10px;
	text-align: right;
}
	/* Template image upload */
#template-upload .dropzone,
#template-upload .preview-image {
	display: none;
}

/*Finalize Update and Template*/
.finalize input {
	max-width: 250px;
	padding: 10px 15px;
}
.finalize .options-group {
	margin-bottom: 30px;
}
.finalize .options-group .form-group {
	padding: 0;
}
.finalize .options-group.has-content {
	display: flex;
}
.finalize .options-group.has-content button {
	margin: 0;
}
.finalize .options-group.has-content .content {
	width: 250px;
}
.finalize .options-group.has-content label {
	width: 180px;
  	position: relative;
	top: 3px;
}
.finalize .options-group.offset8.has-content label {
	padding: 8px 0;
}
.finalize #finalize-tags {
	margin-top: 10px;
}
#block-options #finalize-active .select2-container--classic,
#block-options #finalize-tags .select2-container--classic {
	max-width: 250px;
}
#block-options #finalize-active input,
#block-options #finalize-tags input {
	height: auto;
  	padding: 4px 12px;
}
.finalize .select2-container--classic .select2-selection.select2-selection--single,
.finalize .select2-container--classic .select2-selection.select2-selection--multiple {
  height: 44px;
  max-width: 250px;
  border: 1px solid #aaa !important;
  border-radius: 18px;
}
.finalize .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border: 1px solid #ffc600 !important;
  border-radius: 18px 18px 0 0;
  border-bottom: 0 !important;
}
.finalize .select2-container--classic .select2-selection--multiple li.select2-selection__choice {
  margin: 10px 0 0 6px;
  color: #f8f4f3;
  background: #b8b0a8;
  border-radius: 11px;
  border: none;
}
.finalize .select2-selection__choice__remove {
	color: #f8f4f3 !important;
}
.finalize .cbx .glyphicon {
  top: 2px;
}
.finalize .options-group .content input {
	margin: 6px 0;
}
.finalize #schedule-time {
	background-color: transparent;
  	border: 1px solid #aaa;
}
.finalize #schedule-time::placeholder {
  	color: #aaa;
}
.finalize .message {
	padding: 10px;
}
.finalize .message p {
	font-size: 12px;
}
.finalize-template .thumbnail-container {
	background-repeat: no-repeat;
  	background-size: 200px auto;
  	width: 200px;
	height: 300px;
	border: 2px dashed #ffc600;
	border-radius: 15px;
  	position: relative;
  	background-color: #f2eae6;
  	-webkit-transition: .5s;
  	transition: .5s;
}
.finalize-template #thumbnail .thumbnail-container label {
	top: 118px;
  	left: 48px;
	width: 100px;
}
.field-update-public label {
	width: 100%;
	margin-left: 158px;
}
.field-update-public label .cbx {
	top: -2px;
}
#template-modal .modal-body {
	padding: 0;
}
#template-modal .modal-header button {
	margin-top: -10px;
}
.my-updates .all-set {
	padding: 30px 0 0;
	text-align: center;
	margin-top: 30px;
}
.my-updates .all-set button {
	margin: 0 5px;
}
.my-updates .all-set p {
	color: gray;
}
.my-updates .all-set .glyphicon {
	margin-right: 3px;
}
.my-updates .schedule .input-group.date {
	padding-bottom: 20px;
}
/*.category .input {
	display: flex;
	justify-content: center;
}
.category .input input,*/
/*.category .input .form-group.field-update-active {
	text-align: center;
	width: 240px;
}*/
/*.category .input input:focus,
.category .input input:active,
.category .input .form-group.field-update-active:focus,
.category .input .form-group.field-update-active:active {
	border-color: #ffc600;
}*/
/*.form-group.field-tags-dropdown {
	width: 240px;
	margin: 18px auto 0;
}*/
/*.category .glyphicon-new-window {
	font-size: 12px;
	margin: 0 5px;
	color: #918e8b;
}
.category a.proofed {
	display: block;
	margin: 10px 0;
}
.category .process__exit {
	width: 164px;
	text-align: center;
	margin: 0 auto;
}
.category.category-proof p {
	color: #918e8b;
	font-style: italic;
}*/
/*.cbx.cbx-md.cbx-active {
	width: 20px;
	height: 20px;
	position: relative;
	top: -3px;
}
.cbx .glyphicon {
	top: 1px !important;
    font-size: 14px;
}*/
.my-updates .send {
	display: none;
}
.send, .schedule {
	padding: 20px 30px 0;
	text-align: center;
}
.schedule button {
	margin: 20px;
}
#date-time-picker-disp-datetime {
	width: 380px;
}
#date-time-picker-disp {
	max-width: unset;
}
.input-group.date input {
	height: 44px;
	border-bottom-right-radius: 18px;
	border-top-right-radius: 18px;
	padding-left: 15px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.input-group-addon.kv-datetime-picker, 
.input-group-addon.kv-datetime-remove {
	color: #888;
	background-color: #eee;
}
.sent h3 {
	margin: 20px 0;
	color: gray;
}
.sent span {
	font-size: 0.7em;
}
.sent .links {
	margin: 40px 0;
}
.sent .links a {
	margin: 0 10px;
}

/* Proofread */
.proof-container {
	max-width: 642px;
	position: relative;
}
@media screen and (max-width:760px) {
	.proof-container {width: 100%;}
	.proof-settings .title {display: flex; flex-direction: column;}
}
.proof-settings {
	position: relative;
	padding: 20px; 
	margin-bottom: 20px;
	border: 1px solid #ca0000;
	background-color: #fff;
}
.proof-settings button {
	margin: 10px 0;
}
.proof-settings button:hover,
.proof-settings button:focus {
	text-decoration: none;
	outline: 0;
}
.proof-settings .title {
	display: flex;
	justify-content: space-between;
}
.proof-settings .title .text {
	text-align: left;
}
.proof-settings .title .text p {
	color: #918e8b;
	margin-top: 4px;
}
.proof-settings .title button {
	height: 42px;
}
.proof-settings .form-group label {
	padding: 10px 0 0 !important;
}
.proof-settings textarea {
	border: 1px solid #ccc;
	padding: 5px;
}
.proof-container .email-html {
	border: 1px solid #bbb;
}
.proof-container .settings-hint {
	text-align: center;
}
.proof-pending #small-spinner,
.category-proof #small-spinner {
	margin: 0 auto;
}
.proofread-complete p {
	margin: 20px 0;
}
.proofread-complete img {
	width: 100%;
	margin: 20px 0;
	box-shadow: 10px 5px 23px gray;
}
.proof .note-editable {
	height: unset !important;
}
.note-btn-primary {
	background-color: #aaa !important;
}
.proof-info {
	width: 230px;
	padding: 17px 14px 24px;
	position: absolute;
	right: -50%;
	top: 0;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.proof-info svg {
	fill: #ccc;
	width: 24px;
	height: 24px;
}
.proof-info p {
	font-size: 12px;
	line-height: 18px;
	color: #918e8b;
	padding-top: 4px;
	letter-spacing: .22px;
}
.ajax-form p.warning {
	padding: 40px 0;
}
@media screen and (max-width:1440px) {
	.proof-info {right: -45%; top: 0;}
}
@media screen and (max-width:1210px) {
	.proof-info {position: static; width: 100%; margin-bottom: 60px;}
}
/* https://icons8.com/preloaders/en/search/spinner */
#small-spinner {
    background: url("/images/missionary/spinner-sm.gif") no-repeat 50% 50%;
	height: 70px;
	width: 70px;
	z-index: 1;
	display: none;
}
#super-small-spinner {
    background: url("/images/missionary/spinner-super-sm.gif") no-repeat 50% 50%;
	height: 70px;
	width: 70px;
	z-index: 1;
	display: none;
}
#super-small-spinner-white {
    background: url("/images/missionary/spinner-super-sm-white.gif") no-repeat 50% 50%;
	height: 30px;
	width: 30px;
	z-index: 1;
	display: none;
	position: relative;
	top: 8px;
	left: 15px;
}
#super-duper-tiny-spinner {
    background: url("/images/missionary/spinner-super-duper-tiny.gif") no-repeat 50% 50%;
	height: 10px;
	width: 10px;
	z-index: 1;
	display: none;
	position: relative;
	top: 6px;
	right: 130px;
}
.spinner-container {
	display: flex;
	justify-content: center;
	width: 100%;
}
.diff del {
	color: #ff0000;
	background-color: #ffc6c6;
}
.diff ins {
	color: #006a00;
	background-color: #b9f2b9;
}
.diff .comments {
	width: 640px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #bbb;
}
.diff .comments h4 {
	color: #888;
	margin-bottom: 5px;
	font-style: italic;
}
.subscription .email {
	margin: 40px 0;
}
.subscription .missionary {
	display: flex;
	align-items: center;
	padding-bottom: 40px;
}
.subscription .missionary img {
	width: 50px;
	margin-right: 10px;
}
.subscription .missionary p {
	font-size: 18px;
}
.subscription .sub-category {
	padding: 20px 0;
	max-width: 420px;
}
.subscription .sub-category .form-group {
	padding: 10px 0;
	display: flex;
}
.subscription .sub-category.name .form-group label {
	width: 140px;
	padding: 8px;
}
.subscription .sub-category.chckbx .form-group label {
	padding: 4px 10px;
}
.subscription .sub-category.chckbx .cbx {
	top: -2px;
}
.subscription .sub-category.button {
	text-align: center;
}

/* View in browser */
.browser-container {
	position: relative;
}
.update-container.browser {
	box-shadow: 0px 0px 15px -8px #000000;
  	-webkit-box-shadow: 0px 0px 15px -8px #000000;
}
	/* iframe for Mailchimp updates */
.iframe-container {
  position: relative;
  padding-bottom: 100%;
  padding-top: 30px;
  height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width:760px) {
	.container.browser-container {
		padding: 0 5px;
	}
}
.update-container.browser {
	position: relative;
}
.account .browse__nav {
	top: 90px;
	right: 180px;
}
@media screen and (max-width:1260px) {
	.account .browse__nav {
		background-color: #f8f4f3;
		padding-top: 30px;
	}
}
.browser .body-container,
.share .body-container {
	display: flex;
}
.browser .body-container .main,
.share .body-container .main {
	width: 420px;
}
.browser .body-container .side,
.share .body-container .side {
	width: 220px;
	padding: 0;
}
.browser .body-container hr.divider {
	display: none;
}
.browser .body-container div.divider {
	display: block;
}
.video-container {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:760px) {
	.browser .body-container,
	.share .body-container {
		flex-direction: column;
	}
	.browser .body-container .main {
		width: 100% !important;
	}
	.browser .body-container .side {
		width: 100% !important;
	}
	.browser .body-container hr.divider {
		display: block;
		margin: unset;
	}
	.browser .body-container div.divider {
		display: none;
	}
	.browser.update-container .video-container {
		width: 100% !important;
		height: 100% !important;
	}
}

.logo-footer {
	height: 100px;
	margin-top: 16px;
	background-color: #fff;
	color: #666;
	line-height: 2;
	font-size: 12px;
	text-align: center;
	display: flex;
	box-shadow: 0px 0px 15px -8px #000;
	-webkit-box-shadow: 0px 0px 15px -8px #000;
}
.logo-footer .logo {
	height: 100px;
	width: 38%;
	position: relative;
}
.logo-footer .logo img {
	width: 100px;
	height: 33px;
	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
  	margin: auto;
}
.logo-footer .links {
	width: 62%;
	padding: 19px;
	font-size: 13px;
	line-height: 1.6;
}
.logo-footer .links a:hover {
	text-decoration: underline !important;
}

/* Share page */
.share {
	display: flex;
	margin: 0 auto;
	width: 100%;
	padding-top: 87px;
	padding-bottom: 55px;
}
.share__left__menu {
	display: flex;
	flex-direction: column;
	width: 300px;
	text-align: center;
	padding-right: 55px;
}
.share__menu__picture img {
	border-radius: 50%;
	max-width: 130px;
	max-height: 130px;
}
.share__menu__title span {
	display: block;
	color: #ffc600;
	font-family: "Georgia Italic",serif;
	font-style: italic;
	font-size: 20px;
	line-height: 30px;
	padding: 6px 0;
}
.share__menu__title a {
	font-family: "Georgia Italic",serif;
	font-style: italic;
	font-size: 24px;
	line-height: 34px;
	color: #2a2928;
	position: relative;
}
.share__menu__title a:hover {
	-webkit-animation: .2s forwards yellow-back;
	animation: .2s forwards yellow-back;
}
.share__menu__title a::after {
	content: '';
	display: inline-block;
	background: url(../images/site/sprite.svg#link) center/contain no-repeat;
	width: 18px;
	height: 18px;
	margin-left: 9px;
	position: absolute;
	bottom: 2px;
	left: 100%;
}
.share__menu__flag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	padding: 10px 0;
}
.share__menu__flag img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	max-width: 80px;
}
.share__menu__links {
	margin-top: 20px;
}
.toggle__share__menu__links {
	display: none;
	margin: 20px auto 40px;
	font-size: 24px;
}
.toggle__share__menu__links button,
.toggle__share__menu__links button:active,
.toggle__share__menu__links button:focus {
	color: #484848;
}
.share__menu__links__item {
	padding: 10px 0;
	text-align: left;
	display: flex;
}
.share__right__menu .tooltip-inner {
	color: #2a2928;
    background-color: #fff;
    min-width: 120px;
}
.share__menu__links__item i {
	color: #c1bfbd;
	padding: 2px 10px 0 0;
}
.share__menu__links__item .update-link {
	color: #918e8b;
}
.share__menu__links__item .update-link h5 {
	line-height: 20px;
}
.share__menu__links__item .update-link p {
	font-size: 12px;
	top: -2px;
	position: relative;
}
.share__menu__links__item:hover i,
.share__menu__links__item:hover .update-link {
	color: #484848;
	cursor: pointer;
}
.share__menu__links__item.selected i,
.share__menu__links__item.selected .update-link {
	color: #484848;
}
.share__update {
	width: 640px;
}
.share__update #small-spinner {
	margin: 100px auto;
	opacity: 0.1;
}
.share__right__menu {
	padding-left: 55px;
}
.share__right__menu > div.share__print__menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: -webkit-sticky;
	position: sticky;
	top: 180px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-left: 1px solid #c1bfbd;
	padding: 20px 0 0 17px;
}
.share__right__menu > div.share__print__menu > div {
	padding-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.share__right__menu svg {
	fill: #c1bfbd;
	width: 25px;
	height: 25px;
	-webkit-transition: .5s;
	transition: .5s;
	cursor: pointer;
}
.share__print__menu svg:hover {
	fill: #ffc600;
}
@media  screen and (max-width:1024px) { 
	.share {
		flex-direction: column;
	}
	.share__left__menu {
		width: 100%;
		padding-right: 0;
	}
	.share__menu__links {
		position: fixed;
		top: 120px;
		right: 100%;
		padding: 40px;
		background-color: #f2eae6;
		width: 100%;
		height: 100vh;
		overflow-y: scroll;
		z-index: 10;
	}
	.share__menu__links.open-links { 
		right: 0;
		animation-name: slide-open;
		animation-duration: 0.5s;
	}
	@keyframes slide-open {
		from {right: 100%;}
		to {right: 0;}
	}
	.share__menu__links.close-links { 
		right: 100%;
		animation-name: slide-close;
		animation-duration: 0.5s;
	}
	@keyframes slide-close {
		from {right: 0;}
		to {right: 100%;}
	}
	.toggle__share__menu__links {
		display: block;
	}
	.share__menu__links .close {
		width:22px;
		position:absolute;
		top:15px;
		right:15px;
		height:22px
	}
	.share__menu__links .close:after,
	.share__menu__links .close:before {
		content:'';
		position:absolute;
		top:50%;
		height:0;
		border-bottom:2px solid #2a2928;
		width:90%;
		left:0;
		right:0;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg)
	}
	.share__menu__links .close:after {
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg)
	}
	.share__update {
		width: 100%;
	}
	.share__update__container {
		width: 640px;
		margin: 0 auto;
	}
	.share__print__menu {
		flex-direction: row !important;
		border: 0 !important;
		padding-left: 0 !important;
		width: 100px;
		margin: 0 auto;
		justify-content: space-around;
	}
}
@media  screen and (max-width:760px) {
	.container .share {
		padding-top: 47px;
	}
	.share__update__container {
		width: 100%;
	}
	.share__right__menu {
		padding-left: 0;
	}
	.share__menu__links {
		top: 45px;
	}
}
.updates-none {
	text-align: center;
	color: #918e8b;
}
	/* Print menu */
.print-container ul {
	position: absolute;
	transform: translate(-2%, -6%);
	width: 172px;
	padding: 10px 0;
	text-align: left;
	list-style: none;
	border: 1px solid #d9d9d9;
	box-shadow: 3px 4px 6px gray;
	background-color: #fff;
	color: #333;
	z-index: 1000;
	display: none;
}
.print-container.browser-view ul {
	transform: translate(-2%, 64%);
}
.print-container.proof ul {
	transform: translate(-2%, 60%);
}
.print-container li:first-child {
	border-top: 1px solid #e6e6e6;
}
.print-container li {
	padding: 5px 20px;
	border-bottom: 1px solid #e6e6e6;
}
.print-container li:hover {
	background-color: #ececec;
	cursor: pointer;
}
.print .fa {
	color: #45c86e;
}
.cover,
.cover-active {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
	background-color: transparent;
	display: none;
}

/* Report */
.report h4 {
	margin: 10px;
}
.report-container {
	display: flex;
	width: 1200px;
	margin-top: 40px;
	border: 1px solid #ddd;
}
.report #sendStatus {
	display: flex;
	position: relative;
	z-index: 1;
}
.report h4 #super-small-spinner {
    position: relative;
    top: -24px;
    left: -10px;
    margin-bottom: -59px;
}
@media screen and (max-width:1210px) {
	.report h1 { font-size: 26px; }
	.report h4 { font-size: 20px; }
	.report-container { flex-direction: column-reverse; width: 100%; border: 1px solid #ddd; background-color: #e6e6e6;}
	.report-container .html { width: 100%; }
	.report-container .html .browser {max-width: 640px; margin: 0 auto;}
	.report-container .stats { width: 100%; border: 0;}
	.report .report-return { width: 100%; }
	.stat-subscriber-list .list-view { max-height: 400px; overflow-y: scroll; }
	.stat-subscriber-list .subscriber-row { flex-direction: column; border-bottom: 1px solid #e6e6e6; }
	.stat-subscriber-list .subscriber-row .email { text-align: right; color: #00a0b0; }
}
.report-container h4 {
	color: #ffc600;
}
.report-return {
	width: 1200px;
	padding: 10px;
}
.html {
	width: 640px;
}
.html .process__exit {
	margin: 10px 0;
}
.report-container h4 {
	margin-bottom: 10px;
}
.stats-container {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width:760px) {
	.stats-container {
		flex-direction: column-reverse;
	}
	.stats-container .aggregate {
		margin-top: 10px !important;
		margin-bottom: 20px;
	}
}
.stats-container .aggregate {
	margin-top: 40px;
	padding: 10px;
	background-color: #efefef;
	color: #999;
	height: 120px;
}
.stats-container .aggregate .aggregate-row {
	padding: 2px 0;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
}
.stats {
	width: 560px;
	padding: 20px;
	background-color: #fff;
	border-left: 1px solid #ddd;
}
.stats h4:not(:first-child),
.stats .stat-subscriber-list h4 {
	margin-top: 40px;
}
.stats label {
	width: 200px;
}
.stats .stat {
	display: flex;
	padding: 0 10px;
	line-height: 1.8;
	max-width: 250px;
}
.stats .stat:hover,
.stats .stat label:hover {
	background-color: #eee;
	cursor: pointer;
}
.stats ul.links {
	list-style: none;
	font-size: 0.8em;
}
.stats li {
	max-width: 240px;
	padding: 0 10px;
	line-height: 1.8;
}
.stats li:hover {
	background-color: #eee;
	cursor: pointer;
}
.stats li label:hover {
	cursor: pointer;
}
.stats .stat-subscriber-list .empty {
	color: gray;
	font-size: 0.8em;
}
.subscriber-row {
	display: flex;
	padding: 0 10px;
	line-height: 1.8;
	font-size: 0.8em;
}
.subscriber-row .email {
	min-width: 280px;
}

/* Select2 Dropdowns */
/* Default Select2 dropdown (krajee theme, for in-page normal styles) */
.select2-container--krajee .select2-selection--multiple {
	background: #f2eae6;
	border-radius: 18px;
	line-height: 20px;
	max-width: 400px;
	border: 0;
}
.default-select2 .form-group {
	width: calc(100% - 125px);
	max-width: 245px;
}
	/* Dropdown background */
.select2-container--krajee .select2-dropdown {
	background-color: #f2eae6 !important;
	border-radius: 0 0 18px 18px !important;
}
.select2-container--krajee .select2-dropdown--above {
	border-radius: 18px 18px 0 0 !important;
}
.select2.select2-container.select2-container--krajee.select2-container--open.select2-container--focus.select2-container--above .selection .select2-selection.select2-selection--single {
	border-radius: 0 0 18px 18px !important;
}
.select2.select2-container.select2-container--krajee.select2-container--open.select2-container--focus.select2-container--below .selection .select2-selection.select2-selection--single {
	border-radius: 18px 18px 0 0 !important;
}
/*#select2-tags-dropdown-results .select2-results__option.select2-results__option--highlighted {
	background-color: #f2eae6 !important;
}*/
	/* Remove box shadow */
.select2-container--krajee .select2-selection {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.select2-container--krajee .select2-dropdown {
	box-shadow: none !important;
}
	/* Change border color when select is open */
.select2-container--krajee.select2-container--open .select2-selection {
	border: 1px solid #ffc600 !important;
}
	/* Font properties for selections */
.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
	margin: 8px 0 0 6px !important;
	color: #f8f4f3 !important;
	background: #b8b0a8 !important;
	border-radius: 11px !important;
	border: none !important;
}
	/* Background color of selected values */
.select2-container--krajee .select2-results__option[aria-selected="true"] {
	background-color: #f2eae6 !important;
}
	/* Font properties for remove button */
.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove {
	color: #f8f4f3 !important;
	opacity: 1 !important;
	font-weight: 100 !important;
	font-size: 22px !important;
	margin: 0 0 0 3px !important;
	text-shadow: none !important;
	font-family: "Open Sans", sans-serif !important;
	line-height: 1;
	float: right !important;
}
	/* Modal Select2 dropdown (default theme, for modal) */
.select2-container--default .select2-selection--multiple {
	background-color: #f8f4f3 !important;
	border: 1px solid transparent !important;
	border-radius: 18px !important;
	line-height: 20px;
	max-width: 500px;
}
	/* Share page mailing list Select2 dropdown (default theme) */
.field-tags-dropdown .select2-container--default .select2-selection--multiple {
	background-color: #f2eae6 !important;
	border: 1px solid transparent !important;
	border-radius: 18px !important;
	line-height: 20px;
	max-width: 500px;
}
.field-tags-dropdown .select2-container--default .select2-results__option[aria-selected="true"], 
.field-tags-dropdown .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #f2eae6 !important;
}
	/* Dropdown background */
}
.select2-container--default .select2-dropdown {
	background-color: #f8f4f3 !important;
}
	/* Dropdown border radius */
.select2-container--default.select2-container--open .select2-dropdown--below {
	border-radius: 0 0 18px 18px !important;
}
.select2-container--default.select2-container--open .select2-dropdown--above {
	border-radius: 18px 18px 0 0 !important;
}
	/* Set height and Remove box shadow */
.select2-container--default .select2-selection {
	height: 40px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.select2-container--default .select2-dropdown {
	box-shadow: none !important;
}
	/* Change border when select is open */
.select2-container--default.select2-container--open .select2-selection {
	border: 1px solid #ffc600 !important;
	border-radius: 18px 18px 0 0 !important;
}
	/* Font properties for selections */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin: 8px 0 0 6px !important;
	color: #f8f4f3 !important;
	background: #b8b0a8 !important;
	border-radius: 11px !important;
	border: none !important;
}
	/* Dropdown background color of selected values */
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #f8f4f3 !important;
}
	/* Dropdown text color on hover */
.select2-container--default li.select2-results__option.select2-results__option--highlighted {
	color: #000 !important;
}
.select2-container--default .select2-search--inline {
	padding-left: 8px !important;
}
	/* Font properties for remove button */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #f8f4f3 !important;
	opacity: 1 !important;
	font-weight: 100 !important;
	font-size: 22px !important;
	margin: 0 0 0 3px !important;
	text-shadow: none !important;
	font-family: "Open Sans", sans-serif !important;
	line-height: 1;
	float: right !important;
}
/* Block options Select2 dropdown (classic theme) */
	/* Input width */
#block-options .select2-container--classic {
	max-width: 210px;
}
	/* Input border */
.select2-container--classic {
	border: transparent !important;
	border-radius: 18px !important;
}
	/* Input padding */
.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 6px 25px 6px 18px !important;
}
	/* Remove blue border on focus */
.select2-container--classic .select2-selection.select2-selection--single,
.select2-container--classic .select2-selection.select2-selection--multiple {
	height: 40px;
	border: 1px solid #aaa !important;
	border-radius: 18px;
}
	/* Input properties, remove shading, set height and border */
.select2-container--classic.select2-container.select2-container--below .select2-selection--single,
.select2-container--classic.select2-container.select2-container--below .select2-selection--multiple {
	background-image: none !important;
	border: 1px solid #ccc !important;
	border-radius: 18px;
}
.select2-container--classic.select2-container.select2-container--above .select2-selection--single,
.select2-container--classic.select2-container.select2-container--above .select2-selection--multiple {
	background-image: none !important;
	border: 1px solid #aaa !important;
	border-radius: 18px;
}
	/* Border radius of opened input */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border: 1px solid #ffc600 !important;
	border-radius: 18px 18px 0 0;
	border-bottom: 0 !important;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border: 1px solid #ffc600 !important;
	border-radius: 0 0 18px 18px;
	border-top: 0 !important;
}
.select2-container--classic.select2-container--below.select2-container--focus.select2-container--open {
	border-radius: 18px 18px 0 0 !important;
}
.select2-container--classic.select2-container--above.select2-container--focus.select2-container--open {
	border-radius: 0 0 18px 18px !important;
}
	/* Dropdown border radius */
.select2-container--classic.select2-container--open .select2-dropdown--below {
	border-radius: 0 0 18px 18px !important;
}
.select2-container--classic.select2-container--open .select2-dropdown--above {
	border-radius: 18px 18px 0 0 !important;
}
	/* Dropdown background color */
.select2-container--classic li.select2-results__option {
	background-color: #fff;
}
	/* Dropdown text color on hover */
.select2-container--classic li.select2-results__option.select2-results__option--highlighted {
	color: #000 !important;
}
	/* Dropdown hover background color */
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: #fff !important;
}
	/* Remove dropdown arrow */
.select2-selection__arrow {
	display: none;
}

/* Signup form checkmark */
.checkmark__circle {
  stroke-dasharray: 216; /* ORIGINALLY 166px */
  stroke-dashoffset: 216; /* ORIGINALLY 166px */
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  width: 106px; /* ORIGINALLY 56px */
  height: 106px; /* ORIGINALLY 56px */
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 98; /* ORIGINALLY 48px */
  stroke-dashoffset: 98; /* ORIGINALLY 48px*/
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 80px #7ac142;
  }
}
/* End signup form checkmark */
#google-signin {
	border: 0;
	background: 0;
}