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

/* to Date */
.to-date{
    list-style:none;
    margin:0;
    padding:0;
    background-color:#fff;
    border:2px solid rgba(255,255,255,.4);
    border-radius:8px;
    box-shadow:inset 0 0px 20px rgba(var(--visual-blue-rgb), .4), inset 0 0 3px rgba(0, 0, 0, 0.4);
    position:fixed; top:50%; right:1%; z-index:5;
    transform:translateY(-50%) translateZ(0);
    text-align:center;
    overflow:hidden;
}
    .to-date li{
        position:relative;
    }
    .to-date li:nth-child(n+2){
        border-top:1px solid rgba(var(--visual-blue-rgb), .1);
    }
    .to-date li:first-child{
        border-radius:8px 8px 0 0;
    }
    .to-date li:last-child{
        border-radius:0 0 8px 8px;
    }
        .to-date li:first-child .linkDay{
            padding:12px 8px;
        }
        .to-date .linkDay{
            display:block;
            color:#000;
            font-size:.875rem;
            line-height:1.2;
            padding:8px;
        }
        .to-date .linkDay:focus,
        .to-date .linkDay:hover{
            background-color:var(--primary-color);
            color:#fff;
        }
            .to-date .linkDay strong{
                font-size:1.25rem;
            }
            .to-date .linkDay div{
                margin-top:3px;
                opacity:.8;
            }
                .to-date .linkDay div > span{
                    display:block;
                    font-size:.75rem;
                    opacity:.7;
                }

/* Program */
.program-glance{
    position:relative;
}
    .program-glance img{
        display:block;
        max-width:100%;
    }

.date-title{
    color:var(--visual-green);
    font-size:1.5rem;
}
    .date-title span{
        color:#777;
        font-weight:400;
    }
.program-session{
    margin-bottom:15px;
}
    .program-session img{
        display:block;
        margin:0 auto;
        width:100%;
    }
    
ul.attachment{
    margin:5px 0 0;
    padding:0;
    list-style:none;
    background-color:#f5f5f5;
    padding:10px;
}
    ul.attachment li{
    }
        ul.attachment a{
            background-image:url(../images/icon_file.svg);
            background-repeat:no-repeat;
            background-position:0 50% !important;
            color:#019df0;
            font-size:16px; font-weight:700;
            padding-left:32px;
        }
        ul.attachment a[href *='.pdf'], ul.attachment a[href *='.PDF']{background-image:url(../images/icon_file_pdf.svg);}
        ul.attachment a[href *='.xls'], ul.attachment a[href *='.XLS']{background-image:url(../images/icon_file_excel.svg);}
        ul.attachment a[href *='.doc'], ul.attachment a[href *='.DOC']{background-image:url(../images/icon_file_word.svg);}
        ul.attachment a[href *='.ppt'], ul.attachment a[href *='.PPT']{background-image:url(../images/icon_file_powerpoint.svg);}
        ul.attachment a[href *='.jpg'], ul.attachment a[href *='.JPG'],
        ul.attachment a[href *='.png'], ul.attachment a[href *='.PNG']{background-image:url(../images/icon_file_img.svg);}
        ul.attachment a[href *='.gif'], ul.attachment a[href *='.GIF']{background-image:url(../images/icon_file_gif.svg);}
        ul.attachment a[href *='.rar']{background-image:url(../images/icon_file_rar.svg);}
        ul.attachment a[href *='.zip']{background-image:url(../images/icon_file_zip.svg);}
        ul.attachment a:focus,
        ul.attachment a:hover{
            color:var(--visual-green) !important;
        }