#main-calculator-area, .gebc-label {
    font-family    : -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size      : small;
    font-weight    : 500;
}

.gebc-warning {
    display        : none;
    color          : white;
    font-weight    : 800;
    padding        : 5px;
    margin         : 5px;
    text-align     : center;
    border-radius  : 3px;
}

.gebc-warning-too-low {
    background     : #e74046;
}

.gebc-warning-no-sim {
    background     : orange;
}

.gebc-warnable-title.warn {
    background     : #e74046;
}

.gebc-param-div {
    display        : flex;
}

.gebc-param-group {
    border         : solid black 1px;
    border-radius  : 5px;
    margin         : 5px 0;
    padding        : 3px;
    background     : #FFFFFFE2;
}

.gebc-label {
    margin         : 2px 4px;
}

.gebc-output-table {
    margin         : 5px;
    padding        : 3px;
    width          : 100%;
}

#fighters-container {
    position       : relative;
}

#fighters-container.on {
    position       : relative;
    border-radius  : 3px;
    width          : 50%;
    border         : 1px solid cadetblue;
}

#lss-container {
    display        : none;
    position       : relative;
}

#lss-container.on {
    position       : relative;
    border-radius  : 3px;
    border         : 1px solid cadetblue;
}

#dual-fight-instructor-div,
#dual-lss-instructor-div,
.gebc-instructor-included,
.gebc-what-is-this {
    display        : none;
    font-weight    : 500;
    background     : #34a7a747;
    border-radius  : 5px;
    padding        : 1px 5px;
}

.gebc-dual-instructor-fieldset {
    padding        : 1px;
    border         : unset;
}

.gebc-warnable.on {
    background     : #facbcb;
}

#participants-div {
    display        : flex;
    flex-direction : column;
}

.gebc-number-input-box {
    font-size      : small !important;
    font-weight    : 500 !important;
    width          : 70px !important;
    height         : 30px !important;
    margin-right   : 5px !important;
    background     : #34a7a747 !important;
    border-radius  : 5px !important;
}

.gebc-section-title {
    font-size      : large;
    font-weight    : 800;
    text-align     : center;
    background     : #34a7a7;
    color          : white;
    border-radius  : 4px;
}

.gebc-label-td-25 {
    width          : 25%;
}

.gebc-checkbox-td {
    width          : 22px;
    padding        : 3px;
    text-align     : center;
}

.gebc-drop-list {
    font-size      : 12px;
    width          : fit-content;
    font-weight    : 700;
    text-align     : center;
}

.gebc-td-title {
    font-weight    : 800;
    background     : #34A7A7;
    color          : white;
    width          : auto;
    border-radius  : 5px;
}

.gebc-td-value {
    font-weight    : 800;
    text-align     : right;
    white-space    : nowrap;
    border-radius  : 5px;
    width          : 120px;
    background     : #34a7a77d;
}

.light-orange-background {
    background     : #ffe6c8;
}

.blue-white-box {
    background     : #0073ff;
    color          : white;
}

.gebc-notify-flying-people {
    display        : none;
    background     : #ffe6c8;
    color          : #f36315;
    font-weight    : 800;
    padding        : 5px;
    margin         : 5px 15px;
    text-align     : center;
    border-radius  : 4px;
}

#request-quotation-btn {
    color          : #d2d3d3;
    background     : #9ba6a6;
    font-weight    : 800;
    font-size      : x-large;
    text-transform: uppercase;
    padding        : 5px;
    margin         : 15px 0 0 0;
    text-align     : center;
    border-radius  : 4px;
}

#request-quotation-btn:hover {
    cursor         : not-allowed;
}

#request-quotation-btn.active {
    color          : white;
    background     : #E1334D;
    cursor         : pointer;
}

#request-quotation-btn.active:hover {
    background     : #c0001b;
    color          : cornsilk;
    font-weight    : 900;
}

