@font-face {
  font-family: "Gotham";
  src:
    url("../../pdffonts/Gotham-400.otf") format("opentype"),
    url("../../pdffonts/Gotham-400.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src:
    url("../../pdffonts/Gotham-700.otf") format("opentype"),
    url("../../pdffonts/Gotham-700.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src:
    url("../../pdffonts/Gotham-600.otf") format("opentype"),
    url("../../pdffonts/Gotham-600.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src:
    url("../../pdffonts/Gotham-300.otf") format("opentype"),
    url("../../pdffonts/Gotham-300.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

html, body {
    height: 100%;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    margin:0;
    padding:0;
    width: 100%;
    display: block;
    background-color: #ffffff;
    color: #222;
}

/* Basic Elements */

img {
    border: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    outline: none;
    text-decoration: none;
    vertical-align: top;
}

input:not([type='checkbox']):not([type='radio']), 
textarea, 
select {
    padding: 10px;
    border: 1px solid #d9d9d9;
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

input:not([type='checkbox']):not([type='radio']).fullwidthtooltip, 
textarea.fullwidthtooltip, 
select.fullwidthtooltip {
    width: calc(100% - 24px);
}

#wrapper input.textfield-50 { width: 50px; }
#wrapper input.textfield-100 { width: 100px; }
#wrapper input.textfield-150 { width: 150px; }
#wrapper input.textfield-200 { width: 200px; }

.font-12 { font-size: 12px; }
.font-14 { font-size: 14px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }

#productselection input.hasDatepicker,
#tastingsdate {
    width: 150px;
    display: inline-block;
}

p {
    font-size: 12px;
}

p.flexp {
    display: flex;
    align-items: center;
    gap: 10px;
}

ul {
    list-style-position: inside;
    list-style-type: square;
    font-size: 10px;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
}

a {
    color: #199be4;
    cursor: pointer;
}

.nomargin { margin: 0; }
.top10 { margin-top: 10px; }
.top5 { margin-top: 5px; }
.top0 { margin-top: 0; }
.bottom10 { margin-bottom: 10px; }
.bottom5 { margin-bottom: 5px; }
.bottom0 { margin-bottom: 0px; }
.marginbottom, .bottom20 { margin-bottom: 20px; }
.margintop, .top20 { margin-top: 20px; }
.left10 { margin-left: 10px; }
.left20 { margin-left: 20px; }
.textright { text-align: right; }
.textcenter { text-align: center; }

.grouped {
    margin: 0;
    border-bottom: 1px dotted #dedede;
    padding: 5px 0;
}

.oddfield {
    background-color: #f9f9f9;
}

.topline {
    border-top: 1px dotted #dedede;
    padding-top: 5px;
}

.bottomline {
    border-bottom: 1px dotted #dedede;
    padding-bottom: 5px;
}

/* Form */

div#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    background: #fff;
    padding: 20px;
    border: 2px solid #222;
    box-shadow: 4px 4px 8px #777;
    z-index: 99;
}

div#loading p {
    text-align: center;
}

div#loading #loadinglogo {
    width: 150px;
    margin: 0 auto;
    display: block;
}

#ajaxalerts, #ajaxalertstheme {
    display: none;
    padding: 10px;
    color: #222;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background-color: #fff;
    width: 300px;
    border: 2px solid #24bf24;
    box-shadow: 5px 5px 4px #555;
}

div#wrapper {
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

div#leftform {
    flex: 1;
    max-width: 410px;
    min-width: 340px;
    border-right: 1px solid #666;
    margin-bottom: 20px;
}

form {
    margin: 0;
}

div#rightpreview {
    padding: 20px;
    flex: 2;
    position: relative;
}

#pickastoreselector {
    background: linear-gradient(#333 0%, #222 100%) #222;
    margin: 0;
    padding: 20px;
}

div#storebuttons {
    display: flex;
    flex-basis: auto;
    justify-content: flex-start;
    gap: 20px;
}

.topflex {
    display: flex;
    justify-content: space-between;
}


#pickastoreselector input[type="radio"] {
    display: none;
}

