@charset "UTF-8";
/* CSS Document */
.dash_top.addpadding {padding-top: 40px;}
.avg-line {border-top: solid 1px #ccc; color: #311f00;background:#f6faf2 }
.avg-line .c-left {font-weight: 700 !important;}
.survey-results {display: flex; flex-direction: row; flex-wrap: wrap;}
.survey-top {width: 100%;padding: 0px 20px;}
.wide-flex {width: 100%;}
.wide-flex .font16 {font-weight: 400; color: #666666;}
.c-parent, .c-wrapper {display: flex; flex-direction: column}
.c-parent {width: 100%;border-radius: 8px; border: solid 1px #ccc; margin-bottom: 20px;}
.survey_big, .comment_big {width: 50%; padding: 0px 20px;}
.r-wrap {display: flex; width: 100%; flex-direction: row;}
.c-left {width: 85%;border-right: solid 1px #ccc;font-weight: 400;}
.c-right {width: 15%;min-width: 66px; background: #f1efef; font-weight: 700; color:#226a35; text-align: center;}
.comment-parent {display: flex; flex-direction: column;border-radius: 8px; border: solid 1px #ccc; width: 100%;}
.comment-survey-row, .r-wrap {display: flex; flex-direction: row;align-items: stretch; border-bottom: solid 1px #ccc;}
.r-wrap {}
.r-wrap.legend {border-bottom: solid 2px #ccc;}
.r-wrap.legend p {background: #f7f7f7;font-weight: 700; color: #311f00; padding-top: 0px;} 
.r-wrap.legend p.c-left {border-right: none;} 
.r-wrap p {margin-bottom: 0px;padding: 10px 20px;}
.comment-survey-row:last-child, .r-wrap:last-child {border-bottom: none;}
.r-wrap:last-child .c-right, .avg-line .c-right {border-radius: 0px 0px 8px 0px;}
.r-wrap:last-child .c-left, .avg-line .c-left {border-radius: 0px 0px 0px 8px;}
.comment_text_survey {width: 90%; margin-bottom: 0px; display: flex; flex-direction: row; flex-wrap: wrap; padding: 10px 20px; border-right: solid 1px #ccc;}
.comment-survey-row .more-com {width: 10%; text-align: center; display: flex;background: #f1efef;align-items: center;}
.more-com a {display: block;width: 100%;}
.survey-comment p {margin-bottom: 0px;}
.head-com p, .c-parent .font18 {width: 100%; border-right: none; padding: 10px 20px; margin-bottom: 0px; border-radius: 8px 8px 0px 0px; background: #f7f7f7;}
.c-parent .font18 {padding-bottom: 5px;}
.cus_name {text-transform: capitalize;}
.com-modal {display: flex; flex-direction: column;}
.com-modal-top {display: flex;margin-bottom: 0px;background: #f7f7f7;padding: 20px 30px;border-radius: 5px 5px 0px 0px;}
.com-modal-right, .com-modal-left {width: 50%;margin-bottom: 0px;}
.com-modal-right {text-align: right;}
.com-text {width: 100%;border-bottom: solid 1px #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.reveal-modal.survey-comment {padding: 0px;border: solid 1px #cccccc;}
.com-modal-bot {padding: 20px 30px;border-top: solid 1px #ccc;}
.tip {text-transform: capitalize;}
.graph canvas {display: none;}
.graph_wrap {display: flex;border-bottom: solid 1px #ccc; margin-top: 20px;flex-wrap: wrap; flex-direction: row; padding: 0px 20px;}
.graph { border: solid 1px #dae2d7;border-radius: 8px;margin: 0px 0px 20px 0px;padding:10px;width: calc(50% - 10px);}
.graph_wrap .graph:nth-child(even) {margin-left: auto;}
.graph p {text-align: center;}
.p_dash.month .fas {display: none;}
table.date-row {margin-bottom: 0px;border-bottom: none;}
table td.standard {width: 9.44%; line-height: 34px; border-right: solid 1px #ccc;padding-left: 15px}
table td.wide {width: 15%;padding-right: 15px; line-height: 34px;border-right: solid 1px #ccc;padding-left: 15px}
table td.standard.no-bord {border-right: none;}
table.dash-totals td {font-weight: 700; color: #311f00;}
.ad_date_block {display: flex;flex-direction: column;border: solid 1px #c7c7c7;border-radius: 8px;margin-bottom: 20px;}
.ad_date_title {display: flex;flex-direction: row;padding: 10px 20px;border-bottom: solid 1px #c7c7c7;flex-wrap: wrap;background: #dbeadb;border-radius: 8px 8px 0px 0px;}
.ad_date_title p {
    margin-bottom: 0px;
    line-height: 36px;
    font-weight: 700;
    flex: 1;
	font-size: 18px;
  	color: #226a35;
}
.ad_date_title p span {
    color: #311f00;
}
.ad_date_title p a {
   display: flex;
    justify-content: right;
    line-height: 36px;
}
.ad_date_title p a i {line-height: 36px;}
.ad_date_title p a span {font-size: 14px;padding-right: 10px;}
.ad_date_wrap {
	display: none;
    padding: 0px;
}
.ad_date_wrap .n_wrap:last-child {border-bottom: none;}
.n_topper {display: flex;
    flex-direction: row;
    padding: 0px 20px;
    border-bottom: solid 1px #d7d7d7;
    background: #c7dec7;
}
.n_topper.active {border-radius: 0px 0px 8px 8px;}
.n_topper p {margin-bottom: 0px;font-weight: 700; font-size: 16px;flex: 1;
    line-height: 44px;}
.n_wrap.n_wrap_head p {font-weight: 700;color: #311f00; line-height: 40px;}
.n_topper p span {font-weight: 700; color: #311f00}
.ad_date_wrap p {}
.n_wrap {display: flex; flex-direction: column;}
.n_wrap .n_wrap_head {border-bottom: solid 1px #ccc;}
.n_wrap .n_wrap_head p {font-size: 15px; font-weight: 700; color: #311f00;}
.n_wrap p {width: 33.33%;}
.n_hour {}
.n_traffic {}
.n_orders {}
.traffic_form {display: none;}
.n_wrap {display: flex;flex-direction: row;border-bottom: solid 1px #d7d7d7;padding: 0px 20px;}
.n_wrap p {width: 33.33%;margin-bottom: 0px;line-height: 36px;/* border-bottom: solid 1px #d7d7d7; */}
.ad-search {margin-top: 30px;}
.ad-search input[type="text"] {width: calc(50% - 8px); float: left;}
.ad-search input.right_date {margin-left: 15px;}
.remove_me {background: #311f00; color: #fff; padding: 0px 20px; line-height: 44px; display: inline-block;margin-right: 30px; border-radius: 50px;font-weight: 700; text-transform: uppercase;font-family: 'Muli', sans-serif; margin-bottom: 30px;font-size: 14px; }
.dash-pro-box-head {display: flex; flex-direction: row; background: #f6faf2;}
.dash-pro-box {display: flex; flex-direction: column;}
.dash-prod-wrap {display: flex; flex-direction: row;border-top:solid 1px #dae2d7}
.dash-pro-box .r-col {width: 20%;padding: 0px 20px;line-height: 50px;margin-bottom: 0px;color: #555; font-weight: 500;}
.dash-pro-box .l-col {width: 60%;padding: 0px 20px;line-height: 50px;margin-bottom: 0px;}
.head_seven.dash-pro-box-head .r-col {width: 20%;padding: 0px 20px;line-height: 50px;margin-bottom: 0px;}
.head_seven.dash-pro-box-head .l-col {width: 60%;padding: 0px 20px;line-height: 50px;margin-bottom: 0px;}
.date_wrap {display: flex; flex-direction: column}
.product_wrap {display: flex;flex-direction: column;margin: 0px;border-top: solid 1px #ccc; padding: 20px;}
.product_wrap.hide {display: none;}
.pro_w {display: flex;padding: 0px; flex-direction: row; border: solid 1px #ccc;border-top: none; background: #fff;}
.pro_w td {border-right: solid 1px #ccc;padding: 11px 15px !important;}
.pro_w td.last {border-right: none;}
.pro_w p, .da_totals p {line-height: 50px; margin-bottom: 0px;padding: 0px 20px; border-right: solid 1px #ccc; }
.da_totals {display: flex; flex-direction: row; border-radius: 0px 0px 8px 8px; background:#f7f7f7;border: solid 1px #dae2d7;border-top: none; }
.product_wrap tr:last-child {border-radius: 0px 0px 8px 8px; border-bottom: solid 1px #ccc;}
.da_totals p {line-height: 50px;font-size: 16px; color: #311f00; font-weight: 700; float: left; width: 10.625%; }
.p_na {width: 60%;}
.da_totals p:last-child {border-right: none;}
.pro_w:last-child {border-bottom: none;}
.pro_w.h-pro p {font-weight: 700; color: #311f00;line-height: 50px;}
.pro_w.h-pro {border: solid 1px #ccc !important;border-radius: 8px 8px 0px 0px; background: #eefae3;font-weight: 700; color: #311f00;}
.p_qt, .p_to {width: 20%;}
.pro_w p.p_to {border-right: none;}
.product_box {width: 100%; }
.pro_head {width: 100%; padding: 10px 0px; margin-bottom: 0px;}
.wide a {display: block; width: 100%; font-weight: 700; }
.wide a .fas {float: right; line-height: 34px;}
.order_totals{ border-radius: 8px 8px 0px 0px; border: solid 1px #dae2d7;border-bottom: none;}
table.date_wrap {margin-bottom: 0px;}
.date_row p {line-height: 50px;float: left; width: 10.625%; border-right: solid 1px #ccc;  padding: 0px 20px;margin-bottom: 0px;font-size: 16px;}
.box-1 tr:first-child {border-top: none;}
.box-1 .day_wrap_dash:first-child {border-top: none;}
.marg0.box-1 {border:none;}
.dash-totals {border-top: solid 2px #311f00;}
.date_row p.wide, .da_totals p.wide {width: 15%;}
.date_row p:last-child {border-right: none;}
.date_wrap .date_row {display: flex;flex-direction: row;border-bottom: none;}
table.dash-totals td.last {border-right: none;}
.date_wrap .day_wrap_dash {border-top: solid 1px #ccc;}
.dash-totals tr {border-bottom: none;}
.product_row {display: flex; flex-direction: row;}
.date_row.hea {color: #311f00;background: #f6faf2;font-weight: 700; border-bottom: solid 2px #311f00;}
.date_row p:first-child {padding-left: 20px;}
.day_wrap_dash:nth-child(odd) {background: #f0f5eb;}
.date_row.hea p{font-weight: 700; line-height: 50px; }
.date_row.hea p:first-child {border-radius: 8px 0px 0px 0px;}
.date_row.hea p:last-child {border-radius: 0px 8px 0px 0px;}
.date_row .product_ids {width: 100%;}
.date_upper {width: 100%; display: flex; flex-direction: row;border-top: solid 2px #dae2d7;}
.ga_result {margin-top: 40px; display: none; border-radius: 50px; border: solid 1px #ddd; padding: 11px 25px; font-weight: 700;}
.ga_result.yes {display: block;}
.count {margin-top: 80px; padding-top: 90px;}
.dash input[type="text"] {border-radius: 40px;}
.ordersmore.button {line-height: 48px;}
.table_wrap {border-radius: 8px; border: solid 1px #f7f7f7;}
.table_leg.table_row {color: #fff; background: #226a35 !important; font-size: 16px;font-weight: 700;}
.table_leg .table_name, .table_leg .table_inv {color: #fff; font-weight: 700;font-size: 16px; border-right: solid 1px #0d3d1a;}
.dash input#selcted_date {width: calc(70% - 40px);}
.table_row {display: flex; background: #f7f7f7;border-bottom: solid 1px #f7f7f7;}
.table_row:first-child {border-radius: 8px 8px 0px 0px;}
.table_row:last-child {border-radius: 0px 0px 8px 8px;}
.table_cell {padding: 12px 15px; margin-bottom: 0px; flex-direction: row;}
.table_name {width: calc(100% - 275px); font-weight: 700; color: #311f00; border-right: solid 1px #f7f7f7;}
.table_inv {width: 125px;border-right: solid 1px #f7f7f7;}
.table_qty {width: 150px;}
.table_row:nth-child(odd) {background: #e7e7e7;}
.pro_sales .inner {border-radius: 8px; border: solid 1px #ccc; }
.s_head {background: #ddd;}
.s_head, .s_foot, .s_wrap {display: flex; flex-direction: column;}
.s_head p {display: flex; font-weight: 700; color: #311f00; flex-direction: row; margin-bottom: 0px;width: 100%;border-bottom: solid 1px #dae2d7; background: #f6faf2;}
.s_foot p {display: flex;background: #f7f7f7;border-top: solid 1px #dae2d7; border-radius: 0px 0px 8px 8px; font-weight: 700; color: #311f00; flex-direction: row; margin-bottom: 0px;width: 100%;}
.s_wrap p {display: flex; flex-direction: row; border-bottom: solid 1px #ccc;margin-bottom: 0px;width: 100%;}
.s_wrap p:last-child {border-bottom: none;}
.s_head span {width: 25%; line-height: 30px; padding: 10px 20px;}
.s_foot span {width: 25%; line-height: 30px; padding: 10px 20px;}
.s_wrap span {width: 25%; line-height: 30px; padding: 5px 20px;}
.s_wrap p:nth-child(odd), .seven_cont p:nth-child(odd) {background: #f8f8f8;}
.date_s, .pro_s, .order_s {border-right: solid 1px #ccc;}
.pro_sales {padding: 0px 20px}
.dash_top input.right_date {width: calc(33% - 8px); margin-left: 16px;}
.dash_top input.right_date.sorty {width: calc(24% - 8px); margin-left: 16px;}
.dash_top input.left_date {width: calc(33% - 8px);}
.dash_top input.left_date.sorty {width: calc(24% - 8px);}
.dash_top .button.sorty {width: 25%;}
.group-month {display: flex; padding-top: 16px;}
.group-month input {}
.group-month label {padding-right: 10px;line-height: 12px;font-weight: 700 !important;}
.dash-tabs {display: flex; width: 90%; margin-left: 5%; }
.dash-tab {width: 30.33%; margin: 0px 1.5%; position: relative; font-weight: 700;  text-align: center; padding: 0px 20px; line-height: 60px;  border: solid 1px #ccc; border-bottom: none; color: #311f00;  border-radius: 8px 8px 0px 0px;}
.dash-tab span {opacity: 0.5; transition: all 0.2s linear;}

.dash-tab.active span {transition: all 0.2s linear; opacity: 1;}
.dash-tab.active { border-bottom: solid 1px #fff; background: #fff; color: #76B70F;}
.dash-content {display: flex;margin-top: -1px;}
.dash-cont {display: none;width: 100%; padding: 25px 20px 35px 20px; border: solid 1px #ccc; border-radius: 8px;}
.dash-cont.active {display: block; }
.dash-over {padding: 20px 0px;position: relative;}
.over-box {position: absolute; top: 0px; left: 0px;width: 100%; height: 0px;transition: all 0.2s linear;}
.over-box.show {transition: 0.2s linear; height: 100%; background: rgba(255,255,255,0.6);}
.dash_wrapper {display: flex; flex-direction: row;}
.dash_top {width: 100%; padding: 0px 20px; display: flex; flex-direction: row; margin-bottom: 30px;justify-content: space-between;  flex-wrap: wrap;}
.dash_top p {width: 100%; margin-bottom: 25px; text-align: center;padding-bottom: 20px; border-bottom: solid 1px #dae2d7;}
#response {margin-bottom: 20px;}
.outer-scontainer {display: flex;}
.dash_top p.marg0 {margin-bottom: 0px;}
.dash_top input[type="text"].front-dash {width: calc(70% - 40px);}
.dash_top .button {width: calc(30% - 0px);margin-left: 40px; text-align: center;}
.about-us {margin-bottom: 30px;}
.order_info {width: calc(70% - 30px);}
.o-tit {text-transform: uppercase;}
.o-num {display: block; font-size: 40px;color:#76B70F; line-height: 46px; margin-top: 5px; font-weight: 900;}
.order_boxes {width: 100%; justify-content: space-between;  flex-wrap: wrap; flex-direction: row; display: flex; margin-bottom: 30px;}
.order-box {padding: 0px 20px; width: 33.333%;}
.renewal_inner {border: solid 1px #dae2d7; border-radius: 8px; display: flex;}
.order_renewals {width: 100%; display: flex; padding: 0px 20px; flex-direction: column;}
.order_renewals .order_row {background:#f6faf2;width: calc(33.33% - 20px); text-align: center; align-items: center;justify-content: center;display: flex; border-right: solid 1px #dae2d7;border-radius: 8px 0px 0px 8px;}

.product_orders {padding: 0px 20px; margin-top: 30px;}
.product_inner {border: solid 1px #dae2d7; border-radius: 8px;}
.product_inner div.text-center {border-bottom: solid 1px #dae2d7;padding: 0px 0px; line-height: 50px;background: #f7f7f7;border-radius: 8px 8px 0px 0px;}
.product_inner div.text-center p { line-height: 50px;}
.product_inner .head_seven {display: flex;margin-bottom: 0px;flex-direction: row; border-bottom: solid 1px #dae2d7;line-height: 50px;background:#f6faf2;}
.head_seven .s-col {text-align: center;border-left: solid 1px #dae2d7;}
.head_seven .q-col {border-left: solid 1px #dae2d7;}
.pro-p {display: flex; flex-direction: row;margin-bottom: 0px; line-height: 40px; border-bottom: solid 1px #ddd;}
.pro-p:last-child {border-bottom: none;}
.p-col {width: 70%;padding-left: 30px; font-weight: 700; color: #311f00;}
.s-col {width: 20%;padding-right: 30px;text-align: right; border-left: solid 1px #ddd;}
.q-col {width: 10%;padding-left: 30px; border-left: solid 1px #ddd;}
.order-box p {background:#f6faf2;border-radius: 8px; display: flex; flex-direction: column; border: solid 1px #dae2d7;padding: 20px; text-align: center; margin-bottom: 0px;}
.seven_cont p:last-child {border: none;}
.seven_day {width: calc(30% - 10px); margin-left: 20px;  }
.seven_inner {width: 100%;border: solid 1px #dae2d7; border-radius: 8px; }
.seven_top {padding: 10px 20px; border-bottom: solid 1px #dae2d7;background: #f7f7f7;border-radius: 8px 8px 0px 0px;}
.seven_cont p.head_seven {border-bottom: solid 1px #dae2d7; padding: 0px 20px;background:#f6faf2;}
.l-col {width: 70%;}
.r-col {width: 30%; text-align: right;border-left: solid 1px #ddd;}
.head_seven .l-col {padding: 0px;line-height: 50px;}
.head_seven .r-col {border-left: solid 1px #dae2d7;padding: 0px;line-height: 50px;}
.seven_cont p {padding: 0px 20px;line-height: 40px; margin-bottom: 0px; border-bottom: solid 1px #ddd;display: flex; flex-direction: row;}
.order_inner p.font16 {border-bottom: solid 1px #dae2d7;background: #f7f7f7; border-radius: 0px 8px 0px 0px;justify-content: center; text-align: center; line-height: 50px; padding-left: 0px; text-transform: uppercase;}
.info_tit {font-size: 16px;margin-bottom: 0px; }
.order_inner {padding: 0px;width: calc(67.667% + 20px)}
.order_inner p {margin-bottom: 0px;line-height: 40px; display: flex; flex-direction: row; padding-left: 30px; border-bottom: solid 1px #ddd;}
.order_inner p:last-child {border-bottom: none;}
.order_inner p span.l-col {color: #311f00; font-weight: 700; width: 75%;}
.order_inner p span.r-col { width: 25%; border-left: solid 1px #ddd; padding-right: 30px;}
.count {padding: 30px 0px 50px 0px;}

@media only screen and (max-width: 900px) {
	.dash-cont {padding: 15px 0px;}
	.dash_top input.right_date {width: calc(50% - 8px); margin-left: 16px;}
.dash_top input.left_date {width: calc(50% - 8px);}
	.dash_top, .order-box {margin-bottom: 15px;}
	.dash_top input {width: 100%; margin-bottom: 15px;}
	.dash_top .button {width: 100%; margin-left: 0px;}
	.dash_wrapper, .renewal_inner {display: block; border: none;}
	.order_info, .order-box, .order_renewals .order_row, .order_inner {width: 100%;}
	.order_renewals .order_row { padding: 20px; border:solid 1px #dae2d7; border-radius: 8px; margin-bottom: 15px;}
	.order_boxes {margin-bottom: 0px;}
	.product_orders {margin-top: 15px; margin-bottom: 15px;}
	.seven_day {border: none; padding: 0px 20px; margin-left: 0px; width: 100%;}
	.seven_inner {border: solid 1px #dae2d7;border-radius: 8px;}
	.seven_cont p:last-child {border-bottom: none;}
	.order_inner {border:solid 1px #dae2d7;border-radius: 8px;}
	.order_inner p.font16 {border-radius: 8px 8px 0px 0px;}
}
@media only screen and (max-width: 767px) {
	.ad_date_title p a i {
    line-height: 25px;
    padding-top: 4px;
}
	.ad_date_title p a {line-height: 30px;}
.n_wrap.n_wrap_head p {
    font-weight: 700;
    color: #311f00;
    line-height: 36px;
}
	.n_wrap p {font-size: 13px;}
	.ad_date_title p a span {
    font-size: 13px;
    padding-right: 5px;
}
	.ad_date_title {padding: 5px 20px;}
	.ad_date_title p {font-size: 13px;line-height: 30px;}
	.n_topper p {line-height: 30px; font-size: 14px;}
	.n_topper {padding: 5px 20px;flex-direction: column;}
	.ad-search {margin-bottom: 20px;margin-top: 10px;}
	.ad-search .three {margin-top: 20px; float: left !important; width: 100% !important;}
}