.ajax-fb {
    top: 50px;
    font-size: 1.2em;
    margin-top: 0;
    padding: 1em 1.3em;
    position: fixed;
    right: 0;
    z-index: 2000;
}

.no-pad {
    padding: 0;
    margin: 0;
}

.well-padded { padding: 20px 40px; }
.pad-vertical{ padding: 20px 0; }

/** user login styles */
.checkbox label {
    margin-left: -14px;
    margin-bottom: 20px;
}

/** Forms stuff */
input.pdx-number, select.pdx-number {
    width: 100px;
}

textarea.pdx-textarea {
    height: 200px;
}

select.pdx-long {
    height: 200px;
}

.form-group .control-label.required:after {
    content:"*";
    color:crimson;
    margin-left:10px;
}

.help-block {
    font-style: italic;
    color: #737373;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
}



/* --- Spinners --- */
.spinner-overlay,
.simple-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(46, 90, 135, 0.3); /*-- same as #5F0044 but with added alpha channel --*/
    z-index: 10;
}
.spinner,
.simple-overlay div {
    margin: 0 auto;
    width: 100px;
    position: relative;
    text-align: center;
    /* vertical align */
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.simple-overlay div {
    width: 80%;
}
.spinner > div {
    width: 16px;
    height: 16px;
    background-color: #2e5a87; /*-- primary color --*/
    border-radius: 100%;
    display: inline-block;
    margin-right: 5px;
    animation: sk-bouncedelay 1.7s infinite ease-in-out both;
}
.spinner .spinner__item1 { animation-delay: -0.60s; }
.spinner .spinner__item2 { animation-delay: -0.40s; }
.spinner .spinner__item3 { animation-delay: -0.20s; }
@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0;
    } 40% {
          transform: scale(1.0);
          opacity: 1;
      }
}