OSIT-AE-App-Native-Electron/app/css/event_launcher.css

.event_launcher_file_cont {
    max-width: 100%;
}
.event_launcher_file_cont .event_file_meta {
    color: hsla(0,0%,50%,1);
    font-size: smaller;
}
.event_launcher_file_cont .event_file_meta:hover {
    color: hsla(0,0%,0%,1);
}
.event_launcher_file_cont .event_file_download {
    color: hsla(0,0%,50%,1);
    font-size: smaller;
}
.event_launcher_file_cont .event_file_download:hover {
    color: hsla(0,0%,0%,1);
}

.event_launcher_file_cont .download_clicked {
    font-size: 1.25em;
}

.event_launcher_file_cont .download_clicked>strong {
    font-size: 1.75em;
}




.event_launcher_message {
    background: yellow;
    padding: .5em;
}
.event_launcher_message>header {
    margin: .1em;
    padding: .1em;
    border-bottom: solid thin gray;
}
.event_launcher_message h1 {
    font-size: 2em;
    margin: 0;
    padding: 0;
}
.event_launcher_message>section {
    font-size: 1.6em;
    margin: .1em;
    padding: .1em;
}


.event_launcher_main_nav_menu {
    contain: content;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start; /* flex-start */
    align-items: center;
    /*align-content: center;*/

    background-color: hsla(0,0%,100%,.98);
    font-size: 1.1em;

    padding-right: .1em;

    border-right: solid medium hsla(0,0%,90%,1);
}

.event_launcher_main_nav_menu section {
    margin: 0;
    padding: 0;

    min-width: 100%;
    max-width: 100%;

    contain: content;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.event_launcher_main_nav_menu h1,h2 {
    margin: 0;
    padding: 0;

    font-size: 1em;
    font-weight: bold;
}

.event_launcher_main_nav_menu ul {
    margin: 0;
    padding: 0;

    min-width: 100%;
    max-width: 100%;

    list-style-type: none;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center; /* flex-start */
    /* align-items: center; */
    /* align-content: center; */
}

.event_launcher_main_nav_menu ul>li {
    margin: 0;
    padding: 0;

    min-width: 100%;
    max-width: 100%;

    /*display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;*/
}

.event_launcher_main_nav_menu .btn {
    min-width: 100%;
    max-width: 100%;

    border-radius: .25em;
    margin: .1em 0em;
}

.event_launcher_main_nav_menu .event_session_selector_btn {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    justify-content: space-between;
    align-items: center;
    /*align-content: center;*/
}
.event_session_selector_btn .event_session_datetime {
    outline: dashed thin green;
    transform: rotate(-15deg);

    text-align: center;
    font-size: .7em;
    min-width: 5em;

    margin: .1em .2em;
}

.event_launcher_main_nav_menu .event_launcher_event {
    font-size: .8em;
}

.event_launcher_main_nav_menu .event_launcher_location {
    font-size: .8em;
}

.event_launcher_main_nav_menu .event_launcher_options {
    margin-top: 1em;
}

.event_launcher_options_fixed {
    margin: .1em .4em;
    padding: 0;

    position: fixed;
    top: 0;
    right: 0;
    width: 5em;

    z-index: 500;
}

.event_launcher_status {
    outline: dashed thin red;
    margin: .1em .4em;
    padding: .0em;

    position: fixed;
    bottom: 0;
    right: 0;
    /* width: 12em; */

    z-index: 500;

    display: flex;
    flex-direction: row;
    /* flex-wrap: nowrap; */
    justify-content: center;
    align-items: center;
    align-content: center;

    font-size: .7em;
}
.event_launcher_status:hover {
    font-size: 1.1em;
    font-weight: bold;
}

.event_launcher_status > .network_status {
    margin: .2em .2em;
}

.event_launcher_status > .current_datetime {
    margin: .2em .2em;
}


.event_launcher_main_content header.event_session_about {
    border-bottom: solid thin hsla(0,0%,50%,1);
}
.event_launcher_main_content header.event_session_about>h2 {
    margin: .1em 0;
    padding: .1em 0;
}
.event_launcher_main_content .event_session_datetimes {
    font-size: .8em;
}
.event_launcher_main_content section.event_session_description {
    border-bottom: solid thin hsla(0,0%,75%,1);
    font-size: .8em;
}
.event_launcher_main_content section.event_session_file_list {
    border-bottom: solid thin hsla(0,0%,75%,1);
}

.event_launcher_main_content .event_session_file_list li {
    margin: .5em 0em;
}

.event_launcher_main_content section.event_presentation_list {
    /* border-top: solid thin hsla(0,0%,75%,1); */
}
.event_launcher_main_content ul.event_presentation_list {
    margin: 0;
    padding: 0;
}
.event_launcher_main_content .event_presentation_list>li {
    margin: 1em 0em;
}
.event_launcher_main_content ul.event_presentation_list>li {
    display: block;
}
.event_launcher_main_content ul.event_presentation_list>li:hover {
    outline: dashed thin pink;
    background-color: hsla(0,0%,95%,1);
}

.event_launcher_main_content ul.event_presentation_list>li>ul>li {
    margin: .5em 0em;
}

ul.event_presentation_list .btn_list>li {
    margin: .25em 0em;
}

.event_launcher_main_content .event_presentation_datetime_name {

    display: flex;
    flex-direction: row;
    /*flex-wrap: no-wrap;*/
    /*justify-content: space-between;*/
    justify-content: left;
    align-items: center;
    align-content: center;

    background-color: hsla(0,0%,90%,1);

    font-size: 1.1em;
    font-weight: bold;

}

.event_launcher_main_content .event_presentation_datetime_name .event_presentation_datetime {
    /*align-self: flex-start;*/
    /*border-right: dashed thin green;*/

    text-align: center;
    font-size: .7em;
    min-width: 5em;

    margin: .1em .2em;
}

.event_launcher_main_content .event_presentation_datetime_name .event_presentation_name {
    border-left: solid thin gray;

    margin: .1em .2em;
    padding-left: .2em;
}