/* basics */
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%;}

/* elemeents */
body, td, div, select, textarea, input, h1, h2, h3, h4, p { font: 16px "Varela Round",sans-serif; color:#4d4d4d; }
a { text-decoration: none; color:#02AFF2; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h1 a, h2 a, h3 a, legend, p { margin: 0; font-weight: normal; }
h1 {font-size: 26px; }
h2 {font-size: 20px; }
h3 {font-size: 16px; }
ul{margin:0; padding: 0;}
ul li{ padding: 0; list-style: none; }
li ul{ margin-bottom:0; list-style: none; }

/* helpers */
.red { color: #ff0000; }
.hide { display: none !important; }

/* structure */
body{margin:0;padding:0;text-align:left;}
#main { padding: 20px 1%; margin-left: 241px; }
#main.nosidebar { margin-left: 0; }

/* navigation */
.main-nav { padding-bottom: 20px; border-bottom-color:#B1B5BD; border-bottom-style:solid; border-bottom-width:1px; box-shadow:#FFFFFF 0 1px 0; }
aside{ width:239px; height:100%; position:fixed; background-color: #02AFF2; border-right:1px solid #aeb2b9 ;top:0px; left:0px; z-index: 100; overflow-y: auto; }
aside ul.main-nav{float:left;width:100%;font-size:14px;font-weight:bold;list-style:none;margin:8px 0px 0px 0px;padding: 5px 0;}
aside > ul.main-nav > li{display:block;clear:both;margin:0px 0px;}
aside > ul.main-nav > li > a{display:block;padding:4px 0px 6px 26px;background:url(../images/backend/submenu-arrow-open.png) 13px center no-repeat;color:#fff;text-transform:uppercase;font-size:12px;}
aside > ul.main-nav > li > a:hover { color: #fff; }
aside > ul.main-nav > li > a.arrow{background:url(../images/backend/submenu-arrow-close.png) 13px 4px no-repeat;}
aside > ul.main-nav > li > a.no-submenu { background: none; }
aside > ul.main-nav > li > a.active{background: #2e7a8e;}
aside ul.main-nav li ul { list-style: none; }
aside ul.main-nav li ul li{margin:0px;}
aside ul.main-nav li ul{margin:0 0px 0px 0px;}
aside ul.main-nav li ul li a{padding:4px 0px 6px 35px;float:left;display:inline-block;width:204px;font-weight:normal;background:none;color:#fff;font-size:13px;}
aside ul.main-nav li ul li a:hover { color: #fff; }
aside ul.main-nav li ul li a.active{background: #2e7a8e;}
.user{padding:17px 8%;border-bottom:1px solid #b1b5bd;box-shadow: 0px 1px 0px #fff;float:left;width:84%; color: #fff;}
.user h1.logo img { height: 18px; }
.user h1.logo { color: #fff; font-family: "Signika", sans-serif; font-size: 24px; }
.user h1.logo span { color: #fff; text-shadow: 1px 1px #e5e5e5; }
.user h1.logo span.green { color: #b0cc4d; }
.user img{max-width: 100%;}
.user h3{color:#fff;padding:10px 0px 5px;}
#video_tutorials { padding-top: 20px; color: #fff; }
#video_tutorials h2 { color: #fff; font-size: 16px; }
#video_tutorials ul { margin: 0 19px; list-style: none; }
#video_tutorials ul li { margin-bottom: 20px; }

/* box */
section .box { background-color: #F4F4F4; border: 1px solid #BEBEC4; border-radius: 3px; display: block; margin-bottom: 30px; }
section .box .box-header { background-color:#02AFF2; 	border-bottom:1px solid #bebec4;border-radius: 3px 3px 0px 0px;padding: 8px 10px 7px 10px;color: #fff;font-size:15px; }
section .box .box-header h1 { font-size: 20px; color: #fff; }
section .box .box-header a { float: right; color: #fff; font-size: 16px; padding-top: 4px; }
section .box .box-header span { float: right; color: #fff; font-size: 16px; padding-top: 4px; }
section .box .box-header span a { padding-top: 0; margin-left: 5px; }
section .box .box-content { background-color: #F4F4F4; border-radius: 0 0 3px 3px; color: #666666; font-size: 15px; padding: 10px; }
section .box.location .lcol { width: 48%; margin-right: 4%; float: left; }
section .box.location .rcol { width: 48%; float: left; }

/* coupon */
.deal-lcol { width: 75%; float: left; padding-right: 5%; box-sizing: border-box; }
.deal-rcol { width: 25%; float: left; box-sizing: border-box; }
.coupon { width: 100%; margin: 0 0 30px; max-width: 230px; float: left; border: 1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.coupon .coupon-img { border-bottom: 1px #ccc solid; }
.coupon .coupon-img img { width: 100%; display: block; }
.coupon .coupon-content { padding: 5px 3%; margin-bottom: 5px; }
.coupon .coupon-content h3 { font-weight: bold; font-size: 16px; line-height: 18px; height: 36px; overflow-y: hidden; margin-bottom: 7px; }
.coupon .coupon-content .coupon-business-name { font-size: 12px; color: #398aa0; line-height: 12px; height: 12px; overflow-y: hidden; margin-bottom: 7px; }
.coupon .coupon-content .coupon-description { font-size: 14px; line-height: 16px; height: 32px; overflow-y: hidden; margin-bottom: 7px; }
.coupon .coupon-content a.button { margin-right: 0; display: block; text-transform: uppercase; text-align: center; margin-bottom: 10px; background-color: #8CB45A; border-radius: 0; padding: 10px; font-weight: normal; }
.coupon .coupon-bottom { padding: 5px 0 0; }
.coupon .coupon-bottom .business-info-link { color: #398aa0; font-size: 14px; float: right; }
.coupon .coupon-bottom .business-info-link:hover { text-decoration: underline; }
.coupon .coupon-bottom a.fb, .coupon .coupon-bottom a.tw { display: inline-block; width: 20px; height: 20px; color: #fff; text-align: center; border-radius: 50%; }
.coupon .coupon-bottom a.fb { background-color: #2e5a93; }
.coupon .coupon-bottom a.fb:hover { background-color: #203e67; }
.coupon .coupon-bottom a.tw { background-color: #22a8d3; }
.coupon .coupon-bottom a.tw:hover { background-color: #1c7696; }

/* special */
.special { width: 100%; margin: 0 0 30px; max-width: 230px; float: left; border: 1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.special .special-img { border-bottom: 1px #ccc solid; }
.special .special-img img { width: 100%; display: block; }
.special .special-content { padding: 5px 3%; margin-bottom: 5px; }
.special .special-content h3 { font-weight: bold; font-size: 16px; line-height: 18px; height: 36px; overflow-y: hidden; margin-bottom: 7px; }
.special .special-content .special-business-name { font-size: 12px; color: #398aa0; line-height: 12px; height: 12px; overflow-y: hidden; margin-bottom: 7px; }
.special .special-content .special-hours { font-weight: bold; font-size: 14px; line-height: 14px; height: 14px; overflow-y: hidden; margin-bottom: 7px; }
.special .special-content .special-description { font-size: 14px; line-height: 16px; height: 32px; overflow-y: hidden; margin-bottom: 7px; }
.special .special-bottom { padding: 5px 0 0; }
.special .special-bottom .business-info-link { color: #398aa0; font-size: 14px; float: right; }
.special .special-bottom .business-info-link:hover { text-decoration: underline; }
.special .special-bottom a.fb, .special .special-bottom a.tw { display: inline-block; width: 20px; height: 20px; color: #fff; text-align: center; border-radius: 50%; }
.special .special-bottom a.fb { background-color: #2e5a93; }
.special .special-bottom a.fb:hover { background-color: #203e67; }
.special .special-bottom a.tw { background-color: #22a8d3; }
.special .special-bottom a.tw:hover { background-color: #1c7696; }

/* analytics box */
.analytics-box { width:31.33333%; margin: 0 1%; float: left; }

/* getstarted */
#getstarted-plans { width: 100%; padding: 30px 0; }
#getstarted-plans table { clear: both; width: 100%; border-collapse: collapse; }
#getstarted-plans table th, #getstarted-plans table td {  padding:8px 8px; font-size: 16px; border:1px solid #ccc;border-style:solid;border-color:#ccc #f5f5f5; vertical-align: middle; }
#getstarted-plans table th.plan, #getstarted-plans table td.price { background: #02AFF2; color: #fff; }
#getstarted-plans table td.price { vertical-align: top; }

/* payments */
.payment-button { padding: 20px 0; width: 23%; margin: 0 1% 20px; float: left; }

/* photos */
.photo { width: 10%; padding: 0 1%; box-sizing: border-box; float: left; text-align: center; margin-bottom: 30px; }
.photo img { width: 100%; display: block; }

/* form styles */
form.css { padding: 0; border: 0; }
form.css.dropzone { border:2px dashed #0087F7; border-radius: 5px; padding: 10px; }
form.css div.fc { margin: 0 2% 10px 0; float: left; text-align: left; }
/* form styles -> width */
form.css div.fc.w100 { width: 98%; display: block; }
form.css div.fc.w75 { width: 73%; display: block; }
form.css div.fc.w50 { width: 48%; display: block; }
form.css div.fc.w25 { width: 23%; display: block; }
form.css div.fc.w5 { display:block; width:5%; }

/* form styles -> input/select fields */
form.css input.field, form.css select.field, form.css textarea.field { width: 100%; display: block; border:1px solid #777777; padding: 5px; color: #777777; box-sizing: border-box; }
form.css input.field.auto, form.css select.field.auto { width: auto; }
form.css input.field.inline, form.css select.field.inline { display: inline; }
form.css input.field.file { border: 0; padding-top: 0; margin-top: 0; }
form.css textarea.field.tall { height: 300px; }
form.css textarea.field.medium { height: 150px; }
form.css label { font-size: 16px;}
form.css input.color { width: 88%; float: left; }
form.css .mColorPickerTrigger { float: right; margin-top: 5px; }	
/* form styles -> checkboxes and radios */
form.css .radio_list li input { width: auto; display: inline; }
form.css .radio_list li label { display: inline; }
form.css input.select { display: block; float: left; margin: 0; color: #555555; }
form.css div.fc.wauto { width: auto; margin-right: 15px; margin-bottom: 10px; display: inline; }
form.css div.fc.wauto label { margin-left: 5px; }
form.css .checkbox_list li { width: 50%; float: left; margin-bottom: 5px; }
form.css .checkbox_list_33 .checkbox_list li { width: 33.333333%; }
form.css .checkbox_list_25 .checkbox_list li { width: 25%; }
form.css .checkbox_list li label, form.css .checkbox_list li input { display: inline; }
form.css .checkbox_list li input { width: auto; }

/* form styles -> submit button */
a.button, input.button, button.button { color: #fff; display: inline-block; margin: 0 10px 0 0; border-radius:3px; outline: none; border: 0;
	padding: 5px 10px; color:#fff; cursor:pointer; background-color:#02AFF2; font-size: 16px; }
a.button:hover, input.button:hover, button.button:hover { background-color:#2e7a8e; }

/* stripe card */
.StripeElement { background-color: #FFFFFF; border:1px solid #777777; color: #777777; padding: 5px; font-size: 16px; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }

/* alerts */
ul.error, ul.success {text-align: left;font-size:14px;line-height:16px;padding:5px 5px 5px 30px;color:#000;border: 2px solid #0c0;font-weight: bold; margin:0 0 15px;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
ul.error {background: #fcc;border-color:#c00;}
ul.alertwarn{background: #ffc;border-color:#ff3;}
ul.error:before, ul.success:before, ul.alertwarn:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
ul.success:before{content:'\2713';background:#0c0;padding:0px 8px 0px 6px;}

/* tablegrid */
.tablegrid{width:100%;border-collapse:collapse;}
.tablegrid th, .tablegrid td{ padding:10px 15px;}
.tablegrid thead th, .tablegrid tbody th{color:#909090;ont-weight:normal; background-color:#eeeeee; font-size:12px;border:1px solid #ccc;border-bottom:3px solid #999;}
.tablegrid thead th a.asc:after { content: '\21E7'; }
.tablegrid thead th a.desc:after { content: '\21E9'; }
.tablegrid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.tablegrid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;color:#5f5f5f; font-size:13px;}
.tablegrid td p { font-size: 13px; margin-bottom: 10px; }
.tablegrid.fs11 td { font-size:11px; }
.tablegrid.fs11 td p { font-size:11px; }
.tablegrid tr:nth-child(even){ background-color:#f2f2f2; }
.tablegrid tr.sortable, .sortabletable, .sortabletable-features { cursor: move; }

/* paging */
.paging { margin: 10px 0; }
.paging a { border: 1px solid #CCCCCC; margin:0 3px; padding:2px 4px; text-decoration:none; }
.paging a.current, .paging a.current:hover { border-color: #3f3f3f; }

/* news */
.newsitem { padding-bottom: 20px; border-bottom: #f0f0f0 solid 1px; margin-bottom: 20px; }

/* video tutorials */
.video-tutorials li { width: 20%; float: left; text-align: center; }

/* inline tutorial */
#inline-tutorial-container { background: #FBEC88; margin-bottom: 15px; padding: 10px; border: 1px solid #FAD42E; color: #363636; border-radius: 5px; }
#inline-tutorial-link { color: #0066CC; font-size: 17px; text-decoration: none; }
#inline-tutorial-video { display:none; padding: 0; margin-top: 15px; }
#inline-tutorial-video .video { float: left; margin-right: 25px; text-align: center; }

/* reporting */
.report-container>li {
	margin: 10px 0;
}
.report-container .businesses_list{
	margin-left: 20px;
}