#pickastoreselector input {
    position: relative;
    top: -2px;
}

#pickastoreselector input[type="radio"] + label {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

#pickastoreselector input[type="radio"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
}

#pickastoreselector #storepremier + label span {
    background-color: #e74c3c;
}

#pickastoreselector #storepremium + label span {
    background-color: #2ecc71;
}

#pickastoreselector #storeprestige + label span {
    background-color: #3498db;
}

#pickastoreselector input[type="radio"] + label span img {
    margin: 5px 0;
    width: 70%;
    opacity: 0;
    transition: all .3s ease;
}

#pickastoreselector input[type="radio"]:checked + label span img {
    opacity: 1;
}

#pickastoreselector .disclaimer {
    color: #fff;
}

div#upcomingemails {
    position: fixed;
    right: 0;
    max-width: 200px;
    display: flex;
    padding: 0;
    border: 1px solid #777777;
    background: #FFF;
    border-radius: 5px;
    z-index:100;
    top: 50%;
    transform: translate(0, -50%);
}

div#upcomingwrap {
    padding: 10px;
}

button#upcomingtoggle {
    background: #777777;
    border: 0;
    padding: 5px 0;
    color: #fff;
    top: 0;
    right: 0;
    border-radius: 4px 0 0 4px;
    text-transform: uppercase;
    width: 25px;
    position: relative;
    min-height: 200px;
    min-width: 20px;
}

button#upcomingtoggle span {
    position: absolute;
    right: 2px;
    /* top: 0; */
    bottom: 0;
    height: 100%;
    writing-mode: tb-rl;
    rotate: -180deg;
    display: block;
}

#upcomingemails h2 {
    font-size: 18px;
}

#upcomingemails.hidden button#upcomingtoggle span {
    right: 5px;
}

#upcomingemails.hidden div#upcomingwrap {
    display: none;
}

#upcomingthemes ul {
    list-style-type: auto;
    margin-left: 15px;
    list-style-position: outside;
}

p.disclaimer {
    margin: 0 10px 0 0;
    width: 100%;
    font-size: 12px;
}

.step p {
    display: block;
    font-weight: bold;
    background: #fafafa;
    border: 1px solid #999;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 4px;
    width: 12px;
    text-align: center;
}


.sectionselector {
    display: flex;
    flex-wrap: nowrap;
    margin: 10px 0;
    border-bottom: 1px dotted #aeaeae;
    padding-bottom: 10px;
}
#codebankselector {
    display: block;
}

#codebankselector .selectionwrap {
    display: flex;
    flex-wrap: nowrap;
    margin: 10px 0;
}

.sectionselector .step {
    flex-basis: 30px;
    flex-grow: 0;
    flex-shrink: 0;
}

.currentselector .formdata {
    display: block;
}

.header {
    flex-basis: auto;
    width: 100%;
}

.header > h2 {
    color: #333;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    margin: 5px 0 10px;
    letter-spacing: 2px;
}

#pickastore-header > h2 {
    color: #ffffff;
}

.sectiondiv {
    padding: 20px;
    margin: 0;
}

.formdata,
#hiddencontentblocks,
.hidden {
    display: none;
}

.summarydata {
    display: none;
    font-size: 12px;
    margin-bottom: 20px;
}


.middlefloat {
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 500;
    border: 1px solid #222;
    box-shadow: 4px 2px 8px #222;
    padding: 20px;
    max-height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
}

.closewindow {
    display: block;
    position: sticky;
    top: 0;
    left: 100%;
    height: 40px;
    width: 40px;
    z-index: 510;
}

svg {
    pointer-events: none;
}


div#newhtmlblock,
div#newrecipe,
div#emailclassesform,
div#newcoupon,
div#newtheme,
div#promobox,
div#editrecipientlist,
div#emailtastingsform,
div#emaileventsform {
    display: none;
}

div#currentrecipients p {
    margin: 0;
}

/* Theme List */

ul#themelist {
    list-style-type: none;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#themelist > li {
    display: inline-block;
    padding: 5px 5px 5px 10px;
    border: 1px solid #ddd;
    font-size: 12px;
    margin: 0;
    border-left: 4px solid #53aaf5;
    flex-basis: 100%;
}

