.vplanner_legend {
    margin: 10px 0;
}

.vplanner_legend ul{
    list-style: none;
    padding: 0;
}

.vplanner_legend ul li{
    height: 30px;
    display: block;
    vertical-align: middle;
    font-size: 14px;
}

.vplanner_legend span{
    font-size: 24px !important;
    vertical-align: sub;
}

.vplanner_wrapper {
    padding: 0px 0px 1px 0px;
    position: relative;
    overflow: hidden;
    font: 11px/13px "Lucida Grande","Tahoma",sans-serif;
    width: 100%;
    min-height: 40px;
}

.vplanner_wrapper *:focus {
    outline: none !important;
}


.vplanner_wrapper.loading .glyphicon-question-sign:before {
    width: 28px;
    height: 28px;
    content: '';
    background-image: url(loading.gif) !important;
    background-size: 160%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -8px -8px;
}

.vplanner_wrapper:not(.loading) .glyphicon-question-sign.disabled:before {
    display: none;
}

.vplanner_wrapper .glyphicon-filter:before {

}

.vplanner_wrapper > div.vp_loader {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 10;
    background: #FFF;
    opacity: 0;
}

.vplanner_filter_wrapper {
    width: 256px;
    height: 100%;
    position: absolute;
    right: 0;
    background: rgb(228, 228, 228);
    z-index: 11;
    border-left: 1px solid #FFF;
    max-width: 100%;
    -webkit-box-shadow: -6px 0px 3px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: -6px 0px 3px -5px rgba(0,0,0,0.5);
    box-shadow: -6px 0px 3px -5px rgba(0,0,0,0.5);
}

.vplanner_data_wrapper{
    overflow : hidden;
    position : relative;
    width : 100%;
    height: 100%;
    min-height: 420px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAElBMVEXk5ORwcHCrq6ulpaWcnJysrKyo8ZZsAAAABnRSTlMAC1A1IGVYh68sAAAAcklEQVR4Xu3RsQ3EMAxD0Wcn13sEj+ARMkL2n+agjo0muANE4hcCQUFelJFoliysQA7HzZ1YKj9OItbCnIkAvInNdpfdNGl6d1eCj7LEgWFjB/LUXFyJpfLHk4i9MUYifECiZrvLbpo0vZsrf/Xz/89/ATY+G+WnjEVsAAAAAElFTkSuQmCC');
    
}

.vp_empty {
    min-height: 420px;
}

.vplanner_data_wrapper .vp_left_scroll_shadow {
    position: absolute;
    content: '';
    top: 0;
    left: -6px;
    height: 100%;
    width: 4px;
    z-index: 5;
    box-shadow: 0px -6px 8px 1px #000;
    display: none;
}

.vplanner_data_wrapper .vp_right_scroll_shadow {
    position: absolute;
    content: '';
    top: 0;
    right: -6px;
    height: 100%;
    width: 4px;
    z-index: 9;
    box-shadow: 0 0 10px 2px #000;
}

.vplanner_data_wrapper .vp_bottom_scroll_shadow {
    position: absolute;
    content: '';
    bottom: -6px;
    width: 100%;
    height: 4px;
    z-index: 8;
    box-shadow: 0 0 10px 2px #000;
}


/*************** MENU ******************/

.vplanner_menu_wrapper {
    width : 100%;
    color: #7B7B7B;
    font-size: 24px;
}
.vplanner_menu_wrapper:after {
    width: 100%;
    background-color: #E4E4E4;
    height: 6px;
    content: "";
    display: block;
    clear: both;
}

.vplanner_menu_wrapper > div {
    background-color: #E4E4E4;
    padding: 7px 8px 0;
    height: 40px;
}

.vplanner_menu_wrapper > .view_opt {
    position: relative;
    padding-right: 5px;
    padding: 0;
    background: none;
}

.vplanner_menu_wrapper > .filter_opt {
    position: relative;
}

.vplanner_menu_wrapper .filter_opt .glyphicon  {
    display: inline;
    vertical-align: bottom;
    margin-right: 6px;
}

.vplanner_menu_wrapper .view_opt .label {
    font-size: 10px;
    // display: inline-flex;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    position: relative;
    bottom: 3px;
    background-color: rgb(209, 209, 209);
    color: #EEE;
    cursor: pointer;
}

