.GeneralScrollPage {
	overflow-y:scroll;
	overflow:scroll;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

#Container { 
	padding: 1px;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	width:100%;
	min-width:100px;
}

.TimetableDayContainer { 
	border-color: rgba(204, 204, 204, 1);
	border-width: 1px;
	border-style: solid;
}

.TimetableDayContainer > div { 
	min-width: 1px; 
	height:100%;
}

#TimetableItm { 
	overflow: hidden; 
}

#DataItemContainer{	
	background-color: rgba(228, 241, 250, 1);	    
    width: 75%;    
    float: left;
	padding-bottom: 100%;
    margin-bottom: -100%;
}

.StatusItemContainer{
	background-color: rgba(45, 164, 250, 1);
	color: rgba(255, 255, 255, 1);
    width: 25%;    
    float: left;
	padding-bottom: 100%;
    margin-bottom: -100%;
	height:100%;
	
}

.OffStatusItemContainer {
	background-color: rgba(48, 184, 35, 1);
	color: rgba(255, 255, 255, 1);
    width: 25%;    
    float: left;
	padding-bottom: 100%;
    margin-bottom: -100%;
}

.VacationCell {
	background-color: rgba(150, 197, 33, 0.3);
	color: rgba(0, 0, 0, 1); 
}
.VacationStatusItemContainer {
	background-color: rgba(48, 184, 35, 1);
	color: #ffffff;
    width: 25%;    
    float: left;
	padding-bottom: 100%;
    margin-bottom: -100%;
}

.DataItem{	
	padding: 5px;
	font-size: 0.9em;
}

.StatusItem{
	padding: 5px;
	font-size: 0.8em;	
	text-align:center;
	white-space: nowrap;

  overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
}


.PopupTimeTableBoxButton {	
	height:100%;
	min-height:21px;
	
	width: 100%;
	padding-right:3px;
	padding-left:3px;
	border-color:#d3d3d3;
	border-width:1px;
	border-style:solid;
}

.PopupTimeTableBoxButton:hover {
	background-color: rgba(192, 212, 232, 0.5);
	cursor: pointer;
}

.PopupTimeTableBoxButton a {
	color: #cfcfcf;
	text-decoration:none;
	font-weight:bolder;	
	font-family: Tahoma;
		
}

.PopupTimeTableBoxButton a:hover {		
	color: #808080;				
}




.PopupTimeTableButton {	
	height:100%;
	min-height:21px;
	text-align:center;	
	margin-top: 3px;
	width: 100%;	
}

.PopupTimeTableButton:hover {
	background-color: rgba(192, 212, 232, 0.5);
	cursor: pointer;
}

.PopupTimeTableButton a {
	color: #cfcfcf;
	text-decoration:none;
	font-weight:bolder;	
	font-family: Tahoma;
		
}

.PopupTimeTableButton a:hover {		
	color: #808080;				
}

.AddTimeTableButton {	
	height:100%;
	min-height: 21px;
	text-align:center;	
	margin-top: 3px;
}

.AddTimeTableButton:hover {
		background-color: rgba(228, 241, 250, 0.8);
}

.AddTimeTableButton a {
	color: #cfcfcf;
	text-decoration:none;
	font-weight:bolder;	
	font-family: Tahoma;
		
}

.AddTimeTableButton a:hover {		
	color: #808080;				
}

.timebox {
	border-color: rgba(204, 204, 204, 1);
	border-width: 1px;
	border-style: solid;		
	white-space: nowrap;	
	padding-left : 5px;
	padding-right: 5px;
	padding-top: 2px;
	margin-top: 2px;
	background-color: rgba(255, 255, 255, 1);
}

/*Grid*/
.BrowserSchGridViewStyle
{
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size:small;
    background-color: rgba(255, 255, 255, 1);
    border: solid 0px #d5d5d5;
    table-layout: auto;
    border-collapse: collapse;
	color: #000000;	
}


.SchGridContainer {
	min-width: 500px;
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position: relative;
	height: calc(100% - 110px);
	min-height: 500px;
	border: solid 1px #d5d5d5;
}

.SchGridContainerFreeHeight {
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 35px;
	border: solid 1px #d5d5d5;
	width: calc(100vw - 32px);
}

#SchGridScrollPage, .SchGridScrollPage {
	overflow-y:scroll;
	overflow-x:scroll;
	overflow:scroll;
	height: 565px;
	width: calc(100vw - 30px);
	
}

.BrowserSchRowStyle {
	background-color: rgba(255, 255, 255, 1);
	
}

/*RowStyles*/
.BrowserSchRowStyle td
{
    padding: 5px;
    border-right: solid 0px #e4e4e4;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	vertical-align:top;
}

/*Header styles*/
.BrowserSchGridViewStyle .BrowserHeaderStyle th
{
    background-image: url(images/gridhdr.jpg);
	background-size:contain;
    background-position:top;
    background-repeat:repeat-x;
    background-color: rgba(68, 68, 68, 1);
	height:25px;
}

.BrowserSchGridViewStyle .BrowserHeaderStyle th:hover
{
    background-image: url(images/gridhdrover.jpg);
	background-size:contain;
    background-position:top;
    background-repeat:repeat-x;
	height:25px;
}

.schDateHeader {
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 8pt;

	font-weight:bold;
}

.schResourceItemStyle {
	min-width:150px !important;
}
.schTimeBlockItemStyle {
	min-width:100px !important;
}