body
/* burby_scorekeeping_input_preliminary_data_stylerules.css */
{
    background-image: url(../burby_app_main/0_brick_wall_background.jpg);
}


#main_intro_div {
    /*background-color: lightgrey; */
    margin:0;
    width:auto;
    /*background-color: firebrick;*/ 
    /*opacity:.5; */
    /*background-image: url(../burbyapp_main_2000/0_brick_wall_background.jpg);*/
}


button{
    background-color:yellow;
}

fieldset{
    background-color:aqua;                         /*white;*/
    border:3px solid blue;
}

legend {
    background-color: white; /*white;*/
    border: 3px solid blue;
}

.recover_data {
    margin-left: 30px;
    display: none;
}

.burby_title {
    margin-left: 30px;
    width:fit-content;
}


.intro_page, #intro_text, #intro_text2 {
    margin-left: 30px;
}

.recovery_page_other {
    margin-left: 30px;
}

#intro_text2{
    width:600px;
}

#intro_page_container {
    display: grid;
    grid-template-rows: 40px 40px 40px 40px 40px;
    grid-row-gap: 10px;
    grid-template-columns: 100px 500px;
    grid-column-gap: 10px;
    margin-left: 30px;
    width: 620px;
}

.intro_buttons_label {
    background-color:plum;                            /*aqua lightgrey;*/
}

.ggrey{
    background-color:plum;
}

.sub_titles {
    background-color: mediumpurple;
    width: fit-content;
}

.sub_sub_titles {
    background-color: plum;
    width: fit-content;
}

.yyellow {
    background-color: yellow;
}

.gggrey {
    width: fit-content;
    background-color: lightgrey;
}

#recovery_page_container_main {
    display: none;
}

#recovery_page_container_main2 {
    display: none;
}

#recovery_page_container {
    display: grid;
    grid-template-rows: 40px 40px 40px;
    grid-row-gap: 10px;
    grid-template-columns: 100px 500px;
    grid-column-gap: 10px;
    margin-left: 30px;
    width: 620px;
}

#recovery_page_container2 {
    display: grid;
    grid-template-rows: 40px 40px;
    grid-row-gap: 10px;
    grid-template-columns: 100px 500px;
    grid-column-gap: 10px;
    margin-left: 30px;
    width: 620px;
}

.datehide {
    display: none;
}

/* to hide date entry submit button to allow for alternating between recovery and initial entry*/

.recoverydatehide {
    display: none; /* to hide recover date entry submit button to allow for alternating between recovery and initial entry*/
}


<!-- .recovery_page {
    display: none;
}
-->

.recovery_page_forgot {
    display: none;
    margin-left: 30px;
}

.intro_buttons {
    width: 100px;
    height: 20px;
}

#prelim_input_main_cntr {
    width: 630px;
    margin-left: 30px;
}

#date_info {
    width: 630px;                     /*600px*/
    margin-left: 30px;
}

#team_name_info {
    display: block;
}

.new_game_title {
    margin-left: 30px;
    display: none;
}

.new_game {
    margin-left: 30px;
}



#engage_page_container_main {
    display: block;
}


#engage_page_container, #start_session_section {
    display: grid;
    grid-template-rows: 40px 40px;
    grid-row-gap: 10px;
    grid-template-columns: 150px 440px;
    grid-column-gap: 10px;
    margin-left: 0px;
    width: 600px;
    margin-bottom: 0px;
}


.engage_buttons {
    width: 130px;
    height: 20px;
}

#engage_page_title_top_margin {
    margin-top: 0px;
}

#team_menu {
    width: 150px;
}

#opp_team_menu {
    width: 150px;
}


#bat_order_menu {
    width: 150px;
}

#batter_input_button_submit {
    float: right;
    margin-right: 20px;
}


#team_shortcut_delete {
    width: 150px;
}

#player_shortcut_delete {
    width: 150px;
}

#start_session_button {
    text-decoration: none;
    border: 1px solid black;
    background-color: yellow;      /*orange;*/
    width: 130px;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
}

#reset_start_buttons {
    display: block;
    width: 600px;
    margin-left: 30px;
}


#edit_shortcut_info {
    width: 630px;
    margin-left: 30px;
}

#edit_dates_list {
    width: 630px;
    margin-left: 30px;
}

#edit_date_delete {
    width: 260px;
}

