/* ========================================= HTML 5 and basics */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}/* natural box model */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* elements */
body, select, textarea, input { font: 18px Arial, sans-serif; color:#242424; }
a, a:after { color:#386684; text-decoration: none; }
a:hover { color:#666; }
h1, h2, h3, h1 a, h2 a, h3 a, legend { color:#386684; }
h1 { margin:0; font-size: 2em; }
h2 { margin:0; font-size: 1.6em; }
h3 {margin:0; font-size: 1.2em; }
p {margin:0 0 1em;line-height:1.4em;}
ul,ol{margin:0;padding: 0; list-style: none; }
ul li, ol li{margin: 0 0 5px;padding: 0;}
li ol, li ul{margin-bottom:0;}
p18 {font-size:18px;}

/* helpers */
.hide { display: none !important; }
.fs12 { font-size: 12px; }
.mb0 { margin-bottom: 0; }
a.underline-dashed { border-bottom: 1px dashed #386684; }

/* structure */
body{margin:0;padding:0;text-align:left;}
#wrapper { }
#page-wrapper { background-color: #fff; width: 100%; max-width: 800px; margin: 0 auto; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; }

/* review app */
#review-app-title { padding: 10px; }
#review-app #questions { margin-bottom: 10px; }
#review-app .question .question-field { background: #fff; padding: 20px 10px; margin-bottom: 0; }
#review-app .question h3 { color: #666; padding: 10px 10px; background: #f3f3f3;  }
#review-app .question a:hover { color: #f60; }
#review-app .question a i { color: #ffc500; }
#review-app #reviewapp-form { padding: 10px 10px; }

/* survey app */
#survey-app-title { padding: 10px; }
#survey-app #questions { margin-bottom: 10px; }
#survey-app .question .question-field { background: #fff; padding: 20px 10px; margin-bottom: 0; }
#survey-app .question h3 { color: #666; padding: 10px 10px; background: #f3f3f3;  }
#survey-app .question a:hover { color: #f60; }
#survey-app .question a i { color: #ffc500; }
#survey-app #surveyapp-form { padding: 10px 10px; }

/* location header profile */
#location-header-profile { padding: 10px; border-bottom: 3px solid #f3f3f3; display: flex; align-items: center;}
#location-header-profile .lcol { width: 25%; float: left; }
#location-header-profile .lcol img { width: 100%; display: block; }
#location-header-profile .rcol { width: 75%; float: left; padding: 0 0 0 10px; box-sizing: border-box; }
#location-header-profile .rcol.full { padding: 0; }
#location-header-profile .rcol h2 { font-size: 18px; }

/* review app locations */
#review-app-locations { padding: 10px; text-align: center; }
#review-app-locations img { max-width: 300px; width: 100%; margin-bottom: 20px; }

/* review app success */
#review-app-success { padding: 10px; }
#review-app-success #connections li { padding: 15px 0; border-bottom: 1px solid #ccc; margin-bottom: 0; }
#review-app-success #connections li:last-child { border-bottom: 0; }
#review-app-success ul li i.fa-star-o, #review-app-success ul li i.fa-star, #review-app-success ul li i.fa-star-half-o { color: #FFC500; }
#review-app-success .copy-button {background: #1853B9;}
/* redeem countdown */
.countdown-section { display: block; width: 48%; margin: 0 1%; padding: 10px; float: left; text-align: center; box-sizing: border-box; }
.countdown-amount { font-size: 50px; } 
.countdown-period { display: block; }
.countdown-descr { display: block; }

/* standard */
#standard { padding: 20px 10px; }

/* forms */
form.css input, form.css select, form.css textarea { color:#222; display: block; width: 100%; background: #fff; border: 2px solid #ccc; padding:.5em; font-weight:bold; border-radius: 0; box-sizing: border-box; }
form.css input[type="text"], form.css textarea,form.css input[type="email"],form.css input[type="submit"],form.css input[type="button"]{-webkit-appearance: none;}
form.css textarea.tall { height: 60px; }
form.css label.inline {cursor:pointer; line-height:1.2em; display: inline; }
form.css input.inline {width:auto; margin-right:6px; border:none; background:none; display: inline;}
form.css label{display: block;color:#333;clear:both;}
form.css div.field{float:left;width:99%;margin: 0 .5% 10px;}
form.css div.field.inline label, form.css div.field.inline input { display: inline; width: auto; }

/* buttons */
form.css .button, a.button { background:#78b131; color:#fff; padding:10px 20px; border: none; font-weight:bold; cursor: pointer; display:inline; margin-right: 10px; width: auto;}

/* alerts */
ul.alert{padding:5px 5px 5px 30px;color:#222;border: 2px solid #0c0;margin: 0 0 1.8em;background: #cfc;position:relative; list-style: none;}
ul.alert.error{background: #fcc;border-color:#c00;}
ul.alert:before {content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:1.8em;}
ul.alert.success:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}
ul.alert li:last-child { margin-bottom: 0; }

/* grid */
.grid{width:100%;border-collapse:collapse;margin:0 0 20px;background: #fff;}
.grid th, .grid td{padding:5px 10px;}
.grid thead th, .grid tbody th{border:none;border-bottom:2px solid #222;color:#fff;background: #222}
.grid tbody th{border:1px solid #ccc;border-right:2px solid #777;text-align: right;background: #fff;color:#222;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;}
.grid td.icon { width: 1px; }
.mogrid {overflow-y:auto;-webkit-overflow-scrolling: touch;margin-top:-2em;}