.vplanner_menu_wrapper .label label {
    cursor: pointer;
}

.vplanner_menu_wrapper .label.active {
    background-color: #ABB9BC;
    color: #FFF;
}


.vplanner_menu_wrapper .vplanner_menu_wrapper .glyphicon {
    position: static;
}

.vplanner_menu_wrapper .view_opt .label span {
    margin-right: 4px;
}

.vplanner_menu_wrapper .view_opt .label label {
    margin: 0;
    vertical-align: bottom;
    display: inline-block;
    line-height: 14px;
}

.vplanner_menu_wrapper .view_opt .label .caret {
    float: right;
    margin: 4px 0 0 6px;
}

.vplanner_menu_wrapper .view_opt > * {
    margin-right: 2px;
    color: rgb(209, 209, 209);
    position: relative;
    padding: 7px 8px 6px;
    background-color: #EFEFEF;
    height: 40px;
    // overflow: hidden;
}

.vplanner_menu_wrapper .view_opt .glyphicon  {
    top: 0;
}

.vplanner_menu_wrapper .view_opt > div > .glyphicon {
    display: inline-block;
}

.vplanner_menu_wrapper .view_opt > div > .glyphicon,
.vplanner_menu_wrapper .filter_opt  > .glyphicon  {
    font-size: 24px;
}

.vplanner_menu_wrapper .view_opt > .active {
    color: #7B7B7B;
    background-color: #E4E4E4;
}

.vplanner_menu_wrapper .view_opt_caption {
    font-size: 14px;
    position: relative;
    bottom: 6px;
    margin: 0 4px;
    padding: 2px 4px;
    display: none;
}

.vplanner_menu_wrapper .view_opt_labels {
    position: relative;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    width: 0px;
    height: 23px;
    vertical-align: sub;
    padding-top: 7px;
    bottom: 7px;
}

 .vplanner_menu_wrapper .active .view_opt_labels {
    overflow: visible;
} 

.vplanner_menu_wrapper .dropdown-menu {
    min-width: auto;
    background-color: rgba(171, 185, 188, .95);
    border-radius: 0;
    padding: 0;
}

.vplanner_menu_wrapper .dropdown-menu a{
    color: #FFF;
}

.vplanner_menu_wrapper .text-filter {
    position: relative;
    margin: 0 10px 0 0px;
}
.vplanner_menu_wrapper .text-filter i {
    position: absolute;
    top: 8px;
    left: 14px;
    z-index: 1;
    font-size: 20px;
}
.vplanner_menu_wrapper .text-filter input {
    border-radius: 3px;
    border: 1px solid transparent;
    border-bottom: 1px solid #DDD;
    box-shadow: inset 1px 2px 6px rgba(0,0,0,.39);
    background: #FFF;
    padding: 0px 8px 0 42px;
    height: 33px;
    width: 100%;
    max-width: 200px;
    text-align: left;
    font-size: 15px;
    // font-family: monospace;
}

/************************  HEADERS ********************************/

