@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Lato', sans-serif;color:#3a3a3a!important;
}
h1,h2,h3,h4,h5 {
	font-family: 'Lato', sans-serif;
	color: #001c34 !important;
}
h2 {
	font-size: 3em !important;
}
p {
	/*margin: 0 !important;*/
	font-weight: 400 !important;
}
a:hover {
	text-decoration: none !important;
}
.lpa_right {
	background: white;
	padding: 30px!important;
	border-radius:5px!important;
}
#form__section {
    padding: 170px 0 60px;
    min-height: 800px;overflow: hidden;
}
.prod_title {
	font-size: 1.3em;
    font-weight: bold !important;
}
.sale_qty {
	font-weight: bold !important;
    font-size: 2.7em;
	color: #6395ed;
}
#page {
    display: none;
}
label {
	font-weight: bold;
}
/*#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("http://i.stack.imgur.com/MnyxU.gif");
    background-repeat: no-repeat;
    background-position: center;
}*/
#loading {
  color: #2ba698;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 20% auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.prod_sales {
	border: 1px solid #d6d6d64f;;
    text-align: center;
    border-radius: 10px;
    padding: 20px;
    margin: 15px;
    width: 100%;
	background: #05a56b08;
}
.sales_stats {
	display: flex;
	justify-content: space-between;
	margin:10px 0;
}
.dash_section {
	background: white;
    border-radius: 10px;
    padding: 15px;
	margin:15px 0;
}
.theqp_link {
    width: 100%;
    background: #05a56b;
    padding: 20px;
    border-radius: 10px;
    margin: 0 0 5px;
    color: white;
    font-size: 1.4em;
	text-decoration: none;
}
.theqp_link:hover {
	text-decoration: none !important;
	background: black;
}
.theqp_link p:hover {
	text-decoration:none;
}
* {
  box-sizing: border-box;
}
.statement_cont {
	width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.statement_cont div:first-child {
	width:85%;
}
.small_pad {
	padding: 0 5px !important;
}
.qp_section_cont {
    padding: 15px;
    margin-bottom: 20px;
	overflow: hidden;
}
.qp_head {
	padding: 30px 28px;
    background: #e0e0e0;
    overflow: hidden;
    margin-top: -50px;
    margin-bottom: 30px;
}
.qp_section_cont img {
	width: 60%;
	margin: auto;
}
.qp_section_cont h3 {
	font-size: 38px;
    margin-bottom: 20px;
}
.qp_btn {
	width: 80%;
	padding: 15px!important;
	background: #1e252b!important;
	border-color: #1e252b!important;
}
.qp_btn:hover {
	background: #2c3b48!important;
	border-color: #2c3b48!important;
}
.qp_title {
	font-size: 35px;
}
.hide {
	display: none;
}
.flex-box {
	display: flex;
}
.edit-label {
	margin-bottom: 0!important;
	font-weight: bold !important;
}
.cust-content {
	border-radius: 5px;
    padding: 10px 15px;
    max-width: calc(66.666666% - 30px);
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
.cust-overview {
	border-radius: 5px;
    padding: 10px 15px;
    max-width: calc(33.333333% - 30px);
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
.cust-overview_alt {
	border-radius: 5px;
    padding: 10px 15px;
    max-width: calc(50% - 30px);
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
#cust-heading {
	background: #07a56b;
	color:white;
}
#cust-heading_alt {
	background: #1e252b;
	color:white;
}
#cont-heading {
	background: #efefef;
	color:black;
}
#prod-heading {
	background: #e5e5e5;
	color:black;
}
.newcheck {
	width: 30px!important;
}
.dead_deets {
	text-decoration: line-through;
    color: red;
}
.col-heading {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px white solid;
    margin-bottom: 10px;
}
.col-heading .block-heading {
    font-weight: bold !important;
}
.cust-overview p {
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cust-overview_alt p {
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.stripe1 {
	background: #e2e2e2;
    padding: 5px 0px;
    margin: 2px 0;
}
.stripe2 {
	background: #cccccc;
    padding: 5px 0;
    margin: 2px 0;
}
.profile_res {
	font-size: 1.2em;
    color: #5cb85c;
    font-weight: 500;
	text-align: center;
}
.valign__center {
	align-items: center;
}
.cust-overview p span {
    font-weight: bold;
}
.cust-overview_alt p span {
    font-weight: bold;
}
.tabs {
  display: flex;
  flex-wrap: wrap;
  min-width: 100%;
  background: #efefef;
}
.tabs_inner {
  display: flex;
  flex-wrap: wrap;
  min-width: 100%;
  background: #efefef;
}
.label {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  transition: background 0.1s, color 0.1s;
}

.label:hover {
  background: #d8d8d8;
}

.label:active {
  background: #ccc;
}

.input:focus + .label {
  box-shadow: inset 0px 0px 0px 3px #2aa1c0;
  z-index: 1;
}

.input:checked + .label {
  background: #fff;
  color: #000;
}

@media (min-width: 600px) {
  .label {
    width: auto;
  }
}
.label_inner {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  transition: background 0.1s, color 0.1s;
}

.label_inner:hover {
  background: #d8d8d8;
}

.label_inner:active {
  background: #ccc;
}

.input:focus + .label_inner {
  box-shadow: inset 0px 0px 0px 3px #2aa1c0;
  z-index: 1;
}

.input:checked + .label_inner {
  background: #fff;
  color: #000;
}

@media (min-width: 600px) {
  .label_inner {
    width: auto;
  }
}
.panel {
  display: none;
  padding: 20px 30px 30px;
  background: #fff;
	width: 100%;
}

@media (min-width: 600px) {
  .panel {
    order: 99;
  }
}
.panel_inner {
  display: none;
  padding: 20px 30px 30px;
  background: #fff;
	width: 100%;
}

@media (min-width: 600px) {
  .panel_inner {
    order: 99;
  }
}

.input:checked + .label_inner + .panel_inner {
  display: block;
}
.input:checked + .label + .panel {
  display: block;
}

input[type="radio"] { 
	display: none; 
} 
input[type="radio"] + label { 
	font-weight: 400; 
	font-size: 18px; 
} 
input[type="radio"] + label span { 
	display: inline-block; 
	width: 18px; 
	height: 18px; 
	margin: -2px 10px 0 0; 
	vertical-align: middle; 
	cursor: pointer; 
	-moz-border-radius: 50%; 
	border-radius: 50%; 
	border: 3px solid #dadada; 
} 
input[type="radio"] + label span { 
	background-color: #fff; 
} 
input[type="radio"]:checked + label { 
	color: #333; 
	font-weight: 700; 
} 
input[type="radio"]:checked + label span { 
	background-color: #07a56b; 
	border: 2px solid #dadada; 
	box-shadow: 2px 2px 2px rgba(0,0,0,.1); 
} 
input[type="radio"] + label span, input[type="radio"]:checked + label span { 
	-webkit-transition: background-color 0.24s linear; 
	-o-transition: background-color 0.24s linear; 
	-moz-transition: background-color 0.24s linear; 
	transition: background-color 0.24s linear; 
}

#nav {
    box-shadow: 0px 1px 7px rgb(0,0,0,.2);
	padding:12px 0 0 !important;
	background-color: white !important;
}
.will-view {
	background: #e9e9e9;
    padding: 30px 60px !important;
}
.disabled {
    pointer-events: unset;
	background-color: unset !important;
}
.dt-bootstrap .pagination .paginate_button.active a {
    color: #fff !important;
}
.prev, .next {
    padding: unset; 
    margin: unset;
}
.formcheck {
    width: 20px;
    height: 20px;
    margin: 6px 0;
}
.ticklabel {
    padding: 6px 0 0 10px;
    vertical-align: super;
}
#admin_nav {
	width: 100%;
	background: #07a56b;
	margin-top: 10px;
}
.navbtn {
    background-color: #07a56b;
    color: white;
    padding: 10px 40px;
    font-size: 16px;
    border: none;
}
.dropbtn {
    background-color: #07a56b;
    color: white;
    padding: 10px 40px;
    font-size: 16px;
    border: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 370px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #0A4A7A;}
.navbtn:hover {background-color: #0A4A7A;}
#login {
    display: flex;
    align-items: center;
    justify-content: center;
	padding-top: 90px;
}
#login form {
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
    padding: 20px;
    min-width: 400px;
    max-width: 450px;
}
#login form .form-row input {
    padding: 10px 15px;
    border: 1px #e5e5e5 solid;
    box-shadow: none;
    outline: none;
}
#login form .form-row__buttons button {
    background-color: #07a56b;
    padding: 10px 50px;
    border-radius: 3px;
    border: none;
    color: white;
    margin: 30px auto 0;
    display: block;
}
#login form .form-row__buttons button:hover {
    background-color: #001c34;
}
#login form .form-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
#footer {
    background-color: #1e252b!important;
    padding-top: 50px;
    padding-bottom: 50px;
}
#footer-wrapper {
    display: flex;
}
#footer-left, #footer-right {
    padding-left: 30px;
    padding-right: 30px;
}
#footer-left__socials {
    display: flex;
    margin-bottom: 30px;
}
#footer-left__socials a {
    color: white;
    text-decoration: none;
    font-size: 20px;
    margin-right: 20px;
}
#footer p {
    color: white;
    font-size: 14px;
    margin: 0 0 10px 0;
}
#footer-right__phone {
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: flex-end;
}
#footer-right__email {
    color: white;
    text-decoration: none;
}
#footer p a {
    color: white;
}
#footer-right__phone p {
    color: white;
    margin: 0;
    font-weight: 900;
    font-size: 20px;
}
#footer-right__phone i {
    margin-right: 15px;
    color: white;
}
#footer-right img {
    max-width: 250px;
    display: block;
    margin: 0 0 20px auto;
}
@media (max-width: 600px){
	#footer-wrapper {
		flex-direction: column-reverse;
	}
	#footer-left, #footer-right {
		padding-left: 0;
		padding-right: 0;
	}
	#footer-right {
		margin-bottom: 30px;
	}
	#footer-right img {
		margin: 0 auto 20px 0;
	}
	#footer-right__phone {
		justify-content: flex-start;
	}
}
.t-est2 {
    background: #ccc;
    font-size: 30px;
    padding: 10px 17px;
    border-radius: 5px;
    margin: 0px 11px;
    font-weight: 600;
}
.ps15 {
	padding: 0 15px !important;
}
.willinfo {
	background: #fff;
    border-radius: 5px;
    padding: 14px;
    text-align: center;
}
.progwrap-intro {
    text-align: left;
    position: relative;
    height: 12px;
    margin: -34px 0px 30px;
}
.progwrap-intro:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: #ddd;
    width: 100%;
    transform: translateY(-50%);
}
.progbar-intro {
    height: 12px;
    position: relative;
    background: #01a46b;
}
.form-control {
    height: calc(1.5em + .75rem + 8px) !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px!important;
}
.mt-30 {
	margin-top: 30px!important;
}
.mt-40 {
	margin-top: 40px!important;
}
.mt-60 {
	margin-top: 60px!important;
}
.mt-80 {
	margin-top: 80px!important;
}
.mt-100 {
	margin-top: 100px!important;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-80 {
	padding-bottom: 80px;
}
.bborder {
	border-bottom: 1px solid #e5e5e5;
	margin-top:20px;
}
.white #footer {
    background-color: #000000!important;
}
.foot__text {
	font-size: 15px !important;
	color: #9e9e9e;
}
.white #footer-top p:first-of-type a {
    color: white !important;
}
.white #footer-top p:first-of-type {
    font-size: 18px !important;
	color: white !important;
}
.white #footer-top__social a {
    font-size: 18px !important;
	color: white !important;
}
.white #footer-top {
	border-bottom: 1px #07a56b solid !important;
}
#footer {
	padding:20px 0px;
}
.white #footer-bottom p {
    color: unset !important;
}
.bk-link {
	font-size: 1.2em;
    text-decoration: underline;
}
.ck-button {
    background-color:#ddd;
    border-radius:5px;
    border:1px solid #ddd;
    overflow:hidden;
    float:left;
	width: 100%;
	text-align: center;
}
.ck-button:hover {
    background:#eac53f;
	color: #fff;
}
.ck-button label {
    float:left;
    width:100%;
	margin-bottom: 0px;
}
.ck-button label span {
    text-align:center;
    padding:15px 0px;
    display:block;
}
.nopadding {
	padding:0 !important;
}
.ck-button input:checked + span {
    background-color:#eac53f;
    color:#fff;
	width: 100%;
	padding: 15px 0px;
}
.pr30 {
	padding:0 30px 0 0;
}
.instpad {
	padding: 20px;
	background: white;
	border-radius: 7px;
}
.hidden {
	display:none;
}
input[type="radio"] {
    display: none;
}
.field-icon {
    float: right;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    margin-right: 6px;
    color: #797979;
    cursor: pointer;
}
.checkcont {
    float: left;
    margin-right: 10px;
}
.jp-check {
    width: 25px;
    height: 25px;
}
.bcrumb a:hover  {
    text-decoration: none;
    color: #07a56b !important;
}
.bcrumb-header {
    display: none;
}
.manage {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 66.6666666%;
    }
