/*===========================================
Session
===========================================*/
body{
    background-color:#fff;
    position:relative;
}

/*-------------------------------------------
session content
-------------------------------------------*/
#session header{
    padding:15px 15px 10px;
    position:relative;
}
    #session header .topicType{
        margin:0 0 5px;
        color:#111;
        font-size:24px;
    }
    #session header .dateVenue{
        margin:5px 0;
    }
    #session header .Moderator{
        margin:5px 0;
    }
    #session header .explanation{
        margin-top:5px;
    }
    .sessionTable{
        border-top:2px solid #ccc;
    }
        .sessionTable thead th{
            border-bottom:2px solid rgba(0,0,0,.2);
            border-left:1px solid rgba(0,0,0,.1);
            padding:8px;
            font-size:90%;
        }
        .sessionTable thead th:first-child{
            border-left:none;
        }
        .sessionTable tbody td{
            border-bottom:1px solid rgba(0,0,0,.1);
            border-left:1px solid rgba(0,0,0,.1);
            padding:12px 8px;
            font-size:90%;
        }
        .sessionTable tbody td:first-child{
            border-left:none;
        }
        .sessionTable tbody td:nth-child(2){
            
        }
            .sessionTable tbody tr:nth-child(odd){
                background-color:#f7f7f7;
            }
                .sessionTable tbody td time{
                    display:block;
                    background:url(../images/icon_time.svg) no-repeat 0 50%;
                    background-size:20px auto;
                    font-size:1rem;
                    padding-left:24px;
                }
                .sessionTable input[type=checkbox] + label{
                    background:url(../images/icon-favorite@2x.png?v=20190530) no-repeat 50% 50%;
                    background-size:24px 24px;
                    width:24px; height:24px;
                    background-position:50% 50%;
                    padding-left:0;
                    margin:0;
                    font-size:0;
                    color:rgba(0,0,0,0);
                    text-indent:-99999em;
                }
                .sessionTable input[type=checkbox]:checked + label{
                    background-image:url(../images/icon-favorite-checked@2x.png?v=20190530)    ;
                }
                .sessionTable .viewProfile{
                    white-space:nowrap;
                }
                .sessionTable .name{
                    line-height:18px;
                    background:url(../images/program_icon_speaker@2x.png?v=20190531) no-repeat 0 3px;
                    background-size:12px 12px;
                    padding-left:18px;
                }

@media screen and (max-width:932px){/* i14 Pro Max Landscape */
    #session header{
        border-bottom:2px solid #ccc;
    }
        .sessionTable{
            border-top:0;
        }
            .sessionTable thead{
                display:none;
            }
            .sessionTable tbody tr{
                display:block;
                position:relative;
                padding:15px; padding-left:190px;
                border-bottom:1px solid #e3e3e3;
            }
            .LoggedIn .sessionTable tbody tr{
                padding-left:60px;
            }
            .sessionTable tbody td{
                display:inline-block;
                border:none;
                padding:0;
                font-size:1rem;
            }
            .sessionTable tbody td[data-th="Add"]{
                position:absolute; left:15px; top:10px;
            }
            .sessionTable tbody td[data-th="Time"]{
                position:absolute; left:60px; top:15px;
            }
            .sessionTable tbody td[data-th="Topic"]{
                display:block;
                padding-bottom:10px;
                font-size:1.125rem; font-weight:700;
                color:#111;
            }
            .sessionTable tbody td[data-th="Speaker"]{
                display:block;
            }
                .sessionTable tbody td[data-th="Speaker"]:before{
                    content:attr(data-th)": ";
                    display:inline-block;
                    width:80px;
                }
            .sessionTable tbody td[data-th="Moderator"]{
                display:block;
                padding-top:8px;
            }
                .sessionTable tbody td[data-th="Moderator"]:before{
                    content:attr(data-th)": ";
                    display:inline-block;
                    width:80px;
                }
}
@media screen and (max-width:568px){/* i5 Landscape */
    #session header .topicType{
        font-size:18px;
    }
}
@media screen and (max-width:430px){/* i14 Pro Max */
    .responsiveWrap .sessionTable{
        width:1000px;
    }
    .sessionTable tbody tr{
        padding-left:15px;
    }
    .LoggedIn .sessionTable tbody tr{
        padding-left:50px;
    }
    .sessionTable tbody td[data-th="Time"]{
        position:static;
        margin-bottom:10px;
    }
    .sessionTable tbody td[data-th="Topic"]{
        
    }
    .sessionTable tbody td[data-th="Speaker"]{
        
    }
        .sessionTable tbody td[data-th="Speaker"]:before{
            width:70px;
        }
    .sessionTable tbody td[data-th="Moderator"]{
        
    }
        .sessionTable tbody td[data-th="Moderator"]:before{
            width:70px;
        }
}
/*-------------------------------------------
Profile
-------------------------------------------*/
#profileWrap{
    position:fixed; top:0; left:0; right:0; z-index:101;
    width:100vw;
    height:100vh;
    transform:scale(.8);
    /* visibility:hidden; */
    overflow-x:hidden;
    background-color:rgba(100%,100%,100%,1);
    transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;
    display:none;
}
#profileWrap.active{
    opacity:1;
    /* visibility:visible; */
    transform:scale(1);
    display:block;
}
    .profile{
        padding:15px 15px 30px;
    }
    #profileWrap.active .profile{
        
    }
        #btnClose{
            padding:0;
            width:32px; height:32px;
            border-radius:50%;
            position:absolute; right:20px; top:20px;
        }
            #btnClose [class*='material-icons']{
                font-size:24px; line-height:28px;
            }
        /* info */
        .profile .info{
            border-bottom:2px solid #ccc;
            padding-bottom:15px;
        }
            .profile .photoThumb{
                position:relative;
                margin:0 30px 0 0;
                width:140px;
                height:162px;
                float:left;
                overflow:hidden;
                box-shadow:0 3px 8px rgba(0,0,0,.15);
            }
                .profile .photoThumb img{
                    display:block;
                    width:100%;
                }
            .profile .info .name{
                padding-top:40px;
                font-size:1rem;
                line-height:1.2;
                margin:0 0 20px;
            }
                .profile .info .otherName{
                    color:#999;
                    font-size:.875rem;
                    margin-left:5px;
                }
            .profile .info .btn{
                font-size:1rem;
            }
        /* abstracts */
        .abstracts{
            margin-bottom:30px;
        }
            .abstracts ul{
                list-style:none;
                margin:0;
                padding:0;
            }
                .abstracts ul li{
                    border-bottom:1px solid #ddd;
                    word-wrap:break-word;
                    padding-bottom:25px;
                }
                .abstracts ul li:nth-child(odd){
                    
                }
                    .abstracts .absTitle{
                        margin:15px 0;
                        font-size:16px; line-height:1.4;
                        color:#111;
                    }
                    .abstracts .absContent{
                        font-size:14px; line-height:1.4;
                        color:#666;
                    }
        .btn [class*='material-icons']{
            vertical-align:-6px;
        }
@media screen and (max-width:568px){/* i5 Landscape */
    .profile .info{
        text-align:center;
    }
        .profile .photoThumb{
            float:none;
            margin:0 auto 15px;
        }
        .profile .info .name{
            margin:0 auto;
            font-size:1.125rem;
            padding:0;
        }
            .profile .info .otherName{
                display:block;
                margin:5px 0 0;
            }
        .profile .info .btn{
            margin:10px 0;
        }
    .abstracts .absContent .btn{
        display:block;
    }
}