html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-size: inherit;
    vertical-align: baseline;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
}

.page {
    min-height: 80vh;
}

body,
div {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
}

select,
input,
textarea,
option {
    padding: 4px;
}

select,
input,
textarea,
option,
.pseudo-input {
    font-family: Verdana, sans-serif;
    font-size: 14px;
}

.pseudo-input {
    line-height: 14px;
    font-weight: 400;
    vertical-align: bottom;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (min-device-pixel-ratio:13/10),
only screen and (min-resolution:120dpi) {
    select,
    input,
    textarea,
    option,
    .pseudo-input {
        font-family: -apple-system, "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (max-device-width:480px) and (orientation:portrait) {
    .mobile-hidden {
        display: none!important;
    }
    .mobile-capitalize {
        text-transform: capitalize;
    }
}

@-moz-document url-prefix() {
    select {
        height: 14px!important;
        padding-left: 6px!important;
    }
}

select::-ms-expand {
    display: none;
}

input:readonly {
    cursor: pointer;
}

input:-moz-read-only {
    cursor: pointer;
}

textarea {
    resize: vertical;
}

select {
    cursor: pointer;
}

*,
* ::before,
* ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

ol {
    margin: 20px 0 20px 0;
}

b {
    color: #666;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

body {
    line-height: 1.5;
    color: #000;
}

h1,
h2,
h3,
h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-weight: 200;
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
}

h1,
h2 {
    font-size: 42px;
    padding-bottom: 20px;
    margin: 0 0 10px;
    animation: pulse .75s;
    display: inline-block;
    border-radius: 10px;
}

h3 {
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 7px;
    margin: 0 0 7px;
}

h4 {
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 5px;
    margin: 0 0 5px;
}

h5,
.head5,
p.head5 {
    font-weight: normal;
    color: #131313;
    margin: 0 0 5px;
}

p {
    margin: 0 0 16px;
}

ol li {
    margin: 0 0 10px 20px;
}

a,
a:link,
a:visited {
    color: #006797;
    text-decoration: none;
}

a:hover {
    color: #ff2000;
    text-decoration: none;
}

em {
    font-style: italic;
}

legend {
    font-weight: bold;
    padding-bottom: 2px;
}

strong {
    font-weight: bold;
}

small {
    color: #404040;
    margin: 0 0 10px;
    line-height: 1.25em;
}

small a {
    font-weight: normal;
}

hr {
    background: transparent none repeat scroll 0 0;
    border-color: #cfcfcf;
    border-style: none none solid;
    border-width: medium medium 1px;
    clear: both;
    height: 1px;
    margin: 0 0 20px 0;
}

table hr {
    margin: 0;
}

label {
    display: inline-block;
    cursor: inherit!important;
}

* html .clearfix {
    height: 1%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

.clearboth {
    clear: both;
}

.white-background {
    background: #fff!important;
}

.captcha {
    min-height: 85px;
    padding-top: 5px;
}

h1 .hrlink,
h2 .hrlink,
h3 .hrlink,
h4 .hrlink {
    color: #000;
}

.badge {
    display: inline!important;
    color: #fff!important;
    background: #7bc143!important;
    border: none!important;
    border-radius: 4px!important;
    padding: 4px!important;
    margin: 0!important;
    margin-left: 5px!important;
    cursor: inherit!important;
}

.green {
    color: green!important;
}

.hidden {
    display: none;
}

.transparent {
    opacity: 0;
}

.invisible {
    position: absolute;
    height: 0px;
    overflow: hidden;
}

.nopadding {
    padding: 0px;
}

.logo-prefix,
.logo-suffix {
    font-size: 16px;
    line-height: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic!important;
    font-weight: 800!important;
}

.logo-prefix {
    color: #009933!important;
}

.logo-suffix {
    color: #006633!important;
}

.form-inline {
    display: inline;
    padding: 0;
    margin: 0;
}

.form-horizontal {
    padding: 20px;
    background: #f4f6f8;
    background: linear-gradient(to bottom, #f4f6f8, #fff 80px);
    border-radius: 4px;
    border-top: transparent;
    min-height: 80px;
}

.form-horizontal {
    margin-top: 0px;
    margin-left: 0px;
}

.select-inline {
    font-family: inherit;
    height: 18px!important;
    padding: 0px;
    width: 56px!important;
    border: none;
    line-height: 14px;
    color: #006797;
    border-radius: 0px;
    margin: 0;
    outline: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-inline:hover {
    color: red;
}

.block-link {
    display: block;
    width: 100%;
    height: 100%;
}

.disabled-field-wrapper {
    display: inline-block;
    position: relative;
}

.disabled-field-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.template-wrapper {
    color: #006797;
    display: inline-block;
    text-align: left;
    padding: 3px;
    margin-left: 10px;
    border-radius: 2px;
    margin-bottom: 10px;
    width: 300px;
    height: 322px;
    overflow: hidden;
    position: relative;
}

.template-wrapper:hover {
    background: #7bc143;
    transition: all .5s ease;
}

.template-back {
    width: 294px;
    height: 316px;
    position: absolute;
    overflow: hidden;
}

.template-title {
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #fff;
    text-decoration: none;
}

.template-cell {
    width: 600px;
    height: 600px;
    background: #fff;
    color: #000;
    transform: scale(.5, .5);
    transform-origin: 0 0;
    position: absolute;
    overflow: hidden;
}

.template-fadeout {
    width: 300px;
    bottom: 0px;
    height: 50px;
    position: absolute;
    background: linear-gradient(rgba(240, 240, 240, 0) 0%, rgba(255, 255, 255, 1) 80%);
}

.template-highlight {
    width: 300px;
    height: 300px;
    line-height: 540px;
    position: absolute;
    text-align: center;
    opacity: 0;
}

.template-highlight:hover {
    opacity: .85;
}

.template-span {
    display: inline-block;
    color: #fff;
    background: #7bc143;
    padding: 22px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    line-height: 12px;
}

.template-wrapper-wide {
    color: #006797;
    display: inline-block;
    text-align: left;
    padding: 0;
    margin: 0;
    border-radius: 2px;
    width: 100vw;
    height: 90vh;
    max-height: 800px;
    overflow: hidden;
    position: relative;
}

.template-back-wide {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}

.template-cell-wide {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #000;
    position: absolute;
    overflow: hidden;
    margin-top: 20px;
    transform: scale(.75, .75);
    transform-origin: 50% 0;
    border: 10px solid #c4cdd5;
    border-bottom: none;
    border-radius: 15px;
    box-shadow: 0 18px 12px 4px rgba(0, 0, 0, .16);
}

.template-fadeout-wide {
    width: 100%;
    bottom: 0;
    height: 50%;
    position: absolute;
    background: linear-gradient(rgba(240, 240, 240, 0) 0%, rgba(255, 255, 255, 1) 55%);
}

.template-highlight-wide {
    width: 100vw;
    height: 100%;
    position: absolute;
    text-align: center;
}

span.wide,
a.wide {
    display: block!important;
}

table.wide,
td.wide,
span.wide,
a.wide {
    width: 100%!important;
}

table.tall,
td.tall {
    height: 100%;
    min-height: 70vh;
    vertical-align: top;
}

table.half-wide,
td.half-wide {
    width: 50%!important;
}

div.editor-buttons {
    position: absolute;
    bottom: -63px;
    left: 0;
    width: 90vw;
}

.relative {
    position: relative;
}

.submit-done {
    display: block;
    text-align: center;
    color: green;
    font-size: 200%;
    line-height: 300%;
    border: 1px solid #ccc;
    padding: 75px 20px 75px 20px;
    margin: 7px;
    background: #f0f0f0;
}

p.form-field,
a.form-field {
    margin: 10px 0 10px 0;
}

div.form-field {
    display: inline-block;
}

.share-url {
    display: none;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 0 1px #c4cdd5;
    border: 0;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    outline: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.entry {
    padding: 4px;
    vertical-align: middle;
    margin: 2px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.entry-inline {
    padding: 2px 0 2px 0;
    margin: 2px 12px 2px 0;
    display: inline-block!important;
}

.entry-inline,
.entry-inline input {
    cursor: pointer!important;
}

.entry-wrapper {
    position: relative;
    display: inline-block;
    margin: 5px 5px 5px 0;
}

.entry-wrapper .entry-select-wrapper,
.entry-wrapper .entry-input,
.entry-wrapper .entry-textarea {
    margin-bottom: 0;
}

.entry-input,
.entry-textarea,
.entry-select-wrapper>select {
    width: 100%;
    min-height: 42px;
    margin: 0 0 15px;
    padding: 10px;
    -webkit-box-shadow: 0 0 0 1px #c4cdd5;
    box-shadow: 0 0 0 1px #c4cdd5;
    border: 0;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all 150ms;
    transition: all 150ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.entry-filled .entry-input,
.entry-filled .entry-textarea,
.entry-filled .entry-select-wrapper>select {
    padding-top: 1.275em;
    padding-bottom: .275em;
}

.entry-input:focus,
.entry-input.focus,
.entry-textarea:focus {
    color: #000;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px #4285f4;
    box-shadow: 0 0 0 2px #4285f4;
}

.entry-input[disabled],
.entry-textarea[disabled],
.entry-disabled {
    background-color: #dfe3e8;
    opacity: 1;
}

.entry-textarea {
    height: auto;
    min-height: 42px;
    width: 100%;
}

.entry-label {
    display: block;
    white-space: nowrap;
    font-weight: 700;
    font-size: 11px;
    color: #889;
}

.entry-label-embedded {
    position: absolute;
    left: 10px;
    top: 4px;
    font-size: 11px;
    font-weight: 400;
    pointer-events: none;
    z-index: 10;
}

.entry-label-floating {
    opacity: 0;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
}

.entry-filled .entry-label-floating {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.entry-required:after {
    position: absolute;
    top: 0px;
    right: 5px;
    content: '*';
    color: #ff2000;
}

input[type="date"]:before {
    color: #889;
    content: attr(placeholder);
    line-height: 16px;
}

input[type="date"] {
    color: #fff;
    max-height: 40px!important;
    min-width: 180px;
}

input[type="date"]:focus,
input[type="date"]:valid {
    color: #000;
}

input[type="date"]:focus:before,
input[type="date"]:valid:before {
    content: "" !important;
}

input[type="time"]:before {
    color: #889;
    content: attr(placeholder);
}

input[type="time"] {
    color: #fff;
    max-height: 40px!important;
    min-width: 180px;
}

input[type="time"]:focus,
input[type="time"]:valid {
    color: #000;
}

input[type="time"]:focus:before,
input[type="time"]:valid:before {
    content: "" !important;
}

label.entry {
    line-height: 17px!important;
}

.flex-input {
    width: 400px;
    margin: auto;
    max-width: 85vw;
    text-overflow: ellipsis;
}

.flex-input-wide {
    width: 650px;
    margin: auto;
    max-width: 85vw;
    text-overflow: ellipsis;
}

.form-buttons {
    padding: 15px 0 0;
}

.terms-of-service {
    padding: 0px;
    margin: 10px;
    border: 1px solid gray;
    overflow-y: scroll;
    height: 520px;
}

.terms-acceptance {
    padding: 20px 0 20px 10px;
    display: inline-block;
}

.terms-buttons {
    padding-top: 10px;
    display: inline-block;
}

.enabled {
    color: #000!important;
}

.disabled,
.disabled:after {
    color: #889!important;
}

.code {
    font-size: 13px;
    padding: 10px;
    margin: 0px;
    resize: none;
    height: 100%;
    width: 100%;
    border-radius: 5px 0 0 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 0 0 1px #c4cdd5;
    box-shadow: 0 0 0 1px #c4cdd5;
    border: 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .code {
        position: absolute;
    }
}

.preview {
    height: 100%;
    min-height: 70vh;
    -webkit-box-shadow: 0 0 0 1px #c4cdd5;
    box-shadow: 0 0 0 1px #c4cdd5;
    border-radius: 0 5px 5px 0;
}

.container,
.header,
.footer {
    width: 95%;
    clear: both;
    margin: 0 auto;
}

.container {
    margin-bottom: 42px;
}

.header {
    padding: 0;
}

.footer {
    border-top: 1px solid #ddd;
}

.footer div,
.footer a,
.footer li a:link,
.footer li a:visited {
    font-size: 12px;
    color: #999;
    text-decoration: none;
    padding: 15px 0;
}

.footer div.left {
    padding-left: 5px;
}

.footer div.right {
    padding-right: 5px;
}

.wide {
    width: 100%;
}

.widecolumn {
    padding-top: 20px;
}

.maincolumn {
    padding: 0px;
    border-right: 1px solid #131313;
}

.maincolumn.ultrawide {
    width: 100%;
    border: none;
    box-sizing: border-box;
}

.sidebar {
    float: right;
    padding: 10px 20px 0 0;
}

.sidebar.wide-side {
    width: 330px;
    padding-right: 10px;
}

.sidebar.narrow-side {
    width: 210px;
}

.no-border {
    border: none!important;
}

.no-margin {
    margin: 0!important;
}

.inner-center {
    display: inline-block;
    text-align: left;
}

.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.center-narrow {
    display: inline-block;
    width: 450px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.right-link,
.right-link:hover {
    display: inline-block;
    margin-right: 5px;
    margin: 0px;
    text-decoration: none;
}

.block {
    display: block;
}

.admin-nav {
    display: inline-block;
    margin: 8px 0 8px 0;
}

.admin-nav li {
    display: inline-block;
    margin: 0 5px 0 10px;
}

.admin-nav.left li {
    margin-left: 5px;
}

.admin-nav li a,
.admin-nav li a:link,
.admin-nav li a:visited {
    color: #006797;
    text-decoration: none;
}

.admin-nav li a:hover {
    color: red;
    text-decoration: none;
}

.admin-nav li span {
    color: #888;
    font-weight: normal;
}

ul.form-nav {
    display: inline-block;
    padding: 0 0 0 20px;
    line-height: 1;
    height: 1%;
}

.form-nav li {
    display: inline-block;
    font-weight: normal;
    margin: 0 1px 0 0;
}

.form-nav li.noclick {
    padding: 15px;
    background: #fff;
    display: inline;
    display: -moz-inline-box;
    display: inline-block;
}

.form-nav li a,
.form-nav li a:link,
.form-nav li a:visited {
    color: #131313;
    background: #ccc;
    padding: 10px;
    display: block;
    text-decoration: none;
    border: 2px solid #ccc;
    border-radius: 4px 4px 0 0;
}

.form-nav li a:hover {
    color: #fff;
    background: #069;
    border: 2px solid #069;
}

.form-nav li span.current,
.form-nav li a.current,
.form-nav li a.current:visited {
    background: #f4f6f8;
    color: #131313;
    text-decoration: none;
    border: 2px solid #f4f6f8;
    border-radius: 4px 4px 0 0;
}

.form-nav li a.current:hover {
    color: #069;
    cursor: pointer;
}

.form-nav li span {
    color: #888;
    cursor: default;
    background: #ccc;
    padding: 10px;
    display: -moz-inline-box;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 4px 4px 0 0;
}

.form-nav-insert {
    float: right;
    margin: 12px;
}

ul.page-nav {
    display: inline-block;
    padding: 15px 0 0 20px;
    line-height: 1;
    height: 1%;
}

.page-nav li {
    display: inline-block;
    font-weight: normal;
    margin: 0 1px 0 0;
    white-space: nowrap;
}

.page-nav li.noclick {
    padding: 15px;
    background: #fff;
    display: inline;
    display: -moz-inline-box;
    display: inline-block;
}

.page-nav li a,
.page-nav li a:link,
.page-nav li a:visited {
    color: #131313;
    background: #b4b4b4;
    padding: 15px;
    display: block;
    text-decoration: none;
    border: 2px solid #b4b4b4;
    border-radius: 4px 4px 0 0;
}

.page-nav li a:hover {
    color: #fff;
    background: #069;
    border: 2px solid #069;
}

.page-nav li a.current,
.page-nav li a.current:visited {
    background: #fff;
    color: #131313;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 4px 4px 0 0;
}

.page-nav li a.current:hover {
    color: #069;
    cursor: pointer;
}

.page-nav li span {
    color: #888;
    cursor: default;
    background: #b4b4b4;
    padding: 15px;
    display: -moz-inline-box;
    display: inline-block;
    border: 2px solid #b4b4b4;
    border-radius: 4px 4px 0 0;
}

.page-nav-insert {
    float: right;
    margin: 12px;
}

.toggle {
    text-align: right;
    margin: 0;
}

.toggle li {
    display: inline;
    color: #808080;
    font-weight: normal;
}

.toggle li span {
    margin: 0 5px;
}

.toggle li a.current-view {
    color: #131313;
    text-decoration: none;
}

.page-head {
    background: #e6e6e6;
    margin: 0 0 7px 0;
    line-height: 1;
    border-radius: 4px;
    border-top: 1px solid #e6e6e6;
}

.edit-mode {
    background: #cce0eb;
}

.delete-mode {
    background: #fdd5cf;
}

.panel-mode {
    background: #cce0eb;
}

.alert-panel {
    margin-top: auto;
}

.alert-panel-content {
    margin: auto;
    padding: 20px;
}

a.button,
a.button:link,
a.button:visited {
    border-radius: 4px;
    background: #ff2000;
    color: #fff;
    text-decoration: none;
    padding: 15px;
    margin-bottom: 10px;
    display: block;
}

a.button:hover {
    background: #006797;
}

.sidebar a.button,
.sidebar a.button:link,
.sidebar a.button:visited {
    width: 100%;
    padding: 15px 0;
    display: block;
    text-align: center;
}

.button-wrapper {
    padding: 8px 12px 0 12px;
    width: 100vw;
}

.sidebar form label {
    color: #131313;
    margin: 0 0 4px;
    font-weight: normal;
    display: block;
}

.sidebar form .textinput {
    margin: 0 0 5px;
    padding: 3px;
    color: #2f2f2f;
    width: 95%;
}

.process {
    list-style: decimal;
    border-bottom: 1px solid #000;
    margin: 0 0 20px;
}

.process ol {
    list-style: decimal;
    padding: 0 45px;
}

.process ol li {
    list-style: decimal;
    margin: 0 60px 0 0;
    padding: 0 0 15px;
}

.process ol li.complete {
    color: #000;
    font-weight: normal;
}

.process ol li.current {
    color: #069;
    font-weight: normal;
    border-bottom: 1px solid #069;
}

.process ol li.incomplete {
    color: #797979;
    font-weight: normal;
}

.process p {
    font-weight: normal;
    margin: 0;
    line-height: 1;
}

.process p.step {
    float: right;
    font-weight: normal;
    padding: 5px 0 0;
}

.disable-page {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: .75;
    display: none;
    transition: all 1s ease;
}

.btn-option-a,
.btn-option-a:visited,
.btn-option-b,
.btn-option-b:visited,
.btn-option-c,
.btn-option-c:visited,
.btn-option-d,
.btn-option-d:visited,
.btn-option-e,
.btn-option-e:visited {
    display: inline-block;
    min-width: 90px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 4px;
    padding: 12px 20px;
    font-weight: normal;
    border: none;
    cursor: pointer;
    margin: 0 10px 10px 0;
    line-height: 1;
    width: auto;
    overflow: visible;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a.btn-option-a,
a.btn-option-a:visited,
a.btn-option-a:hover,
a.btn-option-b,
a.btn-option-b:visited,
a.btn-option-b:hover,
a.btn-option-c,
a.btn-option-c:visited,
a.btn-option-c:hover,
a.btn-option-d,
a.btn-option-d:visited,
a.btn-option-d:hover,
a.btn-option-e:hover {
    text-decoration: none;
}

.btn-option-a,
a.btn-option-a,
a.btn-option-a:visited {
    color: #fff;
    background: #ff2000;
    background: linear-gradient(#ff7060, #ff2000);
}

.btn-option-a:hover,
a.btn-option-a:hover,
input.btn-option-a:hover {
    background: #069;
    color: #fff;
}

.btn-option-b,
a.btn-option-b,
.btn-option-b:visited {
    color: #069;
    background: #fff;
}

.btn-option-b:hover,
input.btn-option-b:hover {
    color: #ff2000;
}

.btn-option-c,
a.btn-option-c,
.btn-option-c:visited {
    color: #069;
    background: #e8e8e8;
    background: linear-gradient(#f2f2f2, #e8e8e8);
}

.btn-option-c:hover,
input.btn-option-c:hover {
    background: #069;
    color: #fff;
}

.btn-option-d,
a.btn-option-d,
.btn-option-d:visited {
    color: #fff;
    background: #7bc143;
    background: linear-gradient(#7be163, #7bc143);
}

.btn-option-d:hover,
input.btn-option-d:hover {
    background: #069;
}

.page-nav-insert .btn-option-d {
    margin-bottom: 0px;
}

.btn-option-e,
a.btn-option-e,
.btn-option-e:visited {
    color: #fff;
    background: #0070c9;
    background: linear-gradient(#42a1ec, #0070c9);
}

.btn-option-e:hover,
input.btn-option-e:hover {
    background: #069;
}

.button-small,
a.button-small {
    font-family: Helvetica, Arial, sans-serif;
    display: inline-block;
    white-space: nowrap;
    border-radius: 4px;
    background: #ff2000;
    padding: 10px 20px;
    color: #fff;
    font-weight: normal;
    border: none;
    cursor: pointer;
    margin: 0 10px 0 0;
    line-height: 1;
    width: auto;
    overflow: visible;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.button-small:hover,
input.button-small:hover {
    background: #069;
    color: #fff;
}

table tr td a.button-small,
input.button-small {
    display: block;
    border-radius: 4px;
    text-align: center;
    margin: 5px auto;
    padding: 14px;
}

table tr td input.button-small {
    width: 100%;
}

.success_message {
    position: absolute;
    text-align: center;
    z-index: 1;
    top: -250px;
    left: 4%;
    right: 4%;
    padding: 0;
    animation: message-move 5s forwards;
}

.success_text {
    opacity: .95;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    display: inline-block;
    background: #c4df9b;
    color: #007236;
    padding: 12px 30px;
    border: transparent;
    border-radius: 6px;
}

.error_message {
    position: absolute;
    text-align: center;
    z-index: 1;
    top: -250;
    left: 4%;
    right: 4%;
    padding: 0;
    animation: message-move 6s forwards;
}

.error_text {
    opacity: .95;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    display: inline-block;
    background: #fee6e7;
    color: #ed1c24;
    padding: 12px 30px;
    border: transparent;
    border-radius: 6px;
}

.success_message p,
.error_message p {
    font-weight: normal;
    margin: 0;
}

@keyframes message-move {
    0% {
        opacity: 0;
        top: -50px;
    }
    3% {
        opacity: 0;
        top: -50px;
    }
    15% {
        opacity: 100;
        top: 50px;
    }
    70% {
        opacity: 100;
        top: 50px;
    }
    100% {
        opacity: 0;
        top: -150px;
    }
}

div.success div.form-horizontal {
    animation-name: success-fade;
    animation-duration: 2s;
}

@keyframes success-fade {
    from {
        background-color: #c4df9b;
    }
    to {
        background-color: #eee;
    }
}

div.success p.success {
    color: #007236;
}

div.error form {
    animation-name: error-fade;
    animation-duration: 3s;
}

@keyframes error-fade {
    from {
        background-color: #fee6e7;
    }
    to {
        background-color: #eee;
    }
}

div.error p.error {
    color: #ed1c24;
}

div.alert,
form.alert {
    background: #ff2000!important;
    transition: all .3s ease;
}

div.alert h3,
div.alert p {
    color: #fff;
}

div.alert .btn-option-a,
div.alert .btn-option-b,
div.alert .btn-option-c {
    border: 1px solid #fff;
}

.details {
    padding: 10%;
}

.content {
    padding: 2.5% 10% 2.5% 10%;
    letter-spacing: .018em;
    line-height: 1.4446;
    color: #333;
}

.content p,
.content li {
    line-height: 26px;
}

.instructions {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.form table {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.form table tr td {
    font-weight: normal;
    padding: 0 15px 15px;
    vertical-align: top;
}

.search-form {
    white-space: nowrap;
}

.search-field {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: solid 1px #d0d0d0;
}

.search-counter {
    display: inline-block;
    position: relative;
    left: -50px;
    color: #889;
    width: 42px;
    text-align: right;
}

.div-frame {
    overflow-x: auto;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
    border: none;
    border-radius: 6px 6px 0 0;
}

.div-table {
    display: table;
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
}

.div-header {
    display: table-row;
    background: #09a;
    border: solid 1px #09a;
    color: #fff!important;
}

.div-row {
    display: table-row;
    background: #fff;
    border: solid 1px #eee;
    text-decoration: none!important;
    color: #000!important;
}

.div-row:hover {
    background: #069;
    border: solid 1px #069;
    color: #fff!important;
}

.div-cell {
    display: table-cell;
    border: none;
    white-space: nowrap;
    padding: 5px 15px 5px 5px;
    width: 10%;
    box-sizing: border-box;
    color: inherit!important;
    text-decoration: none!important;
}

.div-header .div-cell {
    border-right: solid 1px #fff;
}

::-webkit-input-placeholder {
    color: #889;
}

:-moz-placeholder {
    color: #889;
    opacity: 1;
}

::-moz-placeholder {
    color: #889;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #889;
}

.err::-webkit-input-placeholder {
    color: #f66!important;
}

.err::-moz-placeholder {
    color: #f66!important;
    opacity: 1;
}

.err::-ms-input-placeholder {
    color: #f66!important;
}

div.err,
span.err,
label.err,
option.err,
select.err {
    color: #f66!important;
}

input.err,
textarea.err,
select.err {
    background: #fff8f8;
    color: #f66!important;
}

span.static {
    color: #006797;
}

a.current {
    cursor: default;
}

.prepend-append {
    display: inline-block;
    cursor: default;
    margin-bottom: 1px;
    margin-top: 1px;
}

.prepend {
    display: table-cell;
    margin-bottom: 4px;
    padding: 2px 5px;
    white-space: nowrap;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    color: #444;
    background-color: #ddd;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}

.append {
    display: table-cell;
    margin-bottom: 4px;
    padding: 2px 30px 2px 5px;
    line-height: 20px;
    text-align: left;
    color: #000;
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}

div.prepend-append {
    display: table;
}

div.prepend {
    display: block;
    margin: 0;
    text-align: left;
    border-radius: 4px 4px 0 0;
}

div.append {
    display: block;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ccc;
    border-top: none;
}

.updated-highlight {
    padding: 1px;
    animation: highlight 2s;
}

@keyframes highlight {
    from {
        background-color: #c4df9b;
    }
    to {
        background-color: transparent;
    }
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.02, 1.02, 1.02);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.carousel {
    width: 100vw;
    height: 70vh;
    max-height: 650px;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.carousel-buttons {
    text-align: center;
}

.carousel-buttons .form-buttons {
    padding-left: 10px;
}

.content .form-buttons {
    padding-left: 10px;
}

.vertical .items {
    width: 1300vw;
    animation: scroll 60s infinite;
}

.vertical .item {
    float: left;
    vertical-align: top;
    margin: 0;
    width: 100vw;
}

.item-title {
    display: block;
    margin: 0;
    padding: 0;
    color: #333;
    text-align: center;
    padding-left: 12%;
    padding-right: 12%;
}

@keyframes scroll {
    0%,
    8%,
    100% {
        margin-left: 0;
    }
    10%,
    18% {
        margin-left: -100vw;
    }
    20%,
    28% {
        margin-left: -200vw;
    }
    30%,
    38% {
        margin-left: -300vw;
    }
    40%,
    48% {
        margin-left: -400vw;
    }
    50%,
    58% {
        margin-left: -500vw;
    }
    60%,
    68% {
        margin-left: -600vw;
    }
    70%,
    78% {
        margin-left: -700vw;
    }
    80%,
    88% {
        margin-left: -800vw;
    }
    90%,
    98% {
        margin-left: -900vw;
    }
}

.entry-radio {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    padding: 8px;
    cursor: pointer;
}

.entry-radio .entry-radio__native-control:enabled:not(:checked)+.entry-radio__background .entry-radio__outer-circle {
    border-color: #c4cdd5;
    border-width: 1px;
}

.entry-radio .entry-radio__native-control:enabled+.entry-radio__background .entry-radio__inner-circle,
.entry-radio .entry-radio__native-control:enabled:checked+.entry-radio__background .entry-radio__outer-circle {
    border-color: #4285f4;
}

.entry-radio .entry-radio__background:before {
    background-color: #4285f4;
}

.entry-radio__background {
    display: inline-block;
    position: absolute;
    left: 8px;
    box-sizing: border-box;
    width: 50%;
    height: 50%;
}

.entry-radio__background:before {
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
    content: "";
    transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, transform .12s cubic-bezier(.4, 0, .6, 1) 0ms;
}

.entry-radio__background:before,
.entry-radio__outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.entry-radio__outer-circle {
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms;
}

.entry-radio__inner-circle {
    box-sizing: border-box;
    transform: scale(0);
    border-width: 9px;
    border-style: solid;
    border-radius: 50%;
    transition: transform .12s cubic-bezier(.4, 0, .6, 1) 0ms, border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms;
}

.entry-radio__inner-circle,
.entry-radio__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-radio__native-control {
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
    z-index: 1;
}

.entry-radio__background:before {
    content: none;
}

.entry-radio__native-control:checked+.entry-radio__background,
.entry-radio__native-control:disabled+.entry-radio__background {
    transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
}

.entry-radio__native-control:checked+.entry-radio__background .entry-radio__outer-circle,
.entry-radio__native-control:disabled+.entry-radio__background .entry-radio__outer-circle {
    transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms;
}

.entry-radio__native-control:checked+.entry-radio__background .entry-radio__inner-circle,
.entry-radio__native-control:disabled+.entry-radio__background .entry-radio__inner-circle {
    transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms;
}

.entry-radio--disabled {
    cursor: default;
    pointer-events: none;
}

.entry-radio__native-control:checked+.entry-radio__background .entry-radio__inner-circle {
    transform: scale(.5);
    transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms;
}

.entry-radio__native-control:disabled+.entry-radio__background {
    cursor: default;
}

.entry-radio__native-control:disabled+.entry-radio__background .entry-radio__inner-circle,
.entry-radio__native-control:disabled+.entry-radio__background .entry-radio__outer-circle {
    border-color: rgba(0, 0, 0, .26);
}

.entry-radio__native-control:focus+.entry-radio__background:before {
    transform: scale(2);
    opacity: .12;
    transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
}

.entry-checkbox {
    display: inline-block;
    position: relative;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    padding: 9px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.entry-checkbox__native-control:enabled:not(:checked)~.entry-checkbox__background {
    background-color: transparent;
    border-color: #c4cdd5;
    border-width: 1px;
}

.entry-checkbox__native-control:enabled:checked~.entry-checkbox__background {
    border-color: #4285f4;
    background-color: #4285f4;
}

@keyframes mdc-checkbox-fade-in-background-0 {
    0% {
        border-color: rgba(0, 0, 0, .54);
        background-color: transparent;
    }
    50% {
        border-color: #4285f4;
        background-color: #4285f4;
    }
}

@keyframes mdc-checkbox-fade-out-background-0 {
    0%,
    80% {
        border-color: #4285f4;
        background-color: #4285f4;
    }
    to {
        border-color: rgba(0, 0, 0, .54);
        background-color: transparent;
    }
}

.entry-checkbox--anim-unchecked-checked .entry-checkbox__native-control:enabled~.entry-checkbox__background {
    animation-name: mdc-checkbox-fade-in-background-0;
}

.entry-checkbox--anim-checked-unchecked .entry-checkbox__native-control:enabled~.entry-checkbox__background {
    animation-name: mdc-checkbox-fade-out-background-0;
}

.entry-checkbox__checkmark {
    color: #fff;
}

.entry-checkbox__mixedmark {
    border-color: #fff;
}

.entry-checkbox__background:before {
    background-color: #4285f4;
}

.entry-checkbox__native-control:disabled:not(:checked)~.entry-checkbox__background {
    border-color: rgba(0, 0, 0, .26);
}

.entry-checkbox__native-control:disabled:checked~.entry-checkbox__background {
    border-color: transparent;
    background-color: rgba(0, 0, 0, .26);
}

@media screen and (-ms-high-contrast:active) {
    .entry-checkbox__mixedmark {
        margin: 0 1px;
    }
}

.entry-checkbox--disabled {
    cursor: default;
    pointer-events: none;
}

.entry-checkbox__background {
    left: 9px;
    right: auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 9px;
    bottom: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    width: 45%;
    height: 45%;
    border: 1px solid currentColor;
    border-radius: 2px;
    background-color: transparent;
    pointer-events: none;
    transition: background-color 90ms cubic-bezier(.4, 0, .6, 1) 0ms, border-color 90ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

.entry-checkbox__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    padding: 1px;
    transition: opacity .18s cubic-bezier(.4, 0, .6, 1) 0ms;
}

.entry-checkbox__checkmark-path {
    transition: stroke-dashoffset .18s cubic-bezier(.4, 0, .6, 1) 0ms;
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.78;
    stroke-dasharray: 29.78;
}

.entry-checkbox__native-control:checked~.entry-checkbox__background {
    transition: border-color 90ms cubic-bezier(0, 0, .2, 1) 0ms, background-color 90ms cubic-bezier(0, 0, .2, 1) 0ms;
}

.entry-checkbox__native-control:checked~.entry-checkbox__background .entry-checkbox__checkmark-path,
.entry-checkbox__native-control:indeterminate~.entry-checkbox__background .entry-checkbox__checkmark-path {
    stroke-dashoffset: 0
}

.entry-checkbox__background:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    transition: opacity 90ms cubic-bezier(.4, 0, .6, 1) 0ms, transform 90ms cubic-bezier(.4, 0, .6, 1) 0ms;
}

.entry-checkbox__background:before {
    content: none
}

.entry-checkbox__native-control:focus~.entry-checkbox__background:before {
    transform: scale(2.75);
    opacity: .12;
    transition: opacity 80ms cubic-bezier(0, 0, .2, 1) 0ms, transform 80ms cubic-bezier(0, 0, .2, 1) 0ms;
}

.entry-checkbox__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
}

.entry-checkbox__native-control:disabled {
    cursor: default;
    pointer-events: none;
}

.entry-checkbox__native-control:checked~.entry-checkbox__background .entry-checkbox__checkmark {
    transition: opacity .18s cubic-bezier(0, 0, .2, 1) 0ms, transform .18s cubic-bezier(0, 0, .2, 1) 0ms;
    opacity: 1;
}

.entry-form-field {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    text-align: left;
}