/* 
DayPilot Scheduler Theme
https://themes.daypilot.org/scheduler/theme/wnwwbj
Theme Designer Version: 2019.08.13.78552
*/

.dpsched-course-line1 {display:block; margin-bottom:4px}

@media (max-width: 1199px) {
    .coursegrid_timeheadergroup_inner, 
    .coursegrid_timeheader_cell_inner {
        font-size:1.5rem !important;
        white-space: normal;
    }
    .dpsched-course-header {
        font-size: 1.25rem !important;
        font-weight: 600;
    }
    .dpsched-course-line1 {
        font-size:1.25rem !important;
    }
}
@media (max-width: 760px) {
    .coursegrid_timeheadergroup_inner {
        font-size:4rem !important;
        white-space: normal;
    }
    .coursegrid_timeheader_cell_inner {
        /* Year */
        font-size:1.5rem !important;
        white-space: normal;
    }
    .dpsched-course-header {
        font-size: .75rem !important;
        font-weight: 500;
    }
    .dpsched-course-line1 {
        font-size:.75rem !important;
    }
}

 
@media (min-width: 1200px) {
    .coursegrid_timeheadergroup_inner, 
    .coursegrid_timeheader_cell_inner {
        font-size:2.25rem !important;
        white-space: normal;
    }
    .dpsched-course-header {
        font-size: 2rem !important;
        font-weight: 700;
    }
    .dpsched-course-line1 {
        font-size:1.5rem !important;
    }
}

.coursegrid_main 
{
}
.coursegrid_main, .coursegrid_main td 
{
    font-family: Open Sans, sans-serif;
    font-size: 15px;
}
.coursegrid_event { 
    color: #0080c0;
    text-align:center; /* JN added */
}

.coursegrid_event:hover {
    background-color:rgba(235, 193, 90, 0.47);   
    }
.coursegrid_event_inner { 
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    overflow: hidden;
    white-space:normal !important;
    border: 1px solid #eee;

    background-color: #ffffff;
    /*background: linear-gradient(to bottom, #ffffff 0%, #fafafa);*/ /*removing gradient allows hover color */
    padding: 2px;
    display: inline-block; /* JN changed from flex */
    align-items: center;
}
.coursegrid_event_inner:hover {
    background-color:rgba(235, 193, 90, 0.47); /* JN added*/
}

