﻿/* Mobile cal*/
body {font-size:16px}
div {font-size:16px}
p {font-size:16px}
h1 {font-size: 3em; line-height:3em}
h2 {font-size: 2.4em; line-height:2.4em}
h3 {font-size: 2em; line-height:2em}
h4 {font-size: 1.8em; line-height:1.8em}
h5 {font-size: 1.4em; line-height:1.4em}
h6 {font-size:1.2em; line-height:1.2em}

 @media (max-width: 600px) {
    .mobile-prev-next-fltrt {margin:10px; padding:0; min-width:60px; min-height:40px; height:2vw;min-height:40px; font-size:1.2em; text-wrap:none }
    .mobile-h1 {font-size:1.2em; margin:2px 4px; text-wrap:none; display:inline}
    .mobile-label {margin:2px auto; font-size:1.2em}
    .cb-label{vertical-align:middle;font-size: .9em; text-wrap:normal }
}
 @media (min-width: 601px){
    .mobile-prev-next-fltrt {margin:.5em .25em; padding:.25em 1em; font-size:1.2em; text-wrap:none; min-width:100px; min-height:40px; }
    .mobile-h1 {font-size:3em; margin:2px 4px; text-wrap:none; display:inline}
    .mobile-label {margin:2px auto; font-size:2em}
    .cb-label{vertical-align:middle;font-size: 1.4em; text-wrap:normal }
}

label {
  /*display: block;
  padding-left: 15px;
  text-indent: -15px;*/
}

