html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
body {font-family: 'Nunito Sans', Arial, Helvetica, sans-serif; background-color: transparent;}
.img-placeholder {width: 96%; margin: .5rem auto; max-width: 570px; display: block;}
.hidden {display: none !important;}
#wrapper {overflow: auto;}
#counter {border: 1px solid #ccc; background-color: #ffe; padding: 4px 8px; margin: 8px; font-size: 12px;}
#coupon {min-height: 650px !important;}
#coupons label {display: none;}
#counter2 {display: none;}
#coupons {margin: 12px 12px 8px 12px;}
#coupons:after {content: ""; display: table; clear: both;}
.pack-shot {float: left;}
.cpn-expires {font-size: 0.75rem; color: #dc3545; margin: 0 0 0.75rem 0; text-align: center; clear: both;}
.cpn-expires strong {font-weight: 900; font-size: small;}

#coupons li {position:relative; list-style-type: none; float: left; margin: 0 10px 10px 0; cursor: pointer; padding: 1rem 1.5rem; border: 1px solid #c3c3c3; width: 20%; min-width: 320px; min-height: 175px; border-radius: .25rem;}
#coupons li img {float: left; margin: 0 1rem 0.75rem 0; display: block; max-height: 80px;}
#coupons li img.pack-shot-img {margin-bottom: 1.75rem;}
#coupons li h1 {display: none;}
#coupons li h1 span {float: left; margin-top: -14px; display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;}
#coupons li h2 {font-weight: bold; font-size: x-large; color: #224d74;}
#coupons li h2 sup {display: block; float: left;}
#coupons li h3, #coupons li h4, #coupons li h5 {line-height: 1.25rem; font-weight: normal; font-size: 0.9rem;}

#coupons li.error {overflow: hidden;}
#coupons li.error:hover {cursor: default;}
#coupons li.error img {width: 100%; height: auto; border: 0;}
#clickmessage {font-size: 25px;}
.responsive {width: 100%; max-width: 100%; height: auto; margin: 0; padding: 0;}

#printbutton, .btn-ltp-bottom {padding: 12px;}
#printbutton > a, #ltcLoad, #smsReminderButton, .btn-ltp {font-size: 1rem; padding: 9px 1.5rem; color: #fff; border-radius: .25rem; text-decoration: none !important; background-color: #ed7124 !important; text-transform: uppercase; margin-right: 1em;}
#printbutton > a.buttonViewOffers {background: transparent !important; color: #ed7124; display: none; padding-left: 0.25rem; padding-right: 0;}
.section-sms {color: #777; padding-left: 1rem; display: inline-block; margin-top: 1em;}
.section-sms strong {font-weight: 800; color: #444;}

.buttonViewOffers span {color: inherit;}
#catJumper {text-transform: capitalize; border: 1px solid #ccc; padding: 2px; display: none; float: right; margin: -46px 12px 0 0; width: 200px;}
#counter {margin: 0 0 12px 0; padding: 12px; font-size: 18px;}
#counter strong {color: #EC1C24; font-style: italic; font-size: 22px; line-height: 2px;}
.cpnactions {display: block; clear: both; margin-top: .75em; text-transform: uppercase;}
.buttons {background-color: #fff; color: #ed7124; border-radius: .25rem; text-decoration: none; display: block; text-align: center; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: .75rem; padding: 0.75rem 0; border: 1px solid #ed7124; font-size: .8rem;}
.clipped {background-color: #8ac72c;}
a, a:hover {color: #ed7124;text-decoration: none !important;}
#coupons li.checkedBox {border: 1px solid #c3c3c3;}
#coupons li .cpn-clipped-icon {display: none; color: #8ac72c; position: absolute; right: 0.5rem;}
#coupons li.checkedBox .cpn-clipped-icon {margin: 0 1rem 0 0; position: absolute; display: block; right: 0;}
#coupons li.checkedBox .cpnclip {background-color: #8ac72c; color: #fff; border: 1px solid #c3c3c3;}
#coupons li.disabled .cpnclip {background-color: #fff; color: #8ac72c; border: 1px solid #8ac72c;}
#coupons li.disabled {cursor: default;}
#coupons li.disabled .cpn-clipped-icon {display: none !important;}
#printbutton a.disabled, .btn-ltp-bottom a.disabled {background-color: #ccc !important; cursor: default;}
#isApprovedMessage {text-align: center; color: #dc3545; display: none;}
#selectorTotal strong {font-size: 1.65rem; color: #8ac72c; border: 2px solid #eee; background-color: #fff; padding: 2px 12px 0 12px; font-weight: 600;}
#loadLTCForm, #verifyCode, #alreadyVerified {border: 4px solid #ccc; background-color: #fff; position: absolute; width: 35%; margin: 5% 22%; z-index: 10; padding: 30px 40px; text-align: center; border-radius: .25rem; min-width: 500px; color: #888;}
.ltc-retailer-group {border: 1px solid #ed7124; width: 250px; float: left; margin-right: 1rem; border-radius: .25rem;}
.umo-retailer-list {margin-top: 0.5rem; overflow-y: auto; height: 120px; border: 1px solid #eee;}
.umo-retailer-list img {max-height: 45px; max-width: 85px; padding: 0.75rem; display: inline-block; vertical-align: middle; filter: grayscale(1); opacity: .33;}
.ltc-retailer-group legend {padding: 0 1rem; color: #ed7124;}
.ltc-retailer-form h3, #verifyCode h3, #alreadyVerified h3, .get-code-message h3 {font-weight: 700; font-size: 1.5rem; text-transform: uppercase; color: #224d74;}
.ltc-retailer-form h5, #verifyCode h5, #alreadyVerified h5, .get-code-message h5 {font-size: small; margin: 0.5rem 0;}
.sms-reminder-legal, .ltc-legal {font-size: .66rem; margin: 1rem 3rem; display: flex; text-align: left; color: #232323;}
.sms-reminder-legal input, .ltc-legal input {margin: .1rem .5rem 0 0;}

.ltc-powered-by {font-size: smaller; margin-top: 1.5rem; border-top: 2px solid #eee; padding-top: 1.5rem;}
.ltc-powered-by img {height: 12px; padding: 0 2px;}
#phoneNumber {padding: 8px; width: 60%; font-size: x-large; background-color: #ffe; border: 1px solid #ccc; border-radius: .25rem; text-align: center;}
::placeholder {color: #ccc;  opacity: 1;}
:-ms-input-placeholder {color: #ccc;}
::-ms-input-placeholder {color: #ccc;}

#selStatusMessage {position: absolute; background-color: #fff; z-index: 10; border: 3px solid #ccc; padding: .5rem 1rem; margin: 0 0 0 1.5rem; border-radius: .25rem; display: none;}
#selStatusMessage.text-danger {border-color: #dc3545;}
#selStatusMessage.text-success {border-color: #198754;}

#ltcCancel, .modal-close {margin: 1.25rem 0 0 0; display: block; position: absolute; right: 1.25rem; top: 0;}
#legalagree	{font-size: small; color: #999;}
#ltcLoad, #smsReminderButton {width: 70%; margin: 0 auto;}
.nodisplay, #buttonSelectAll {display: none;}
.count-clipped {font-weight: 700; color: #8ac72c;}
.error-field {border: 1px solid #dc3545 !important;}
.text-danger {color: #dc3545;}
.text-success {color: #198754;}
#message-alert, .message-alert, .message-alert-success {padding-bottom: 1rem; font-size: small;}
#message-alert strong, .message-alert strong, .message-alert-success strong {font-weight: bold;}
#ltcLoad .count-clipped {color: #fff;}
.modal-window main {overflow-y: auto; opacity: .2;}
/* verification */
.verify-exceeded {position: initial; width: 80%; margin: 0 auto; border: 0; max-width: 500px; background-color: #fff;}
#verifyCode h4, #alreadyVerified h4 {font-size: 1.1em;; margin: 1em 0 .5em 0;}
#verifyCode h4.text-danger, #alreadyVerified h4.text-danger {color: #dc3545;}
.verify-exceeded {text-align: center;}
.verify-exceeded h3 {font-weight: 700; font-size: 1.5rem; text-transform: uppercase; color: #224d74;}
.verify-notes {padding: 1em;font-size: .9em;}
.verify-notes strong {font-weight: 700;}
#verifyCodeInput {padding: 8px; min-width: 200px; width: 60%; background-color: #ffe; border: 1px solid #ccc; border-radius: .25rem; text-align: center; font-family: monospace; font-size: xx-large; letter-spacing: 2px;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] {-moz-appearance: textfield;}
input[type="number"] {width: 100px;}
#verifyCodeButton, #sendOfferButton, .btn-get-code {font-weight: 600; font-size: 1rem; padding: 9px 1.5rem; color: #fff !important; border-radius: .25rem; text-decoration: none; background-color: #ed7124 !important; text-transform: uppercase; width: 75%; margin: 0 auto;padding: 10px 8px;margin-top: 10px; outline: none;}
#verifyCodeButton.disabled, #sendOfferButton.disabled, .btn-get-code.disabled {background-color: #ccc !important; cursor: default; border-color: #ccc;}

@media screen and (max-width: 600px){
	#coupons {margin: 0;}
	#coupons li {position: initial; float: none; margin: 1rem 0; padding: 1rem 1.5rem 1.5rem 1.5rem; border: 0; width: auto; min-width: auto; min-height: auto; border-bottom: 1px dashed #ccc !important;}
	#printbutton {border-bottom: 1px solid #e4e4e4; text-align: center; padding-bottom: 1rem;}
	#coupons li.checkedBox {border: 0;}
	.btn-ltp {display: block; text-align: center; margin-bottom: 0.9rem; margin-right: 0 !important;}
	.cpn-expires {margin-bottom: 1rem;}
	#printbutton > a.buttonViewOffers {padding: 0 0 0 .25rem; text-transform: none;}
	#selectorTotal strong {font-size: 1.3rem;}
	#loadLTCForm, #verifyCode, #alreadyVerified {width: auto; margin: .4rem; padding: 20px; min-width: auto; background-color: #f9f9f9;}
	.umo-retailer-list img {max-height: 45px; max-width: 45px; padding: 0.5rem;}
	.ltc-powered-by img {height: 10px; padding: 0 2px;}
	.section-sms {color: #777; display: block;	margin-top: 1rem; background-color: #f7f7f7; padding: 0.5rem 0; font-size: small;}
	.ltc-legal {margin: 1rem;}
	.ltc-retailer-form h3, #verifyCode h3, #alreadyVerified h3 {font-size: 1.4rem;}
	#ltcCancel, .modal-close {right: .75rem}
}

@media screen and (max-width: 420px){
    .verify-notes {font-size: .8em;}   
    #verifyCode h4 {font-size: 1em; padding: 0 2rem}
}

@media screen and (min-width: 601px){
    #coupons {
		display: flex; 
		flex-wrap: wrap;
	}
}

.btn-ltp-bottom .btn-ltp:hover{
	color: white;
}