.gebc-popup-window {
    display        : none;
    background     : #21a197;
    position       : fixed;
    border-radius  : 12px;
    left           : 50%;
    top            : 50%;
    transform      : translate(-50%, -50%);
    border         : rgb(1, 47, 44) 1px solid;
    z-index        : 200;
}

#before-sendmail-popup-window,
#share-popup-window{
    width          : 360px;
    height         : 640px;
}

#after-sendmail-popup-window,
#incomplete-sendmail-popup-window,
#after-clipboardcopy-popup-window,
#after-clipboardcopy-failed-popup-window {
    width          : 240px;
    height         : auto;
}

.quotation-request-sending-failed {
    font-size      : small;
    font-weight    : 400;
}

.gebc-inner-popup-window {
    display        : flex;
    flex-direction : column;
    background     : white;
    margin         : 10px;
    padding        : 5px 15px;
    border-radius  : 9px;
}

#before-sendmail-inner-popup-window,
#share-inner-popup-window {
    width          : 340px;
    height         : 620px;
}

#after-sendmail-inner-popup-window,
#incomplete-sendmail-inner-popup-window {
    width          : 220px;
}

.gebc-overlay {
    display        : none;
    position       : absolute;
    width          : 100%;
    height         : 100%;
    border-radius  : 5px;
}

#global-overlay {
    background     : rgba(0, 0, 0, 0.30);
    z-index        : 100;
}

#quotation-request-form-overlay,
#sharing-form-overlay {
    background     : rgba(0, 0, 0, 0.15);
    z-index        : 250;
}

#send-quotation-request-popup-title,
#send-share-popup-title{
    text-align     : center;
    font-size      : 1.1rem;
    font-weight    : 900;
    color          : #0A5C5D;
}

.quotation-request-form-label,
.sharing-form-label {
    font-size      : x-small;
    font-weight    : 600;
}

.quotation-request-form-text-input,
.sharing-form-text-input,
.quotation-request-form-radio-input {
    font-size      : small !important;
    font-weight    : 600 !important;
    color          : #0A5C5D !important;
    margin-bottom  : 5px;
    padding        : 5px;
}

.sharing-form-text-input {
    height: 110px;
}

.flex-div {
    display: flex;
}

input.quotation-request-form-text-input,
input.sharing-form-text-input,
input.quotation-request-form-radio-input {
    height         : 26px !important;
}

#message-sent,
#message-not-sent,
#clipboardcopy-ok,
#clipboardcopy-failed-ok{
    text-align     : center;
    font-size      : 1rem;
    font-weight    : 800;
    margin         : 5px 0;
}

.gebc-ok-btn {
    text-align     : center;
    font-weight    : 700;
    padding        : 5px;
    margin         : 5px 15px;
    border-radius  : 6px;
    border         : solid 1px lightseagreen;
}

.gebc-ok-btn:hover {
    background     : #0A5C5D;
    color          : white;
    border-color   : #25f1fa;
    cursor         : pointer;
}

.quotation-request-submit-div,
.share-submit-div {
    display        : flex;
    justify-content: center;
    align-items    : center;
}

textarea#quotation-request-form-note {
    height         : 120px !important;
}

#cancel-quotation-request-popup,
#cancel-share-popup {
    color          : #c0001b;
    font-weight    : 800;
    cursor         : pointer;
}

#cancel-quotation-request-popup:hover,
#cancel-share-popup:hover{
    text-decoration: underline;
    color          : #f10829;
}

.gebc-select-language-fieldset {
    display        : flex;
    padding        : 0;
    margin         : 0;
}

.gebc-select-language-fieldset-elem {
    margin         : 0 12px 0 4px;
    display        : flex;
    align-items    : center;
}

.quotation-request-form-label.lang {
    margin-left    : 5px;
}

.regex-ok {
    background     : #bbf6c8 !important;
    color          : green !important;
}

.regex-error {
    background     : #fd91a5 !important;
    color          : red !important;
}

.field-error {
    background     : #fd91a5 !important;
}

