body{
	background-color: #000000 !important;
	color: #FFFFFF !important;
	font-size: 48px;
}

#logout_form {
    width: 98%;
    max-width: 900px;
    margin: auto;
    margin-top: 75px;
}

#logout_button {
    width: 100%;
    min-height: 120px;
    font-size: 48px;
    font-weight: bold;
    cursor: pointer;
}
.admin_section {
    width: 99%;
    max-width: 900px;
    margin: 10px auto;
    padding: 10px;
    box-sizing: border-box;
}

.admin_section_title {
    margin: 0 0 15px 0;
    font-size: 48px;
}

.admin_form {
    margin: 0 0 15px 0;
}

.form_row {
    margin-bottom: 15px;
}

.form_label {
    display: block;
    margin-bottom: 6px;
    font-size: 48px;
    font-weight: bold;
}

.form_input {
    width: 100%;
    height: 75px;
    font-size: 48px;
    box-sizing: border-box;
}

.admin_button {
    min-height: 75px;
    font-size: 48px;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
}

.admin_button_danger {
    width: 35%;
    height: 75px;
}

.admin_empty_message {
    font-size: 18px;
}

.delete_confirm_container {
    margin-top: 12px;
}

.delete_confirm_text {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.admin_button_danger_confirm {
    width: 100%;
    min-height: 75px;
    font-size: 36px;
    margin-bottom: 10px;
    background-color: red;
}

.active_button {
    width: 100%;
    min-height: 120px;
    font-size: 48px;
    font-weight: bold;
    background-color: #7ED957;
    color: #000000;
    border: 2px solid #4CAF50;
}

.inactive_button {
    width: 100%;
    min-height: 120px;
    font-size: 48px;
    font-weight: bold;
    background-color: #FF7B7B;
    color: #000000;
    border: 2px solid #D9534F;
}


.admin_form {
    margin: 0 0 10px 0;
}


.public_section {
    width: 95%;
    max-width: 600px;
    margin: 20px auto;
    padding: 15px;
    box-sizing: border-box;
}

.public_section_title {
    margin: 0 0 15px 0;
    font-size: 24px;
}

.public_form {
    margin: 0 0 15px 0;
}

.public_button {
    min-height: 55px;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
}

.public_button_full {
    width: 100%;
    font-size: 42px;
    height: 75px;
    background-color: lightgreen;
}

.public_button_danger {
    width: 100%;
    min-height: 75px;
    font-size: 42px;
    background-color: pink;
}

.question_input {
    height: 110px;
    padding: 8px;
    font-size: 18px;
}

.user_question_card {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
}

.readonly_question_name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.readonly_question_text {
    font-size: 20px;
}

#admin_questions_container {
    margin-top: 25px;
}

.admin_question_card {
    margin-bottom: 15px;
    padding: 12px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}

.admin_question_text {
    font-size: 18px;
}
.user_question_text {
    font-size: 42px;
    line-height: 1.3;
    font-weight: bold;
    color: yellow;
}
#instagram_banner {
    width: 100%;
    height: auto;
    display: block;
}
#show_title_container {
    text-align: center;
}

#show_title {
    margin: 0;
    font-size: 48px;
    font-weight: bold;
}
.show_manager_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    padding: 8px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}

.show_manager_name {
    flex: 1;
    font-size: 48px;
    font-weight: bold;
}

.show_manager_buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.manager_button_form {
    display: inline-block;
    margin: 0;
}

.manager_button_form input {
    margin: 0;
}

.small_admin_button {
    height: 75px;
    min-width: 125px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    background-color: pink;
}
#show_select_row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}

.show_select_form {
    flex: 1;
    margin: 0;
}

.delete_show_form {
    width: 30%;
    margin: 0;
}

.delete_show_form .admin_button_danger {
    width: 100%;
    min-height: 48px;
    font-size: 18px;
}

.delete_show_form .delete_confirm_container {
    margin-top: 0;
}

.delete_show_form .admin_button_danger_confirm {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
}
.question_limit_row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.question_limit_label {
    margin: 0;
    flex: 1;
        font-size: 48px;
    font-weight: bold;
}

.question_limit_input {
    width: 140px;
    flex: 0 0 140px;
    height: 90px;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}

.question_limit_button {
    width: 180px;
    min-height: 90px;
    font-size: 36px;
    font-weight: bold;
}
.custom_message_row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.custom_message_container{
	text-align: center;	
}
.custom_message_input {
    width: 100%;
    min-height: 100px;
    font-size: 28px;
}

