/* --------------------------------------------------------------------------- */
/*	WEEKLY GRID																   */
/* --------------------------------------------------------------------------- */

#WeeklyScheduleTable, tr #WeeklyScheduleTable, tr td #WeeklyScheduleTable
{
    width: 100%;
}

#scheduleTable
{
    background-color: white; 	
    width: 100%;
    height: 100%;
}

.tblRequestGrid, .tblScheduleGrid, .tblGrid
{
    border: 1px solid black;
    /*setting the table layout to fixed keeps the cells from growing with long names */
    table-layout: fixed;
}

.tblRequestGrid-display-none
{
    display:none;
}


td.colHead, td.colCorner, td.adminReqColHead, td.weeklyColHead, td.weeklyByEmpColHead
{
    background-color: #EAEAEA;  /*#D6D3D6;  /* Light Grey - no longer recognized so had to use Hex number */
    border-top: 1px solid black;	
    border-right:1px solid black;
    border-left:1px solid black;
    font-weight: bold;
    font-size: 9pt;
    text-align:center;
    color: #48494A;  /* dark gray */
}

td.adminReqColHead {
    width: 119px;
}

td.weeklyColHead
{
    width: 84px;
}

td.weeklyByEmpColHead
{
    width: 122px;
}

.rowHeaderTask
{
    background-color: #EAEAEA;  /*#D6D3D6;  /* Light Grey - no longer recognized so had to use Hex number */
    
    border-right:1px solid black;
    
    border-top: 0px;	
    
    font-weight: bold;
    font-size: 10pt;
    width: 70px;	
    text-align:center;
    color: #48494A;  /* dark gray */
}

.rowHeaderSkill
{
    background-color: #EAEAEA;  /*#D6D3D6;  /* Light Grey - no longer recognized so had to use Hex number */	
    border-right:1px solid black;
    border-top: 1px solid black;		
    font-weight: bold;
    font-size: 10pt;
    width: 35px;		
    text-align:center;
    color: #48494A;  /* dark gray */
}


/* ------------------------------------------------------- */
/* Admin and Employee, Schedule and Requests - Weekly grid */

/* Commom settings for the Header row cell of a Task coulmn */
td.colHeadTask
{
    background-color: #EAEAEA;  /*#D6D3D6;  /* Light Grey - no longer recognized so had to use Hex number */
    border-top: 1px solid black;	
    border-right:1px solid black;
    border-left:1px solid black;
    font-weight: bold;
    font-size: 9pt;

    /* Base width for Task row header is 70, + a 4 pixel left-side padding. See: 'td.rowHeadTask' */
    padding-left: 4px;
    width: 70px;
    
    text-align:center;
    color: #48494A;  /* dark gray */
}

/* Commom settings for the Header row cell of a Skill coulmn */
td.colHeadSkill
{
    background-color: #EAEAEA;  /*#D6D3D6;  /* Light Grey - no longer recognized so had to use Hex number */
    border-top: 1px solid black;	
    border-right:1px solid black;
    border-left:1px solid black;
    font-weight: bold;
    font-size: 9pt;

    /* Base width for Skill row header is 35, + a 4 pixel left-side padding. See: 'td.rowHeadSkill' */
    padding-left: 4px;
    width: 35px;
    
    text-align:center;
    color: #48494A;  /* dark gray */
}

/* Style changes in MacOSIE.css */
td.rowHeadTask
{
    background-color: #EAEAEA;	
    border-top: 1px solid Black;
    border-right:1px solid black;
    border-left:1px solid black;
    font-weight: bold;
    font-size: 9pt;			

    /* Note: The 'td.colHeadTask' Width setting (specified above) is based on these Width and Padding values. */
    padding-left: 5px;
    width: 70px;	

    color: #48494A;  /* gray */
    word-wrap: break-word;  /* Line break inside words like Skill does (BT58481, BCG, 13-May-13) */
    overflow:hidden;
}

/* Style changes in MacOSIE.css */
td.rowHeadSkill
{
    background-color: #EAEAEA;
    border-top: 1px solid Black;
    border-right:1px solid black;
    font-weight: bold;
    font-size: 9pt;				

    /* Note: The 'td.colHeadSkill' Width setting (specified above) is based on these Width and Padding values. */
    padding-left: 4px;
    width: 35px;	

    color: #48494A;  /* dark gray */
    word-wrap: break-word;
    overflow: hidden;
}
/* ------------------------------------------------------- */


.gridContainer
{
    /*	width:974px; BT11759 FREEZE DATE PANEL: DO NOT SET WIDTH! */
    
    height:300px;	
    /*width: 900px;*/
    overflow: auto;
    
    
}

div.dateRowContainer
{
    /*	width:974px; BT11759 FREEZE DATE PANEL: DO NOT SET WIDTH! */
    position:relative;
    top:0px;
    left: 0px;		
    /*width:550px;*/
    
}



table.tblDateRow 
{
    table-layout:fixed;
    /*width: 550px;*/
/*	width:949px; BT11759 FREEZE DATE PANEL: DO NOT SET WIDTH! */
}


/* Style changes in MacOSIE.css */
td.on
{
    border-top: 1px solid black;
    border-right:1px solid black;
    background-color: SkyBlue;
    cursor: hand;
    padding: 0px;
    vertical-align:top; /* BT19149, 19148, 19149 */
    WORD-WRAP:break-word; /* BT19149, 19148, 19149 */
}

/* Style changes in MacOSIE.css */
td.off
{
    border-top: 1px solid black;
    border-right:1px solid black;	
    cursor: hand;
    padding: 0px;
    color: black;
    background-color: white;	
    vertical-align:top; /*BT16928*/
    WORD-WRAP:break-word; /*BT17842*/
}

