/*---Account Home Page--------*/
.ah-table-recent {width: 100%; display: table; border-collapse: collapse; border-left: 1px solid #d1d1d1; padding: 0;}
.ah-table-recent > ul {margin: 0; padding: 0; display: table-row;}
.ah-table-recent > ul > li {display: inline-block;}
.ah-table-recent > ul > li a:link, .ah-table-recent > ul > li a:visited {display: inline-block;}

.ah-table-recent > ul > li.ah-recent-td1 {width: 15%; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-table-recent > ul > li.ah-recent-td2 {width: 25%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-table-recent > ul > li.ah-recent-td3 {width: 40%; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-table-recent > ul > li.ah-recent-td4 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}

.ah-recent-blue {background: #058ab5; color: #fff; font-weight: bold; vertical-align: bottom;}
.ah-recent-white {background: #fff; vertical-align: top;}
.ah-recent-mobile-title {font-weight: bold; padding: 0 10px 0 0; display: none;}
.ah-recent-btm-text {padding: 15px 0;}
@media only screen and (max-width: 800px) {
.ah-table-recent {border-left: none;}
.ah-table-recent > ul.ah-recent-table-top {display:none; -webkit-padding-start: 0px; -webkit-margin-before: 0; -webkit-margin-after: 0; height: 0;}
.ah-table-recent > ul.ah-recent-table-item {margin: 0 10px 0 0;}
.ah-table-recent {margin: 0 0 10px 0;}
.ah-table-recent > ul {margin: 0; padding: 0; display: inline;}
.ah-table-recent > ul > li {display: block; border-right: none;}
.ah-table-recent > ul > li.ah-recent-td1 {width: 95%; text-align: left; background: #058ab5; color: #fff; display: block; border-left: 1px solid #d1d1d1;}
.ah-table-recent > ul > li.ah-recent-td1 a, .ah-recent-table-item > ul > li.ah-recent-td1 a:visited, .ah-recent-table-item > ul > li.ah-recent-td1 a:active {color: #fff; text-decoration: underline;}
.ah-table-recent > ul > li.ah-recent-td1 a:hover {color: #ebffe6;}
.ah-table-recent > ul > li.ah-recent-td2 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-table-recent > ul > li.ah-recent-td3 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-table-recent > ul > li.ah-recent-td4 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-recent-mobile-title {display: inline;}
.ah-recent-btm-text {padding: 0 0 15px 0;}
}

/*---View All Orders------*/
.ah-table-view-all {width: 100%; display: table; border-collapse: collapse; border-left: 1px solid #d1d1d1; padding: 0;}
.ah-table-view-all > ul {margin: 0; padding: 0; display: table-row;}
.ah-table-view-all > ul > li {display: inline-block;}
.ah-table-view-all > ul > li a:link, .ah-table-view-all > ul > li a:visited {display: inline-block;}

.ah-table-view-all > ul > li.ah-view-all-td1 {width: 10%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td2 {width: 22%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td3 {width: 22%; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td4 {width: 12%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td5 {width: 12%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td6 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}

.ah-view-all-blue {background: #058ab5; color: #fff; font-weight: bold; vertical-align: bottom;}
.ah-view-all-white {background: #fff; vertical-align: top;}
.ah-view-all-mobile-title {font-weight: bold; padding: 0 10px 0 0; display: none;}
.account-btn-1 {float: right; margin: 0 0 15px 10px; display: block;}
.account-btn-2 {display:none;}
@media only screen and (max-width: 650px) {
.ah-table-view-all {border-left: none;}
.ah-table-view-all > ul.ah-view-all-table-top {display:none; -webkit-padding-start: 0px; -webkit-margin-before: 0; -webkit-margin-after: 0; height: 0;}
.ah-table-view-all > ul.ah-view-all-table-item {margin: 0 10px 0 0;}
.ah-table-view-all {margin: 0 0 10px 0;}
.ah-table-view-all > ul {margin: 0; padding: 0; display: inline;}
.ah-table-view-all > ul > li {display: block; border-right: none;}
.ah-table-view-all > ul > li.ah-view-all-td1 {width: 95%; text-align: left; background: #058ab5; color: #fff; display: block; border-left: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td1 a, .ah-view-all-table-item > ul > li.ah-view-all-td1 a:visited, .ah-view-all-table-item > ul > li.ah-view-all-td1 a:active {color: #fff; text-decoration: underline;}
.ah-table-view-all > ul > li.ah-view-all-td1 a:hover {color: #ebffe6;}
.ah-table-view-all > ul > li.ah-view-all-td2 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td3 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td4 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td5 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-table-view-all > ul > li.ah-view-all-td6 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-view-all-mobile-title {display: inline;}
.account-btn-1 {display:none;}
.account-btn-2 {margin: 10px 0; display: block; text-align: center;}
}
/*--View Single Order--*/
.ah-order-view-table {width: 100%; display: table; border-collapse: collapse; margin: 0 0 20px 0;}
.ah-order-view-table > ul {margin: 0; padding: 0; display: table-row;}
.ah-order-view-table > ul > li {display: inline-block;}
.ah-order-view-table > ul > li a:link, .ah-order-view-table > ul > li a:visited {display: inline-block;}

.ah-order-view-table > ul > li.ah-order-view-td1 {width: 33%; text-align: center; padding: 10px; display: table-cell; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background: #f5f9fa;}
.ah-order-view-table > ul > li.ah-order-view-td2 {width: 34%; text-align: center; padding: 10px; display: table-cell; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background: #f5f9fa;}
.ah-order-view-table > ul > li.ah-order-view-td3 {width: 33%; text-align: center; padding: 10px; display: table-cell; border: 1px solid #d1d1d1; background: #f5f9fa;}

@media only screen and (max-width: 700px) {
.ah-order-view-table > ul {margin: 0; padding: 0; display: inline;}
.ah-order-view-table > ul > li {display: block; border-right: none;}
.ah-order-view-table > ul > li.ah-order-view-td1 {width: 95%; text-align: left; display: block; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: none;}
.ah-order-view-table > ul > li.ah-order-view-td2 {width: 95%; text-align: left; display: block; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: none;}
.ah-order-view-table > ul > li.ah-order-view-td3 {width: 95%; text-align: left; display: block; border: 1px solid #d1d1d1;}
}

.ah-order-view-table2 {width: 100%; display: table; border-collapse: collapse; border-left: 1px solid #d1d1d1; margin: 0 0 20px 0;}
.ah-order-view-table2 > ul {margin: 0; padding: 0; display: table-row;}
.ah-order-view-table2 > ul > li {display: inline-block;}
.ah-order-view-table2 > ul > li a:link, .ah-order-view-table2 > ul > li a:visited {display: inline-block;}

.ah-order-view-table2 > ul > li.ah-order2-td1 {width: 33%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-order-view-table2 > ul > li.ah-order2-td2 {width: 34%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-order-view-table2 > ul > li.ah-order2-td3 {width: 33%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
@media only screen and (max-width: 700px) {
.ah-order-view-table2 {border-left: none;}
.ah-order-view-table2 > ul.ah-order-table-top2 {display:none; -webkit-padding-start: 0px; -webkit-margin-before: 0; -webkit-margin-after: 0; height: 0;}
.ah-order-view-table2 > ul.ah-order-table-item2 {margin: 0 10px 0 0;}
.ah-order-view-table2 > ul {margin: 0; padding: 0; display: inline;}
.ah-order-view-table2 > ul > li {display: block; border-right: none;}
.ah-order-view-table2 > ul > li.ah-order2-td1 {width: 95%; text-align: left; background: #5d904f; color: #fff; display: block; border-left: 1px solid #d1d1d1;}
.ah-order-view-table2 > ul > li.ah-order2-td1 a, .ah-order-table-item > ul > li.ah-order2-td1 a:visited, .ah-order-table-item > ul > li.ah-order2-td1 a:active {color: #fff; text-decoration: underline;}
.ah-order-view-table2 > ul > li.ah-order2-td1 a:hover {color: #ebffe6;}
.ah-order-view-table2 > ul > li.ah-order2-td2 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-order-view-table2 > ul > li.ah-order2-td3 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}}


.ah-order-view-table3 {width: 100%; display: table; border-collapse: collapse; border-left: 1px solid #d1d1d1; margin: 0 0 20px 0;}
.ah-order-view-table3 > ul {margin: 0; padding: 0; display: table-row;}
.ah-order-view-table3 > ul > li {display: inline-block;}
.ah-order-view-table3 > ul > li a:link, .ah-order-view-table3 > ul > li a:visited {display: inline-block;}

.ah-order-view-table3 > ul > li.ah-order3-td1 {width: 12%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td2 {width: 12%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td3 {width: 12%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td4 {width: 12%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td5 {width: 12%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td6 {width: 16%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td7 {width: 12%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}

@media only screen and (max-width: 700px) {
.ah-order-view-table3 {border-left: none;}
.ah-order-view-table3 > ul.ah-order-table-top3 {display:none; -webkit-padding-start: 0px; -webkit-margin-before: 0; -webkit-margin-after: 0; height: 0;}
.ah-order-view-table3 > ul.ah-order-table-item3 {margin: 0 10px 0 0;}
.ah-order-view-table3 > ul {margin: 0; padding: 0; display: inline;}
.ah-order-view-table3 > ul > li {display: block; border-right: none;}
.ah-order-view-table3 > ul > li.ah-order3-td1 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td1 a, .ah-order-table-item > ul > li.ah-order3-td1 a:visited, .ah-order-table-item > ul > li.ah-order3-td1 a:active {color: #fff; text-decoration: underline;}
.ah-order-view-table3 > ul > li.ah-order3-td1 a:hover {color: #ebffe6;}
.ah-order-view-table3 > ul > li.ah-order3-td2 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td3 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td4 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td5 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td6 {width: 95%; text-align: left; background: #959595; color: #fff; display: block; border-left: 1px solid #d1d1d1;}
.ah-order-view-table3 > ul > li.ah-order3-td7 {width: 95%; text-align: left; background: #959595; color: #fff; display: block; border-left: 1px solid #d1d1d1;}
}

.ah-order-view-info {float: left; width: 23%; background: #fafafa; border: 1px solid #d1d1d1; margin: 0 10px 0 0;}
.ah-order-view-info:hover {background: #ebf7ff;}
@media only screen and (max-width: 700px) {
.ah-order-view-info {float: none; width: 100%; margin: 0 0 10px 0;}
}
.order-view-btn-11 {float: right; margin: 0 0 15px 0; display: block;}
.order-view-btn-12 {float: right; margin: 0 0 15px 10px; display: block;}
.order-view-btn-13 {float: right; margin: 0 0 15px 10px; display: block;}
.order-view-btn-21 {display:none;}
.order-view-btn-22 {display:none;}
.order-view-btn-23 {display:none;}
@media only screen and (min-width: 651px) and (max-width: 1030px) {
.order-view-btn-11 {float: right; margin: 0 0 15px 10px; display: block;}
.order-view-btn-12 {display:none;}
.order-view-btn-13 {display:none;}
.order-view-btn-21 {display:none;}
.order-view-btn-22 {float: left; margin: 0 10px 0 0; display: block;}
.order-view-btn-23 {float: left; margin: 0 10px 0 0; display: block;}
}
@media only screen and (max-width: 650px) {
.order-view-btn-11 {display: none;}
.order-view-btn-12 {display:none;}
.order-view-btn-13 {display:none;}
.order-view-btn-21 {float: none; margin: 0 0 20px 0; display: block; text-align: center;}
.order-view-btn-22 {float: none; margin: 0 0 20px 0; display: block; text-align: center;}
.order-view-btn-23 {float: none; margin: 0; display: block; text-align: center;}
}
.ah-order-auto-ship {padding: 15px; font-size: 16px; line-height: 24px; font-weight: bold; color: #fff; background: #23a400;}
.ah-order-auto-ship a {color: #fffc00;}
.ah-order-auto-ship a:hover {color: #fffd68;}

/*-----Training-----*/
.ah-training-whole {
  border: 1px solid #d1d1d1;
  padding: 15px;
  background: #f2f2f2;
  margin: 0 0 20px 0;   
  -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35);
  -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35);
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35);
  }
.ah-training-title {
	font-size: 18px;
	color: #454545;
	font-style: italic;
	padding: 0 0 15px 0;
	}
@media only screen and (max-width: 700px) {
.ah-training-whole {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 15px 15px 0 15px;}
.ah-training-title {padding: 0;}
}
.ah-training-deck {border-top: 1px dashed #d1d1d1; padding: 15px 0 15px 15px;}
.ah-training-deck span {font-size: 18px; line-height: 26px; font-weight: bold;}
	
/*-----Subscriptions-----*/
.ah-subscription-whole {
  border: 1px solid #d1d1d1;
  padding: 15px;
  background: #f1fcee;
  margin: 0 0 20px 0;   
  -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35);
  -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35);
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35);
  }
.ah-subscription-title {
	font-size: 18px;
	color: #587f4d;
	font-style: italic;
	padding: 0 0 15px 0;
	}
@media only screen and (max-width: 700px) {
.ah-subscription-whole {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 15px 15px 0 15px;}
.ah-subscription-title {padding: 0;}
}
.ah-no-sub {color: #000;}

.ah-sub-table {width: 100%; display: table; border-collapse: collapse; border-left: 1px solid #d1d1d1;}
.ah-sub-table > ul {margin: 0; padding: 0; display: table-row;}
.ah-sub-table > ul > li {display: inline-block;}
.ah-sub-table > ul > li a:link, .ah-sub-table > ul > li a:visited {display: inline-block;}

.ah-sub-table > ul > li.ah-sub-td1 {width: 8%; text-align: right; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td2 {width: 16%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td3 {width: 16%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td4 {width: 39%; text-align: left; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td5 {width: 13%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td6 {width: 8%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}

.ah-sub-green {background: #5d904f; color: #fff; font-weight: bold; vertical-align: bottom;}
.ah-sub-white {background: #fff; vertical-align: top;}
.ah-sub-mobile-title {font-weight: bold; padding: 0 10px 0 0; display: none;}
@media only screen and (max-width: 700px) {
.ah-sub-table {border-left: none;}
.ah-sub-table > ul.ah-sub-table-top {display:none; -webkit-padding-start: 0px; -webkit-margin-before: 0; -webkit-margin-after: 0; height: 0;}
.ah-sub-table > ul.ah-sub-table-item {margin: 0 10px 0 0;}
.ah-sub-table {margin: 0 0 10px 0;}
.ah-sub-table > ul {margin: 0; padding: 0; display: inline;}
.ah-sub-table > ul > li {display: block; border-right: none;}
.ah-sub-table > ul > li.ah-sub-td1 {width: 95%; text-align: left; background: #5d904f; color: #fff; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td1 a, .ah-sub-table-item > ul > li.ah-sub-td1 a:visited, .ah-sub-table-item > ul > li.ah-sub-td1 a:active {color: #fff; text-decoration: underline;}
.ah-sub-table > ul > li.ah-sub-td1 a:hover {color: #ebffe6;}
.ah-sub-table > ul > li.ah-sub-td2 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td3 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td4 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td5 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-table > ul > li.ah-sub-td6 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-mobile-title {display: inline;}
}
/*--View Single Subscription--*/
.ah-sub-view-title {font-size: 16px; font-weight: bold; padding: 0 0 5px 0; color: #699cc0; font-style: italic;}

.ah-sub-view-table {width: 100%; display: table; border-collapse: collapse; margin: 0 0 20px 0;}
.ah-sub-view-table > ul {margin: 0; padding: 0; display: table-row;}
.ah-sub-view-table > ul > li {display: inline-block;}
.ah-sub-view-table > ul > li a:link, .ah-sub-view-table > ul > li a:visited {display: inline-block;}

.ah-sub-view-table > ul > li.ah-sub-view-td1 {width: 25%; text-align: center; padding: 10px; display: table-cell; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background: #f5f9fa;}
.ah-sub-view-table > ul > li.ah-sub-view-td2 {width: 25%; text-align: center; padding: 10px; display: table-cell; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background: #f5f9fa;}
.ah-sub-view-table > ul > li.ah-sub-view-td3 {width: 25%; text-align: center; padding: 10px; display: table-cell; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background: #f5f9fa;}
.ah-sub-view-table > ul > li.ah-sub-view-td4 {width: 25%; text-align: center; padding: 10px; display: table-cell; border: 1px solid #d1d1d1; background: #f5f9fa;}
.sub-view-btn-1 {float: right; margin: 0 0 15px 10px; display: block;}
.sub-view-btn-2 {display:none;}
.sub-view-btn-3 {display:none;}
@media only screen and (max-width: 700px) {
.ah-sub-view-table > ul {margin: 0; padding: 0; display: inline;}
.ah-sub-view-table > ul > li {display: block; border-right: none;}
.ah-sub-view-table > ul > li.ah-sub-view-td1 {width: 95%; text-align: left; display: block; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: none;}
.ah-sub-view-table > ul > li.ah-sub-view-td2 {width: 95%; text-align: left; display: block; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: none;}
.ah-sub-view-table > ul > li.ah-sub-view-td3 {width: 95%; text-align: left; display: block; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: none;}
.ah-sub-view-table > ul > li.ah-sub-view-td4 {width: 95%; text-align: left; display: block; border: 1px solid #d1d1d1;}
.sub-view-btn-1 {display:none;}
.sub-view-btn-2 {margin: 10px 0 20px 0; display: block; text-align: center;}
.sub-view-btn-3 {margin: 20px 0 0 0; display: block; text-align: center;}
}

.ah-sub-view-table2 {width: 100%; display: table; border-collapse: collapse; border-left: 1px solid #d1d1d1; margin: 0 0 20px 0;}
.ah-sub-view-table2 > ul {margin: 0; padding: 0; display: table-row;}
.ah-sub-view-table2 > ul > li {display: inline-block;}
.ah-sub-view-table2 > ul > li a:link, .ah-sub-view-table2 > ul > li a:visited {display: inline-block;}

.ah-sub-view-table2 > ul > li.ah-sub2-td1 {width: 30%; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-view-table2 > ul > li.ah-sub2-td2 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-view-table2 > ul > li.ah-sub2-td3 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-view-table2 > ul > li.ah-sub2-td4 {width: 10%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-view-table2 > ul > li.ah-sub2-td5 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-blue {background: #3b8bc3; color: #fff; font-weight: bold; vertical-align: bottom;}

@media only screen and (max-width: 700px) {
.ah-sub-view-table2 {border-left: none; margin: 0 0 10px 0;}
.ah-sub-view-table2 > ul.ah-sub-table-top2 {display:none; -webkit-padding-start: 0px; -webkit-margin-before: 0; -webkit-margin-after: 0; height: 0;}
.ah-sub-view-table2 > ul.ah-sub-table-item2 {margin: 0 10px 0 0;}
.ah-sub-view-table2 > ul {margin: 0; padding: 0; display: inline;}
.ah-sub-view-table2 > ul > li {display: block; border-right: none;}
.ah-sub-view-table2 > ul > li.ah-sub2-td1 {width: 95%; text-align: left; background: #3b8bc3; color: #fff; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-view-table2 > ul > li.ah-sub2-td1 a, .ah-sub-table-item > ul > li.ah-sub2-td1 a:visited, .ah-sub-table-item > ul > li.ah-sub2-td1 a:active {color: #fff; text-decoration: underline;}
.ah-sub-view-table2 > ul > li.ah-sub2-td1 a:hover {color: #ebffe6;}
.ah-sub-view-table2 > ul > li.ah-sub2-td2 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-view-table2 > ul > li.ah-sub2-td3 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-view-table2 > ul > li.ah-sub2-td4 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-view-table2 > ul > li.ah-sub2-td5 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
}

.ah-sub-view-table3 {width: 100%; display: table; border-collapse: collapse; border-left: 1px solid #d1d1d1; margin: 0 0 20px 0;}
.ah-sub-view-table3 > ul {margin: 0; padding: 0; display: table-row;}
.ah-sub-view-table3 > ul > li {display: inline-block;}
.ah-sub-view-table3 > ul > li a:link, .ah-sub-view-table3 > ul > li a:visited {display: inline-block;}

.ah-sub-view-table3 > ul > li.ah-sub3-td1 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-view-table3 > ul > li.ah-sub3-td2 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-view-table3 > ul > li.ah-sub3-td3 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-view-table3 > ul > li.ah-sub3-td4 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-view-table3 > ul > li.ah-sub3-td5 {width: 20%; text-align: center; padding: 10px; display: table-cell; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.ah-sub-grey {background: #959595; color: #fff; font-weight: bold; vertical-align: bottom;}

@media only screen and (max-width: 700px) {
.ah-sub-view-table3 {border-left: none; margin: 0 0 10px 0;}
.ah-sub-view-table3 > ul.ah-sub-table-top3 {display:none; -webkit-padding-start: 0px; -webkit-margin-before: 0; -webkit-margin-after: 0; height: 0;}
.ah-sub-view-table3 > ul.ah-sub-table-item3 {margin: 0 10px 0 0;}
.ah-sub-view-table3 > ul {margin: 0; padding: 0; display: inline;}
.ah-sub-view-table3 > ul > li {display: block; border-right: none;}
.ah-sub-view-table3 > ul > li.ah-sub3-td1 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;}
.ah-sub-view-table3 > ul > li.ah-sub3-td1 a, .ah-sub-table-item > ul > li.ah-sub3-td1 a:visited, .ah-sub-table-item > ul > li.ah-sub3-td1 a:active {color: #fff; text-decoration: underline;}
.ah-sub-view-table3 > ul > li.ah-sub3-td1 a:hover {color: #ebffe6;}
.ah-sub-view-table3 > ul > li.ah-sub3-td2 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-view-table3 > ul > li.ah-sub3-td3 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-view-table3 > ul > li.ah-sub3-td4 {width: 95%; text-align: left; display: block; border-left: 1px solid #d1d1d1;}
.ah-sub-view-table3 > ul > li.ah-sub3-td5 {width: 95%; text-align: left; background: #959595; color: #fff; display: block; border-left: 1px solid #d1d1d1;}
}

.ah-sub-view-info {float: left; width: 31%; background: #fafafa; border: 1px solid #d1d1d1; margin: 0 10px 0 0;}
.ah-sub-view-info:hover {background: #ebf7ff;}
.ah-sub-view-pad {padding: 10px 10px 15px 10px;}
.ah-sub-view-title2 {font-size: 16px; padding: 0 0 12px 0; color: #3c8cc4;}
@media only screen and (max-width: 700px) {
.ah-sub-view-info {float: none; width: 100%; margin: 0 0 10px 0;}
}

.sub-add-product-button {max-width: 75%; padding: 5px; border: 1px solid #d1d1d1;}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
.sub-add-product-button {max-width: 65%;}
}
@media only screen and (max-width: 799px) {
.sub-add-product-button {max-width: 100%; margin: 0 0 10px 0;}
}
.sub-remove-product-text {font-style: italic; margin: -10px 0 15px 0; color: #6d6d6d;}
/*---Subscription Edit Info (Billing/Shipping/Payment)--*/
.sub-edit-info-bkg1 {background: #f7fcff;}

/*--Gift Cards--*/
.ah-giftcard-whole {
  border: 1px solid #d1d1d1;
  padding: 15px;
  background: #fdf0ff;
  margin: 0 0 20px 0;   
  -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35);
  -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35);
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.35);
  }
.ah-giftcard-title {
	font-size: 18px;
	color: #4b0056;
	padding: 0 0 15px 0;
	}
.giftcard-home {font-size: 16px; line-height: 24px;}
.giftcard-balance {font-size: 18px; color: #fff; padding: 10px 15px; background: #4b0056; display: inline-block; margin: 10px 0 0 0;}
.giftcard-table {display: table; width: 100%; border-collapse: collapse; border: 0;}
.giftcard-header {display: table-row; background: #4b0056; color: #fff; font-weight: bold;}
.giftcard-row {display: table-row; border-bottom: 1px solid #d1d1d1;}
.giftcard-info {display: table-cell; padding: 10px; text-align: center; width: 33%;}
.giftcard-row:hover {background: #fdf2ff;}
.giftcard-info span {font-weight: bold; display: none;}
.giftbox {width: 200px; height: 23px; padding: 5px; font-size: 16px; font-weight: bold; border: 1px solid #d1d1d1; margin: 0 15px 0 0;}
.giftcard-orderview-title {font-size: 16px; font-weight: bold; font-style: italic; color: #4b0056; padding: 0 0 7px 0;}
.giftcard-pad {padding: 0;}
.gift-card-area {background: #fdf2ff; padding: 10px; border: 1px solid #4b0056;}
@media only screen and (max-width: 700px) {
.ah-giftcard-whole {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.giftcard-header {display: none;}
.giftcard-table, .giftcard-row, .giftcard-info {display: block; width: 100%;}
.giftcard-table {border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.giftcard-info {padding: 10px 0; text-align: left;}
.giftcard-info span {display: inline-block;}
.giftcard-mobile {background: #4b0056; color: #fff;}
.giftcard-pad {padding: 0 15px;}
}

/*--Protocols--*/
.protocol-flex {display: -webkit-flex; display: flex; /* or inline-flex */ flex-direction: row; width: 100%; align-items: flex-start; flex-wrap: wrap;}
.protocol-box {justify-content: space-between;
	order: 1;
	padding: 20px 30px;
	margin: 0 20px 20px 0;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
	text-align: center;
}
.protocol-box:hover {background: #fff8ea; transition: all 0.5s;}
.protocol-box:hover .protocol-info {background: #fff1d3; transition: all 0.5s;}
.protocol-name {font-size: 18px; line-height: 26px; padding: 0 0 6px 0; color: #feae00; font-weight: bold;}
.protocol-info {border: 1px solid #d1d1d1; background: #fffbf1; padding: 10px; font-size: 16px; line-height: 24px; margin: 0 0 10px 0;}
.protocol-product {font-weight: bold; padding: 0 0 7px 0;}
.protocol-dose {}

.protocol-table {width: 75%; height: auto; border-collapse: collapse; border: none;}
tr.protocol-table-title td {background: #16668a; color: #fff; font-size: 18px; line-height: 26px; font-weight: bold; padding: 6px 10px;}
tr.protocol-table-answer td {border: 1px solid #d1d1d1; font-size: 16px; line-height: 24px; padding: 6px 10px;}
tr.protocol-table-answer:hover {background: #ebf9ff;}
.protocol-notes {padding: 10px; background: #e8f8ff; font-size: 16px; line-height: 24px; margin: 15px 0 0 0;}
.protocol-review-date {background: #0085c0; color: #fff; font-size: 18px; line-height: 26px; font-weight: bold; padding: 10px 20px; display: inline-block; margin: 15px 0 0 0; box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);}
@media only screen and (max-width: 900px) {
.protocol-table {width: 100%;}
}
.animalproblem {float: left; font-size: 16px !important; font-weight: normal; color: #000 !important; margin: 0 25px 10px 0;}


/* ACCOUNT FORMS */

.eyeToggle {
    background: #d1d1d1;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    line-height: 37px;
    margin-left: -35px;
    text-align: center;
    vertical-align: top;
    width: 40px;
    
    &:after {
        color: #555;
        content: '\f06e';
        text-align: center;
    }
    
    &.on {
        &:after {
            content: '\f070';
        }
    }
    
    &:active {
        box-shadow: inset 0 0 10px 0 rgb(0 0 0 / 40%);
    }
}

#frmAutoship,
#frmAccount,
#frmPayment {
    color: #000;
    font-family: 'Public Sans';
    font-size: 15px;
    
    .columns {
        display: flex;
        
        &>div {
            flex: 1;
        }
    }
    
    .field {
        align-items: center;
        display: flex;
        padding: 12px 0;
        
        &>div:first-child {
            flex: 0 0 180px;
            font-weight: 600;
        }
        
        &.required>div:first-child {
            color: #275bc3;
        }
    }
    
    .option {
        padding: 15px 0;
    }
    
    .fields {
        padding: 5px 0 5px 36px;
    }
    
    .blue {
        color: #275bc3;
    }
    
    hr {
        background: transparent;
        border: 0;
        border-bottom: 2px solid rgb(241 241 241);
        clear: both;
        height: 0;
        margin: 20px 0;
        padding: 0;
    }
    
    label {
        cursor: pointer;
        font-weight: 600;
        line-height: 1;
        
        &:hover {
            color: #275bc3;
        }
        
        &:has(input:checked) {
            color: #275bc3;
            font-weight: 700;
        }
    }    
    
    input[type=checkbox],
    input[type=radio] {
        accent-color: #275bc3;
        cursor: pointer;
        height: 17px;
        margin: 0 15px 0 0;
        vertical-align: text-bottom;
        width: 17px;
    }    
    
    #field-submit {
        padding: 45px 0 15px 0;
        text-align: center;
        
        button+button {
            margin-left: 50px;
        }
    }
        
    select,
    input[type=number],
    input[type=date],
    input[type=text] {
        background-color: #f3f3f3;
        border: 1px solid #888;
        border-radius: 2px;
        box-shadow: inset 1px 1px 3px rgb(150 150 150 / 30%);
        box-sizing: border-box;
        color: #000;
        font-family: 'Public Sans';
        font-feature-settings: 'tnum';
        font-size: 14px;
        font-weight: 500;
        height: 37px;
        line-height: 1;
        margin: 0;
        padding: 0 10px;
        
        &:focus {
            background-color: #fff;
            border-color: #275bc3;
            color: #000;
            outline: 0;
        }
    }

    input[type=date] {
        width: 150px;
    }
    
    input[type=text] {
        max-width: 90%;
        width: 400px;
    }
    
    input[type=number],
    input[type=text] {
        &.field-sm {
            width: 90px;
        }
        
        &.field-md {
            width: 150px;
        }
    }
    
    #autoship-new-renewal {
        background: linear-gradient(45deg, #aec3ff, #e1eaf3);
        border-radius: 20px;
        color: #000;
        font-family: 'Public Sans';
        font-size: 15px;
        margin: 20px 0;
        padding: 15px;
        position: relative;
        text-align: center;
        
        strong {
            border-bottom: 1px dotted #275bc3;
            color: #275bc3;
            font-feature-settings: 'tnum';
            letter-spacing: .3px;
            margin: 0 2px;
        }
    }
}

/* MOBILE */

@media only screen and (max-width: 850px) 
{
    
    #frmAutoship,
    #frmAccount,
    #frmPayment {
        .columns {
            flex-direction: column;
            row-gap: 30px;
        }
        
        .field {
            row-gap: 10px;
            flex-direction: column;
            padding: 10px 0;
            
            &>div:first-child,
            &>div:last-child {
                align-self: flex-start;
                flex: 1;
                line-height: 1;
                width: 100%;
            }
        }
    }
}