body{
  font: 300 16px/22px "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2, h4, .announce-me{
  line-height: 1.5;
}
.top-pad-20{
  padding-top: 20px;
}
.base-pad-20{
  padding-bottom: 20px;
}
.pad-20{
  padding: 20px;
}
.top-logo{
  width: 180px;
}
.top-notice{
  background-image: url("../images/general/hd2.jpg");
  background-repeat: repeat-x;
  border-bottom: 4px solid #00ace6;
}
.content-1{
  margin: 120px 35px 50px 35px;
  padding: 20px;
  padding-bottom: 50px;
  background-color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.promise-line, .action-line{
  background-color: #0086b3;
  color: #fff;
  padding: 15px;
}
.action-line{
  padding-top: 25px;
}
.client-testimonial{
  padding-bottom: 20px;
}
.testimonial{
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  border-radius: 0 16px 16px 0;
  margin-bottom: 20px;
}
.announce-me{
  font-size: 2em;
  padding: 10px;
}
.action-button-1{
  border: 2px solid #fff;
  padding: 15px 10px;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 1.2px;
}
.action-button-2{
  border: 2px solid #00b300;
  background-color: #00b300;
  padding: 15px 12px;
  color: #fff;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 1.2px;
}
.action-button-navbar{
  border: 1px solid #00b300;
  border-radius: 4px;
  color: #fff;
  margin: 5px;
}
.discount-notice{
  background-color: #e6e6e6;
  padding: 20px;
}
.discount-space{
  border: 6px dashed #0086b3;
  padding: 20px;
  margin: 60px 0;
  color: #0086b3;
}
.discount-button{
  width: 220px;
  margin-bottom: 10px;
}
.discount-hint{
  padding: 5px;
  padding-top: 15px;
  font-size: 1.3em;
}
.footer{
  /*background-color: #1a1a1a;*/
  color: #cccccc;
  font-size: 0.9em;
  padding-top: 20px;
}
.footer h3{
  color: #f2f2f2;
}
.trusted-brand{
  padding-bottom: 40px;
  padding-top: 20px;
}
.trusted-brand-image{
  width: 100px;
}

/********************************************************************************************************8
8********************************************************************************************************/

.top-fitting{
  margin-top: 20px;
  padding-top: 40px;
}
.page-body{
  margin-top: 20px;
  margin-bottom: 20px;
}
.page-body2{
  margin-top: 20px;
}
.sign-up, .sign-in, .active-form{
  margin-top: 20px;
}
.sign-up-header{
  border: 1px solid #00b300;
  background-color: #00b300;
  color: #fff;
  padding: 15px 30px;
}
.sign-up-body{
  border: 1px dashed #00b300;
  padding: 30px;
  margin-bottom: 40px;
}
.sign-up-button{
  border: 2px solid #00b300;
  border-radius: 4px;
  background-color: #00b300;
  width: 100%;
  padding: 5px;
  color: #fff;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 2px;
}
.sign-in{
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  border-bottom: 1px solid #001a33;
  margin-bottom: 40px;
}
.sign-in-header{
  border: 2px solid #001a33;
  background-color: #001a33;
  border-radius: 4px 4px 0 0;
  padding: 10px 30px;
  color: #fff;
}
.sign-in-body{
  padding: 30px;
}
.sign-in-button{
  border: 2px solid #0086b3;
  border-radius: 4px;
  background-color: #0086b3;
  width: 100%;
  padding: 5px;
  color: #fff;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 2px;
}
.trust{
  padding-bottom: 15px;
}

/********************************************************************************************************8
8********************************************************************************************************/

.files-added{
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 10px 50px;
  margin: 20px 0;
}
.small-text{
  font-size: 0.8em;
}
.normal-text{
  font-size: 1.2em;
}
.active-form{
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  background-color: #f2f2f2;
}
.active-form-body{
  padding: 30px;
}
.active-form-header{
  margin-top: 15px;
  font-size: 1.2em;
}
.active-form-button{
  border: 2px solid #0086b3;
  border-radius: 4px;
  background-color: #0086b3;
  padding: 5px 50px;
  color: #fff;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 2px;
}
.non-label-description, .file{
  font-size: 0.8em;
}
.file{
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #fafafa;
}
.individual-attached-file, .personal-message{
  border: 1px solid #e6e6e6;
  padding: 5px 20px;
  margin: 10px 0;
}
.individual-attached-file:hover{
  background-color: #f2f2f2;
}
.progress-direction-buttons{
  margin: 40px 0;
  letter-spacing: 1.5px;
}
.progress-direction-button-next{
  border: 1px solid #00b300;
  background-color: #00b300;
  color: #fff;
  padding: 7px 14px;
}
a.progress-direction-button-next:hover, .action-form-next:hover{
  text-decoration: none;
  letter-spacing: 2px;
  color: #fff;
}
.progress-direction-button-back:hover{
  text-decoration: none;
  letter-spacing: 2px;
}
.progress-direction-button-back{
  border: 1px solid #e6e6e6;
  padding: 7px 14px;
}
.action-form-next{
  border: 1px solid #00b300;
  background-color: #00b300;
  color: #fff;
  padding: 5px 14px;
}
.summary-info{
  padding: 20px 30px;
}
.mtitle{
  font-size: 1.3em;
}
.top-description-base{
  background-image: url("../images/general/top-filling.jpg");
  background-repeat: repeat-x;
}
.top-description{
  background-color: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
  color: #fff;
  width: 300px;
  margin: auto;
}
.top-description h3{
  padding: 7px;
}
.form-exchange-link{
  padding-top: 15px;
}

/********************************************************************************************************8
8********************************************************************************************************/

.dashboard-active-area{
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 20px;
  margin: 20px 0;
}
.welcome{
  color: #00b300;
  padding: 10px 0 20px 0;
  line-height: 1.2;
}
.dashboard-intro, .dashboard-option, .about-submission, .personal-message, .warning-info{
  font-size: 0.9em;
}
.dashboard-headerline{
  font-size: 1.3em;
  letter-spacing: 1.3px;
  padding: 10px 0;
}
.dashboard-option, .about-submission-line-title{
  padding: 3px 0;
  font-variant: small-caps;
}
.dashboard-bodyline{
  font-size: 0.8em;
}
.endsp-payment-buttons{
  padding: 20px 0 60px 0;
}
.view-invoice-button{
  border: 1px solid #0086b3;
  border-radius: 4px;
  background-color: #fff;
  padding: 11px 18px;
  font-size: 0.8em;
  letter-spacing: 1.4px;
}
.pay-now-button{
  border: 1px solid #00b300;
  border-radius: 4px;
  background-color: #00b300;
  color: #fff;
  padding: 11px 33px;
  font-size: 0.8em;
  letter-spacing: 1.4px;
}
.pay-later-button{
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: #fff;
  padding: 11px 28px;
  font-size: 0.8em;
  letter-spacing: 1.4px;
}
.print-pay-buttons{
  padding: 40px 0;
}


/********************************************************************************************************8
8********************************************************************************************************/


.submission-invoice{
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 30px 15px;
  font-size: 0.9em;
}
.invoice-section{
  margin-bottom: 15px;
}
.red-text{
  color: #f00;
}
.invoice-key-value{
  font-size: 1.5em;
  font-variant: small-caps;
  padding-left: 5px;
}
.invoice-addresses{
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.bordered-right{
  border-right: 2px solid #dbdbdb;
}
.invoice-title{
  font-size: 1.4em;
}
.final-price{
  font-size: 1.2em;
}
.badge{
  letter-spacing: 1.1px;
  padding: 3px 10px;
}
.red-badge{
  background-color: #f00;
}
.blue-badge{
  background-color: #0086b3;
}
.green-badge{
  background-color: #00b300;
}
.inner-navigation{
  padding: 15px 0;
}
.about-submission-headerline{
  border-top: 1px solid #1a1a1a;
  background-color: #666;
  color: #fff;
  font-size: 0.7em;
  font-weight: 700;
  letter-spacing: 1.1px;
  padding: 3px 15px;
}
.about-submission-line{
  border-bottom: 1px solid #dbdbdb;
  padding: 15px 0 5px 10px;
}
.about-submission-line-title{
  color: #0086b3;
  font-size: 0.8em;
  letter-spacing: 1.2px;
  padding-right: 20px;
}
.cancel-button{
  border: 1px solid #f00;
  border-radius: 4px;
  background-color: #fff;
  padding: 11px 14px;
  font-size: 0.8em;
  letter-spacing: 1.4px;
}
.warning, .hint{
  border: 1px solid #ffe6e6;
  border-radius: 4px;
  background-color: #ffe6e6;
  padding: 10px 20px 20px 20px;
}
.warning-header{
  color: #f00;
  font-size: 1.7em;
  padding: 10px 0;
  line-height: 1.2;
}
.delete-btn{
  border: 1px solid #f00;
  border-radius: 4px;
  background-color: #f00;
  color: #fff;
  margin-left: 20px;
  padding: 7px 20px;
  word-spacing: 3px;
}
.system-button{
  border-radius: 4px;
  width: 170px;
  padding: 5px 0;
  margin: auto;
  font-size: 0.8em;
}
.set-to-paid{
  border: 1px solid #0086b3;
  background-color: #fff;
}
.upload-work{
  border: 1px solid #0086b3;
  background-color: #0086b3;
  color: #fff;
}
.set-to-completed{
  border: 1px solid #00b300;
  background-color: #00b300;
  color: #fff;
}
.delete{
  border: 1px solid #f00;
  background-color: #fff;
}

/*AFTER AB'S VISIT AND CONSULTATION*/
.hint{
  color: #f00;
  margin: 10px 0;
}
.hint-header{
  font-size: 1em;
  font-weight: 700;
}
.hint-body{
  font-size: 0.9em;
}
.progress-report, .order-overview{
  border: 1px solid #ebfafa;
  border-radius: 4px;
  font-size: 0.8em;
  margin: 10px 0;
}
.progress-item-value{
  padding: 5px;
}
.progress-item{
  background-color: #ebfafa;
  padding: 5px 5px 5px 15px;
}
.progress-bottom-border{
  border-bottom: 1px solid #ebfafa;
}
.overview-header{
  margin-top: 30px;
  font-size: 1.2em;
}
.order-overview{
  margin: 20px 0;
}
.attached-files, .dashboard-main-menu{
  border: 1px solid #ebfafa;
  border-radius: 4px;
  background-color: #ebfafa;
  font-size: 0.8em;
}
.dashboard-main-menu{
  padding-left: 20px;
  margin-right: 20px;
}
.attached-files{
  margin: 10px 0;
  padding: 10px 20px;
}
.white-background{
  background-color: #fff;
}
.stage{
  background-color: #f2f2f2;
  padding: 10px 20px;
  margin: 20px 0;
}
.inactive-stage{
  color: #bfbfbf;
}
.active-stage{
  color: #0086b3;
  background-color: #ebfafa;
}
.dashboard-button{
  border: 1px solid #0086b3;
  border-radius: 4px;
  background-color: #0086b3;
  width: 100%;
  padding: 7px 33px;
  letter-spacing: 1.4px;
  margin: 10px;
}
.dashboard-button a{
  color: #fff;
}
.page-heading{
  margin-top: 20px;
  padding: 80px 0 20px 0;
  background-color: #0086b3;
  color: #fff;
}
.page-title{
  color: #f2f2f2;
  font-size: 2em;
  padding: 25px 0 10px 0;
  line-height: 1.2;
}
.page-subtitle{
  color: #cccccc;
  padding-bottom: 5px;
  font-size: 1.2em;
}
.row-alt {
  background: #0086b3;
  background: -webkit-linear-gradient(to right, #265973, #086391, #4d4d4d);
  background:    -moz-linear-gradient(to right, #265973, #086391, #4d4d4d);
  background:         linear-gradient(to right, #265973, #086391, #4d4d4d);
}
.row-alt2 {
  background: #1a1a1a;
  background: -webkit-linear-gradient(to right, #004080, #004d66, #086391);
  background:    -moz-linear-gradient(to right, #004080, #004d66, #086391);
  background:         linear-gradient(to right, #004080, #004d66, #086391);
}
.pricing{
  padding: 30px 10px;
  font-weight: 600;
  font-size: 1.1em;
}
.odd-line{
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}
.even-line{
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  background-color: #f2f2f2;
}
.price-headline, .original-price, .discounted-price, .price-center{
  padding: 12px 10px;
}
.price-headline{
  border: 1px solid #00ace6;
  border-radius: 4px;
  background-color: #00ace6;
  color: #fff;
}
.original-price, .words{
  font-size: 0.7em;
}
.original-price{
  color: #a6a6a6;
}
.order-now-button{
  border: 1px solid #00ace6;
  border-radius: 4px;
  background-color: #00ace6;
  color: #fff;
  padding: 11px 33px;
  letter-spacing: 1.4px;
}
.check-price-button{
  border: 1px solid #00ace6;
  border-radius: 4px;
  background-color: #fff;
  padding: 11px 18px;
  letter-spacing: 1.4px;
}
.faq{
  padding-top: 20px;
}
.faq-question{
  font-size: 1.4em;
  line-height: 1.2;
}
.faq-answer{
  font-size: 0.9em;
}
.power-point{
  border: 1px solid #d9d9d9;
  background-color: #fff;
  padding: 20px;
  margin: auto;
  word-spacing: 1.2px;
  min-height: 300px;
  max-width: 200px;
}
.power-image{
  padding: 20px;
}
.power-title{
  color: #00ace6;
  font-size: 1.1em;
  padding: 5px;
  padding-bottom: 20px;
  letter-spacing: 1.2px;
}
.power-details{
  font-size: 0.9em;
}
.power-row{
  background-color: #f2f2f2;
  padding: 5px;
}
.pagination{
  font-size: 0.8em;
  margin: auto;
}
.delete-tiny{
  border: 1px solid #f00;
  border-radius: 4px;
  background-color: #f00;
  color: #fff;
  margin-left: 20px;
  padding: 0 5px;
  word-spacing: 1.1px;
}
.main-content, .main-pricing, .main-quality, .start-date, .end-date{
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  padding: 20px;
}
.info-path{
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  border-top: 1px solid #0086b3;
  border-bottom: 4px solid #0086b3;
  padding: 20px;
  box-shadow: 2px 3px #4d4d4d;
}
.main-content, .main-quality, .start-date, .grey-background{
  background-color: #f2f2f2;
}
.blue-background{
  border: 1px solid #0086b3;
  border-radius: 4px;
  background-color: #0086b3;
  color: #fff;
  padding: 5px 10px;
}
.main-content, .start-date, .end-date{
  line-height: 1.8;
}
.main-quality{
  line-height: 1.8;
}
.side-pad-20{
  padding: 0 20px;
}
.page-quote{
  background-color: #0086b3;
  padding: 1px 20px;
  letter-spacing: 1.1px;
  color: #fff;
}
.quality-point{
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 10px;
  padding-top: 15px;
  background-color: #fff;
  margin-top: 20px;
}
.quality-point-extra{
  border: 1px solid #0086b3;
  border-radius: 4px;
  padding: 10px 20px;
  padding-top: 15px;
  background-color: #fff;
  margin-top: 20px;
}
.point-extra{
  border-top: 4px solid #1a1a1a;
  background-color: #0086b3;
  padding: 1px;
  color: #fff;
  font-size: 1.5em;
}
.quality-point-title{
  color: #0086b3;
  font-size: 1.4em;
}
.service-line{
  border-bottom: 1px solid #f2f2f2;
  padding: 3px 0;
}
.editorial-info{
  font-size: 0.85em;
  line-height: 1.8;
}
.referral-push{
  background-color: #f00;
  color: #fff;
  padding: 10px;
  font-size: 1.2em;
}
.referral-push-cell{
  padding: 20px;
}
.referral-push-tag{
  font-size: 1.5em;
}
.white-base-line{
  border-bottom: 1px dotted #fff;
}
.size-eightnhalf{
  font-size: 0.9em;
}
.dashboard-referral_banner{
  border: 1px solid #e6e6e6;
  padding: 10px 10px 5px 20px;
  border-left: 5px solid #0086b3;
  border-right: 1px solid #0086b3;
  color: #fff;
  background-color: #004d66;
}
.dashboard-refer-call{
  line-height: 1.5;
  font-size: 1.5em;
}
.dashboard-refer-sub-call{
  font-size: 0.9em;
}
.sales-headline{
  background-color: #ebfafa;
  font-weight: 700;
}
.sales-item-value, .sales-item{
  border: 1px solid #ebfafa;
  padding: 5px 5px 5px 10px;
}
.sales-item{
  background-color: #ebfafa;
  font-weight: 700;
}
.accept-editor{
  border: 1px solid #00b300;
  border-radius: 4px;
  background-color: #00b300;
  color: #fff;
  margin-left: 20px;
  padding: 1 6px;
  word-spacing: 1.1px;
  font-size: 0.9em;
}
.reject-editor{
  border: 1px solid #f00;
  border-radius: 4px;
  background-color: #f00;
  color: #fff;
  margin-left: 20px;
  padding: 1 6px;
  word-spacing: 1.1px;
  font-size: 0.9em;
}
.reedit-button{
  border: 1px solid #0086b3;
  border-radius: 4px;
  background-color: #0086b3;
  color: #fff;
  padding: 11px 18px;
  font-size: 0.8em;
  letter-spacing: 1.4px;
}
.extra-space-out{
  padding: 5px;
}
.refer-click-action{
  border: 1px solid #14b866;
  border-radius: 4px;
  padding: 1px 5px;
  background-color: #14b866;
  color: #ebfafa
}
.return_message{
  border-top: 1px dotted #14b866;
  margin-top: 8px;
  padding: 8px 0;
}