.coursegrid_timeheadergroup,
.coursegrid_timeheadercol
{
    color: #ffffff;
    background: #0080c0;
}
.coursegrid_rowheader,
.coursegrid_corner
{
    color: #ffffff;
    background: #0080c0;
    display:none !important;
    visibility: hidden !important;
}
.coursegrid_rowheader_inner {
    visibility:hidden !important;
    border:none !important;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
    padding: 2px;
    display: flex;
    align-items: center;
    color: #0080C0; /* JN - Hide the roomID number in the RowHeader column*/
}
.coursegrid_timeheadergroup,
.coursegrid_timeheadercol
{
}
.coursegrid_timeheadergroup_inner,
.coursegrid_timeheadercol_inner
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #0080c0;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.coursegrid_timeheadergroup_inner {
    border-bottom: 1px solid #0080c0;
}
.coursegrid_divider,
.coursegrid_splitter,
.coursegrid_divider_horizontal,
.coursegrid_resourcedivider 
{
    background-color: #fff;
}
.coursegrid_matrix_vertical_line,
.coursegrid_matrix_horizontal_line 
{
    background-color: #eeeeee;
}
.coursegrid_cell 
{
    background: #f9f9f9;
}
.coursegrid_cell.coursegrid_cell_business 
{
    background: #ffffff;
}
.coursegrid_message 
{
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #ffffff;
    background: #ffa216;
    background: linear-gradient(to bottom, #ffad32 0%, #f99600);
}
.coursegrid_shadow_inner 
{
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
}
.coursegrid_matrix_vertical_break 
{
    background-color: none; /* JN changed from #000*/
}
.coursegrid_cellparent {
}
.coursegrid_tree_image_no_children {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLzEyzsCJAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAADBJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeSxAaA4E1A7VjmgOL31MeLxHwCeXUT0WkFMKAAAAABJRU5ErkJggg==);
}
.coursegrid_tree_image_expand {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLyUoFBT0AAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAFJJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeRhgJGREc4GijMBtTNgA0BxFog+uA4IA2gmUJwFog/IgUhAGBB9KPYhA3T74Jog+hjx+A8A1KRQ+AN5vcwAAAAASUVORK5CYII=);
}
.coursegrid_tree_image_collapse {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLxB+p9DXAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAENJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeSxAaA4E1A7VjmgOAtEHyMjI7IE0EygOAtEH5CDqY9c+xjx+A8ANndK9WaZlP4AAAAASUVORK5CYII=);
}
.coursegrid_columnheader 
{
}
.coursegrid_columnheader_inner {
    font-weight: bold;
}
.coursegrid_columnheader_cell {
    background: linear-gradient(to right, #eeeeee 0%, #dddddd);
}
.coursegrid_columnheader_splitter {
    background-color: #666;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.coursegrid_columnheader_cell_inner {
    padding: 2px;   
}
.coursegrid_timeheader_float {
    display: flex;
    align-items: center;
    justify-content: center;
}
.coursegrid_timeheader_float_inner {
    padding: 2px;
}
.coursegrid_event_float {
    display: flex;
    align-items: center;
}
.coursegrid_event_float_inner {
    padding: 3px 2px 2px 7px;
    padding-left: 9px;
    /*top: -2px;*/
    position: relative;    
}
.coursegrid_event_float_inner:after {
    content:"";
    border-color: transparent #0080c0 transparent transparent;
    border-style:solid;
    border-width:5px;
    width:0;
    height:0;
    position:absolute;
    top:5px;
    left:-4px;
}
.coursegrid_event_move_left {
    box-sizing: border-box; 
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}
.coursegrid_event_move_right {
    box-sizing: border-box; 
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee);
}
.coursegrid_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat; opacity: 0.6; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
    opacity: 0.6;
}
.coursegrid_event_delete:hover {
    opacity: 1;
    -ms-filter: none;
}
.coursegrid_rowmove_handle { background-repeat: no-repeat; background-position: center center; background-color: #ccc; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC); cursor: move; }
.coursegrid_rowmove_source { background-color: black; opacity: 0.2; }
.coursegrid_rowmove_position_before, .coursegrid_rowmove_position_after { background-color: #999; height: 2px; }
.coursegrid_rowmove_position_child { margin-left: 10px; background-color: #999; height: 2px; }
.coursegrid_rowmove_position_child:before { content: '+'; color: #999; position: absolute; top: -8px; left: -10px; }
.coursegrid_rowmove_position_forbidden { background-color: red; height: 2px; margin-left: 10px; }
.coursegrid_rowmove_position_forbidden:before { content: 'x'; color: red; position: absolute; top: -8px; left: -10px; }
.coursegrid_link_horizontal { border-bottom-style: solid; border-bottom-color: red }
.coursegrid_link_vertical { border-right-style: solid; border-right-color: red }
.coursegrid_link_arrow_right:before { content: ''; border-width: 6px; border-color: transparent transparent transparent red; border-style: solid; width: 0px; height:0px; position: absolute; }
.coursegrid_link_arrow_left:before { content: ''; border-width: 6px; border-color: transparent red transparent transparent; border-style: solid; width: 0px; height:0px; position: absolute; }
.coursegrid_link_arrow_down:before { content: ''; border-width: 6px; border-color: red transparent transparent transparent; border-style: solid; width: 0px; height:0px; position: absolute; }
.coursegrid_link_arrow_up:before { content: ''; border-width: 6px; border-color: transparent transparent red transparent; border-style: solid; width: 0px; height:0px; position: absolute; }
.coursegrid_shadow_overlap .coursegrid_shadow_inner { background-color: red; }
.coursegrid_overlay { background-color: gray; opacity: 0.5; filter: alpha(opacity=50); }
.coursegrid_event_group { box-sizing: border-box; font-size:12px; color:#666; padding:2px 2px 2px 2px; overflow:hidden; border:1px solid #ccc; background-color: #fff; }
.coursegrid_header_icon { box-sizing: border-box; border: 1px solid #0080c0; background-color: #0080c0; color: #ffffff; }
.coursegrid_header_icon:hover { background-color: #007dbc; }
.coursegrid_header_icon_hide:before { content: '\00AB'; }
.coursegrid_header_icon_show:before { content: '\00BB'; }
.coursegrid_rowheader.coursegrid_rowheader_selected { 
    background-color: #aaa;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px; 
}
.coursegrid_row_new .coursegrid_rowheader_inner { cursor: text; background-position: 0px 5px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=); }
.coursegrid_row_new .coursegrid_rowheader_inner:hover { background: white; }
.coursegrid_rowheader textarea { padding: 3px; }
.coursegrid_rowheader_scroll { cursor: default; visibility:hidden; }
.coursegrid_shadow_forbidden .coursegrid_shadow_inner { background-color: red; }
.coursegrid_event_moving_source { opacity: 0.5; filter: alpha(opacity=50); }
.coursegrid_linkpoint { background-color: white; border: 1px solid gray; border-radius: 5px; }
.coursegrid_linkpoint.coursegrid_linkpoint_hover { background-color: black; }
.coursegrid_event.coursegrid_event_version .coursegrid_event_inner { 
    background-color: #cfdde8;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-size: 20px 20px; 
}
.coursegrid_crosshair_vertical, .coursegrid_crosshair_horizontal, .coursegrid_crosshair_left, .coursegrid_crosshair_top { background-color: #FF6600; opacity: 0.5; filter: alpha(opacity=100); }
.coursegrid_link_dot { border-radius: 10px; background-color: red; }
.coursegrid_task_milestone .coursegrid_event_inner { position:absolute;top:16%;left:16%;right:16%;bottom:16%; background: #38761d; border: 0px none; transform: rotate(45deg); filter: none; }
.coursegrid_event_left { white-space: nowrap; padding-top: 5px; color: #666; cursor: default; }
.coursegrid_event_right { white-space: nowrap; padding-top: 5px; color: #666; cursor: default; }
.coursegrid_selectionrectangle { background-color: #0000ff; border: 1px solid #000033; opacity: 0.4; }
.coursegrid_link_shadow { border:1px solid black; }
.coursegrid_link_shadow_circle { background-color:black; }
.coursegrid_block { background-color: #808080; opacity: 0.5; }