/*===========================================
Program
===========================================*/

/*-------------------------------------------
Program Table
-------------------------------------------*/
.date-vemue{
    margin:0 0 5px;
    color:#111;
    font-size:1.5rem;
    line-height:1.3;
}
    .date-vemue .secondLanguage{
        color:#777;
        font-size:1.125rem; font-weight:400;
    }
.programTable{
    border-collapse:collapse;
}
    .programTable thead th{
        padding:5px;
        border-left:1px solid rgba(0,0,0,.1); border-bottom:3px solid rgba(0,0,0,.2);
        background-color:#00aeef;
        color:#fff;
        text-align:center;
        width:12.5%;
    }
    .programTable thead th:first-child{
        border-left:none;
        width:auto;
    }
    .programTable tbody th,
    .programTable tbody td{
        font-size:1rem;
    }
    .programTable tbody th{
        background-color:var(--primary-light-color);
        border-left:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1);
        color:#111;
        padding:0 5px;
        text-align:center;
    }
    .programTable tbody th:first-child{
        border-left:none;
    }
    .programTable tbody td{
        border-left:1px solid #ddd; border-bottom:1px solid #ddd;
        line-height:1.2;
        padding:10px 5px;
        text-align:center;
        vertical-align:top;
    }
    .programTable tbody td:first-child{
        background-color:#f5f5f5;
        border-left:none;
        vertical-align:middle;
    }
    .programTable tbody .break{
        background-color:#f9f1d9;
        color:brown;
        vertical-align:middle;
    }
    .programTable tbody .registration{
        background-color:#e9f8d9;
        color:green;
        vertical-align:middle;
    }
    .programTable tbody .openClose{
        background-color:#f7e2f7;
        color:purple;
        vertical-align:middle;
    }
        .programTable time{
            color:#333;
            font-size:1rem;
        }
        .programTable a{
            display:block;
            color:var(--primary-color);
            cursor:pointer;
        }
        .programTable a:hover{
            color:var(--hover-color);
        }
            .programTable .topic{
                margin:0;
            }
            .programTable a::after{
                display:block;
                font-family:'Material Icons Round';
                content:'\e8ff';
                color:#333;
                font-size:22px;
                line-height:1;
                padding-top:2px;
                text-align:center;
            }
    .posterPresentation{
        color:brown;
        font-size:1rem;
        float:right;
    }
    .societyName{
        font-size:1rem;
        padding-left:1.4em;
    }
/*-------------------------------------------
session content
-------------------------------------------*/
#session{
    line-height:1.5;
}
    #session .secondLanguage{
        color:#777;
        font-size:.875rem; font-weight:400;
    }
    #session .title{
        margin:0 0 5px;
        color:#111;
        font-size:1.5rem;
    }
    #session .dateVenue{
        margin:0;
        color:#333;
    }
    #session .sessionTable{
        border-collapse:collapse;
        margin-top:10px;
    }
        #session .sessionTable thead th{
            background-color:var(--primary-light-color);
            border-left:1px solid rgba(0,0,0,.1); border-bottom:2px solid rgba(0,0,0,.2);
            color:#111;
            padding:3px;
            text-align:center;
        }
        #session .sessionTable thead th:first-child{
            border-left:none;
        }
        #session .sessionTable tbody th{
            padding:10px 5px;
            border-bottom:1px solid rgba(0,0,0,.1);
            background-color:#f5f5f5;
            font-weight:400;
            text-align:center;
        }
        #session .sessionTable tbody td{
            border-left:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1);
            color:#111;
            padding:10px;
        }
            #session .sessionTable tbody td .country{
                font-size:.875rem;
                color:#429e93;
            }

/*-------------------------------------------
Responsive.js UI
-------------------------------------------*/
.modal.container{
    outline:none;
    width:calc(100% - 20px);
}
    .modal-content{
        border-radius:5px;
    }
button.modal-close{
    background-color:var(--primary-color);
    border-radius:5px;
    text-indent:-99999em;
    width:60px;
    height:60px;
    top:10px; right:10px;
    transition:.2s;
}
button.modal-close:hover{
    transform:scale(1.2);
}
    button.modal-close::before{
        font-family:'Material Icons Round';
        content:"\e5cd";
        display:inline-block;
        font-size:36px;
        line-height:1;
        position:absolute; left:50%; top:50%;
        text-indent:0;
        transform:translate(-50%, -50%);
    }

/*-------------------------------------------
Detail
-------------------------------------------*/
.roomItem{
    border-top:1px solid #ddd;
    position:relative;
    padding-left:125px; padding-top:20px;
    margin-top:30px;
}
.roomItem:first-of-type{
    margin-top:10px;
}
    .roomItem .roomNo{
        margin:0;
        color:var(--primary-color);
        font-size:1.5rem;
        line-height:1.3;
        position:absolute; left:0;
    }
    .roomItem .organizationName{
        margin:0;
        color:#111;
        font-size:1.5rem;
        line-height:1.3;
    }
        .roomItem .organizationName .secondLanguage{
            color:#777;
            font-size:1.125rem; font-weight:400;
        }
    .roomItem .roomDetail:nth-of-type(2){
        border-top:1px solid #ddd;
    }
        .roomItem .roomDetail thead th{
            background-color:var(--primary-light-color);
            border-bottom:2px solid rgba(0,0,0,.2);
            color:#111;
            font-size:.875rem;
            padding:2px 8px;
        }
        .roomItem .roomDetail tbody th{
            width:12%;
            background-color:#f4f4f4;
            border-bottom:1px solid rgba(0,0,0,.1);
            color:#333;
            font-size:1rem; font-weight:400;
            padding:5px 8px;
        }
        .roomItem .roomDetail.posterDetail tbody th{
            /* border:none; */
        }
        .roomItem .roomDetail tbody td:nth-child(3),
        .roomItem .roomDetail tbody td:nth-child(4){
            width:18%;
        }
        .roomItem .roomDetail tbody td{
            color:#111;
            font-size:1rem;
            padding:5px 8px;
            border-left:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2);
            height:30px;
        }
        .roomItem .roomDetail tbody td[align='center']{
            text-align:center;
        }
        .roomItem .roomDetail tbody td[valign='middle']{
            vertical-align:middle;
        }
        .roomItem .roomDetail.posterDetail tbody td{
            /* border:none; */
            vertical-align:top;
            padding-bottom:10px;
        }
        /* .roomItem .roomDetail.posterDetail tbody th{width:12% !important;} */
        .roomItem .roomDetail.posterDetail tbody td:nth-child(2){width:8% !important;}
        .roomItem .roomDetail.posterDetail tbody td:nth-child(3){width:63% !important;}
        .roomItem .roomDetail.posterDetail tbody td:nth-child(4){width:20% !important;}
        .roomItem .roomDetail.posterDetail tbody tr:nth-child(even){background-color:#f9f9f9;}
        .roomItem .roomDetail tbody .registration{
            background-color:#e9f8d9;
            color:green;
        }
        .roomItem .roomDetail tbody .break{
            background-color:#f9f1d9;
            color:brown;
        }
        .roomItem .roomDetail tbody .openClose{
            background-color:#f7e2f7;
            color:purple;
        }
        .roomItem .roomDetail tbody .secondLanguage{
            display:block;
            font-size:.875rem; font-weight:400;
            color:#777;
        }
        .roomItem .roomDetail tbody .country{
            font-size:85%;
            color:#429e93;
        }
            .roomItem .roomDetail tbody strong{
                color:#111;
            }