/* Pager */
.pager
{
    margin: 8px 3px;
    padding: 3px;
}

.pager .disabled
{
    border: 1px solid #ddd;
    color: #999;
    margin-top: 4px;
    padding: 3px;
    text-align: center;
}

.pager .current
{
    background-color: #fff0f2;
    border: 1px solid #f67c1b;
    color: #f67c1b;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px 5px;
    text-align: center;
}

.pager span, .pager a
{
    margin: 4px 3px;
}

.pager a
{
    border: 1px solid #c0c0c0;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    color: #265467;
}
.itemCount
{
    float: right;
    text-align: right;
    vertical-align: top;
}


/* RainbowGrid */
.rainbowGridContainer
{
    display: block;
    clear: both;
}

/* selectPageSize */
.selectPageSize
{
    text-align: right;
    float:right;
}
.selectPageSize label
{
    font-weight: bold;
    color: black;
}
.selectPageSize select
{
    width: auto;
	margin-left: 5px;
}
.selectPageSize input[type=button], .pager .selectPageSize input[type=submit]
{
    margin-left: 6px;
}

/* SelectColumns */
.selectColumns fieldset input, .selectColumns fieldset label
{
    display: inline;
}
.selectColumns label
{
    margin: 0px 10px 0px 1px;
}

/* Rainbow Table */
.rainbowGrid table
{
    border: solid 1px #ffe6e9;
    vertical-align: top! important;
    width: 100%;
}
.rainbowGrid table th
{
    margin: 0px;
    padding: 0px;
    vertical-align: top! important;
	text-align: center! important;
    border-bottom-width: 2px;
}
.rainbowGrid table thead th
{
   height:100%! important;
}



th.Sortable, th.SortedAscending, th.SortedDescending
{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center top;
    vertical-align: top! important;
	text-align: center! important;
}
.rainbowGrid th.Unsortable
{
    padding-top: 10px;
     color: #2f4c66;
}

.rainbowGrid th.Sortable:hover, .rainbowGrid th.SortedAscending:hover, .rainbowGrid th.SortedDescending:hover
{
    background-color: Transparent;
}

.rainbowGrid th a
{
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    color: #2f4c66;
}
.unsortableHeightFix th
{
    height: 100%;
}
.rainbowGrid.manual table th
{
    padding: 12px 10px 8px 10px;
}
.rainbowGrid.manual table
{
    margin-top: 16px;
}
.rainbowGrid table tr
{
    border-left: solid 1px Black;
    border-right: solid 1px Black;
}
.rainbowGrid tr.filterRow span.dateFromTo input,.rainbowGrid span.dateFromTo label 
{
    display:block;
}
.rainbowGrid tr.filterRow
{
    vertical-align:top;
}
.rainbowGrid tr.filterRow input
{
    vertical-align:top;
    width:95%;
}

.rainbowGrid tr.filterRow span.dateFromTo input
{
    width:70px;
}
.rainbowGrid tr.filterRow select
{
    width:95%;
}

.rainbowGrid .example
{
	color: #666;
}

/* just added by Emilia on 14/08/2012 from the old Site.css 
they will have to be moved in some other place
----------------------------------------------------------*/

/* rainbowtableform 
----------------------------------------------------------*/

.RainbowTableForm
{
	width: 100%;
}
.RainbowTableForm td.label
{
	width: 28%;
}

.RainbowTableForm, .RainbowTableForm tr, .RainbowTableForm td
{
	border: 0px;
}
.RainbowTableForm td.label
{
	text-align: right;
	font-weight: bold;
	font-size: 1.0em;
	vertical-align: top;
	padding-top: 7px;
}
.RainbowTableForm span.errorMessage
{
	color: Red;
	margin-left: 10px;
	font-weight: bold;
	margin-right: 30px;
}

.RainbowTableForm input
{
}
.inputNew
{
	width: 404px;
}
.RainbowTableForm select
{
	width: 409px;
}
.RainbowTableForm .required
{
	font-size: 1em;
	font-weight: 100;
}
.RainbowTableForm td.error input, .RainbowTableForm td.error select
{
	background-color: #FFDDDD!important;
	border: solid 1px #FF0000;
}

#Employees
{
    margin-top:10px;
}

/* TABLE for admin and employers pages
----------------------------------------------------------*/

 .rainbowTable
{
	display: block;
	clear: both;
}

.rainbowTable td
{
	padding: 5px;
}

.rainbowGrid td
{
	padding: 5px;
}
th
{
    background:url(images/tablebg.png) repeat-x !important;
	padding:5px !important;
	text-align: left;
	height:100% !important;
	background-color: #dededf !important;
	color: black;
	vertical-align:middle !important;
}
.rainbowTable tr
{

}

.rainbowTable select
{
    background-color:#edebed;
    border:1px solid #e2e2e2;
    line-height:15px;
    font-size:11px;
    height:31px;
    color:black;
    padding:6px 3px 6px 3px;
    vertical-align:middle;
}

.rainbowTable input[type="text"]
{
    background-color:#edebed;
    border:1px solid #e2e2e2;
    line-height:15px;
    font-size:11px;
    height:20px;
    color:black;
    padding:3px;
    vertical-align:middle;
}

.rainbowTable td a
{
    color:#2f4c66;
    text-decoration:none;
}

.rainbowTable td a:hover
{
    color:#CA1863;
}

.ClearFilter
{
	float:left;
    padding:5px;
	text-decoration:none;
    color:#646464;
    font-weight:bold;
	display:inline-block;
}

.ClearFilterDiv
{
	float:left;
	margin: 10px 0 5px 0;
	padding:0px;
	clear: none;
	display:block;
	color:#565656;
	cursor:pointer;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	background-color:#f5f5f5;
  }

.ClearFilter:hover
{
    background-color:#dff4ff;
	color:#336699;
}

#excelExportDiv
{
	/*margin-top: 20px;*/
}

/* just added by Emilia on 14/08/2012 from the old Site.css 
they will have to be moved in some other place
----------------------------------------------------------*/


/*
 * modifications to better show that employee is clickable in overvieuw employees
 * ----- 21/03/2023 -----
 */
 
 
 /* OLD  - only button ...*/
 
.rainbowGrid td:nth-child(1) a{  
/*border: solid black 1px;*/
border-radius: 3px;
background-color: #CA1863;
color: white;
padding: 5px;
}
.rainbowGrid td:nth-child(1) a:hover{  
	background-color: #53103d;
	color: white;
}
.rainbowGrid td:nth-child(7) a{  
	font-weight: bold;
	border: solid black 1px;
	border-radius: 15px;
	background-color: #B5B927;
	color: white;
	padding: 5px;
	line-height: 20px;
}
.rainbowGrid td:nth-child(7) a:hover{  
	font-weight: bold;
	border: solid black 1px;
	border-radius: 15px;
	background-color: #2F4C66;
	color: #B5B927;
	padding: 5px;
}
.rainbowGrid td:nth-child(8) a{  
	font-weight: bold;
	border: solid black 1px;
	border-radius: 15px;
	background-color: #CA1863;
	color: white;
	padding: 5px;
	line-height: 20px;
}
.rainbowGrid td:nth-child(8) a:hover{  
	font-weight: bold;
	border: solid black 1px;
	border-radius: 15px;
	background-color: #53103d;
	color: white;
	padding: 5px;
}



.rainbowGrid tbody tr:hover td{  
	/*font-weight: bold;*/
	background-color: #EB5E57 ;
	color: #2F4C66;
	cursor: pointer;
}