.button {

    border-radius: 4px;
    color: #FFFFFF!important;
    cursor: pointer;
    font-size: 14px!important;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none!important;
    vertical-align: middle;
    
}

.important {
    background-color: #FD9126;   
}

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

/* We need to change the name of this class for buttons its alreayd used in the app */
/*.disabled {
    background-color: #D6D6D6;
    border: 1px solid #BDBDBD;
    cursor: default;
}
*/
.buttonbig {
    font-weight: 500;
    font-size: 18px !important;
}

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

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

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

.action {
    background-color: #B5D42B;
}

.action:hover{
    background-color: #A8C627;
}
.action.disabled:hover {
    background-color: #B5D42B;
}
.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: #EDEDED;
    text-align: right;
    /*position: absolute;*/
    /*bottom: -134px;*/
    /*left: 0;*/
    /*bottom: 0;*/
    padding: 10px 15px;
    /*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 {
    box-shadow: 5px 5px 10px #8A8B8D;
    border-radius: 6px;
}

.middle-section {
    display: inline-block;
    width: 240px;
    /*height: 286px;*/
    /*float: left;*/
}

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

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

.popup-footer > div#finishnow-link {
    padding-right: 10px;
    padding-top: 6px;
    float: right;
}

#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;
    /*border-radius: 15px;*/
    /*width: 90%;*/
}

.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;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    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-left: 5px;
    display:inline-block;
}

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

#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;
    padding-right: 15px;
    padding-top: 30px;
}
.footer-wrapper-nomargin{
    position: absolute;
    bottom: 0;
    width: 100%;
}

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

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

#addJob-descriptionContent, #addJob-notesContent, #addJob-assignedtoContent, #addJob-JobsTasksContent, #addJob-SettingsContent,
#editJob-descriptionContent, #editJob-notesContent, #editJob-assignedtoContent, #editJob-SettingsContent, #editJob-JobsTasksForm{
    padding-top: 30px !important;
    padding-right: 15px !important;
}

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

#timenoteseditor{
    padding-top: 15px;
}

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

.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: Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
}

#subscriptionformcompanynamecontainer {
    padding: 20px 25px;
    background: #dcf39c;
    border-radius: 5px 5px 0 0;
}

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

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

.signupinput {
    color: #bbb;
    border: 2px solid #dcf39c;
    border-radius: 5px;
    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: bold;
    color: #4a4d54;
    border-radius: 5px;
    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: bold;
}

.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;
    border-radius: 5px;
}

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

#requirement{
    color: #bbb;
    border: 2px solid #dcf39c;
    border-radius: 5px;
    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;
    border-radius: 10px;
}

#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;
}

#subscriptionformplansummary {
  border: 3px solid #dbf2f7;
  border-radius: 5px;
  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;
    border-radius: 2px;
    padding: 3px 5px;
    font-size: 14px;
    font-weight: bold;
    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: bold;
    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: bold;
    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: bold;
    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: bold;
    line-height: 26px;
    text-shadow: 0 0 1px #ddd;
}

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

}

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

#trialformterms a{
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

#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: bold;
    width: 286px;
}
.sidesupportinput {
    border: 2px solid #e7eaed;
    padding: 5px;
    border-radius: 5px;
    color: #b2b5b6;
    margin: 3px 0 8px;
    font-size: 13px;
    outline: none !important;
}

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

.sidesupportinputerror {
    color: #ff0000;
}

#sidesupportform{
    /*width: 346px;*/
    /*float: left;*/
    /*margin-left: 40px;*/
    /*padding: 10px;*/
    box-sizing: border-box;
    /*margin-top: 10px;*/
    background: #fdfeff;
    border-radius: 5px;
    padding: 20px;
    float: right;
}

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