body {
    font-family: 'Source Sans Pro', sans-serif;
    /*font-family: 'Work Sans', sans-serif;*/

}

p {
    font-size: 21px;
    font-weight: 300;
}

label {
    color: #1E6FB6;
    font-weight: 600;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-23 {
    font-size: 23px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-27 {
    font-size: 27px;
}

.font-size-32 {
    font-size: 32px;
    line-height: 38px
}

.font-size-38 {
    font-size: 38px;
    line-height: 56px
}

.font-size-42 {
    font-size: 42px;
}

.font-size-49 {
    font-size: 49px;
}

.font-size-56 {
    font-size: 56px;
}

.font-size-68 {
    font-size: 68px;
    line-height: 80px;
}

.text-gray {
    color: #4e555b;
}

.colored-bg {
    background-color: #E2EDF7;
}

.text-color-mailsigner {
    color: #1E6FB6;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.font-style-italic {
    font-style: italic;
}

.signcode-input-container {
    display: inline-block;
}

.signcode-input-container input.first {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.signcode-input-container input.mid {
    border-radius: 0;
    border-left-width: 0;
}

.signcode-input-container input.last {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
}


.signcode-input-text, .form-control.signcode-input-text {
    width: 30px;
    float: left;
    padding-left: 10px;
    padding-right: 8px;
}

@media (min-width: 375px) {
    .signcode-input-text, .form-control.signcode-input-text {
        width: 35px;
        float: left;
        padding-left: 12px;
        padding-right: 10px;
    }
}

.signcode-hyphen {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    bottom: 12px;
    color: gray;
}

.signcode-labelcode {
    margin-bottom: 8px;
}

.cookie-panel-body {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}

.cookie-panel-body p {
    font-size: 16px;
    line-height: 20px;
}

.btn-outline-white {
    color: #ffffff;
    background-color: transparent;
    background-image: none;
    border-color: #ffffff !important;
}

.btn-outline-white:hover {
    color: #71AD49;
    background-color: #ffffff;
    border-color: #ffffff;
}

.clr-float {
    content: "";
    display: table;
    clear: both;
}

.btn-primary {
    color: #fff;
    background-color: #1E6FB6;
    border-color: #1E6FB6;
}

.next-btn, .signinSubmit {
    background-color: #1E6FB6 !important;
    border-color: #1E6FB6 !important;
}

.pointer {
    cursor: pointer;
}

.signature-result {
    padding: 15px;
}

/* Hide HTML5 Up and Down arrows. */
.signcode-input-text-masked input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.signcode-input-text-masked input[type="number"] {
    -moz-appearance: textfield;
}