.smoke-base {
 position         : absolute;
 left             : 0;
 top              : 0;
 width            : 100%;
 height           : 100%;
 padding-left     : 100%;
 padding-right    : 100%;
 margin-left      : -100%;
 background-color : rgba(0,0,0,.4);
 display          : table;
 z-index          : 10002;
}

.smoke-dialog_wrapper {
 position       : relative;
 vertical-align : middle;
 display        : table-cell;
}

.smoke-dialog {
 width            : 1000px;
 margin           : 0 auto;
 padding          : 35px;
 color            : #202020;
 border           : 1px solid #B6B6B6;
 border-radius    : 28px;
 background-color : #f3f3f3;
 font-size        : 56px;
 font-weight      : normal;
 text-align       : center;
}

/*
.smoke-dialog-title {position: relative; display: block}
.smoke-dialog-title > * {display: inline-block}
.smoke-dialog-title-close > * {position: absolute; right: 0; cursor: pointer}
*/

.smoke-dialog-buttons > *, .smoke-dialog-buttons {line-height: 18.2px; font-size: 18.2px}

.smoke-dialog-buttons {
 vertical-align : middle;
}

.smoke-dialog-buttons > * {
 margin           : 0 7px;
 padding          : 12.6px 16.8px;
 border           : 0;
 border-radius    : 7px;
 outline          : 0;
 color            : white;
 background-color : rgba(0,0,0,.85);
 font-family      : arial;
 font-weight      : bold;
 text-transform   : uppercase;
 vertical-align   : middle;
 display          : inline-block;
 cursor           : pointer;
}

.smoke-prompt input,
.smoke-prompt input[type="text"],
.smoke-prompt input[type="password"] {
 -moz-box-sizing  : border-box;
 box-sizing       : border-box;
 width            : 75%;
 margin           : 0;
 padding          : 11.2px;
 border           : 1.4px solid #aaa;
 outline          : none;
 font-family      : arial;
 font-size        : 22.4px;
 background-color : white;
 display          : inline-block;
}

.smoke-dialog-buttons > * {
 background-color : rgba(0,0,0,.40);
}


