/* GENERAL STYLE */
.mm-header,.mm-body,.mm-footer{margin:0;padding:0;font-family: helvetica, sans-serif;font-weight:normal;line-height:1.5;}
.mm-body {color:#000000;}
.mm-content{font-family:inherit;word-wrap: break-word; word-break: break-word; max-width: 100%;}
.modifiable {
  cursor: text!important;
}

/* CONTAINER */
.mm-container{width:100%;max-width:600px;margin:0 auto;min-height:14px;min-height: 80%;}

/* ROW */
.mm-row{display:-ms-flexbox;display:flex;width:100%;}
.mm-row-border { outline: 1px dashed #8c8c8c; }

.mm-row-glow {
	box-shadow: 0 0 0 0.1rem rgba(0, 105, 217, 0.5);
  z-index: 1;
  position:relative;
}

.mm-row:last-child { margin-bottom: 1rem;}

/* .mm-row:not(:first-child) { margin-top: 1px; } */

/* WRAPPER */
.mm-col{flex-grow:1;flex-basis:0;position: relative;}

/* COLUMNS */
.wrapper-div{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:0;min-width:0;max-width:100%;}


/* HEADING */
.mm-header h1 *,.mm-body h1,.mm-footer h1{margin:0;font-size:2.5em;font-weight:bolder}
.mm-header h2 *,.mm-body h2,.mm-footer h2{margin:0;font-size:2em;font-weight:bolder}
.mm-header h3 *,.mm-body h3,.mm-footer h3{margin:0;font-size:1.75em;font-weight:bolder}
.mm-header h4 *,.mm-body h4,.mm-footer h4{margin:0;font-size:1.5em;font-weight:bolder}
.mm-header h5 *,.mm-body h5,.mm-footer h5{margin:0;font-size:1.25em;font-weight:bolder}
.mm-header h6 *,.mm-body h6,.mm-footer h6{margin:0;font-size:1em;font-weight:bolder}

/* PARAGRAPH */
.mm-header p,.mm-body p,.mm-footer p{margin:0;font-size:14px}
.mm-header a[href],.mm-body a[href]:not(.btn),.mm-footer a[href]{color:#007bff;text-decoration:underline}
.mm-header a[href]:hover,.mm-body a[href]:not(.btn):hover,.mm-footer a[href]:hover{color:#0063cc;text-decoration:underline}


/* VERTICAL ALIGN OF COLUMNS */
.mm-row.mm-align-top{-ms-flex-align:start;align-items:flex-start}
.mm-row.mm-align-middle{-ms-flex-align:center;align-items:center}
.mm-row.mm-align-bottom{-ms-flex-align:end;align-items:flex-end}

/* BUTTON */
.mm-btn,.mm-btn-md{text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border:0;padding:6px 12px;border-radius:4px}
.mm-btn:focus {outline:0}
.mm-btn-sm {padding:4px 8px;border-radius:3px}
.mm-btn-lg {padding:8px 16px;border-radius:5px}
.mm-btn:not(:last-of-type) {margin-right:8px}

/* PADDING */
.mm-p-0,.mm-pl-0,.mm-px-0{padding-left:0}
.mm-p-0,.mm-pr-0,.mm-px-0{padding-right:0}
.mm-p-0,.mm-pt-0,.mm-py-0{padding-top:0}
.mm-p-0,.mm-pb-0,.mm-py-0{padding-bottom:0}
.mm-p-1,.mm-pl-1,.mm-px-1{padding-left:.25rem}
.mm-p-1,.mm-pr-1,.mm-px-1{padding-right:.25rem}
.mm-p-1,.mm-pt-1,.mm-py-1{padding-top:.25rem}
.mm-p-1,.mm-pb-1,.mm-py-1{padding-bottom:.25rem}
.mm-p-2,.mm-pl-2,.mm-px-2{padding-left:.5rem}
.mm-p-2,.mm-pr-2,.mm-px-2{padding-right:.5rem}
.mm-p-2,.mm-pt-2,.mm-py-2{padding-top:.5rem}
.mm-p-2,.mm-pb-2,.mm-py-2{padding-bottom:.5rem}
.mm-p-3,.mm-pl-3,.mm-px-3{padding-left:1rem}
.mm-p-3,.mm-pr-3,.mm-px-3{padding-right:1rem}
.mm-p-3,.mm-pt-3,.mm-py-3{padding-top:1rem}
.mm-p-3,.mm-pb-3,.mm-py-3{padding-bottom:1rem}
.mm-p-4,.mm-pl-4,.mm-px-4{padding-left:1.5rem}
.mm-p-4,.mm-pr-4,.mm-px-4{padding-right:1.5rem}
.mm-p-4,.mm-pt-4,.mm-py-4{padding-top:1.5rem}
.mm-p-4,.mm-pb-4,.mm-py-4{padding-bottom:1.5rem}
.mm-p-5,.mm-pl-5,.mm-px-5{padding-left:2rem}
.mm-p-5,.mm-pr-5,.mm-px-5{padding-right:2rem}
.mm-p-5,.mm-pt-5,.mm-py-5{padding-top:2rem}
.mm-p-5,.mm-pb-5,.mm-py-5{padding-bottom:2rem}
.mm-p-6,.mm-pl-6,.mm-px-6{padding-left:3rem}
.mm-p-6,.mm-pr-6,.mm-px-6{padding-right:3rem}
.mm-p-6,.mm-pt-6,.mm-py-6{padding-top:3rem}
.mm-p-6,.mm-pb-6,.mm-py-6{padding-bottom:3rem}

/* MARGIN */
.mm-m-0,.mm-ml-0,.mm-mx-0{margin-left:0}
.mm-m-0,.mm-mr-0,.mm-mx-0{margin-right:0}
.mm-m-0,.mm-mt-0,.mm-my-0{margin-top:0}
.mm-m-0,.mm-mb-0,.mm-my-0{margin-bottom:0}
.mm-m-1,.mm-ml-1,.mm-mx-1{margin-left:.25rem}
.mm-m-1,.mm-mr-1,.mm-mx-1{margin-right:.25rem}
.mm-m-1,.mm-mt-1,.mm-my-1{margin-top:.25rem}
.mm-m-1,.mm-mb-1,.mm-my-1{margin-bottom:.25rem}
.mm-m-2,.mm-ml-2,.mm-mx-2{margin-left:.5rem}
.mm-m-2,.mm-mr-2,.mm-mx-2{margin-right:.5rem}
.mm-m-2,.mm-mt-2,.mm-my-2{margin-top:.5rem}
.mm-m-2,.mm-mb-2,.mm-my-2{margin-bottom:.5rem}
.mm-m-3,.mm-ml-3,.mm-mx-3{margin-left:1rem}
.mm-m-3,.mm-mr-3,.mm-mx-3{margin-right:1rem}
.mm-m-3,.mm-mt-3,.mm-my-3{margin-top:1rem}
.mm-m-3,.mm-mb-3,.mm-my-3{margin-bottom:1rem}
.mm-m-4,.mm-ml-4,.mm-mx-4{margin-left:1.5rem}
.mm-m-4,.mm-mr-4,.mm-mx-4{margin-right:1.5rem}
.mm-m-4,.mm-mt-4,.mm-my-4{margin-top:1.5rem}
.mm-m-4,.mm-mb-4,.mm-my-4{margin-bottom:1.5rem}
.mm-m-5,.mm-ml-5,.mm-mx-5{margin-left:2rem}
.mm-m-5,.mm-mr-5,.mm-mx-5{margin-right:2rem}
.mm-m-5,.mm-mt-5,.mm-my-5{margin-top:2rem}
.mm-m-5,.mm-mb-5,.mm-my-5{margin-bottom:2rem}
.mm-m-6,.mm-ml-6,.mm-mx-6{margin-left:3rem}
.mm-m-6,.mm-mr-6,.mm-mx-6{margin-right:3rem}
.mm-m-6,.mm-mt-6,.mm-my-6{margin-top:3rem}
.mm-m-6,.mm-mb-6,.mm-my-6{margin-bottom:3rem}

/* BORDERS */
.mm-b-0,.mm-bl-0,.mm-bx-0{border-left-width:0}
.mm-b-0,.mm-br-0,.mm-bx-0{border-right-width:0}
.mm-b-0,.mm-bt-0,.mm-by-0{border-top-width:0}
.mm-b-0,.mm-bb-0,.mm-by-0{border-bottom-width:0}
.mm-b-1,.mm-bl-1,.mm-bx-1{border-left-width:1px}
.mm-b-1,.mm-br-1,.mm-bx-1{border-right-width:1px}
.mm-b-1,.mm-bt-1,.mm-by-1{border-top-width:1px}
.mm-b-1,.mm-bb-1,.mm-by-1{border-bottom-width:1px}
.mm-b-2,.mm-bl-2,.mm-bx-2{border-left-width:2px}
.mm-b-2,.mm-br-2,.mm-bx-2{border-right-width:2px}
.mm-b-2,.mm-bt-2,.mm-by-2{border-top-width:2px}
.mm-b-2,.mm-bb-2,.mm-by-2{border-bottom-width:2px}
.mm-b-3,.mm-bl-3,.mm-bx-3{border-left-width:3px}
.mm-b-3,.mm-br-3,.mm-bx-3{border-right-width:3px}
.mm-b-3,.mm-bt-3,.mm-by-3{border-top-width:3px}
.mm-b-3,.mm-bb-3,.mm-by-3{border-bottom-width:3px}

/* BACKGROUND COLOUR */
.mm-bg-blue-1{background-color:#66b0ff !important}
.mm-bg-blue-2{background-color:#3396ff !important}
.mm-bg-blue,.mm-bg-blue-3{background-color:#007bff !important}
.mm-bg-blue-4{background-color:#0063cc !important}
.mm-bg-blue-5{background-color:#004a99 !important}
.mm-bg-indigo-1{background-color:#a672f8 !important}
.mm-bg-indigo-2{background-color:#8742f5 !important}
.mm-bg-indigo,.mm-bg-indigo-3{background-color:#6812f3 !important}
.mm-bg-indigo-4{background-color:#530aC7 !important}
.mm-bg-indigo-5{background-color:#3e0896 !important}
.mm-bg-purple-1{background-color:#aa8fdb !important}
.mm-bg-purple-2{background-color:#8c69ce !important}
.mm-bg-purple,.mm-bg-purple-3{background-color:#6f42c2 !important}
.mm-bg-purple-4{background-color:#59339e !important}
.mm-bg-purple-5{background-color:#432777 !important}
.mm-bg-pink-1{background-color:#f39bc4 !important}
.mm-bg-pink-2{background-color:#ee6da9 !important}
.mm-bg-pink,.mm-bg-pink-3{background-color:#e93f8e !important}
.mm-bg-pink-4{background-color:#db1a74 !important}
.mm-bg-pink-5{background-color:#ad145c !important}
.mm-bg-red-1{background-color:#eb8e98 !important}
.mm-bg-red-2{background-color:#e36370 !important}
.mm-bg-red,.mm-bg-red-3{background-color:#dc3848 !important}
.mm-bg-red-4{background-color:#bf2231 !important}
.mm-bg-red-5{background-color:#931a26 !important}
.mm-bg-orange-1{background-color:#feb67c !important}
.mm-bg-orange-2{background-color:#fd9a49 !important}
.mm-bg-orange,.mm-bg-orange-3{background-color:#fd7e17 !important}
.mm-bg-orange-4{background-color:#de6502 !important}
.mm-bg-orange-5{background-color:#ac4e02 !important}
.mm-bg-yellow-1{background-color:#ffda6b !important}
.mm-bg-yellow-2{background-color:#ffcd38 !important}
.mm-bg-yellow,.mm-bg-yellow-3{background-color:#ffc105 !important}
.mm-bg-yellow-4{background-color:#d19d00 !important}
.mm-bg-yellow-5{background-color:#9e7700 !important}
.mm-bg-green-1{background-color:#5fd87b !important}
.mm-bg-green-2{background-color:#36ce59 !important}
.mm-bg-green,.mm-bg-green-3{background-color:#29a847 !important}
.mm-bg-green-4{background-color:#1f7f35 !important}
.mm-bg-green-5{background-color:#155624 !important}
.mm-bg-teal-1{background-color:#69e8c2 !important}
.mm-bg-teal-2{background-color:#3de1b0 !important}
.mm-bg-teal,.mm-bg-teal-3{background-color:#20cb98 !important}
.mm-bg-teal-4{background-color:#199f77 !important}
.mm-bg-teal-5{background-color:#127356 !important}
.mm-bg-cyan-1{background-color:#4ed4e9 !important}
.mm-bg-cyan-2{background-color:#21cae4 !important}
.mm-bg-cyan,.mm-bg-cyan-3{background-color:#17a4ba !important}
.mm-bg-cyan-4{background-color:#117c8d !important}
.mm-bg-cyan-5{background-color:#0c545f !important}
.mm-bg-gray-1{background-color:#a2a9ae !important}
.mm-bg-gray-2{background-color:#878f97 !important}
.mm-bg-gray,.mm-bg-gray-3{background-color:#6d767e !important}
.mm-bg-gray-4{background-color:#555c62 !important}
.mm-bg-gray-5{background-color:#3e4347 !important}
.mm-bg-white{background-color:#ffffff !important}
.mm-bg-black{background-color:#000000 !important}
.mm-bg-gray50{background-color:#808080 !important}
.mm-bg-light{background-color:#f9fafb !important}
.mm-bg-dark{background-color:#353b41 !important}
.mm-bg-gray-100{background-color: #e6e6e6!important;}
.mm-bg-gray-200{background-color: #cccccc!important;}
.mm-bg-gray-300{background-color: #b3b3b3!important;}
.mm-bg-gray-400{background-color: #999999!important;}
.mm-bg-gray-500{background-color: #808080!important;}
.mm-bg-gray-600{background-color: #666666!important;}
.mm-bg-gray-700{background-color: #4d4d4d!important;}
.mm-bg-gray-800{background-color: #333333!important;}
.mm-bg-gray-900{background-color: #1a1a1a!important;}
.mm-bg-transparent{background-color: rgba(0, 0, 0, 0)!important;}
.mm-bg-crossed{
  background: 
          linear-gradient(to top left,
           rgba(0,0,0,0) 0%,
           rgba(0,0,0,0) calc(50% - 1.5px),
           rgba(220,56,72,1) 50%,
           rgba(0,0,0,0) calc(50% + 1.5px),
           rgba(0,0,0,0) 100%);
  background-repeat: no-repeat;
}

/* BORDER COLOR */
.mm-border-blue-1{border-color:#66b0ff !important}
.mm-border-blue-2{border-color:#3396ff !important}
.mm-border-blue,.mm-border-blue-3{border-color:#007bff !important}
.mm-border-blue-4{border-color:#0063cc !important}
.mm-border-blue-5{border-color:#004a99 !important}
.mm-border-indigo-1{border-color:#a672f8 !important}
.mm-border-indigo-2{border-color:#8742f5 !important}
.mm-border-indigo,.mm-border-indigo-3{border-color:#6812f3 !important}
.mm-border-indigo-4{border-color:#530aC7 !important}
.mm-border-indigo-5{border-color:#3e0896 !important}
.mm-border-purple-1{border-color:#aa8fdb !important}
.mm-border-purple-2{border-color:#8c69ce !important}
.mm-border-purple,.mm-border-purple-3{border-color:#6f42c2 !important}
.mm-border-purple-4{border-color:#59339e !important}
.mm-border-purple-5{border-color:#432777 !important}
.mm-border-pink-1{border-color:#f39bc4 !important}
.mm-border-pink-2{border-color:#ee6da9 !important}
.mm-border-pink,.mm-border-pink-3{border-color:#e93f8e !important}
.mm-border-pink-4{border-color:#db1a74 !important}
.mm-border-pink-5{border-color:#ad145c !important}
.mm-border-red-1{border-color:#eb8e98 !important}
.mm-border-red-2{border-color:#e36370 !important}
.mm-border-red,.mm-border-red-3{border-color:#dc3848}
.mm-border-red-4{border-color:#bf2231 !important}
.mm-border-red-5{border-color:#931a26 !important}
.mm-border-orange-1{border-color:#feb67c !important}
.mm-border-orange-2{border-color:#fd9a49 !important}
.mm-border-orange,.mm-border-orange-3{border-color:#fd7e17 !important}
.mm-border-orange-4{border-color:#de6502 !important}
.mm-border-orange-5{border-color:#ac4e02 !important}
.mm-border-yellow-1{border-color:#ffda6b !important}
.mm-border-yellow-2{border-color:#ffcd38 !important}
.mm-border-yellow,.mm-border-yellow-3{border-color:#ffc105 !important}
.mm-border-yellow-4{border-color:#d19d00 !important}
.mm-border-yellow-5{border-color:#9e7700 !important}
.mm-border-green-1{border-color:#5fd87b !important}
.mm-border-green-2{border-color:#36ce59 !important}
.mm-border-green,.mm-border-green-3{border-color:#29a847 !important}
.mm-border-green-4{border-color:#1f7f35 !important}
.mm-border-green-5{border-color:#155624 !important}
.mm-border-teal-1{border-color:#69e8c2 !important}
.mm-border-teal-2{border-color:#3de1b0 !important}
.mm-border-teal,.mm-border-teal-3{border-color:#20cb98 !important}
.mm-border-teal-4{border-color:#199f77 !important}
.mm-border-teal-5{border-color:#127356 !important}
.mm-border-cyan-1{border-color:#4ed4e9 !important}
.mm-border-cyan-2{border-color:#21cae4 !important}
.mm-border-cyan,.mm-border-cyan-3{border-color:#17a4ba !important}
.mm-border-cyan-4{border-color:#117c8d !important}
.mm-border-cyan-5{border-color:#0c545f !important}
.mm-border-gray-1{border-color:#a2a9ae !important}
.mm-border-gray-2{border-color:#878f97 !important}
.mm-border-gray,.mm-border-gray-3{border-color:#6d767e !important}
.mm-border-gray-4{border-color:#555c62 !important}
.mm-border-gray-5{border-color:#3e4347 !important}
.mm-border-white{border-color:#ffffff !important}
.mm-border-black{border-color:#000000 !important}
.mm-border-gray50{border-color:#808080 !important}
.mm-border-light{border-color:#f9fafb !important}
.mm-border-dark{border-color:#353b41 !important}
.mm-border-gray-100{border-color: #e6e6e6!important;}
.mm-border-gray-200{border-color: #cccccc!important;}
.mm-border-gray-300{border-color: #b3b3b3!important;}
.mm-border-gray-400{border-color: #999999!important;}
.mm-border-gray-500{border-color: #808080!important;}
.mm-border-gray-600{border-color: #666666!important;}
.mm-border-gray-700{border-color: #4d4d4d!important;}
.mm-border-gray-800{border-color: #333333!important;}
.mm-border-gray-900{border-color: #1a1a1a!important;}



/* TEXT COLOR */
.mm-text-blue, .mm-text-blue *:not(#mm-div-toolbar div){color:#007bff!important;}
.mm-text-indigo, .mm-text-indigo *:not(#mm-div-toolbar div){color:#6812f3!important;}
.mm-text-purple, .mm-text-purple *:not(#mm-div-toolbar div){color:#6f42c2!important;}
.mm-text-pink, .mm-text-pink *:not(#mm-div-toolbar div){color:#e93f8e!important;}
.mm-text-red, .mm-text-red *:not(#mm-div-toolbar div){color:#dc3848!important;}
.mm-text-orange, .mm-text-orange *:not(#mm-div-toolbar div){color:#fd7e17!important;}
.mm-text-yellow, .mm-text-yellow *:not(#mm-div-toolbar div){color:#ffc105!important;}
.mm-text-green, .mm-text-green *:not(#mm-div-toolbar div){color:#29a847!important;}
.mm-text-teal, .mm-text-teal *:not(#mm-div-toolbar div){color:#20cb98!important;}
.mm-text-cyan, .mm-text-cyan *:not(#mm-div-toolbar div){color:#17a4ba!important;}
.mm-text-gray, .mm-text-gray *:not(#mm-div-toolbar div){color:#6d767e!important;}
.mm-text-white, .mm-text-white *:not(#mm-div-toolbar div){color:#ffffff!important;}
.mm-text-black, .mm-text-black *:not(#mm-div-toolbar div){color:#000000!important;}
.mm-text-gray50, .mm-text-gray50 *:not(#mm-div-toolbar div){color:#808080!important;}
.mm-text-light, .mm-text-light *:not(#mm-div-toolbar div){color:#f9fafb!important;}
.mm-text-dark, .mm-text-dark *:not(#mm-div-toolbar div){color:#353b41!important;}
.mm-text-gray-100, .mm-text-gray-100 *:not(#mm-div-toolbar div){color: #e6e6e6!important;}
.mm-text-gray-200, .mm-text-gray-200 *:not(#mm-div-toolbar div){color: #cccccc!important;}
.mm-text-gray-300, .mm-text-gray-300 *:not(#mm-div-toolbar div){color: #b3b3b3!important;}
.mm-text-gray-400, .mm-text-gray-400 *:not(#mm-div-toolbar div){color: #999999!important;}
.mm-text-gray-500, .mm-text-gray-500 *:not(#mm-div-toolbar div){color: #808080!important;}
.mm-text-gray-600, .mm-text-gray-600 *:not(#mm-div-toolbar div){color: #666666!important;}
.mm-text-gray-700, .mm-text-gray-700 *:not(#mm-div-toolbar div){color: #4d4d4d!important;}
.mm-text-gray-800, .mm-text-gray-800 *:not(#mm-div-toolbar div){color: #333333!important;}
.mm-text-gray-900, .mm-text-gray-900 *:not(#mm-div-toolbar div){color: #1a1a1a!important;}

/* BORDER COLOUR */
.mm-b-blue,.mm-bl-blue,.mm-bx-blue{border-left-color:#007bff}
.mm-b-indigo,.mm-bl-indigo,.mm-bx-indigo{border-left-color:#6812f3}
.mm-b-purple,.mm-bl-purple,.mm-bx-purple{border-left-color:#6f42c2}
.mm-b-pink,.mm-bl-pink,.mm-bx-pink{border-left-color:#e93f8e}
.mm-b-red,.mm-bl-red,.mm-bx-red{border-left-color:#dc3848}
.mm-b-orange,.mm-bl-orange,.mm-bx-orange{border-left-color:#fd7e17}
.mm-b-yellow,.mm-bl-yellow,.mm-bx-yellow{border-left-color:#ffc105}
.mm-b-green,.mm-bl-green,.mm-bx-green{border-left-color:#29a847}
.mm-b-teal,.mm-bl-teal,.mm-bx-teal{border-left-color:#20cb98}
.mm-b-cyan,.mm-bl-cyan,.mm-bx-cyan{border-left-color:#17a4ba}
.mm-b-gray,.mm-bl-gray,.mm-bx-gray{border-left-color:#6d767e}
.mm-b-white,.mm-bl-white,.mm-bx-white{border-left-color:#fff}
.mm-b-black,.mm-bl-black,.mm-bx-black{border-left-color:#000}
.mm-b-gray50,.mm-bl-gray50,.mm-bx-gray50{border-left-color:#808080}
.mm-b-light,.mm-bl-light,.mm-bx-light{border-left-color:#f9fafb}
.mm-b-dark,.mm-bl-dark,.mm-bx-dark{border-left-color:#353b41}
.mm-b-outline,.mm-bl-outline,.mm-bx-outline{border-left-color:#ced4da}

.mm-b-blue,.mm-br-blue,.mm-bx-blue{border-right-color:#007bff}
.mm-b-indigo,.mm-br-indigo,.mm-bx-indigo{border-right-color:#6812f3}
.mm-b-purple,.mm-br-purple,.mm-bx-purple{border-right-color:#6f42c2}
.mm-b-pink,.mm-br-pink,.mm-bx-pink{border-right-color:#e93f8e}
.mm-b-red,.mm-br-red,.mm-bx-red{border-right-color:#dc3848}
.mm-b-orange,.mm-br-orange,.mm-bx-orange{border-right-color:#fd7e17}
.mm-b-yellow,.mm-br-yellow,.mm-bx-yellow{border-right-color:#ffc105}
.mm-b-green,.mm-br-green,.mm-bx-green{border-right-color:#29a847}
.mm-b-teal,.mm-br-teal,.mm-bx-teal{border-right-color:#20cb98}
.mm-b-cyan,.mm-br-cyan,.mm-bx-cyan{border-right-color:#17a4ba}
.mm-b-gray,.mm-br-gray,.mm-bx-gray{border-right-color:#6d767e}
.mm-b-white,.mm-br-white,.mm-bx-white{border-right-color:#fff}
.mm-b-black,.mm-br-black,.mm-bx-black{border-right-color:#000}
.mm-b-gray50,.mm-br-gray50,.mm-bx-gray50{border-right-color:#808080}
.mm-b-light,.mm-br-light,.mm-bx-light{border-right-color:#f9fafb}
.mm-b-dark,.mm-br-dark,.mm-bx-dark{border-right-color:#353b41}
.mm-b-outline,.mm-br-outline,.mm-bx-outline{border-right-color:#ced4da}

.mm-b-blue,.mm-bt-blue,.mm-by-blue{border-top-color:#007bff}
.mm-b-indigo,.mm-bt-indigo,.mm-by-indigo{border-top-color:#6812f3}
.mm-b-purple,.mm-bt-purple,.mm-by-purple{border-top-color:#6f42c2}
.mm-b-pink,.mm-bt-pink,.mm-by-pink{border-top-color:#e93f8e}
.mm-b-red,.mm-bt-red,.mm-by-red{border-top-color:#dc3848}
.mm-b-orange,.mm-bt-orange,.mm-by-orange{border-top-color:#fd7e17}
.mm-b-yellow,.mm-bt-yellow,.mm-by-yellow{border-top-color:#ffc105}
.mm-b-green,.mm-bt-green,.mm-by-green{border-top-color:#29a847}
.mm-b-teal,.mm-bt-teal,.mm-by-teal{border-top-color:#20cb98}
.mm-b-cyan,.mm-bt-cyan,.mm-by-cyan{border-top-color:#17a4ba}
.mm-b-gray,.mm-bt-gray,.mm-by-gray{border-top-color:#6d767e}
.mm-b-white,.mm-bt-white,.mm-by-white{border-top-color:#fff}
.mm-b-black,.mm-bt-black,.mm-by-black{border-top-color:#000}
.mm-b-gray50,.mm-bt-gray50,.mm-by-gray50{border-top-color:#808080}
.mm-b-light,.mm-bt-light,.mm-by-light{border-top-color:#f9fafb}
.mm-b-dark,.mm-bt-dark,.mm-by-dark{border-top-color:#353b41}
.mm-b-outline,.mm-bt-outline,.mm-by-outline{border-top-color:#ced4da}

.mm-b-blue,.mm-bb-blue,.mm-by-blue{border-bottom-color:#007bff}
.mm-b-indigo,.mm-bb-indigo,.mm-by-indigo{border-bottom-color:#6812f3}
.mm-b-purple,.mm-bb-purple,.mm-by-purple{border-bottom-color:#6f42c2}
.mm-b-pink,.mm-bb-pink,.mm-by-pink{border-bottom-color:#e93f8e}
.mm-b-red,.mm-bb-red,.mm-by-red{border-bottom-color:#dc3848}
.mm-b-orange,.mm-bb-orange,.mm-by-orange{border-bottom-color:#fd7e17}
.mm-b-yellow,.mm-bb-yellow,.mm-by-yellow{border-bottom-color:#ffc105}
.mm-b-green,.mm-bb-green,.mm-by-green{border-bottom-color:#29a847}
.mm-b-teal,.mm-bb-teal,.mm-by-teal{border-bottom-color:#20cb98}
.mm-b-cyan,.mm-bb-cyan,.mm-by-cyan{border-bottom-color:#17a4ba}
.mm-b-gray,.mm-bb-gray,.mm-by-gray{border-bottom-color:#6d767e}
.mm-b-white,.mm-bb-white,.mm-by-white{border-bottom-color:#fff}
.mm-b-black,.mm-bb-black,.mm-by-black{border-bottom-color:#000}
.mm-b-gray50,.mm-bb-gray50,.mm-by-gray50{border-bottom-color:#808080}
.mm-b-light,.mm-bb-light,.mm-by-light{border-bottom-color:#f9fafb}
.mm-b-dark,.mm-bb-dark,.mm-by-dark{border-bottom-color:#353b41}
.mm-b-outline,.mm-bb-outline,.mm-by-outline{border-bottom-color:#ced4da}

/* BORDER STYLE */
.mm-b-none,.mm-bl-none,.mm-bx-none {border-left-style:none;}
.mm-b-solid,.mm-bl-solid,.mm-bx-solid {border-left-style:solid;}
.mm-b-dotted,.mm-bl-dotted,.mm-bx-dotted {border-left-style:dotted;}
.mm-b-dashed,.mm-bl-dashed,.mm-bx-dashed {border-left-style:dashed;}

/* FONT DECORATION */
/* 
  @Depreciated. Do not use this set at all.
  For bold, use <b> tag in <span>/<a>/<button> tag.
  For italic, use <i> tag in <span>/<a>/<button> tag.
  For underline, use <u> tag in <span>/<a>/<button> tag.
  For strikethrough, use <s> tag in <span>/<a>/<button> tag.
  For superscript, use <sup> tag in <span>/<a>/<button> tag.
  For subscript, use <sub> tag in <span>/<a>/<button> tag.
*/
.mm-f-normal{font-weight:normal;font-style:normal;text-decoration:none}
.mm-f-bold{font-weight:bold}
.mm-f-no-bold{font-weight:normal}
.mm-f-italic{font-style:italic}
.mm-f-no-italic{font-style:normal}
.mm-f-underline{text-decoration:underline}
.mm-f-strike{text-decoration:line-through}
.mm-f-no-underline,.mm-f-no-strike{text-decoration:none}
.mm-f-superscript{vertical-align:super;font-size:85.55%}
.mm-f-subscript{vertical-align:sub;font-size:85.55%}
/*
  Use this set as a alternative to overwrite default styling.
*/
h1.mm-no-b,h2.mm-no-b,h3.mm-no-b,h4.mm-no-b,h5.mm-no-b,h6.mm-no-b{font-weight:normal}
a.mm-no-u{text-decoration:none}

/* FONT FAMILY */ 
/* for any custom fonts, please see tutorial for fonts */
.mm-f-family-arial{font-family:arial,sans-serif!important;}
.mm-f-family-couriernew{font-family:"courier new",monospace!important;}
.mm-f-family-georgia{font-family:georgia,serif!important;}
.mm-f-family-helvetica{font-family:helvetica,sans-serif!important;}
.mm-f-family-tahoma{font-family:tahoma,sans-serif!important;}
.mm-f-family-timesnewroman{font-family:"times new roman",serif!important;}
.mm-f-family-trebuchet{font-family:"trebuchet ms",sans-serif!important;}
.mm-f-family-verdana{font-family:verdana,sans-serif!important;}
.mm-f-family-sfpro{font-family:"sf pro",sans-serif!important;}

/* FONT SIZE */
.mm-f-size8{font-size:8px!important;}
.mm-f-size9{font-size:9px!important;}
.mm-f-size10{font-size:10px!important;}
.mm-f-size11{font-size:11px!important;}
.mm-f-size12{font-size:12px!important;}
.mm-f-size14{font-size:14px!important;}
.mm-f-size16{font-size:16px!important;}
.mm-f-size18{font-size:18px!important;}
.mm-f-size20{font-size:20px!important;}
.mm-f-size22{font-size:22px!important;}
.mm-f-size24{font-size:24px!important;}
.mm-f-size26{font-size:26px!important;}
.mm-f-size28{font-size:28px!important;}
.mm-f-size36{font-size:36px!important;}
.mm-f-size48{font-size:48px!important;}
.mm-f-size72{font-size:72px!important;}

/* LINE HEIGHT */
.mm-lh-none{line-height:1}
.mm-lh-sm{line-height:1.25}
.mm-lh-md{line-height:1.5}
.mm-lh-lg{line-height:2}

/* TEXT ALIGN */
.mm-text-left{text-align:left}
.mm-text-right{text-align:right}
.mm-text-center{text-align:center}
.mm-text-justify{text-align:justify}

/* PREVIEW DIVS */
#vertical-preview{ background-color: rgba(134, 183, 254, 0.7); min-height: 100%; width: 1em; margin-top:0.5em; margin-bottom: 0.5em;}
#horizontal-preview, #horizontal-layer-preview{ background-color: rgba(134, 183, 254, 0.7); -ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%;min-height:28px; max-height:28px !important; margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0.125rem !important; margin-bottom: 0.125rem;}
#horizontal-layer-preview{display:block; height: 28px; margin-left: 0px; margin-right: 0px;}
/* DRAG */
.dragging {
  opacity: 50%;
}
/* ICONS */
@font-face{font-family:"mm-icons";src:url("https://cdn.mailmail.com/static/builder-assets/mailmail-icons.ttf") format('ttf'),url("https://cdn.mailmail.com/static/builder-assets/mailmail-icons.woff") format("woff")}
.mmi{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;vertical-align:middle;font-family:'mm-icons'}
.mmi-browser-chrome::before{content:"\f000"}
.mmi-browser-edge::before{content:"\f001"}
.mmi-browser-firefox::before{content:"\f002"}
.mmi-browser-internet-explorer::before{content:"\f003"}
.mmi-browser-opera::before{content:"\f004"}
.mmi-browser-safari::before{content:"\f005"}
.mmi-discord::before{content:"\f010"}
.mmi-email::before{content:"\f011"}
.mmi-facebook::before{content:"\f012"}
.mmi-globe::before{content:"\f013"}
.mmi-google-plus::before{content:"\f014"}
.mmi-instagram::before{content:"\f015"}
.mmi-line::before{content:"\f016"}
.mmi-linkedin::before{content:"\f017"}
.mmi-phone::before{content:"\f018"}
.mmi-pinterest::before{content:"\f019"}
.mmi-telegram::before{content:"\f01a"}
.mmi-twitter::before{content:"\f01b"}
.mmi-weblink::before{content:"\f01c"}
.mmi-weixin::before{content:"\f01d"}
.mmi-whatsapp::before{content:"\f01e"}
.mmi-youtube::before{content:"\f01f"}
.mmi-discord-alt::before{content:"\f020"}
.mmi-email-alt::before{content:"\f021"}
.mmi-facebook-alt::before{content:"\f022"}
.mmi-globe-alt::before{content:"\f023"}
.mmi-google-plus-alt::before{content:"\f024"}
.mmi-instagram-alt::before{content:"\f025"}
.mmi-line-alt::before{content:"\f026"}
.mmi-linkedin-alt::before{content:"\f027"}
.mmi-phone-alt::before{content:"\f028"}
.mmi-pinterest-alt::before{content:"\f029"}
.mmi-telegram-alt::before{content:"\f02a"}
.mmi-twitter-alt::before{content:"\f02b"}
.mmi-weblink-alt::before{content:"\f02c"}
.mmi-weixin-alt::before{content:"\f02d"}
.mmi-whatsapp-alt::before{content:"\f02e"}
.mmi-youtube-alt::before{content:"\f02f"}
.mmi-discord-circle::before{content:"\f030"}
.mmi-email-circle::before{content:"\f031"}
.mmi-facebook-circle::before{content:"\f032"}
.mmi-globe-circle::before{content:"\f033"}
.mmi-google-plus-circle::before{content:"\f034"}
.mmi-instagram-circle::before{content:"\f035"}
.mmi-line-circle::before{content:"\f036"}
.mmi-linkedin-circle::before{content:"\f037"}
.mmi-phone-circle::before{content:"\f038"}
.mmi-pinterest-circle::before{content:"\f039"}
.mmi-telegram-circle::before{content:"\f03a"}
.mmi-twitter-circle::before{content:"\f03b"}
.mmi-weblink-circle::before{content:"\f03c"}
.mmi-weixin-circle::before{content:"\f03d"}
.mmi-whatsapp-circle::before{content:"\f03e"}
.mmi-youtube-circle::before{content:"\f03f"}
.mmi-discord-square::before{content:"\f040"}
.mmi-email-square::before{content:"\f041"}
.mmi-facebook-square::before{content:"\f042"}
.mmi-globe-square::before{content:"\f043"}
.mmi-google-plus-square::before{content:"\f044"}
.mmi-instagram-square::before{content:"\f045"}
.mmi-line-square::before{content:"\f046"}
.mmi-linkedin-square::before{content:"\f047"}
.mmi-phone-square::before{content:"\f048"}
.mmi-pinterest-square::before{content:"\f049"}
.mmi-telegram-square::before{content:"\f04a"}
.mmi-twitter-square::before{content:"\f04b"}
.mmi-weblink-square::before{content:"\f04c"}
.mmi-weixin-square::before{content:"\f04d"}
.mmi-whatsapp-square::before{content:"\f04e"}
.mmi-youtube-square::before{content:"\f04f"}
.mmi-mobile::before{content:"\f050"}
.mmi-tablet::before{content:"\f051"}
.mmi-desktop::before{content:"\f052"}
.mmi-expand::before{content:"\f053"}
.mmi-compress::before{content:"\f054"}
.mmi-file-download::before{content:"\f055"}
.mmi-file-export::before{content:"\f056"}
.mmi-file-image::before{content:"\f057"}
.mmi-file-import::before{content:"\f058"}
.mmi-file-upload::before{content:"\f059"}
.mmi-upload::before{content:"\f05a"}
.mmi-download::before{content:"\f05b"}
.mmi-save::before{content:"\f05c"}
.mmi-export::before{content:"\f05d"}
.mmi-trash::before{content:"\f05e"}
.mmi-warning::before{content:"\f05f"}
.mmi-undo::before{content:"\f060"}
.mmi-redo::before{content:"\f061"}
.mmi-eye::before{content:"\f062"}
.mmi-eye-slash::before{content:"\f063"}
.mmi-cog::before{content:"\f064"}
.mmi-layers::before{content:"\f065"}
.mmi-palette::before{content:"\f066"}
.mmi-brush::before{content:"\f067"}
.mmi-fill::before{content:"\f068"}
.mmi-fill-drip::before{content:"\f069"}
.mmi-image::before{content:"\f06a"}
.mmi-images::before{content:"\f06b"}
.mmi-paper-plane::before{content:"\f06c"}
.mmi-copy::before{content:"\f06d"}
.mmi-rows::before{content:"\f070"}
.mmi-columns::before{content:"\f071"}
.mmi-divider::before{content:"\f072"}
.mmi-heading::before{content:"\f073"}
.mmi-paragraph::before{content:"\f074"}
.mmi-link::before{content:"\f075"}
.mmi-button::before{content:"\f076"}
.mmi-list-ol::before{content:"\f077"}
.mmi-list-ul::before{content:"\f078"}
.mmi-user-circle::before{content:"\f079"}
.mmi-move::before{content:"\f087"}
.mmi-add::before{content:"\f088"}
.mmi-code::before{content:"\f07a"}
.mmi-border-all::before{content:"\f07b"}
.mmi-border-none::before{content:"\f07c"}
.mmi-border-top::before{content:"\f07d"}
.mmi-border-right::before{content:"\f07e"}
.mmi-border-bottom::before{content:"\f07f"}
.mmi-border-left::before{content:"\f080"}
.mmi-padding-all::before{content:"\f081"}
.mmi-padding-none::before{content:"\f082"}
.mmi-padding-top::before{content:"\f083"}
.mmi-padding-right::before{content:"\f084"}
.mmi-padding-bottom::before{content:"\f085"}
.mmi-padding-left::before{content:"\f086"}
.mmi-font-size::before{content:"\f090"}
.mmi-font-family::before{content:"\f091"}
.mmi-font-case::before{content:"\f092"}
.mmi-text-bold::before{content:"\f093"}
.mmi-text-italic::before{content:"\f094"}
.mmi-text-underline::before{content:"\f095"}
.mmi-text-strikethrough::before{content:"\f096"}
.mmi-superscript::before{content:"\f097"}
.mmi-subscript::before{content:"\f098"}
.mmi-align-left::before{content:"\f099"}
.mmi-align-center::before{content:"\f09a"}
.mmi-align-right::before{content:"\f09b"}
.mmi-align-justify::before{content:"\f09c"}
.mmi-align-top::before{content:"\f09d"}
.mmi-align-middle::before{content:"\f09e"}
.mmi-align-bottom::before{content:"\f09f"}
.mmi-direction-ltr::before{content:"\f0a0"}
.mmi-direction-rtl::before{content:"\f0a1"}
.mmi-line-height::before{content:"\f0a2"}


/* CUSTOM STYLES */
.mm-body {
  min-height: 6rem;
}

ul.mm-bullet, ol.mm-number{
  display: inline-block;
  list-style-position: inside;
  padding-inline-start: 0px;
}
.mm-generate-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #8c8c8c;
}

.mm-generate-button:hover {
  color: #727272;
}

.mm-row-generator {
  height: 50px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  border: 1px dashed #8c8c8c;
  border-color: #8c8c8c;
}

.mm-row-generator-highlight {
  border: 1px dashed #0069D9 !important;
  color: #0069D9 !important;
  opacity: 0.75;
}

.mm-row-generator-highlight .mm-generate-button{
  color: #0069D9 !important;
  opacity: 0.75;
}

#mm-row-toolbar {
  background-color: #0069d9;
  color: white;
  border-radius: 2px 2px 0 0;
}

#mm-div-toolbar {
  background-color: #c82333;
  color: white;
  border-radius: 0 0 2px 0;
  margin-top: -1px;
}

#mm-col-toolbar {
  background-color: #218838;
  color: white;
  border-radius: 2px 2px 0 0;
}

.mm-col-glow {
  box-shadow: 0 0 0 0.1rem rgba(33, 136, 56, 0.5);
}

.mm-div-glow {
	box-shadow: 0 0 0 0.1rem rgba(200, 35, 51, 0.5) inset;
  z-index: 1;
  position:relative;
}

@keyframes frames {
  0% {
    width: 0px;
  }
  100% {
    width: 70%;
  }
}

.mm-paragraph {
  background-color: whitesmoke;
  min-width: 60px;
  background-color: transparent;
}
.mm-min-height {
  min-height: 50px;
}

.prep-el {
  display: none;
}

.mm-image {
  width:100%;
  height:100%;
  object-fit: cover;  
  overflow: hidden;
}

.toolbar-icon{
  color: #E6E6E6;
}
.toolbar-icon:hover {
  color: #fff;
}

.buffer-div {
  height: 3rem;
  width: 100%;
}

.mm-button {
  min-height: 38px;
  min-width: 40px;
}
.mm-button.btn {
  font-size:inherit;
}
.mm-header-parent, .mm-button-parent, .mm-divider-parent {
  display: flex;
  align-items: center;
}
.mm-divider-parent{
  min-height:0px;
}
.mm-social-parent {
  text-align: center;
}
.mm-social img {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 2rem;
  width: 2rem;
}
/* HIGHLIGHT FOR CHANGING ELEMENTS */
.mm-social img,
#email-template a[href],
.ql-editor a {
  box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 0%);
  transition: box-shadow 1.5s;
}
.mm-social img.mm-element-highlight,
#email-template a[href].mm-element-highlight,
.ql-editor a.mm-element-highlight {
  box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 100%);
}
#style-button-editor .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 0%);
  transition: border 1.5s, box-shadow 1.5s;
}
#style-button-editor .custom-file-label.mm-element-highlight {
  border: 1px solid rgba(40, 167, 69, 1);
  box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 100%);
}
/* END OF HIGHLIGHTS */

.mm-link {
  display:block;
}
.mm-link > div {
  display:block;
}
.move-icon {
  cursor: pointer;
  background-color: transparent;
}

.icon-height {
  height: 24px;
}

.modifiable {
  -webkit-user-modify: read-write;
  -moz-user-modify: read-write;
  user-modify: read-write;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.editor-container {
  background-color: white;
}

#editor-container {
  color: black;
}

.placeholder-div {
  -ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%;
}

.padding-buffer {
  padding-left: 1.5em;
}

.image-overlay {
  content:'';
  opacity: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: black;
  color: white;
  height:101%;
  cursor: pointer;
  pointer-events: none;
}

.bg-image-overlay{
  content:'';
  opacity: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: black;
  color: white;
  height:101%;
  cursor: pointer;
  pointer-events: none;
}

#link-input{
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

body[data-theme='dark'] .fa-trash{
  color:#bfbfbf !important;
}

body[data-theme='dark'] .fa-trash:hover{
  color:#fff !important;
}

.fa-trash{
  color:#8c8c8c !important;
}

.fa-trash:hover{
  color:#727272 !important;
}

.delete-icon{
  padding-top: 0.2rem;
  padding-right: 0.2rem;
}

.upload-table.table-responsive{
  height:32rem;
}

thead.upload-table-row{
  color: #212529 !important;
}

.hidden-icon{
  color: #8c8c8c !important;
}

#builder-panel-layer{
  height: 85vh;
  overflow-y: scroll;
}

#builder-panel-layer::-webkit-scrollbar {
  display: none;
}

#builder-panel-layer .btn:focus {
  box-shadow: inset 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.save-dropdown {
  right: 0px;
  top: 28px;
  width: 5rem;
  z-index: 2;
  background-color: transparent;
}

.dropdown-buffer{
  height: 5px;
  background-color:rgba(0, 105, 217)
}

.save-dropdown-item{
  background-color: #f2f2f2;
  font-size: 0.9rem;
}

body[data-theme="dark"] .save-dropdown-item{
  background-color: #262626 !important;
}

.save-disabled {
  cursor: default;
  color: #b8b8b8 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  cursor: default !important;
}


body[data-theme="dark"] .save-disabled{
  color: #828282;
  background-color: transparent !important;
  box-shadow: none !important;
  cursor: default !important;
}
/* COLOR CODE FOR HIGHLIGHTS


*/