.custom_message_button {
    width: 100%;
    min-height: 90px;
    font-size: 36px;
    font-weight: bold;
}
.questions_shuffle_form {
    margin-bottom: 15px;
}
.shuffle_button{
	background-color: lightblue;	
}
.back_button{
	background-color: lightgreen;	
}

.live_question_card {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.inactive_live_question_card {
    opacity: 0.45;
}

.mark_question_form {
    flex: 1;
    margin: 0;
}

.question_text_button {
    width: 100%;
    min-height: 120px;
    text-align: left;
    font-size: 48px;
    line-height: 1.25;
    font-weight: bold;
    background-color: transparent;
    border: 0;
    color: #000000;
    cursor: pointer;
    padding: 15px;
}

.delete_question_form {
    width: 130px;
    margin: 0;
}

.delete_question_button {
    width: 100%;
    height: 120px;
    font-size: 20px;
    font-weight: bold;
    background-color: pink;
    border-radius: 15px;
}
.questions_top_buttons {
    display: flex;    
    gap: 8px;
    margin-bottom: 15px;
}

.questions_top_form {
    margin: 0;
}

.questions_top_button {
    width: 436px;
    min-height: 120px;
    font-size: 48px;
    font-weight: bold;
    padding: 10px 20px;

}
.questions_show_title {
    font-size: 42px;
    text-align: center;
    margin-bottom: 15px;
}
.create_show_row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.create_show_input {
    flex: 1;
}

.create_show_button {
    width: 180px;
    min-height: 75px;
    font-size: 36px;
}
#show_name {
	height: 75px;	
}
#admin_setup_panel {
    border: 2px solid #CCCCCC;
}

#admin_setup_summary {
    font-size: 48px;
    font-weight: bold;
    cursor: pointer;
    padding: 10px;
}
#show_waiting_message {
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}

#questions_closed_message {
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}
.questions_page_button {
    width: 100%;
    min-height: 120px;
    font-size: 48px;
    font-weight: bold;
    background-color: #9FD8FF;
    color: #000000;
    border: 2px solid #5BAEE6;
}
.vote_option_add_row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vote_option_input {
    flex: 1;
    height: 90px;
    font-size: 36px;
}

.vote_option_add_button {
    width: 160px;
    min-height: 90px;
    font-size: 36px;
    font-weight: bold;
}

.vote_option_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 8px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}

.vote_option_name {
    flex: 1;
    font-size: 36px;
    font-weight: bold;
}

.vote_option_delete_form {
    margin: 0;
}

.vote_option_delete_button {
    min-height: 70px;
    min-width: 120px;
    font-size: 22px;
}
.vote_option_card {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding: 10px;
    border: 2px solid #CCCCCC;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.selected_vote_option_card {
    background-color: #9FD8FF;
    border: 3px solid #5BAEE6;
}

.vote_option_public_name {
    flex: 1;
    font-size: 42px;
    font-weight: bold;
    color: black;
}

.public_vote_form {
    margin: 0;
}

.vote_button {
    width: 150px;
    min-height: 90px;
    font-size: 32px;
    font-weight: bold;
}

.selected_vote_button {
    background-color: #7ED957;
    color: #000000;
}
#public_total_votes {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
}

.public_vote_result_card {
    margin-bottom: 18px;
    padding: 12px;
    border: 2px solid #CCCCCC;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.public_winner_result {
    background-color: #7ED957;
    border: 4px solid #4CAF50;
}

.public_vote_result_line {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.public_vote_result_name {
    font-size: 38px;
    font-weight: bold;
    color: black;
}

.public_vote_result_numbers {
    font-size: 30px;
    font-weight: bold;
    white-space: nowrap;
    color: black;
}

.public_vote_bar_outer {
    width: 100%;
    height: 45px;
    background-color: #DDDDDD;
    border: 2px solid #000000;
    box-sizing: border-box;
}

.public_vote_bar_inner {
    height: 100%;
    background-color: #FF5555;
}

.public_winner_label {
    margin-top: 8px;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    color: black;
}
#admin_login_button {
    width: 100%;
    min-height: 90px;
    font-size: 36px;
    font-weight: bold;
}

#admin_login_container {
    max-width: 600px;
}
.custom_message_button {
    display: block;
    width: 100%;
    min-height: 90px;
    line-height: 90px;
    text-align: center;
    text-decoration: none;
    font-size: 36px;
    font-weight: bold;
    background-color: #9FD8FF;
    color: #000000;
    border: 2px solid #5BAEE6;
    box-sizing: border-box;
}
.public_section_title {
	color: yellow;
	font-size: 42px;
}
#question_form_container {
	border: 2px solid white;	
}
#contestant_reminder_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
}