@media (max-width: 760px) {
    .col-md-8, .col-md-4, .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }
    #form__section {
        padding: 30px 0 50px;
        min-height: 470px !important;
        margin-top: 75px !important;
    }
    .intro-question {
        font-size: 1.8em !important;
        text-align: center !important;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    .pr30 {
        padding-right: 0;
    }
    .pr30:first-of-type > a, .pr-30:first-of-type > button  {
        margin-bottom: 20px;
        display: block;
    }
    .instpad {
        margin-top: 30px;
        padding: 20px !important;
    }
    .offset-3 {
        margin-left: 0!important;
    }
    .offset-2 {
        margin-left: 0!important;
    }
    .bcrumb { background-color: white; width: 100%; }
    .bcrumb-header{ display: flex;
    justify-content: space-between;
        align-items: center;
    padding: 10px 20px;}
    .bcrumb p {
        display: none;
    }
    .bcrumb p.bcrumb-active {
        display: flex;
        flex-direction: column;
    }
    .bcrumb p i {
        display: none;
    }
    .bcrumb p a {
        margin: 5px 20px;
    }
    .bcrumb p a.bcrumb-active ~ a{
        color: #d6d6d6 !important;
    }
    .pb-40 { padding-bottom:0; }
    .row-reverse {
        flex-direction: column-reverse;
    }
}