ul#themelist li.sectionbutton {
    flex-basis: calc(50% - 2.5px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

#themelist > li.activesection {
    border: 1px solid #888;
    border-left: 4px solid #dc5858;
}

#themelist li .leftside {
    display: inline-block;
    width: 70%;
    vertical-align: top;
}

#themelist li .themelinks {
    float: none;
    display: inline-block;
    width: 30%;
}

#themelist li .themelinks a {
    display: block;
}

#themelist li .themelinks a:before {
    content: "\203A ";
    color: #222;
    margin-right: 5px;
}

#themelist li.sectionbutton a {
    color: #fff;
    letter-spacing: 1px;
}

ul.themenotes {
    margin: 0;
    list-style-type: none;
    font-style: italic;
}

#themelist li.createthemeli {
    border: 2px solid #a71a1a;
    background-color: #d03d3d;
}

#themelist li.addclassesli {
    border: 2px solid #d64606;
    background-color: #e86a17;
}

#themelist li.addtastingsli {
    border: 2px solid #1d69d2;
    background-color: #1795e8;
}

#themelist li.addweekendli {
    border: 2px solid #28823e;
    background-color: #31a94f;
}

#themelist li.addcalendarli {
    border: 2px solid #7a2592;
    background-color: #8a2ca5;
}

#themelist li.createcouponli {
    border: 2px solid #740d47;
    background-color: #a71a6a;
}

#themelist li.addnewsadli, #themelist li.addeventsli {
    border: 2px solid #33322f;
    background-color: #5a4f47;
}

#themelist li.addcustomhtmlli {
    background-color: #222;
    border: 2px solid #000000;
}

#themelist li.addblogpostli {
    background-color: #13569a;
    border: 2px solid #0b4887;
}

#themelist li.addrecipeli {
    border: 2px solid #0d8e2d;
    background-color: #13b53b;
}


/* Advanced Product Search */

#advancedproductsearch {
    width: 80%;
    display: none;
}

#advancedproductsearch h3 {
    margin: 20px 20px 10px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}

#asproductresults {
    margin: 10px;
}

a#asclosesearch img,
a#ascloseloading img {
    width: 40px;
}

#adprodsearchinputs .astdclose {
    text-align: right;
    padding-top: 20px;
}

div#asresultsdiv {
    height: 450px;
    overflow: scroll;
}

#asproductresults {
    padding: 10px;
}

div#asresultsheader {
    display: flex;
    border-bottom: 1px solid #eee;
    align-items: center;
    padding: 10px 0;
    margin-left: 20px;
    justify-content: space-between;
}


.asproductwrapper {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 15px 0;
}

.asproductwrapper p {
    margin: 0;
}

#asproducts .prodcheckbox {
    flex-basis: 20px;
    flex-grow: 0;
}

#asproducts .prodnameandsku {
    flex-basis: calc(50% - 110px);
}


#asproductresults .prodpricing {
    flex-basis: 80px;
    padding: 0;
}

#asproductresults .prodpricing p,
#asproductresults .prodqty p {
    text-align: center;
}

#asproductresults .prodatts {
    flex-basis: calc(50% - 110px);
}

#asproductresults .prodqty {
    flex-basis: 25px;
}

#advancedproductsearch h3 span {
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

div#asresultsheader h3 {
    flex-basis: auto;
    border: 0;
    margin: 0;
}

p#asitemsselected {
    flex-basis: auto;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

#asproductresults .prodsku p {
    text-align: center;
}

button#batchaddproducts {
    margin: 0 20px 0 0;
    background-color: #1f7cef;
    color: #fff;
    padding: 8px 10px;
    border: 2px solid #2563b1;
    font-size: 14px;
}
button#batchaddproducts:hover {
    cursor: pointer;
    background-color: #2563b1;
    border: 2px solid #1f7cef;
}

div#batchaddbuttondiv {
    display: block;
    flex-basis: 270px;
    min-width: 270px;
    text-align: right;
}