#display_dates_list {
    width: 630px;
    margin-left: 30px;
}

#dropdown_date_display {
    width: 260px;
}

#confirm_date_selected{
    width: 630px;
    margin-left:30px;
}

#sub_date_selected {
    display: grid;
    grid-template-rows: 40px 40px 40px;
    grid-row-gap: 10px;
    grid-template-columns: 110px 400px;
    grid-column-gap: 10px;
    /* margin-left: 30px;
    width: 620px; */
}


#start_resume_session_button{
    text-decoration: none;
    border: 1px solid black;
    background-color: orange;
    width: 100px;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
    height: 20px;
}


#date_selected_display{
    width:630px;
    margin-left: 30px;
}

#display_dates_list{display: none;}

#date_selected_display{display:none;}

#confirm_date_selected{display:none;}

#date_info, #team_name_info, #opp_team_name_info, #game_location_info, #team_lineup_info, #starting_pitcher_info{display: none;}

#reset_start_buttons{display: none;}

#edit_dates_list{display: none;}

#edit_shortcut_info { display: none; }

#game_parameters_info {
    display: none;
    width: 630px;
    margin-left: 30px;
}

#new_game_page_abort_button_ctnr {
    margin-left: 30px;
    display: none;
}








/* SMARTPHONE(PORTRAIT) BURBY APP INTRO SECTION SETTINGS ===================================================================================================================== */
@media only screen and (max-width:600px) { /*originally 400px 480px*/




    #intro_page_container {
        display: grid;
        grid-template-rows: 40px 70px 60px 60px 50px;                                                /*originally40px 40px 40px 40px 40px;*/
        grid-row-gap: 10px;
        grid-template-columns: 100px 1fr; /*originally 500px;*/
        grid-column-gap: 10px;
        margin-left: 2px;
        width: fit-content; /*originally 620px;*/
    }



    .intro_page, #intro_text, #intro_text2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    #intro_text {
        margin-left: 2px;
        margin-right: 2px;
        width:fit-content;
    }

    #intro_text2 {
        width:auto;                                                                        /*600px;*/
    }

    .burby_title, .intro_page, #ssuggestion {
        margin-left: 2px;
        margin-right: 2px;
        width:fit-content;
    }


    /*
    #main_intro_div {
        margin: 0;
        width: auto;
    } */

    #main_intro_div {
        margin-left: 2px;
    }



    .new_game_title, .sub_titles, .sub_sub_titles, .recover_data, .recovery_page_forgot {
        width: fit-content; /*630px;*/
        margin-left: 2px;
        margin-right: 2px;
    }




    #edit_shortcut_info {
        width: fit-content; /*630px;*/
        margin-left: 2px; /*30px;*/
    }

    #edit_dates_list {
        width: fit-content; /*630px;*/
        margin-left: 2px; /*30px;*/
    }


    
    #display_dates_list {
        width: fit-content; /*630px;*/
        margin-left: 2px;
    } 


    #recovery_page_container2 {
        display: grid;
        grid-template-rows: 80px 40px;
        grid-row-gap: 10px;
        grid-template-columns: 100px 1fr;
        grid-column-gap: 10px;
        margin-left: 2px;
        margin-right:2px;
        width:fit-content;
    }


    #date_info {
        width: 360px;                 /*fit-content; 630px;*/
        margin-left: 0px;
    }


    #prelim_input_main_cntr, #game_parameters_info {
        width: 360px; /*fit-content; 630px;*/
        margin-left: 0px;
    }

    #new_game_page_abort_button_ctnr {
        margin-left: 2px;
    }

    #reset_start_buttons {
        display: none;                                                    /*block;*/
        width: 360px; /*600px;*/
        margin-left: 2px;
    }


    #engage_page_container, #start_session_section {
        display: grid;
        grid-template-rows: 40px 40px;
        grid-row-gap: 0px;
        grid-template-columns: 130px 230px;                                                         /*440px;*/
        grid-column-gap: 2px;
        margin-left: 0px;
        width: 360px;                                                                         /*600px;*/
        margin-bottom: 0px;
    }


    #start_session_button {
        text-decoration: none;
        border: 1px solid black;
        background-color: yellow; /*orange;*/
        width: 130px;
        display: inline-block;
        text-align: center;
        margin-right: 20px;
    }


}                                          /* end of  @media only screen and (max-width:400px)*/