#app #preview,#app #preview .preview-player-box .top .left{float:left}#app{width:950px;margin:0 auto;color:#000;font:12px Arial}#app .transmission-title{width:100%;margin-bottom:5px;overflow:hidden;font-size:20px}#app .transmission-title p{margin:5px 0}#app .grayed-out-text{color:#9FA3AB}#app #preview .preview-player-box{float:left;width:100%;margin-top:5px}#app #preview .preview-player-box .top .right{float:right;width:250px;margin-left:5px}#app #preview .preview-player-box .top .right #board{width:310px;height:84px;margin-bottom:3px;padding:4px;background-color:#FFF;border:1px solid #EEEEF0}#app #preview .preview-player-box .top .right .preview-empty-board-messages-container{width:242px;height:86px;margin-bottom:3px;padding:4px}#app #preview .preview-player-box .top .right #side-menu-preview-component .search{height:19px;margin-bottom:3px}#app #preview .preview-player-box .top .right #side-menu-preview-component .search input{width:316px}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview{width:320px;height:350px}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-header ul{list-style-type:none;margin:0;padding:0;overflow:hidden;color:#fff}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-header ul li{float:left;width:150px;background-color:#999;display:inline-block;padding:5px;cursor:pointer;text-align:center;color:inherit;text-decoration:none}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-header ul li:hover{background-color:#bcbcbc}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-header ul li.active{background-color:#444;border-bottom:none}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body{height:325px;overflow-y:scroll;border:1px solid #EEEEF0;background-color:#FFF}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul{list-style-type:none;margin:0;padding:0}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.order-tab-item div{cursor:pointer;padding:1px 2px}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.order-tab-item div:hover{color:#FFF;background-color:red}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.order-tab-item div.active{color:#FFF;background-color:#EC0000}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.order-tab-item div span.order{float:left;padding-right:6px}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div{cursor:pointer;padding-left:2px}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-up div.course-item-level-roller:not(.empty){background:url(../../../img/side-menu/senatminus.png) left center no-repeat}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-up:hover{color:#FFF;background-color:red}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-up:hover div.course-item-level-roller:not(.empty){background:url(../../../img/side-menu/senat_whiteminus.png) left center no-repeat}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-up.active{color:#FFF;background-color:#EC0000}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-up.active div.course-item-level-roller:not(.empty){background:url(../../../img/side-menu/senat_whiteminus.png) left center no-repeat}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-out div.course-item-level-roller:not(.empty){background:url(../../../img/side-menu/senatplus.png) left center no-repeat}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-out:hover{color:#FFF;background-color:red}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-out:hover div.course-item-level-roller:not(.empty){background:url(../../../img/side-menu/senat_whiteplus.png) left center no-repeat}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-out.active{color:#FFF;background-color:#EC0000}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.rolled-out.active div.course-item-level-roller:not(.empty){background:url(../../../img/side-menu/senat_whiteplus.png) left center no-repeat}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.course-item-level-L1-text{font-weight:600}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.course-item-level-L1-text div.course-short-message{width:236px;overflow:hidden}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.course-item-level-L2-text div.course-short-message{width:224px;overflow:hidden}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.course-item-level-L3-text div.course-short-message{width:207px;overflow:hidden}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.course{float:right;padding-right:4px}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.meeting-day{float:right;padding-right:2px}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.course-item-level-roller{float:left;padding-top:0;padding-right:2px;height:13px;width:4px;font-weight:800}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.course-item-level-roller.course-item-level-L2-roller{margin-right:14px}#app #preview .preview-player-box .top .right #side-menu-preview-component .side-menu-preview .side-menu-preview-body ul li.course-tab-item div.course-item-level-roller.course-item-level-L3-roller{margin-right:30px}#app #preview .preview-player-box .bottom{width:620px;height:58px;padding:4px;background-color:#FFF;border:1px solid #EEEEF0;overflow-y:scroll}#app #course-table-component .table-operations-cell{width:93px;padding:0 0 0 9px}#app #course-table-component .table-operations-cell .table-operations{float:left;margin-left:-7px}#app #course-table-component .table-operations-cell .table-operations .table-operation{float:left;width:20px}#app #course-table-component .table-operations-cell .table-operations .table-operation input{width:100%;margin-top:6px;cursor:pointer}#app #course-table-component .table-operations-cell .table-operations .table-operation span{cursor:pointer}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:#444;color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-inner .tooltip-content ul{list-style-type:none}.tooltip .tooltip-inner .tooltip-content ul li{cursor:pointer}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#444}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(45%);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(45%);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(45%);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(45%);margin-left:0;margin-right:0}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;transition:opacity .15s}