.button {
  color: #ffffff !important;
  cursor: pointer;
  font-size: 14px !important;
  padding: 5px 25px;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  font-family: "Inter", "Open Sans";
  border-radius: 15px;
  font-weight: 400;
}

.important {
  background-color: #fd9126;
}

.important:hover {
  background-color: #ee8522;
}

.buttonxsmall {
  padding: 5px 5px;
}

.buttonsmall {
  padding: 5px 15px;
}

.buttonbig {
  font-weight: 500;
  font-size: 18px !important;
}

.important-left-image {
  /*background-image: url("/assets/images/tickGlow.png");*/
  background-image: url("/assets/images/addtaskstick.png");
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 40px;
}

.important-left-image-add {
  background-image: url("/assets/images/blanktaskicon.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 40px;
}

.important-right-image {
  background-image: url("/assets/images/tickGlow.png");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 30px;
}

.action {
  background-color: #8fdf6d;
}

.action:hover {
  background-color: #8de269;
}
.action.disabled:hover {
  background-color: #8fdf6d;
}
.info {
  background-color: #74bbd6;
}

.info:hover {
  background-color: #69aec8;
}

.info.disabled:hover {
  background-color: #74bbd6;
}

.secondary {
  background-color: #b7b7b7;
}

.secondary:hover {
  background-color: #ababab;
}

.secondary.disabled:hover {
  background-color: #b7b7b7;
}
input[type="submit"],
button,
input[type="button"] {
  border: medium none;
}

.popup-footer {
  /*width: 810px;*/
  background-color: #f7f8f9;
  text-align: right;
  /*position: absolute;*/
  /*bottom: -134px;*/
  /*left: 0;*/
  /*bottom: 0;*/
  padding: 8px 15px 12px;
  /*margin: 15px -15px 0;*/
  height: 27px;
}

.footer-wrapper {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 10px;
}

.popup-footer p {
  margin-right: 80px;
}

.popup-footer p span {
  margin-right: 10px;
}

.add-project-shadow {
}

.middle-section {
  display: inline-block;
  width: 240px;
}

.right-section {
  display: inline-block;
  width: 240px;
  height: 155px;
  margin-left: 10px;
  /*float: left;*/
}
/*#addJob-SettingsContent */
#addJob-SettingsForm > #pdmoduleoptionscontentmodules {
  width: 490px;
}

.details-container {
  height: 464px;
  overflow: auto;
  position: relative;
  padding-right: 15px;
  padding-top: 15px;
}

.popup-footer > div#finishnow-link,
.last-page-div > div#finishnow-link {
  margin-left: 10px;
}

#addJob-JobsTasksContent dl.clear > dt.labelLeft {
  width: 100%;
  text-align: left;
  /*margin-left: 20px;*/
  /*margin-right: 20px;*/
}

#addJob-JobsTasksContent dl.clear > dt.labelLeft > label.modalinputtitlemain {
  float: left;
}

#addJob-JobsTasksContent dl.clear > dd.labelLeft {
  margin-left: 0;
  margin-right: 0;
}

#addJob-JobsTasksContent div.tasktemplatepreviewtasktitle {
  width: 47%;
}

#addJob-detailsContent div.details-container {
  /*    margin-right: 10px;
    margin-left: 10px;
*/
}

.modal-allowLogin {
  background-color: #f2f8ff;
  height: 225px;
  border: 1px solid #c4dcff;
  margin-top: 15px;
  padding: 5px;
}

.modal-allowLogin .permissiontitle {
  color: #666666;
}

.viewing-buttons {
  padding: 5px 10px;
  margin: 5px;
  font-size: 14px;
  cursor: pointer;
  float: left;
  background-color: #8996a3;
  color: #d8e1e8;
  text-align: center;
}

.viewing-buttons:hover {
  background-color: #454e5e;
  color: #ffffff;
}

.allmodal-links {
  display: inline-block;
}