a.asshowimagelink {
    font-size: 8px;
    text-align: center;
    border: 1px solid #eaeaea; 
   width: 40px;
   height: 20px;
   display: block;
   padding: 10px 0;
}

#asproductresults .prodimage {
    text-align: center;
    flex-basis: 45px;
}

#asproductresults .prodimage.noimage {
    font-size: 8px;
}

a.asshowimagelink:hover {
    cursor: pointer;
}

a.asshowimagelink:hover + .resultsdisplay {
    display: block;
}

#adprodsearchinputs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    padding: 20px;
}


.asflexfield.astdprodtitle input {
    width: 200px;
}

.asflexfield input[type="text"] {
    font-size: 14px;
    padding: 6px;
    line-height: 14px;
    margin: 0;
    border: 1px solid #999999;
}

.emailsubmissions .asflexfield select {
    height: auto;
    padding: 6px;
    border-color: #999999;
}

.asrangeheader p {
    text-align: center;
}

.asrangeboxes {}

.astdprodrange input {
    width: 40px;
}

#advancedproductsearch {
    top: 10px;
    transform: translate(-50%, 10px);
}

#advancedproductsearch .tofrominput {
    width: 50px;
}



/* EVENT EDITING */

div#noeventsdiv {
    display: none;
}

#closeeventsmsg1 {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 30px;
}

div#noeventsdiv p {
    font-size: 16px;
}

/* COPY EMAIL POPUP */

div#copyemailsection {
    display: none;
}

button#copycancel {
    margin-left: 20px;
    padding: 5px 10px;
    background: #fafafa;
}

p.copyemailsectiontext {
    font-size: 16px;
    border-bottom: 1px solid #ddd;
}

/* BUTTONS */

.primarybutton,
#wrapper .primarybutton,
#sampledatabutton {
    background-color: #22aa06;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    border: 2px solid #23871b;
    border-radius: 3px;
    margin: 10px 0 0;
}

.primarybutton:hover,
#wrapper .primarybutton:hover,
#sampledatabutton:hover {
    background-color: #007bff;
    border-color: #105cc1;
    cursor: pointer;
}

/* POPUPS */

.mainimage {
    position: relative;
}
.popuphover {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #b9262d;
    border-top:6px solid #b9262d;
    z-index: 99;
    top: 20px;
    left: 20px;
    box-shadow: 4px 4px 8px #555;
    visibility: hidden;
    color: #222;
}
.popuphover .actionbuttons {
    flex-basis: 220px;
}

.popuphover .magentotheme {
    flex-basis: 100%;
}
.popuphover a {
    font-size: 14px;
}
.hovertrigger {
    position: relative;
}
.hovertrigger:hover > .popuphover {
    visibility: visible;
}

.actionbuttons {
    display: inline-block;
    width: 220px;
}

.sortbuttons {
    display: inline-block;
    vertical-align: top;
}

a.sortup, a.sortdown {
    display: inline-block;
    margin: 0 10px;
}

.actionbuttons i {
    margin-right: 8px;
}

.sortbuttons {
    width: 120px;
}
.bodyContent.productlist 
.sortbuttons p {
    text-align: right;
}

.sortbuttons p {
    text-align: right;
}

.productactions a, .prodimagecorrect a {
    color: #196dd4;
    text-decoration: underline;
    margin: 0 10px;
}
.productactions a:hover {
    cursor: pointer;
}

td.producttext {
    position: relative;
}

td.producttext:hover .productactions {
    display: block;
}


td.sortindex {
    width: 10px;
}

p.usernotes {
    font-size: 16px;
    font-style: italic;
}

.disabledpopup {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #2e9dd4;
    border-top: 6px solid #2e9dd4;
    display: none;
    position:absolute;
    top: -100px;
}

.emailsubmissions input#createemailbutton.button-disabled:hover + .disabledpopup {
    display: block;
    opacity: 1.0;
    z-index: 99;
}

.disabledpopup p {
    font-size: 14px;
}

/* SEND TEST EMAIL */

div#rptestsend {
    display: inline-block;
    width: 40%;
}