.contextmenu_main {font-family: Tahoma, Arial, Sans-Serif;font-size: 1em;border: 1px solid gray;background-color: #FFF;padding: 2px;cursor: default}
.contextmenu_main a {padding-left: 10px;color: black;text-decoration: none;cursor: default}
.contextmenu_main a span {cursor:pointer; cursor:hand;display: block;height: 20px;line-height: 20px; padding-left: 2px;padding-right: 20px}
.contextmenu_main a:hover { cursor:pointer; cursor:hand;text-decoration:underline}
.contextmenu_main a:hover span { cursor:pointer; cursor:hand; background-color:#FFA500}
.contextmenu_main div div {border-top: 1px solid #dddddd;margin-top: 2px;margin-bottom: 2px;margin-left: 28px}

.buttonSubmit{font-family:Calibri, Arial, Helvetica; font-size:1.3em; color:#333; margin-right:10px}
.buttonCancel{font-family:Calibri, Arial, Helvetica; font-size:.9em; color:#333; margin-right:10px}

legend {color:#000080; font-size:1.2em; margin: 20px 0px 4px 0px}

/* Navigator silver theme */

 /* 

/* 
DayPilot Scheduler Theme
https://themes.daypilot.org/scheduler/theme/mdxftr

Theme Designer Version: 2016.12.14.1304
*/

.mobile_main 
{
	border: 1px solid #c0c0c0;
}

.mobile_main, .mobile_main td 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.mobile_event { 
	
}

.mobile_event { 
	color: #333333;
}

.mobile_event_inner { 
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: 0px;
	overflow: hidden;
	background-color: #ffffff;	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa));  
	background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa);
	background: -moz-linear-gradient(top, #ffffff 0%, #fafafa);
	background: -ms-linear-gradient(top, #ffffff 0%, #fafafa);
	background: -o-linear-gradient(top, #ffffff 0%, #fafafa);
	background: linear-gradient(top, #ffffff 0%, #fafafa);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#fafafa");
	padding: 2px;
	border: 1px solid #cccccc;	
}

.mobile_timeheadergroup,
.mobile_timeheadercol
{
	color: #333333;
	background: #f3f3f3;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dbdbdb));
	background: -webkit-linear-gradient(top, #ffffff 0%, #dbdbdb);
	background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb);
	background: -ms-linear-gradient(top, #ffffff 0%, #dbdbdb);
	background: -o-linear-gradient(top, #ffffff 0%, #dbdbdb);
	background: linear-gradient(top, #ffffff 0%, #dbdbdb);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#dbdbdb");
	
}

.mobile_rowheader,
.mobile_corner
{
	color: #333333;
	background: #f3f3f3;
	background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#dbdbdb));
	background: -webkit-linear-gradient(left, #ffffff 0%, #dbdbdb);
	background: -moz-linear-gradient(left, #ffffff 0%, #dbdbdb);
	background: -ms-linear-gradient(left, #ffffff 0%, #dbdbdb);
	background: -o-linear-gradient(left, #ffffff 0%, #dbdbdb);
	background: linear-gradient(left, #ffffff 0%, #dbdbdb);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#dbdbdb", GradientType=1);
	
}

.mobile_rowheader_inner {
	padding: 2px; 
}

.mobile_timeheadergroup,
.mobile_timeheadercol
{
	text-align: center;
}

.mobile_timeheadergroup_inner,
.mobile_timeheadercol_inner
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-right: 1px solid #c0c0c0;
	padding: 2px;
}

.mobile_timeheadergroup_inner {
	border-bottom: 1px solid #c0c0c0;
}

.mobile_divider,
.mobile_splitter,
.mobile_divider_horizontal,
.mobile_resourcedivider 
{
	background-color: #c0c0c0;
}

.mobile_matrix_vertical_line,
.mobile_matrix_horizontal_line 
{
	background-color: #eeeeee;
}

.mobile_cell 
{
	background: #f9f9f9;
    border: solid 1px #eeeeee;
}

.mobile_cell_inner {
    font-size:1.6em;
}

.mobile_cell.mobile_cell_business 
{
	background: #ffffff;
}

.mobile_message 
{
	padding: 10px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	
	color: #ffffff;
	background: #ffa216;
	
}

.mobile_shadow_inner 
{
	background-color: #666666;
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	
}



.mobile_matrix_vertical_break 
{
	background-color: #000;
}

.mobile_cellparent {
}

.mobile_cell {

}

.mobile_tree_image_no_children {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLzEyzsCJAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAADBJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeSxAaA4E1A7VjmgOL31MeLxHwCeXUT0WkFMKAAAAABJRU5ErkJggg==);
}
.mobile_tree_image_expand {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLyUoFBT0AAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAFJJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeRhgJGREc4GijMBtTNgA0BxFog+uA4IA2gmUJwFog/IgUhAGBB9KPYhA3T74Jog+hjx+A8A1KRQ+AN5vcwAAAAASUVORK5CYII=);
}
.mobile_tree_image_collapse {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLxB+p9DXAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAENJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeSxAaA4E1A7VjmgOAtEHyMjI7IE0EygOAtEH5CDqY9c+xjx+A8ANndK9WaZlP4AAAAASUVORK5CYII=);
}

.mobile_columnheader 
{
}

/* Not working CSS indicates it s/b _colheader not _columnheader */
.mobile_columnheader_inner {
    font-weight: bold;
}
.mobile_colheader_inner {
    /* hides the date within the calendar day; use the header instead */
    font-size:1px;
}


.mobile_columnheader_cell {
    background: -webkit-gradient(linear, left top, right top, from(#eeeeee), to(#dddddd));
    background: -moz-linear-gradient(left, #eeeeee 0%, #dddddd);
    background: -ms-linear-gradient(left, #eeeeee 0%, #dddddd);
    background: -webkit-linear-gradient(left, #eeeeee 0%, #dddddd);
    background: linear-gradient(left, #eeeeee 0%, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#dddddd", GradientType=1);
}

.mobile_columnheader_splitter {
    background-color: #666;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.mobile_columnheader_cell_inner {
    padding: 2px;   
}

.mobile_alldayevent_inner {
border-bottom:solid 1px #eee;
}

.mobile_timeheader_float_inner {
	padding: 2px;
}

.mobile_event_float_inner {
    padding: 3px 2px 2px 7px;
}

.mobile_event_float_inner:after {
    content:"";
    border-color: transparent #333333 transparent transparent;
    border-style:solid;
    border-width:5px;
    width:0;
    height:0;
    position:absolute;
	
	top:6px;
    left:-4px;
}

.mobile_event_move_left {
	box-sizing: border-box; 
	padding:2px;
	border:1px solid #ccc;
	background:#fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee);
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee);
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee);
	background: linear-gradient(top, #ffffff 0%, #eeeeee);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
}

.mobile_event_move_right {
	box-sizing: border-box; 
	padding:2px;
	border:1px solid #ccc;
	background:#fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee);
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee);
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee);
	background: linear-gradient(top, #ffffff 0%, #eeeeee);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
}

.mobile_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;
}

.mobile_event_delete:hover {
	opacity: 1;
	-ms-filter: none;
}

.mobile_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; }
.mobile_rowmove_source { background-color: black; opacity: 0.2; }
.mobile_rowmove_position_before, .mobile_rowmove_position_after { background-color: #999; height: 2px; }
.mobile_rowmove_position_child { margin-left: 10px; background-color: #999; height: 2px; }
.mobile_rowmove_position_child:before { content: '+'; color: #999; position: absolute; top: -8px; left: -10px; }
.mobile_rowmove_position_forbidden { background-color: red; height: 2px; margin-left: 10px; }
.mobile_rowmove_position_forbidden:before { content: 'x'; color: red; position: absolute; top: -8px; left: -10px; }

.mobile_link_horizontal { border-bottom-style: solid; border-bottom-color: red }
.mobile_link_vertical { border-right-style: solid; border-right-color: red }
.mobile_link_arrow_right:before { content: ''; border-width: 6px; border-color: transparent transparent transparent red; border-style: solid; width: 0px; height:0px; position: absolute; }
.mobile_link_arrow_left:before { content: ''; border-width: 6px; border-color: transparent red transparent transparent; border-style: solid; width: 0px; height:0px; position: absolute; }
.mobile_link_arrow_down:before { content: ''; border-width: 6px; border-color: red transparent transparent transparent; border-style: solid; width: 0px; height:0px; position: absolute; }
.mobile_link_arrow_up:before { content: ''; border-width: 6px; border-color: transparent transparent red transparent; border-style: solid; width: 0px; height:0px; position: absolute; }

.mobile_shadow_overlap .mobile_shadow_inner { background-color: red; }
.mobile_overlay { background-color: gray; opacity: 0.5; filter: alpha(opacity=50); }

.mobile_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; }

.mobile_header_icon { box-sizing: border-box; border: 1px solid #c0c0c0; background-color: #f3f3f3; color: #333333; }
.mobile_header_icon:hover { background-color: #dbdbdb; }
.mobile_header_icon_hide:before { content: '\00AB'; }
.mobile_header_icon_show:before { content: '\00BB'; }

.mobile_row_new .mobile_rowheader_inner { cursor: text; background-position: 0px 5px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=); }
.mobile_row_new .mobile_rowheader_inner:hover { background: white; }
.mobile_rowheader textarea { padding: 3px; }
.mobile_rowheader_scroll { cursor: default; }

.mobile_shadow_forbidden .mobile_shadow_inner { background-color: red; }

.mobile_event_moving_source { opacity: 0.5; filter: alpha(opacity=50); }

.mobile_linkpoint { background-color: white; border: 1px solid gray; border-radius: 5px; }
.mobile_linkpoint.mobile_linkpoint_hover { background-color: black; }


@media (min-width: 601px) {
    .mobile_cell_header {
        text-align: right;
        padding-right: 2px;
        font-size: 1.6em;
        color: #aaa; 
        margin-top:.75vw
    }

    .mobile_event_inner, .mobile_alldayevent_inner {
        font-size:2em;
        height: 200px !important;
        overflow:no-display;
        display:block !important;
    }

    .mobile_alldayevent {
        line-height: 2em !important;
        overflow:no-display;
    }

    .mobile_main, .mobile_main td {
        font-size:1em;
    }
}

@media (max-width: 600px) {
    .mobile_cell_header {
        text-align: right;
        padding-right: 2px;
        font-size: 2em;
        color: #aaa;
        position: absolute;
        top: 10px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }
    .mobile_event_inner, .mobile_alldayevent_inner {
        font-size:2em;
    }

    .mobile_alldayevent {
        line-height: 2em;
        overflow:no-display;
    }

    .mobile_main, .mobile_main td {
        font-size:2em;
    }

}

.mobile_header_inner {
    text-align:center;
    font-size:1.5vw;
}

/* Styles for mobile calendar dropdown datepicker selects */
.dd-monthpick{
    margin-top:10px;
    font-size:1.4em;
}
select {
    height:40px;
    border-radius:6px
}
/* end */