.display-all-modal-links {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.display-all-modal-links td {
  /*border-bottom: 1px solid #CCC;*/
  border-top: 1px solid #ccc;
  text-align: center;
  padding: 10px;
}

.display-all-modal-links th {
  /*border-bottom: 1px solid #CCC;*/
  border-top: 1px solid #ccc;
  text-align: left;
  padding: 0 15px 0 0;
  /*width: 200px;*/
}
.display-all-modal-links p {
  font-size: 11px;
  color: #454e5e;
  padding-top: 5px;
  margin: 0;
}

#go-to-test {
  text-decoration: none;
  margin-left: 5px;
  padding: 4px 10px;
  color: #899197 !important;
  float: left;
  font-size: 15px;
  border: 1px solid #fff;
  border-bottom: none;
  background-color: #f4f4f4;
  height: 23px;
  line-height: 24px;
}

.ui-widget-overlay {
  background: none repeat scroll 0 0 #3a4149;
  opacity: 0.3;
}

.main-row {
  float: left;
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.main-heading {
  float: left;
  padding: 10px 10px 10px 0;
  width: 100%;
}

.main-button-row {
  float: left;
  padding: 10px 15px 10px 0;
  text-align: center;
}

.last-row {
  border: none;
}

.time-spent {
  float: left;
}

.complete-task {
  float: right;
  line-height: 30px;
}

#forgottenPasswordForm > p {
  margin: 0 0 0 5px;
  display: inline-block;
}

#forgottenPasswordForm #emailAddress {
  margin-right: 10px;
  font-size: 14px !important;
  /*padding: 5px 3px;*/
  line-height: 24px;
  vertical-align: middle;
  width: 350px;
}

#forgottenPasswordForm input[placeholder] {
  color: #cfcfcf;
}

.get-started-wrapper {
  width: 100%;
  background-color: #def3b4;
  padding: 10px 10px 7px 25px;
  margin: 0 -10px -10px 0;
  float: right;
}

.get-started-wrapper a {
  color: #fff !important;
}

#customformcontentssection {
  max-height: 448px;
  overflow: auto;
}
.footer-wrapper-nomargin {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.footer-wrapper-project {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-left: -15px;
}

.maincontainer {
  min-height: 130px;
  position: relative;
}

editJobTemplate-descriptionContent #addJob-descriptionContent,
#addJob-notesContent,
#addJob-descriptionContent,
#addJob-assignedtoContent,
#addJob-JobsTasksContent,
#addJob-SettingsContent,
#addJob-customFormContent,
#editJob-descriptionContent,
#editJob-notesContent,
#editJob-assignedtoContent,
#editJob-SettingsContent,
#editJob-JobsTasksForm,
#editJob-customFormContent,
#addJobTemplate-descriptionContent,
#addJobTemplate-notesContent,
#addJobTemplate-assignedtoContent,
#addJobTemplate-JobsTasksContent,
#addJobTemplate-SettingsContent,
#addJobTemplate-customFormContent,
#editJobTemplate-descriptionContent,
#editJobTemplate-notesContent,
#editJobTemplate-assignedtoContent,
#editJobTemplate-SettingsContent,
#editJobTemplate-JobsTasksForm,
#editJobTemplate-customFormContent {
  padding: 15px !important;
}

#editJob-customFormContent {
  padding-top: 15px !important;
}

#popup_div #editJob-JobDetailsForm .modal-subcontainer.right {
  width: 387px;
}

#timenoteseditor {
  padding-top: 15px;
}

#addContact-rolepermissioncontainer .permissiontitle {
  width: 175px;
}

.add-favorite-popup-dl {
  margin-bottom: 50px;
}

/* styles for new subscription form */
#mainpageslefthalf {
  float: left;
  width: 440px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  color: #6e7076;
}

#mainpagesrighthalf {
  /*margin-left: 40px;*/
  font-size: 14px;
  color: #6e7076;
  /*position: absolute;*/
  /*bottom: 55px;*/
  /*right: 43px;*/
  float: right;
}

#subscriptionformcontainer {
  width: 100%;
  margin-top: 10px;
  overflow: hidden;
  font-family: "Inter", "Open Sans", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

#subscriptionformcompanynamecontainer {
  padding: 20px 25px;
  background: #dcf39c;
}

#subscriptionformcontainer #CompanyName {
  border: 4px solid #c5e95e;
  padding: 10px 8px;
  font-weight: 500;
  width: 368px;
  font-size: 18px;
  color: #bbb;
}

#subscriptionformlowercontainer {
  background: #f5f9e5;
  padding: 20px 20px 15px;
  position: relative;
  /*height: 530px;*/
  height: 555px;
  box-sizing: border-box;
}