.ui-info-icon:hover {
    fill           : orange;
}

.ui-info-box {
    display        : none;
    position       : fixed;
    width          : 320px;
    padding        : 10px;
    background     : #fffcdc;
    color          : #0A5C5D;
    border         : 1px solid #0A5C5D;
    border-radius  : 5px;
    font-size      : 0.7rem;
    font-weight    : 400;
    text-align     : justify;
    z-index        : 500;
}

.ui-info-box-inner {
    display        : flex;
    flex-direction : column;
}

.ui-info-box-content {
    padding        : 5px;
    line-height    : 1.33;
}

.infobox-drag-and-close-bar {
    display        : flex;
    justify-content: space-between;
    cursor         : move;
}

.close-infobox-x {
    background     : bisque;
    padding        : 0 5px;
    border-radius  : 3px;
    z-index        : 600;
}

.close-infobox-x:hover {
    background     : #f69f38;
    cursor         : pointer;
}

.gebc-section-title-container {
    position       : relative;
}

.gebc-section-title-showhide {
    transition     : all 150ms;
    position       : absolute;
    top            : 0;
    right          : 10px;
}

.gebc-section-title-showhide:hover {
    cursor         : pointer;
}

.shrinkable {
    display        : flex;
    flex-direction : column;
}

.infobox-dragbar {
    background     : #f7f2b8;
    color          : #f8735f;
    font-weight    : 700;
    width          : 100%;
    margin         : 0 5px 0 0;
    border-radius  : 3px;
    padding        : 0 0 0 5px;

}

.gebc-paragraph-intro {
    font-size      : 0.85rem;
    line-height    : 1.4;
    text-align     : justify;
    font-weight    : 600;
    color          : white;
}

.gebc-sub-content-intro {
    background     : #929292;
    border-radius  : 4px;
    padding        : 12px;
}

.gebc-sub-content-title {
    background     : #E0344C;
    border-radius  : 4px;
    padding        : 12px;
    text-align     : center;
    font-family    : Montserrat, Verdana, sans-serif;
    font-size      : 1.7em;
    font-weight    : 800;
    color          : white;
    text-transform : uppercase;
}

.gebc-paragraph-spacer {
    height         : 12px;
}

.ui-info-box-img {
    margin: 7px 0;
}

#preset-container {
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-between;
}

.preset-block,
.preset-backup {
    text-align     : center;
    font-family    : Montserrat, Verdana, sans-serif !important;
    font-size      : 0.9em !important;
    font-weight    : 800 !important;
    background     : rgba(10, 92, 93, 0.5);
    color          : white;
    flex           : 1 1 0;
    margin         : 3px;
    padding        : 1px;
    border-radius  : 5px;
    border         : solid 2px #E9E9E98F;
}

.preset-btn.active:hover,
.backup-btn.active:hover,
.hovered {
    background     : #0A5C5D;
    cursor         : pointer;
}

#preset-backup-container {
    display        : flex;
    flex-direction : column;
}

.backup-btn {
    background     : rgba(10, 92, 93, 0.36);
    color          : #e9e9e98f;
}

.backup-btn.active {
    color          : white;
}

.red-border {
    border-color   : #E0344C;
}

.preset-textblock-content {
    margin: 7px;
}

#send-share-popup-description {
    font-family  : Lato, Verdana, sans-serif !important;
    font-size    : 0.95em !important;
    font-weight  : 600 !important;
    margin       : 5px 0;
    border       : solid 1px black;
    padding      : 5px;
    text-align   : justify;
    border-radius: 5px;
    background   : #fdf9ea;
}

#sharing-privacy {
    font-family  : Lato, Verdana, sans-serif !important;
    font-size    : 0.85em !important;
    font-weight  : 400 !important;
    font-style   : italic;
}

.gebc-data-row {
}

.gebc-summary-row {
}

.gebc-table {
    border-collapse: separate;
    border-spacing : 1px;
}