td.headerOff
{
	background-color: #EAEAEA;  /*#D6D3D6;  /* Light Grey - no longer recognized so had to use Hex number */
    border-top: 1px solid black;
    border-right:1px solid black;	    
    border-left:1px solid black;
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
    padding: 0px;
    color: #48494A;  /* dark gray */
    vertical-align:top; /*BT16928*/
    WORD-WRAP:break-word; /*BT17842*/ 
}
    
div.menuItemOn
{
    background-color: white;
    border-bottom: 1px solid SlateGray;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
div.menuItemOff
{
    background-color: #D6D3D6;
    border-bottom: 1px solid SlateGray;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

div.set
{
    background-color: White;
    padding: 2px;
    cursor: hand;
    font-weight: bold;
    font-size: 8pt;
    border-top: 1px solid SlateGray;
}
div.empty
{
    border: 0px;
    /*background-color: none;*/
}	

div.divNeeds
{
    background-color: Yellow;
    width: 100%;
    font-weight: bold;
    font-size: 7pt;
    text-align:center;
}

div.divRequestSlots
{
    /*background-color: White;*/
    width: 100%;
    font-weight: bold;
    font-size: 7pt;
    text-align: center;
}

/* --------------------------------------------------------------------------- */
/*	Weekly GRID - Employee  												   */
/* --------------------------------------------------------------------------- */

TD.rowHead 
{ 
    BORDER-RIGHT: black 1px solid; 
    BORDER-LEFT: black 1px solid; 
    PADDING-RIGHT: 4px; 
    BORDER-TOP: black 1px solid; 
    PADDING-LEFT: 4px; 
    FONT-WEIGHT: bold; 
    PADDING-BOTTOM: 4px; 
    WIDTH: 90px; 
    COLOR: black; 
    PADDING-TOP: 4px; 
    BACKGROUND-COLOR: lightgrey;
    WORD-WRAP:break-word; /*BT17842*/
}

TD.colHeadEmp 
{ 
    BORDER-RIGHT: black 1px solid; 
    BORDER-LEFT: black 1px solid; 
    PADDING-RIGHT: 4px; 
    BORDER-TOP: black 1px solid; 
    PADDING-LEFT: 4px; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 10pt; 
    PADDING-BOTTOM: 4px; 
    WIDTH: 130px; 
    COLOR: black; 
    PADDING-TOP: 4px; 
    BACKGROUND-COLOR: lightgrey;
} 


/* --------------------------------------------------------------------------- */
/*	MONTHLY GRID - Sched Items												   */
/* --------------------------------------------------------------------------- */

/* The monthly calendar grid does not respond to CSS, unless specified with 'CssClass' property.  Please see the skin file. */

.schedNonFloat { FONT-SIZE: xx-small; COLOR: black }
.schedFloatOut { FONT-SIZE: xx-small; COLOR: green }
.schedFloatIn { FONT-SIZE: xx-small; COLOR: red }

.ScheduleHeader
{
    width: 97%;
    background: #8FA9B9;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    margin-left: 1%; 
}

.ScheduleBody
{
    border: black 1px solid;
    overflow-y: scroll;
    width: 97%;
    height: 400px;	
    margin-left: 1%; 
}

.ScheduleHeaderColumns
{
    font: bold;
    color: White;
    font-size: 8pt;
    text-align: left;
}

/* MonthlyScheduleGrid class added to address BT 19172 (BCG, 08-Jul-08) */
.MonthlyScheduleGrid
{
    /* Setting the table layout to fixed keeps the cells from growing with long names */
    table-layout: fixed;
    /* Set wrap policies to prevent overlapping adjacent elements */
    /*white-space: pre-wrap;      /* CSS 2.1+ */
    word-wrap: break-word;      /* Internet Explorer 5.5+ */
    border-collapse:separate!important;
}

/* ---------------------------------------------------------------------------	*/
/*	Patient Finder - Demand Items												*/
/* ---------------------------------------------------------------------------	*/

.PatientFinderHeader
{
    width: 97%;
    background: #C3D2E9;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid; 
}

.PatientFinderHeaderColumns
{
    font-weight: bold;
    color: Black;
    font-size: 8pt;
    text-align: left;
}



.PatientFinderEventsBody
{
    border: black 1px solid;
    overflow-y: scroll;
    width: 97%;
    height: 220px;	
}





/* --------------------------------------------------------------------------- */
/*	Account Maintenance grid styles											   */
/* --------------------------------------------------------------------------- */

.AccountMaintBody
{
    background-color: white;
    font-size: 8pt;
    text-align: left;
    vertical-align: middle;
    min-width: 1000px;
}

.AccountMaintFooter
{
    background-color: white;
    color: black;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    width: 95%;
}

/* --------------------------------------------------------------------------- */
/*	Daily Schedule CSS. 
    CVIA-15266 : Browser compatibility for Clairvia Web My Schedule Daily Schedule. */
/* --------------------------------------------------------------------------- */

.GridCellContent {
    word-wrap: normal;
    word-break: normal;
    white-space: normal;
}

.DataGrid {
    width: 98%;
}

.TblScheduleHeader {
    background: #8FA9B9;
    width: 98%;
}



/**
 * This code hack targets the Webkit browser engine
 * which includes Edge, Safari, Windows Chrome, Mac Chrome.
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ScheduleHeader {
        overflow-y: scroll;        
    }

    .GridCellContent {
        word-wrap: normal;
        word-break: normal;
        white-space: normal;
    }

    .ScheduleHeader::-webkit-scrollbar {
        width: 20px;
    }
}