.signupinput {
  color: #bbb;
  border: 2px solid #dcf39c;
  padding: 5px 8px;
  width: 374px;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  margin-bottom: 5px;
  position: relative;
}

.signupinputhalf {
  width: 170px;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

#inputslider {
  width: 836px;
  position: relative;
}

#addressinputs {
  float: left;
  width: 393px;
  margin-right: 50px;
}

.signupformmessage {
  color: #6e7076;
  float: left;
  font-size: 14px;
}

#fruittestcontainer {
  background: #fff;
  margin-top: 15px;
  border: 2px solid #dcf39c;
  padding: 10px 5px;
  text-align: center;
  font-weight: 500;
  color: #4a4d54;
  position: relative;
}

#billinginputs {
  float: left;
  width: 393px;
}

#billingmethod {
  padding-left: 3px;
  width: 220px;
  margin-top: 10px;
  display: none;
}
.signupinputactive {
  color: #333 !important;
  background: #fff;
}

#billingcctypes {
  display: inline;
  position: relative;
  top: 10px;
  padding-left: 10px;
}

#billingmethodcconly {
  display: none;
  margin-top: 10px;
  padding: 5px;
}

.signupinputactive {
  color: #333 !important;
  background: #fff;
}

.signupinputthird {
  width: 90px;
}

#billingmessage {
  font-size: 12px;
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 5px;
}

#subscriptionformreferralcode {
  display: none;
}

#referralmessage {
  display: none;
  font-size: 12px;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: 500;
}

.signupinputerror {
  border: 2px solid #ff6600 !important;
}

.signupinputactive:disabled {
  background: #f1f3f5 !important;
}

#trainingrequired {
  display: none;
  width: 393px;
  float: left;
  /*margin-top: -7px;*/
  margin-bottom: 20px;
}

#usetrialdata {
  margin-top: 10px;
  float: left;
}

#trainingrequired input,
#usetrialdata input {
  display: none;
}

#trainingrequired label span,
#usetrialdata label span {
  border: 2px solid #94c90a;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 4px 10px -3px 0;
  vertical-align: text-bottom;
  cursor: pointer;
  background-color: #ffffff;
}

input[type="checkbox"]:checked + label span {
  background: url("https://static.proworkflow.com/images/signup/ticktrial.png")
    no-repeat center #ffffff;
  border: 2px solid #94c90a;
}

#requirement {
  color: #bbb;
  border: 1px solid #dcf39c;
  padding: 5px 8px;
  width: 374px;
  float: left;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  margin-bottom: 5px;
  margin-top: 10px;
  /*height: 62px;*/
  height: 80px;
  resize: none;
}

/* .invisible { */
/*   display: none; */
/* } */

#mainpagescontentcontainer {
  /*width: 830px;*/
  margin: 25px auto 20px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  padding: 25px 40px;
  background: rgba(0, 0, 0, 0.65);
  position: relative;
}

#mainpagescontentcontainer span {
  font-family: Helvetica, sans-serif;
}

#mainpagestitle {
  color: #fff;
  text-shadow: #6a6d74 0px 0px 1px;
  text-align: center;
  /*font-family: Telex, sans-serif;*/
  -webkit-font-smoothing: antialiased;
  font-size: 36px;
  letter-spacing: -1px;
  font-weight: normal;
}

#mainpagessubtitle {
  -webkit-font-smoothing: antialiased;

  color: #b5bbc0;
  font-size: 18px;
  line-height: 22px;
  margin: 0 auto;
  margin-bottom: 20px;
  /*width: 720px;*/
  text-align: center;
  font-weight: normal;
}

h1,
h2,
h3,
h4 {
  margin: 0px;
  padding: 0px;
  font-weight: 500;
}

#subscriptionformplansummary {
  border: 3px solid #dbf2f7;
  background: #fdfeff;
  padding: 20px;
  padding-top: 10px;
  width: 381px;
  position: relative;
  height: 398px;
  box-sizing: border-box;
}

#subscriptionformplansummarytitle {
  font-size: 28px;
  color: #5a5d64;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px #a2dbe7 dashed;
  text-align: center;
  font-family: Helvetica, sans-serif;
  text-shadow: #6a6d74 0px 0px 1px;
}