div#rptestsend a {
    color: #199be4;
    font-size: 16px;
}

div#rptext {
    display: inline-block;
    width: 50%;
}

div#rptestsend {
    display: inline-block;
    flex-basis: auto;
    vertical-align: top;
}

div#rptestsend a {
    color: #199be4;
    font-size: 16px;
}

div#rptestsend a {
    color: #199be4;
    font-size: 16px;
}

div#sendtestform {
    display: none;
    width: 400px;
    box-sizing: border-box;
}

div#sendtestform textarea {
    width: calc(100% - 24px);
}

/* PRODUCT FORM */

div#productpriceflex {
    display: flex;
    gap: 40px;
}

.pricerow {
    display: flex;
    align-items: center;
}

.pricerow label {
    display: inline-block;
    flex-basis: 100px;
    margin-right: 10px;
}

#productpriceflex .pricerow input {
    width: 100px;
    display: inline-block;
}

.pricerow span {
    display: inline-block;
}

#wrapper input.priceinput {
    padding: 5px 10px;
    margin: 3px;
}

.resultsdisplay {
    position: absolute;
    display: none;
    background: #fff;
    padding: 20px;
    border: 2px solid #222;
    box-shadow: 4px 4px 8px #555;
    z-index: 99;
    bottom: 100px;
    left: 200px;
}

.resultsdisplay img {
    height: 400px;
    margin: 10px auto 10px;
}

#showimagelink:hover + .resultsdisplay {
    display: block;
}



input#productratingnumber {
    width: 60px;
}

/* CODE BOXES */

.catcontainerdiv img {
    width: 100%;
}

.catcodecontainerdiv, .catcodecontainerdiv.inactivecategorycode {
    display: none;
}

.catcodecontainerdiv.currentcategorycode {
    display: block;
}

/* AUTOCOMPLETE THEME STYLES */

li.ui-menu-item {
    border-bottom: 1px solid #ddd;
}
li.ui-menu-item:nth-child(odd) {
    background-color: #fafafa;
}

ul#ui-id-1 {
    width: 450px;
}

li.ui-menu-item a {
    padding: 10px !important;
    font-size: 14px;
}

.ui-state-focus, .ui-widget-content .ui-state-focus {
    background: #f7fbfd;
    border: 2px solid #8fd8fd;
}

li.ui-menu-item a.customclass {
    font-size: 10px;
    display: inline-block;
    margin: 0;
}

.ui-menu li.ui-menu-item {
    padding: 10px 5px;
    max-width: 550px;
    height: auto;
}

.emailsubmissions .ui-state-active, .emailsubmissions .ui-widget-content .ui-state-active {
    background: none;
    border: 0;
}

.ui-menu .ui-menu-item hr {
    display: none;
}

.ui-widget.ui-widget-content {
    z-index: 550;
    overflow: auto;
    position: fixed;
    max-height: 500px;
    box-shadow: 4px 5px 6px #999;
}

/* THEME STYLES */

.extraullist .ulp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 10px 0;
}

.extraullist .ulp label {
    flex-basis: 10px;
}

.extraullist .ulp input {
    flex-basis: calc(100% - 100px);
}

.extraullist .ulp .addremovelidiv {
    flex-basis: 100px;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 5px;
}

.ui-menu-item-wrapper img {
    width: 100%;
}

.ui-menu-item-wrapper .image {
    max-width: 500px;
}


/* NEW MULTI-EMAIL HEADER */
div#todaysemails {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

#existingemailswrap p {
    margin: 0;
}

div#newemail {
}

div#existingemailswrap {
    padding-right: 20px;
    border-right: 1px solid #dddddd;
}

#newemail a.createnewemail {
    margin: 0;
    display: block;
}

button.otheremail.current {
    border: 0;
    background: no-repeat;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 4px solid #0091ff;
    padding-bottom: 5px;
}

button.otheremail .audience {
    font-weight: normal;
}

div#existingemails {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 420px;
}

div#copyemailoptions {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 20px 0;
    flex-wrap: wrap;
}