.vplanner_wrapper .vp_grid_headers_wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px 0px 0px 0px;
    min-width: 100%;
    background: none !important;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_header {
    position: absolute;
    width: 100%;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_header .vp_day {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #7b7b7b;
    font-weight: bold;
    color: #fff;
    padding: 3px 244px 4px 18px;
    z-index: 9;
    position: relative;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_header .vp_day span {
    font-size: 11px;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_header.scrolling .vp_day ,
.vplanner_wrapper .vp_grid_headers_wrapper .vp_header:first-child .vp_day {
    border-top: 1px solid transparent;
}
.vplanner_wrapper .vp_grid_headers_wrapper .vp_header.scrolling .vp_rooms {
    box-shadow: 0px 1px 8px -2px #555;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_day > span {
    // float: left;
    padding: 0px;
    // margin-left: 15px;
    // color: #bcbcbc;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_day > span.badge {
    float: none;
    margin-left: 15px;
    padding: 0 8px 0 6px;
    position: relative;
    top: -1px;
    background-color: #EEE;
    color: #7B7B7B;
    border: 1px solid #FFF;
    height: 11px;
    font-size: 9px;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_rooms {
    // height: 20px;
    overflow: hidden;
    /*border-right: 1px solid #fff;*/
    z-index: 5;
    position: relative;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_rooms > div {
    float: left;
    background: #e4e4e4;
    // padding: 2px 6px 4px 6px;
    border-left: 1px solid #fff;
    // border-bottom: 1px solid #fff;
    white-space: pre-line;
    // overflow: hidden;
    z-index: 4;
    position: relative;
    // text-overflow: ellipsis;
    // height: 20px;
    text-align: center;
    padding: 0;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_rooms > div span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 11px;
    margin-bottom: 4px;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_rooms > br {
    clear: both;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_edge {
    position: absolute !important;
    left: 0;
    background-color: #e4e4e4;
    border-right: 1px solid #FFF !important;
    border-bottom: 1px solid #FFF !important;
    border-left: none !important;
    height: 100% !important;
    bottom: -1px;
    z-index: 8;
}

.vp_edge.scrolling{
    // box-shadow: 3px -2px 5px -2px #555;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_timer {
    display: table;
    position: relative;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_timer > div {
    display: table-row;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_timer > div > div {
    padding: 2px 6px 3px 10px;    
    background: #e4e4e4;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    z-index: 8;
    position: relative;
    text-align: center;
}

.vplanner_wrapper .vp_grid_headers_wrapper .vp_timer > div:first-child > div {
    // border-top: none;
}

/************ BLOCKS ******************/

.vp_grid_blocks_wrapper {
    position: relative;
}

.vplanner_wrapper .vp_grid_block {
    box-sizing: content-box;
    position: relative;
    display: block;
}

.vplanner_wrapper .vp_grid_block.vp_box_shadow {
    // border-bottom: 4px solid rgba(155,155,155,0.0);
}
.vplanner_wrapper .vp_grid_block.vp_box_shadow:before {
    content: '';
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: -1px;
    z-index: -1;
    box-shadow: 0px 0px 6px 1px #888;
    border-bottom: 1px solid #FFF;
}
.vplanner_wrapper .vp_grid_block:after {
    content: '';
    width: 0px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 0;
    box-shadow: 0px 0px 6px 1px #888;
    border-left: 1px solid transparent;
}

.vplanner_wrapper .vp_grid_block > div {
    float: left;
    background-color: #F4F4F4;
    background-color: #efefef;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: relative;
    z-index: 1;
}

.vplanner_wrapper .vp_grid_block > div.vp_first_row {
    // border-top: none;
}

.vplanner_wrapper .vp_grid_block > div:before {
    content: "";
    height: 50%;
    width: 100%;
    position: absolute;
    border-bottom: 1px dashed #FFF;
}

.vplanner_wrapper .vp_grid_block > br {
    clear: both;
}

.vplanner_wrapper .vp_list_block {
    padding: 0px 244px 0px 12px;
}

.vplanner_wrapper .vp_list_block > div {
    border-bottom: 1px solid #fff;
    padding: 2px 244px 3px 12px;
}


/***********************  SESSIONS  *********************************/

.vplanner_wrapper .vp_session {
    position: absolute;
    border: 1px solid #fff;
    padding: 2px 2px 3px 3px;
    width: 107px;
    height: 54px;
    background: #e4e4e4;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;

}

.vplanner_wrapper .vp_session.disabled {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmAgMAAADVUwE9AAAACVBMVEUAAADa2tra2tonpU41AAAAA3RSTlMATQC/ofWWAAAAYUlEQVR4Ad3PoQ3FMBAE0Snx46AlPsmu5tBJYUaR4iqjA9vEJ4MeGYh7VdR4RXc9s17RjRlXbbqnkTBdG9MQpkeYRmL6CNMpTCMxLWE6E9P4YXoL07ExrY3plZiu5PzZ0Adewr13wGIAvQAAAABJRU5ErkJggg==');
    background-color: #e4e4e4 !important;
    background-color: #FFF !important;
    color: #AAA !important;
    border: 1px dashed #CCC;
    z-index: 1;
    // cursor: default;
}

.vplanner_wrapper .vp_session.disabled b{
    color: #AAA !important;
}

.vplanner_wrapper .vp_session:not(.disabled):hover {
    height: auto !important;
    min-width: 136px;
    z-index: 9;
    box-shadow: 0 0 1px 1px #FFF;
}


.vplanner_wrapper .vp_session b.vp_time {
    white-space: nowrap;
}


/******** SCROLL ******************/

.vplanner_wrapper .mCSB_scrollTools {
    z-index: 9;
}

.vplanner_wrapper .mCSB_inside>.mCSB_container {
    margin: 0;
}

.vplanner_wrapper .mCSB_container_wrapper {
    margin: 0;   
}

.vplanner_wrapper .mCSB_container_wrapper>.mCSB_container {
    padding: 0;
}


/*********** FILTER *****************/

.vplanner_filter_wrapper .collapsible_section {
    height: 40px;
    padding: 13px 0 0 45px;
    font-size: 14px;
    cursor: pointer;
    // font-family: sans-serif;
    font-weight: bold;
    color: rgb(123, 123, 123);
    position: relative;
}

.vplanner_filter_wrapper .collapsible_section span {
    color: rgb(171, 185, 188);
    font-weight: normal;
    font-size: 20px;
    position: absolute;
    left: 12px;
    top: 16px;
    font-family: 'FontAwesome';
    cursor: default;
}

.vplanner_filter_wrapper .collapsible_section.vp_active span {
    cursor: pointer;
}

.vplanner_filter_wrapper .collapsible_section span:before{
    content: "\f096"; 
    content: "\f00d";   
}
.vplanner_filter_wrapper .collapsible_section.vp_full_active span:before{
    content: "\f046";
    content: "\f00c";
}

.vplanner_filter_wrapper .collapsible_section i {
    color: rgb(171, 185, 188);
    font-weight: normal;
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 25%;
}

.vplanner_filter_wrapper .collapsible_section i:before {
    content: "\f196";
}

.vplanner_filter_wrapper .collapsible_section.in i:before {
    content: "\f147";
}

.vplanner_filter_wrapper .collapsible_section:after {
    content: "";
    height: 1px;
    width: 100%;
    border-bottom: 1px dashed #FFF;
    position: absolute;
    left: 0;
    bottom: 0;
}

.vplanner_filter_wrapper .collapsible_section + ul{
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid rgb(239, 239, 239);
    box-shadow: 0px -5px 15px -10px inset, 0px 5px 15px -10px inset;
    background-color: rgb(239, 239, 239);
    max-height: 250px;
    overflow: hidden;
}

.vplanner_filter_wrapper .collapsible_section + ul li{
    padding: 10px 30px 10px 40px;
    display: block;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid rgba(171, 185, 188, 0.5);
    cursor: pointer;
    position: relative;
    // font-family: monospace;
    box-shadow: 0px 6px 7px -9px #000;
    background-image: url('data:image/png;base64,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');
}

.vplanner_filter_wrapper .collapsible_section + ul li > span{
    font-size: 12px;
}

.vplanner_filter_wrapper .collapsible_section + ul li.active {
    background-image: none;
}

.vplanner_filter_wrapper .collapsible_section + ul li:first-child{
    padding-top: 10px;
    border-top: 0;
}

.vplanner_filter_wrapper .collapse li:before {
    content: "\f096";
    font-family: 'FontAwesome';
    position: absolute;
    top: 35%;
    left: 15px;
    color: #7B7B7B;
}
.vplanner_filter_wrapper .collapsible_section + ul li:hover:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #ABB9BC;
    top: 0;
    left: 0;
    opacity: 0.2;
}

.vplanner_filter_wrapper .collapse li.active:before {
    content: "\f046";
}


.vplanner_filter_wrapper .collapse li span.vp_filter_color {
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 8px 0px 10px -10px #000 inset, -8px 0px 10px -10px #000 inset;
}


/****************** EMPTY *************************/

.vplanner_data_wrapper .vp_empty {
    position: relative;
    top: 0;
    height: auto;
    width: 100%;
    line-height: 30px;
    text-align: center;
    bottom: 0;
    font-size: 200%;
    font-weight: bold;
    text-transform: uppercase;
    color: #ABB9BC;
    background-color: #FFF;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAAADFBMVEXIyMjJycnKysrExMSUVMD6AAAABHRSTlNVYnfM9r/n7gAAAJFJREFUeF6dkckNwzAQA1naNpEmWQWbcBOqIojlpSznQ5jPwWCgA8Kcag69ygG1JcaLBEjdE3yRAEndEnyRAEkeTrixhADwN51A8DmwhADQEQHwe8BCANgRnWBYaSEAoyP/ag72iFC7UgnYIqrHvSsEK6IJllIp+DjyNCoGwoyogYUY6PodNbAQA11frAYWUvAF68G1q80TloEAAAAASUVORK5CYII=');
}

.vplanner_data_wrapper .vp_empty:before {
    font-family: 'Glyphicons Halflings';
    content: "\e090";
    font-size: 104px;
    height: 87px;
    display: block;
    margin: auto;
    padding: 100px 0;
    font-weight: 100;
}


/************************ LIST VIEW *******************/

.vplanner_wrapper .vp_list_blocks_wrapper .vp_header {
    position: relative;
    width: 100%;
}

.vplanner_wrapper .vp_list_blocks_wrapper .vp_header .vp_header_caption{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #7b7b7b;
    font-weight: bold;
    color: #fff;
    padding: 3px 6px 4px 18px;
    z-index: 9;
    position: relative;
}

.vplanner_wrapper .vp_table{
    background-color: #EFEFEF;
}

.vplanner_wrapper .vp_list_blocks_wrapper .vp_header.scrolling .vp_header_caption ,
.vplanner_wrapper .vp_list_blocks_wrapper .vp_header:first-child .vp_header_caption {
    border-top: 1px solid transparent;
}

.vplanner_wrapper .vp_list_blocks_wrapper .vp_header.scrolling {
    box-shadow: 0px 1px 8px -2px #555;
}

.vplanner_wrapper .vp_list_blocks_wrapper .vp_header_caption > span {
    padding: 0px;
    color: #bcbcbc;
    margin-left: 15px;
    font-size: 11px;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_table {
    width: 100%;
    border-bottom: 1px solid #FFF;
}
.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_table:last-of-type {
    border-bottom: none;
}
.vplanner_data_wrapper .vp_list_blocks_wrapper div:last-child {
    border-bottom: 1px solid #CCC;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_table[data-poster]:not(:last-child) {
    border-bottom: 1px solid #FFF;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_table thead{
    border-top: 1px solid #FFF;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_table thead:first-child{
    border-top: none;
}


.vplanner_data_wrapper .vp_list_blocks_wrapper td {
    padding-left: 6px;
    padding-top: 2px;
    vertical-align: top;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper td:last-child {
    padding-right: 20px;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_tr_header td {
    padding-top: 4px;
    vertical-align: top;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_tr_detail td {
    padding-bottom: 4px;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper tr:last-child td {
    padding-bottom: 4px;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_tr_subsession td {
    color: #666;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_tr_header td.lecture_number {
    width: 60px;
    text-align: center;
    font-weight: bold;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_tr_detail .abstract_author {
    font-size: 11px;
    text-decoration: underline;
}

.vplanner_data_wrapper .vp_list_blocks_wrapper .vp_tr_detail .abstract_coauthor {
    font-size: 11px;
    white-space: nowrap;
}

.vplanner_data_wrapper td.vp_td_color {
    width: 10px !important;
    min-width: 10px !important;
    max-width: 10px !important;
    padding: 0px !important;
    box-shadow: 8px 0px 10px -10px #000 inset, -8px 0px 10px -10px #000 inset;
}

.vplanner_data_wrapper .vp_table td.vp_td_noncolor {
    box-shadow: none;
    background-color: rgba(0,0,0,.1);
}

.vplanner_data_wrapper .vp_table td.vp_td_noncolor {
    box-shadow: none;
    background-color: rgba(0,0,0,.1);
}

.vplanner_data_wrapper td.vp_td_timer{
    width: 135px;
    text-align: right;
    padding-left: 6px;
    padding-right: 20px;
    // font-family: monospace;
    letter-spacing: -0.5px;
    vertical-align: top;
    color: #666666;
}

.vplanner_data_wrapper td.vp_td_timer b{
    font-weight: normal;
    color: #000000;
}

.vplanner_data_wrapper td.vp_td_room {
    width: 200px;
    text-align: left;
    padding-left: 15px;
    vertical-align: top;
    padding-bottom: 4px;
}

.vplanner_data_wrapper td.vp_td_number {
    width: 60px;
    padding-right: 6px;
}

.vplanner_data_wrapper td.vp_td_download {
    width: 24px;
    vertical-align: top;
}


/************************ MODAL *******************/

.vplanner-modal-box .modal-content {
    border: 2px solid rgba(255,255,255,.8);
    box-shadow: 0 3px 9px rgba(0,0,0,.3);
    border-radius: 0;
}

.vplanner-modal-box .close {
    position: relative;
    z-index: 1;
}
.vplanner-modal-box .close span {
    font-size: 21px !important;
}
.vplanner-modal-box table {
    width: 100%;
}
.vplanner-modal-box .modal-sessions table {
    position: relative;
    top : -16px;
}
.vplanner-modal-box span.td_type {
    padding-right: 20px;
}

.vplanner-modal-box .glyphicon-star{
    opacity: .2;
    cursor: pointer;
}
.vplanner-modal-box .glyphicon-star.active{
    opacity: 1;
}

.vplanner-modal-box .td_type,
.vplanner-modal-box .td_date,
.vplanner-modal-box .td_room {
    font-size: 11px;
    line-height: 12px;
    vertical-align: top;
}
.vplanner-modal-box .td_type {
    vertical-align: middle;
    text-align: center;
}
.vplanner-modal-box .td_room {
    text-align: right;
    padding-right: 30px;
}

.vplanner-modal-box .td_remark {
    padding-top: 10px;
}

.vplanner-modal-box .td_name {
    font-size: 18px;
    line-height: 30px;
    padding-top: 10px;
}

.vplanner-modal-box .td_name{
    font-weight: bold;
}

.vplanner-modal-box .td_number{
    width: 60px;
    padding-right: 6px;
}

.vplanner-modal-box .td_download {
    padding-right: 6px;
}

.vplanner-modal-box .vpLink,
.vplanner_wrapper .vpLink{
    margin: 0 5px;
    font-size: 12px !important;
    color: #D03C32;
}

.vplanner-modal-box .modal-subsessions .first-row td {
    padding-top: 5px;
}

.vplanner-modal-box .modal-subsessions tr:first-child td {
    padding-top: 0;
}

.vplanner-modal-box .modal-subsessions {
    border-top: 5px solid rgba(255,255,255,.5);
    position: relative;
    top: -5px;
}
.vplanner-modal-box .modal-subsessions td{
    font-size: 12px;
    vertical-align: top;
}

.vplanner-modal-box .modal-subsessions td.td_author{
    // font-style: italic;
    font-size: 10px;
}

.vplanner-modal-box .modal-subsessions td.td_author span:not(.coauthor){
    text-decoration: underline;
}
.vplanner-modal-box .modal-subsessions td.td_author span.coauthor {
    white-space: nowrap;
}

.vplanner-modal-box .modal-subsessions td.td_time {
    text-align: right;
    padding-right: 10px;
    min-width: 135px;
}

.tooltip.error {
    position: fixed;
}
.tooltip.error > .tooltip-inner {
    background-color: #e86868;
    white-space: pre-wrap;
}
.tooltip.top.error .tooltip-arrow {
    border-top-color: #e86868;
}
.tooltip.left.error .tooltip-arrow {
    border-left-color: #e86868;
}
.tooltip.right.error .tooltip-arrow {
    border-right-color: #e86868;
}
.tooltip.bottom.error .tooltip-arrow {
    border-bottom-color: #e86868;
}

.vplanner-modal-box .btn-xs {
    padding: 1px 2px 1px 3px;
    font-size: 11px;
    line-height: 1.1;
    border-radius: 1px;
    outline: none !important;
    background: #EFEFEF !important;
    box-shadow: none !important;
    color : #7B7B7B;
}

/************************ MEDIA QUERY *******************/

@media (max-width:767px) {

    .vplanner_data_wrapper td.vp_td_timer{
        width: 25%;
    }

    .vplanner_data_wrapper td.vp_td_room {
        width: 25%;
    }
    .vplanner_menu_wrapper {
        background-color: #d7d7d7;
    }
    .vplanner_menu_wrapper > .filter_opt {
        width: 100%;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .vplanner_menu_wrapper .text-filter input {
        max-width: 170px;
    }
}