#subscriptionformplanlogo {
  float: left;
}

#subscriptionformplansummarytitletext {
  float: left;
  padding-left: 12px;
  padding-top: 33px;
}

.subscriptionformplansummaryoptionslabel {
  width: 105px;
  padding-right: 10px;
  text-align: right;
  display: inline-block;
  color: #5a5d64;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
}

.subscriptionformplansummaryinput {
  color: #555;
  border: 3px solid #e6f9ff;
  padding: 3px 5px;
  font-size: 14px;
  font-weight: 500;
  font-family: Helvetica, sans-serif;
  /*margin: 0px;*/
  width: 70px;
}

.signupforminputspacing {
  margin-top: 15px;
}

.subscriptionformplansummaryoptionsbox {
  display: inline-block;
  width: 215px;
  background: #e6f9ff;
  margin-top: 5px;
}

.subscriptionformplansummaryoptionscost {
  width: 70px;
  display: inline-block;
  font-weight: 500;
  color: #5a5d64;
  font-size: 14px;
  float: right;
  text-align: right;
  text-shadow: 0 0 1px #c6d9df;
  padding-top: 5px;
  padding-right: 10px;
}

#subscriptionformplansummarypricing {
  margin-top: 15px;
  border-top: 1px dashed #a2dbe7;
  padding-top: 10px;
}

#subscriptionformplansummarypricingsubtotal,
#subscriptionformplansummarypricingtax {
  height: 20px;
}

#subscriptionformplansummarypricingtotal {
  height: 40px;
  margin-top: 5px;
}

.subscriptionformplansummaryoptionssubtotal {
  width: 70px;
  display: inline-block;
  color: #5a5d64;
  font-size: 14px;
  float: right;
  text-align: right;
  text-shadow: 0 0 1px #c6d9df;
  padding-right: 10px;
}

#subscriptionformplansummarypricingtotallabel {
  font-size: 22px;
  font-weight: 500;
  height: 50px;
  float: left;
  line-height: 50px;
}

#subscriptionformplansummarypricingtotalbox {
  border: 3px solid #d9f6ff;
  height: 26px;
  padding: 5px;
  padding-left: 5px;
  float: right;
  background: #fff;
  width: 200px;
}

#subscriptionformplansummarytotalcosttextpm {
  color: #a9c6df;
  height: 30px;
  float: left;
  font-size: 14px;
  line-height: 30px;
  padding-left: 3px;
  font-family: Helvetica, sans-serif;
}

#subscriptionformplansummarytotalcosttext {
  color: #5a5d64;
  height: 26px;
  float: right;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  text-shadow: 0 0 1px #ddd;
}

#visit {
  display: inline-block;
  float: right;
  line-height: 26px;
  margin-left: 8px;
  color: #5a5d64;
}

#visit a {
  color: #ff6600;
  font-size: 14px;
}

#visit a:hover {
  color: #000;
}

#subscriptionformplansummarytotalcosttext {
  color: #5a5d64;
  height: 26px;
  float: right;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  text-shadow: 0 0 1px #ddd;
}

#trialformterms {
  text-align: center;
  margin-top: 20px;
  color: #b5bbc0;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  font-family: Helvetica, sans-serif;
}

#trialformterms a,
#trialformterms a b {
  color: #fff;
}

#trialformterms a {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

#sidesupportsend {
  float: left;
  /*    margin: 0;
    width: 170px;
    height: 44px;
    background: url('/images/common/sidecontact_butt.png') no-repeat -10px -10px;
    cursor: pointer;
    float: left;*/
}

.sidesupportinputbold {
  font-weight: 500;
  width: 286px;
}
.sidesupportinput {
  border: 1px solid #e7eaed;
  padding: 5px;
  color: #b2b5b6;
  margin: 3px 0 8px;
  font-size: 14px;
  outline: none !important;
}

#sidesupportformmessage {
  font-family: Helvetica, sans-serif;
  height: 130px;
  width: 310px;
  resize: none;
  font-size: 14px;
}

.sidesupportinputerror {
  color: #e74847;
}

#sidesupportform {
  box-sizing: border-box;
  background: #fdfeff;
  padding: 20px;
  float: right;
}

#continuebutton {
  position: absolute;
  bottom: 10px;
  left: 90px;
}