/* <Smoke v3 (alert, prompt, etc.) classes.> */
.smoke-base {position: fixed; padding-left: 0; padding-right: 0; margin-left: 0}
.smoke-base {vertical-align: middle; position: fixed; margin: 0; width: 100%; height: 100%; margin: 0; padding: 0; left: 0; top: 0; justify-content: center; align-items: center; display: flex}
.smoke-dialog {position: relative; width: 800px; margin: 20px; padding: 0; font-size: 34px; border-radius: 6px; background-color: white; border: 1px solid #555555; font-family: Open Sans; overflow: hidden}
.smoke-dialog-text > * {margin-bottom: 18px; margin-top: 18px}
.smoke-dialog-text > * > * {margin-bottom: 18px; margin-top: 18px}
.smoke-dialog-text > *:first-child {margin-top: 0}
.smoke-dialog-text > * > *:first-child {margin-top: 0}

input.smoke-prompt-input:not(:last-child),
input.smoke-prompt-input[type="text"]:not(:last-child),
input.smoke-prompt-input[type="password"]:not(:last-child) {margin-bottom: 18px}

.smoke-dialog-stretch .smoke-dialog-text {width: fit-content}
.smoke-dialog-stretch-with_buttons .smoke-dialog-text {border-bottom: 4px solid white; height: calc(100% - 114px)}
.smoke-dialog-stretch-with_buttons .smoke-dialog-text > img {max-width: 100%; max-height: 100%}
@media (orientation: landscape) {.smoke-dialog-stretch {height: calc(100% - 40px); width: auto}}
@media (orientation: portrait) {.smoke-dialog-stretch {width: calc(100% - 40px); height: auto}}
@media (orientation: landscape) {.smoke-dialog-stretch .smoke-dialog-text > img {height: 100%}}
@media (orientation: portrait) {.smoke-dialog-stretch .smoke-dialog-text > img {width: 100%}}

.smoke-dialog-detailed_text .smoke-dialog-text p {text-align: left}
.smoke-dialog-title-text {display: inline-block; flex-grow: 1}
.smoke-soft_button, .smoke-dialog-title-close {cursor: pointer; color: white; background-color: #63b4f5; text-align: center; transition: all .25s ease}
.smoke-dialog-title-close {font-size: 32px; padding-left: 18px; padding-right: 18px; line-height: 30px; display: block} /* For the icoMoon close icon.*/
.smoke-soft_button-large {width: 80px; height: 80px; font-size: 35px}
.smoke-soft_button-large.custom_symbols {line-height: 80px}
.smoke-soft_button-large.glyphicon {line-height: 78px; margin-bottom: 2px}
.smoke-dialog-title-close-fat {cursor: pointer; font-size: 40px; /*color: #00ccff;*/ padding-left: 14px; padding-right: 14px; margin-top: 0; margin-bottom: 0} /* For the fat glyphicons-halflings close icon.*/
.smoke-dialog-title-text + .smoke-dialog-title-close {margin-left: -68px}
.smoke-soft_button:hover, .smoke-dialog-title-close:hover {color: #0c69b6}
.smoke-dialog-text {margin: 20px 18px 20px 18px}
p.smoke-dialog-text {line-height: normal}
.smoke-dialog-text > *:last-child {margin-bottom: 0}
.smoke-dialog-text > * > *:last-child {margin-bottom: 0}
.smoke-prompt {margin-top: 18px; margin-bottom: 18px; text-align: center}
.smoke-dialog-buttons {margin: 20px 18px 18px 18px}
.smoke-dialog-buttons > * {border-radius: 0; transition: all .5s ease}
.smoke-dialog-buttons > *:hover {background-color: goldenrod}
.smoke-dialog-buttons-ok:hover {background-color: #109414}
.smoke-dialog-buttons-cancel:hover {background-color: #ce2038}
.smoke-dialog-stretch-textonly {height: calc(100% - 40px); width: calc(100% - 40px); display: flex; flex-direction: column}

.smoke-dialog-wide {width: 60%}
.smoke-dialog-wide .smoke-dialog-text {text-align: left; text-indent: 1em}
.smoke-dialog-vertical_stretch {display: flex; flex-direction: column; max-height: calc(100% - 40px)}
.smoke-dialog-vertical_stretch .smoke-dialog-text {overflow-y: auto; margin-bottom: 0; display: block}
.smoke-dialog-vertical_stretch .smoke-dialog-buttons {margin-top: 22px}
@media (max-device-width: 768px) {.smoke-dialog-wide {width: 100%}}

.smoke-dialog {border: 4px solid white; border-radius: 0; font-size: 28px}
.smoke-dialog-title {width: 100%; padding-top: 25px; font-weight: 700; font-size: 34px; line-height: 30px; padding-bottom: 25px; border-bottom: none /*4px solid white*/; color: white; background-color: #63b4f5 /*#36a3fb*/; justify-content: space-between; flex-shrink: 0; display: flex}
.smoke-dialog-title-single_close_button {position: absolute; width: 80px; right: 0; justify-content: center}
.smoke-dialog-title-success {background-color: #41b910 /*#42c10e*/ /*#3ebd0a*/}
.smoke-dialog-title-error {background-color: #f55c5c /*#f56363*/}
/*.smoke-dialog-title-invite {background-color: #d43a82}*/
.smoke-dialog-buttons > * {margin: 0 11px; padding: 18px 22px; font-family: Open Sans}
.smoke-dialog-buttons > *, .smoke-dialog-buttons {font-size: 24px; line-height: 24px}
.smoke-dialog-text-manualdocs_menu {overflow-y: auto; text-align: left}
.smoke-dialog-text-manualdocs_menu-back_button {cursor: pointer; position: relative; margin-right: 20px; font-weight: normal; vertical-align: middle; text-align: center; display: inline-block}
.smoke-dialog-text-manualdocs_menu-back_button, .smoke-dialog-text-manualdocs_menu-back_button + * {vertical-align: bottom; display: inline-block}
.smoke-dialog-text-manualdocs_menu-back_button + * {line-height: 80px}
.smoke-dialog-text-manualdocs_menu h1 {line-height: 0; margin-top: 0}
/* </Smoke v3.> */

/* <Smoke tabs.> */
.smoke-dialog-title.smoke-dialog-title_with_tabs {margin-bottom: 0}
.smoke-dialog-tabs {font-size: 28px; line-height: 28px; text-align: left; width: 100%; font-weight: 600; border-top: 4px solid white; border-bottom: 4px solid white; color: white; display: flex; align-items: stretch}
.smoke-dialog-tab {background-color: #63b4f5; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; margin-right: 4px; text-align: center; cursor: pointer; flex-grow: 1}
.smoke-dialog-tab:hover {background-color: #0c69b6}
.smoke-dialog-tab-active {background-color: #1f89e0}
.smoke-dialog-tab:last-child {margin-right: 0}
.smoke-dialog-tab_empty {background-color: #63b4f5 /*#36a3fb*/; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; display: inline-block; flex-grow: 1}
 /* </Smoke tabs.> */
 
/* <More smoke.> */
.smoke-dialog-survey_request {width: calc(100% - 40px); max-width: 1000px; margin: 0 auto; margin-top: 10px; margin-bottom: 40px; text-align: center; border-color: #63b4f5; display: block}
.smoke-dialog-survey_request .smoke-dialog-text {text-align: left; text-indent: 1em}
.smoke-survey_prerequest {background: none; pointer-events: none; height: 100%; align-items: flex-end}
.smoke-survey_prerequest .smoke-dialog {width: 1240px; margin: 0 auto; margin-bottom: 20px; text-align: center; border-color: #63b4f5; pointer-events: all; display: block}
.smoke-survey_prerequest .smoke-dialog-text {width: calc(100% - 515px); text-align: left; text-indent: 1em; vertical-align: middle; display: inline-block}
.smoke-survey_prerequest .smoke-dialog-buttons {display: inline-block; vertical-align: middle}
.smoke-survey_prerequest .smoke-dialog-title {/*padding-left: 8px; padding-right: 8px; line-height: 42px*/}
@media (max-device-width: 768px) {
 .smoke-survey_prerequest .smoke-dialog {width: 100%; margin-bottom: 0}
 .smoke-survey_prerequest .smoke-dialog-text {width: 100%; display: block}
 .smoke-survey_prerequest .smoke-dialog-buttons {display: block}
}
/* </More smoke.> */