.contestant_reminder_form {
    margin: 0;
}

.contestant_reminder_button {
    min-height: 150px;
    min-width: 230px;
    padding: 10px 18px;
    font-size: 36px;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #000000;
    border: 3px solid #CCCCCC;
    cursor: pointer;
}

.contestant_reminder_selected {
    background-color: #7ED957;
    border: 4px solid #4CAF50;
}
.bachelor_name_row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
}

.bachelor_name_label {
    margin: 0;
    flex: 0 0 auto;
}

.bachelor_name_input {
    flex: 1;
    height: 70px;
    font-size: 32px;
}

.bachelor_name_button {
    width: 120px;
    min-height: 70px;
    font-size: 28px;
    font-weight: bold;
}
#questions_bachelor_name {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px !important;
    margin: auto;
    color: yellow;
}
.want_show_button {
    display: block;
    width: 100%;
    min-height: 90px;
    line-height: 90px;
    text-align: center;
    text-decoration: none;
    font-size: 48px;
    font-weight: bold;
    background-color: #7ED957;
    color: #000000;
    border: 2px solid #4CAF50;
    box-sizing: border-box;
    margin-top: 12px;
}
#signup_container {
    width: 99%;
    max-width: 700px;
    margin: 10px auto;
}

#signup_title {
    font-size: 46px;
    text-align: center;
    margin-bottom: 15px;
}

#signup_intro {
    font-size: 28px;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.signup_input {
    width: 100%;
    min-height: 80px;
    font-size: 34px;
    box-sizing: border-box;
}

#signup_submit_button {
    width: 100%;
    min-height: 100px;
    font-size: 42px;
    font-weight: bold;
    background-color: #7ED957;
    color: #000000;
    border: 2px solid #4CAF50;
    cursor: pointer;
}
#signup_back_button {
    width: 100%;
    min-height: 90px;
    font-size: 36px;
    font-weight: bold;
    background-color: #7ED957;
    color: #000000;
    border: 2px solid #4CAF50;
    cursor: pointer;
}
#applicants_summary_table {
    width: 100%;
    overflow-x: auto;
}

.applicants_table_header,
.applicant_table_row {
    display: grid;
    grid-template-columns: 1.4fr .5fr .9fr 1fr 1.1fr .7fr 1.7fr;
    gap: 6px;
    align-items: center;
}

.applicants_table_header {
    font-size: 20px;
    font-weight: bold;
    padding: 8px;
    background-color: #DDDDDD;
    border: 1px solid #AAAAAA;
}

.applicant_summary_form {
    margin: 0;
}

.applicant_table_row {
    width: 100%;
    text-align: left;
    padding: 8px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    color: #000000;
    cursor: pointer;
    font-size: 22px;
}

.applicant_table_row:hover {
    background-color: #EEEEEE;
}

.applicant_cell {
    overflow-wrap: anywhere;
}

.applicant_name_cell,
.applicant_status_cell {
    font-weight: bold;
}

.applicant_contact_cell {
    font-size: 18px;
}

@media (max-width: 700px) {
    .applicants_table_header {
        display: none;
    }

    .applicant_table_row {
        display: block;
        font-size: 28px;
        margin-bottom: 10px;
        padding: 12px;
    }

    .applicant_cell {
        margin-bottom: 6px;
    }

    .applicant_name_cell {
        font-size: 34px;
    }

    .applicant_contact_cell {
        font-size: 22px;
    }
}
.applicant_table_row_selected {
    background-color: #8FD18F;
    border: 3px solid #2E7D32;
}
#applicant_save_status {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}
.lightning_round_question {
    background-color: #FFF59D;
}
.audience_question {
    background-color: #CFF5CF;
}
#applicants_form {
    width: 99%;
    max-width: 900px;
    margin: 20px auto;
}

#applicants_button {
    width: 98%;
    min-height: 120px;
    font-size: 48px;
    font-weight: bold;
    background-color: #D8B4FE;
    color: #000000;
    border: 2px solid #A855F7;
    cursor: pointer;
    margin: auto;

}
#index_button{
    width: 98%;
    min-height: 120px;
    font-size: 48px;
    font-weight: bold;
    background-color: #3440eb;
    color: #FFFFFF;
    border: 2px solid #3440ff;
    cursor: pointer;
    margin: auto;
    margin-top: 25px;
}

#admin_button {
    width: 98%;
    min-height: 120px;
    font-size: 48px;
    font-weight: bold;
    background-color: #D8B4FE;
    color: #000000;
    border: 2px solid #A855F7;
    cursor: pointer;
    margin: auto;

}