button.copyemailoption {
    padding: 10px;
    background: #1270cc;
    color: #fff;
    border-radius: 3px;
    border: 2px solid #0654a1;
    font-size: 14px;
}


/* Email Generator Account Pages */

body#generatorbase {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    font-family: Gotham, Helvetica, sans-serif;
}

.page-header {
    width: 100%;
    padding: 10px 20px;
    background: #a11212;
}

.headertitle h1 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    /* text-transform: uppercase; */
}

.wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}

.lefthandnav {
    flex-basis: 150px;
    padding: 20px;
    height: 100vh;
    background: #fafafa;
}

.lefthandnav ul {
    font-size: 14px;
}

.maincontent {
    padding: 20px;
}

.lefthandnav ul li {
    margin: 10px 0;
}

.maincontent p {
    font-size: 1rem;
}

.maincontent input {
    border-radius: 3px;
}

.inputwrap label {
    font-size: 12px;
}

div#modules {
    display: flex;
    flex-direction: column;
}

.moduledisplay a {
    display: block;
    /* height: 40px; */
    padding: 10px 20px;
    /* border: 2px solid #222; */
    border-radius: 10px;
    text-align: center;
    background: #222;
    color: #fff;
}

.modulelist {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.moduledisplay a {
    text-decoration: none;
    font-size: 14px;
}

.moduledisplay a:hover {
    filter: brightness(120%);
}

#moduleemails .moduledisplay a {
    background: #196b9b;
}

#moduleother .moduledisplay a {
    background: #bf2222;
}

#moduletags .moduledisplay a {
    background: #2a6c24;
}

.icon::before {
    /* removed font- based rules */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    
  }
div#moduleemails > div > a:before {
    content: "\f0e0";
    font: var(--fa-font-regular);
    margin-right: 5px;
}

div#modulecalendar > div > a:before {
    content: "\f133";
    font: var(--fa-font-regular);
    margin-right: 5px;
}

div#moduletags > div > a:before {
    content: "\f02b";
    font: var(--fa-font-solid);
    margin-right: 5px;
}

div#moduletastings > div > a:before {
    content: "\f72f";
    font: var(--fa-font-solid);
    margin-right: 5px;
}

#module-22 > a:before {
    content: "\f121";
    font: var(--fa-font-solid);
    margin-right: 5px;
}
#module-17 > a:before {
    content: "\f2bb";
    font: var(--fa-font-regular);
    margin-right: 5px;
}
#module-3 > a:before {
    content: "\f017";
    font: var(--fa-font-regular);
    margin-right: 5px;
}
#module-9 > a:before {
    content: "\f03e";
    font: var(--fa-font-regular);
    margin-right: 5px;
}
#module-14 > a:before {
    content: "\f543";
    font: var(--fa-font-solid);
    margin-right: 5px;
}

#module-27 > a:before {
    content: "\f0d1";
    font: var(--fa-font-solid);
    margin-right: 5px;
}

#moduleemails #module-8 a,
#modulecalendar #module-23 a,
#modulebagstuffer .moduledisplay.gourmetcheesetasting a,
#moduleproducts .moduledisplay.gourmetbeerentry a {
    /*Gourmet Email and Calendar */
    background: rgb(0,104,56);
    background: linear-gradient(0deg, rgba(0,104,56,1) 50%, rgba(0,147,69,1) 50%);
}

#moduleemails #module-1 a,
#modulecalendar #module-2 a,
#moduletastings .moduledisplay a {
    /*Wine Email and Calendar, Wine Tasting Events */
    background: rgb(170,5,5);
    background: linear-gradient(0deg, rgba(170,5,5,1) 50%, rgba(210,9,9,1) 50%);
}
#moduletastings .moduledisplay.wineweekendtastings a {
    background: rgb(171,14,60);
    background: linear-gradient(0deg, rgba(171,14,60,1) 50%, rgba(133,14,44,1) 50%);
}
#moduletastings .moduledisplay.gourmetevententry a,
#moduleother .moduledisplay.gourmetdisplays a  {
    background: rgb(0,104,56);
    background: linear-gradient(0deg, rgba(0,104,56,1) 50%, rgba(0,147,69,1) 50%);
}
#moduletags .moduledisplay.gourmetbakery a {
    background: rgb(218,91,4);
    background: linear-gradient(0deg, rgba(218,91,4,1) 50%, rgba(238,105,5,1) 50%);
}

