@media screen and (min-height: 893px) { body{ height: 100%; } }
/* -------------------------------------------------------------------------------------------------------------- */
body { background-color: #F8F9FA !important; padding: 0 10px 25px 10px; }
/* -------------------------------------------------------------------------------------------------------------- */
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* -------------------------------------------------------------------------------------------------------------- */
.zbt_content { height: 100%; max-width: 425px; margin: 0 auto; padding:15px; border: none; border-radius: 0; background-color: white; box-shadow: 0 4px 22px rgba(0, 0, 0, 0.07); }
.zbt_logo_holder { text-align: center; max-height: 200px;}
.zbt_logo { margin-bottom: 5px; max-height: 200px; width: 100%;  height: 100%; object-fit: contain; }
.zbt_form { display: flex; flex-direction: column; justify-content: flex-end; }
/* ---- */
.zbt_text { margin: 20px 0 20px 0; color:#010F42; cursor: default; }
/* ---- */
.zbt_button { display: block; margin: 15px auto 25px auto !important; color: #000C40; background: #F9FAFB; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.13); padding: 15px 0 15px 0; width: 100%; font-weight: 600; border: none; }
.zbt_button:focus { outline: none !important; }
.zbt_button:hover { background: #f1f2f3; }
.zbt_button_link { text-align: center; color: #000C40 !important; cursor: default;}
.zbt_button_link:hover { text-align: center; color: #000C40 !important; cursor: default; text-decoration: none;}
/* ---- */
.zbt_text_input { display: block; position: relative; margin: 15px 0 20px 0; }
.zbt_text_input input { text-indent: 10px; border: none; padding: 6px; margin-top: 12px !important; width: 100%; outline: none !important; background: #f1f1f1; }
.zbt_text_input textarea { border: none; padding: 15px; height: 175px; margin-top: 12px !important; width: 100%; resize: none !important; outline: none !important; background: #f1f1f1; }
/* ---- */
.zbt_decision_input { display: block; position: relative; padding-left: 25px; margin-bottom: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.zbt_decision_input input { position: absolute; opacity: 0; cursor: pointer; }
.zbt_decision_input:hover input ~ .zbt_radio_mark { background-color: #ccc; }
.zbt_decision_input input:checked ~ .zbt_radio_mark { background-color: #6171AE; }
.zbt_decision_input input:checked ~ .zbt_radio_mark:after { display: block; }
.zbt_decision_input .zbt_radio_mark:after { top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 50%; background: #010F42; }
.zbt_radio_mark { position: absolute; top: 3px; left: 0; height: 18px; width: 18px; background-color: #D5D5D5; border-radius: 50%; }
.zbt_radio_mark:after { content: ""; position: absolute; display: none; }
/* ---- */
.zbt_check_mark { position: absolute; top: 3px; left: 0; height: 18px; width: 18px; background-color: #D5D5D5; border-radius: 15%; }
.zbt_decision_input:hover input ~ .zbt_check_mark { background-color: #ccc; }
.zbt_decision_input input:checked ~ .zbt_check_mark { background-color: #6171AE; }
.zbt_check_mark:after { content: ""; position: absolute; display: none; }
.zbt_decision_input input:checked ~ .zbt_check_mark:after { display: block; }
.zbt_decision_input .zbt_check_mark:after { top: 2px; left: 4px; width: 10px; height: 10px; border: solid #010F42; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* ---- */
.zbt_back_button_holder { display: flex; flex-direction: column; justify-content: flex-end; }
.zbt_back_button_holder button { margin-top: 20px; margin-bottom: 0; }
.zbt_back_button_holder span { font-size: 12px; font-weight: bold; content: "s";}
.zbt_back_button_holder span:before {content: "\1438 ";}
/* ---- */
.zbt_poweredby_holder { font-size: 14px; width: 100%; text-align: right; padding-top: 20px; color: #aaabac; }