#moduletags .moduledisplay.gourmetcheese a {
    background: rgb(238,171,5);
    background: linear-gradient(180deg, rgba(238,171,5,1) 50%, rgba(219,138,2,1) 50%);
}
#moduletags .moduledisplay.gourmetbeer a {
    background: rgb(210,86,5);
    background: linear-gradient(0deg, rgba(210,86,5,1) 50%, rgba(221,136,49,1) 50%);
}

#moduletags .moduledisplay.gourmetcoffee a {
    background: rgb(64,47,35);
    background: linear-gradient(0deg, rgba(64,47,35,1) 50%, rgba(74,61,47,1) 50%);
}
#moduletags .moduledisplay.gourmetdeli a,
#moduleother #module-27 a {
    background: rgb(14,99,191);
    background: linear-gradient(0deg, rgba(14,99,191,1) 50%, rgba(11,84,157,1) 50%);
}
#moduletags .moduledisplay.gourmetpreparedfoods a {
    background: rgb(191,14,108);
    background: linear-gradient(180deg, rgba(191,14,108,1) 50%, rgba(157,11,86,1) 50%);
}
#moduleother .moduledisplay.magentocodes a,
#moduleother .moduledisplay.storehours a,
#moduleclasses .moduledisplay a {
    background: rgb(59,59,59);
    background: linear-gradient(180deg, rgba(59,59,59,1) 50%, rgba(14,14,14,1) 50%);
}

#moduleother .moduledisplay.premiercardentry a {
    background: rgb(84,63,47);
    background: linear-gradient(0deg, rgba(84,63,47,1) 50%, rgba(99,79,63,1) 50%);
}

#moduleother .moduledisplay.premiercardentry a {

}

h2.modulelistheader {
    flex-basis: 100%;
    margin: 40px 0 10px;
    padding-bottom: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    border-bottom: 1px solid #ddd;
}

h2.modulelistheader:nth-of-type(1) {
    margin-top: 20px;
}

div#updated {
    background: #10a12f;
    padding: 10px;
    border-radius: 5px;
    /* border: 2px solid #1ab21a; */
    display: inline-block;
    color: #fff;
}

div#updated:empty {
    display: none;
}

/* Tailwind Hardcoded */

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: flex-start;
}

.justify-center {
    justify-content: center;
}

.justify-start {
    justify-content: flex-start;
}

.gap-10 {
    gap: 10px;
}

.gap-x-10 {
    gap: 0 10px;
}

.gap-x-20 {
    gap: 0 20px;
}

.basis-full {
    flex-basis: 100%;
}

.basis-half {
    flex-basis: calc(50% - 10px);
}

.gap-6 {
    gap: 20px;
}

.w-full {
    width: 100%;
}

.max-w-600px {
    max-width: 600px;
}

.my-6 {
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Back to Home Bar */

div#backtoaccount {
    width: 100%;
    background: #222222;
    padding: 5px;
}

#backtoaccount ul {
    list-style: none;
    display: flex;
    gap: 40px;
    font-size: 14px;
    margin: 0;
    justify-content: flex-end;
    padding-right: 40px;
}

#backtoaccount a {
    text-decoration: none;
    color: #c4ddfc;
}




body .ui-widget-header {
    border: 1px solid #f97910;
    background: #f97910 url(images/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}


.testrecipientdiv p {
    margin: 0;
}

div#sendtestrecipientsdiv {
    display: flex;
    flex-wrap: wrap;
}

div#sendtestform {
    min-width: 400px;
    width: 50%;
    max-width: 600px;
}

.testrecipientdiv {
    flex-basis: 50%;
}

.textarealabel {
    flex-basis: 100%;
}
div#rptestsend .edittestrecipients {
    margin:5px 0;
    font-size: 12px;
}