/* CSS for Whitehorn Intelligent Rostering 

	Version:
	Date:

*/

/* Temporary
groen
background-color: #dff0d8;
background-color: #F3FAF1;

*/

/* GLOBAL */




body {
	background: #f9f9f9;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Helpers */

/* Typography */


/* LAYOUT   
----------------------------------------------------------*/


.container {
	width: 1280px !important; /* Bootstrap disable responsiveness */
	padding: 0 0 0px 0;
	background: #fff;
}

.header {
	background: #474747;
	height: 40px;
	padding: 11px 16px 10px 16px;
	position: relative;
	
}

.content {
	padding: 20px 0px 0px 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #EDEDED;
	
}

.footer {
	border: 1px solid #ccc;
	border-top: none;
	height: 80px;
}
.subfooter {
	padding: 12px 16px 50px 16px;
	background: #f9f9f9;
}

/* HEADER   
----------------------------------------------------------*/

.header h1, .header h2, .header h3 {margin: 0; line-heigh:1.2em;}
.header {background:#474747;}
.header h1 {font-size:15px; color:#ccc; text-transform: uppercase; font-weight: bold; margin:0 15px 6px 0; float: left;}
.header h2 {font-size:12px; color:#999; float: left; margin:3px 10px 6px 0; margin-left:5px;margin-top :5px; }

.whitethornbranding {float: right; margin: 4px 0 0 0; text-align: right;}
.whitethornbranding h2 {font-size:10px; color:#999; text-transform: uppercase; float: right; margin:0px 5px 0px 0; }
.whitethornbranding h3 {font-size:10px; color:#777;text-transform: uppercase;float: right; }

.header .nav {/*position: absolute; bottom: -1px; left: 100px;*/ /*margin-top:-7px; */ margin-top:-8px; display: block; float: left;  border: none;}
.header .nav .dropdown-menu {font-size: 12px; border: 1px solid #ccc; border-top: none; margin-top: 1px;}
.header .nav li a.dropdown-toggle  {color: #428bca; /*font-size:10px; text-transform: uppercase;*/font-size:12px; border: none;}
.header .nav li.open a.dropdown-toggle {background: none; border: none; color:#ddd; } 
.header .nav li.open a.dropdown-toggle:hover, .header .nav li a.dropdown-toggle:hover {background: none; color:#ddd; }

.header .nav li.open a.dropdown-toggle:focus, .header .nav li a.dropdown-toggle:focus {background: none; color:#ddd; }
.header .nav .dropdown-menu > li > a {padding: 3px 15px; outline: none; }

.header .nav .caret {
	border-top-color: #428bca;
	border-bottom-color: #428bca;
}

.header .nav a:hover .caret, .header .nav li.open a .caret, .header .nav li a:focus .caret, .header .nav li a:active.caret {
	border-top-color: #ddd;
	border-bottom-color: #ddd;
}


/* CONTENT   
----------------------------------------------------------*/

table.imagetable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.imagetable th {
	background:#b5cfd2 url('Images/cell-blue.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}
table.imagetable td {
	background:#dcddc0 url('Images/cell-grey.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}


/*general table styles*/

table {
	table-layout: fixed;
	font-size: 13px;
	/*background: #fff;*/
	empty-cells: show;
	line-height: 1.3em;
}

td, th {
	text-align: center;
}

table td, table th {
	border-bottom: 1px solid #ddd;
	padding: 8px 0px 8px 0px;
	border-left: 1px solid #ddd;
	vertical-align: baseline;
}


/* Selection */

.selection {width: 1238px; padding-bottom: 15px; height:66px;}
.selection form {margin-left: 15px; display: block; overflow: hidden;}
.selection .col-md-3 {float: left; display: block;  margin:0 20px 0 0; padding: 0;}
.selection form .input-group {width: 100%;}
.selection form select, .selection form select option {outline: none;}
.selection .input-group-addon.glyphicon {top: 0;}
.selection h2 {font-size:12px; text-transform: uppercase; margin: 0 0 10px 15px; line-height:1.2em;}
.selection label {font-size:12px; text-transform: uppercase; margin: 0 0 10px 8px; line-height:1.2em;}


/* Menu */

.menu-container {width: 1248px;}
.menu-container .menu-weekdays {width: 840px; float:left; }
.menu-container .menu-weekdays li.first {margin-left:10px; margin-right: 10px;}

.menu-container .menu-secondary { width: 400px;float:left;}
.menu-container .menu-secondary > li { float: right;}

.menu-container .nav-tabs{
    border-bottom: 1px solid #ccc;
}
.menu-container .nav-tabs > li > a {border: 1px solid #ccc; border-bottom-color: #ccc; background:#F7F7F7; /*padding: 7px 14px;*/ padding: 9px 14px 7px 14px; font-size: 11px; margin-right:6px; text-transform: uppercase;}
.menu-container .nav-tabs > li.active > a {border-color: #ccc;  border-bottom-color: #FFF; background:#fff; font-weight: bold;}
.menu-container .nav-tabs > li > a:hover, .menu-container .nav-tabs > li > a:focus {border-color: #ccc;  border-bottom-color: #FFF; background:#fff; outline:none;}
.menu-container .nav-tabs > li.dropdown > a:focus {border-color: #ccc;  border-bottom-color: #FFF; background:#fff; outline:none;}

.menu-container .dropdown-menu {border: 1px solid #ccc;}

.menu-container .dropdown-menu > li > a {padding: 3px 15px; font-size: 13px; outline: none;}

.menu-container .align-right  {margin-right: 14px;}
.menu-container .align-right > .dropdown-menu {left: auto; right:6px;}


/* Form Tabs */

.formtabs-container {width: 1248px;}
.formtabs-container .menu-weekdays {width: 840px; float:left; }
.formtabs-container .menu-weekdays li.first {margin-left:10px; margin-right: 10px;}

.formtabs-container .menu-secondary { width: 400px;float:left;}
.formtabs-container .menu-secondary > li { float: right;}

.formtabs-container .nav-tabs{
    border-bottom:0px;
}
.formtabs-container .nav-tabs > li > a {border: 1px solid #ccc; border-bottom-color: #ccc; background:#F7F7F7; /*padding: 7px 14px;*/ padding: 9px 14px 7px 14px; font-size: 11px; margin-right:6px; text-transform: uppercase;}
.formtabs-container .nav-tabs > li.active > a {border-color: #ccc;  border-bottom-color: #FFF; background:#fff; font-weight: bold;}
.formtabs-container .nav-tabs > li > a:hover, .formtabs-container .nav-tabs > li > a:focus {border-color: #ccc;  border-bottom-color: #FFF; background:#fff; outline:none;}
.formtabs-container .nav-tabs > li.dropdown > a:focus {border-color: #ccc;  border-bottom-color: #FFF; background:#fff; outline:none;}

.formtabs-container .dropdown-menu {border: 1px solid #ccc;}

.formtabs-container .dropdown-menu > li > a {padding: 3px 15px; font-size: 13px; outline: none;}

.formtabs-container .align-right  {margin-right: 14px;}
.formtabs-container .align-right > .dropdown-menu {left: auto; right:6px;}



/* weekblock general */

.weekblock table > tbody > tr:nth-child(odd) {
	background-color: #f6f6f6;
}
.weekblock table table > tbody > tr:nth-child(odd) {
	background-color: transparent;
}

.weekblock table tr td.today, .weekblock table tr th.today {
	background-color: #EBF5E6;
	
}

.weekblock { padding-top:20px; clear: left; background:#fff;}


/* Heading */

.weekblock h2 { margin: 0px 0 0px 15px;  font-size:18px; line-height:1.2em;color:#333; }
.weekblock h2 span { text-transform: uppercase; font-size:18px;color:#666; width:213px; display: block; float: left;}
.weekblock h3 { margin: 0px 0 5px 20px; font-size: 18px; line-height:1.2em; color:#999;}


/* Week summary table */

.weekblock-summary-ratio {overflow: hidden; padding-top:20px; clear: left;}

.weekblock-options {width: 199px; float: left;  }
.weekblock-options ul{ list-style-type: none; margin: 0 0 0 15px; padding: 0 0 0 0;}
.weekblock-options li {margin: 0 0 0 0; padding: 0 0 0 0; line-height: 1em;}
.weekblock-options a { font-size: 11px;}

.weekblock-summary {
	width: 806px;
	float: left;
	margin: 0 0 0 0px;
}
	
.weekblock-summary table {
	width: 100%;
	
}
	
.weekblock-summary table td, .weekblock-summary table th {
	width: 97px;
}

.weekblock-summary table th {
	border-top: 1px solid #ddd;
	
}
.weekblock-summary table td.summary-units, .weekblock-summary table th.summary-units {
	width: 30px;
	border-left: none;
	border-bottom: none;
	border-top: none;
}

.weekblock-summary table td.summary-units, .weekblock-summary table th.summary-units {background:#fff !important;}

.weekblock-summary table tr.summary-bottom td {
	border-bottom: none;
	border-left: none;
}


.weekblock-summary table .summary-total {
	border-left: 2px solid #ddd;
	border-right: 1px solid #ddd;
	font-weight: bold;
}

	
/* Week summary ratio table */

	
	
.weekblock-ratio {
	width: 233px;
	float: right;
	margin: 0 0 0px 0;
	
	}
.weekblock-ratio table {
	width: 194px;
	float: right;
	margin-right: 15px;	
	border-right: 1px solid #ddd;
	
	}
	
.weekblock-ratio table th {
	border-left: none;
	
}
.weekblock-ratio table th.empty {
	background:#fff !important;
	
}	
.weekblock-ratio table th.ratio-header {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: center;
	padding-right:0px;
	
}
.weekblock-ratio table td, .weekblock-ratio table th {
	width: 97px;
	font-weight: bold;
	text-align: right;
	padding-right:8px;
}
.weekblock-ratio table .ratio-average {
	font-weight: normal;
	text-align: center;
	padding-left:0px;
	
}
.weekblock-ratio table .ratio-thisweek {
	color: #77b359;
	text-align: center;
	padding-left:0px;
}


/* Week table */

.weekblock-roster { margin-top:15px;}

/* Tables general */
/* total width 1208 met 15px padding*/
/* total width 1238 met 0px padding*/

.weekblock-roster table {
	width: 1238px;
}

.weekblock-roster table td table {
	background: transparent;
}



.weekblock-roster table .name {
	width: 132px;
	padding-left: 8px;
	border-left: none;
	text-align: left;
}

.weekblock-roster table .area {
	text-align: left;
	width: 97px;
	padding-left: 8px;
	border-left: none;
}

.weekblock-roster table .hours {
	width: 97px;
}
.weekblock-roster table td.hours {
	text-align: left;
}

.weekblock-roster table .wkfirst{
	border-left: 2px solid #ddd;
}

.weekblock-roster table th {
	border-top: 1px solid #ddd;
}

.weekblock-roster table td.unavailable {
	background-image:url('../../Images/redcross.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
   

}

.printroster td.unavailable {
	background-image:url('../../Images/redcross.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
   

}

.weekblock-roster table td.multiple {
	border-bottom: none;
	padding: 0px 0px;
	border-left: none;
	background: transparent;
}

.weekblock-roster table td.multiple td {
	
}

.weekblock-roster table th, .weekblock-roster table .name, .weekblock-roster table td.wklast {
	font-weight: bold;
}

    .weekblock-roster table .subheader {
        color: grey;
        font-weight:200;
        height:12px;
    }

.weekblock-roster table .name select {
	width: 124px;
}

.weekblock-roster table .area select {
	width: 81px;
}

.weekblock-roster table .area select option {
	width: auto;
}

.weekblock-roster table td p {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

.weekblock-roster table select {
	display: none;
}

.weekblock-roster table tr.active select {
	display: inline;
}

.weekblock-roster table tr.active p {
	display: none;
}

.weekblock-roster table td input {
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0;
	margin: 0;
	color: #333;
	width: 40px;
	padding: 1px 2px;
	display: inline;
	font-weight: normal;
	text-align: left;
	line-height: 1em;
	cursor: pointer;
	outline: none;
	margin-left: 6px;
	margin-right: -2px;
}

.weekblock-roster table td input.emptyfield {
	background-color: #ffffff;
	border: 1px solid #ddd;
}
.weekblock-roster table tr.odd td input.emptyfield {
	background-color: #f9f9f9;
}


.weekblock-roster table tr td.today input.emptyfield {
	background-color: #F9FCF8;
	border: 1px solid #ddd;
}

.weekblock-roster table tr:hover td input.emptyfield {
	background-color: #EEF4FA;
	border: 1px solid #ddd;
}

.weekblock-roster table tr.active td input.emptyfield {
	background-color: #fff;
	border: 1px solid #ddd;
}



.weekblock-roster table td.hours span {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.4em;
	margin: 3px 0px 0 5px;
}

.weekblock-roster table td.hours span input {
	width: 33px;
	margin-right: 1px;
	margin-left: 1px;
	padding: 1px 1px;
}

.weekblock-roster table td a {
	/*display: none;*/
	/*outline: none;*/
}

/* on hover of row */


.weekblock-roster table tr:hover td {
	background-color: #DDEAF5;
	cursor: pointer;
}

.weekblock-roster table tr:hover td input {
	border: 1px solid #DDEAF5;
}



.weekblock-roster table td.hours span {
	display: none;
}

.weekblock-roster table tr:hover td.hours span, .weekblock-roster table tr.active td.hours span {
	display: block;
}



/* onclick of row */


.weekblock-roster table tr.active td {
	background-color: #F8EDCB;
}

.weekblock-roster table tr.active td.name {padding-bottom: 12px;}

.weekblock-roster table tr.active td a.rowoptions {
	display: block;
	float: right;
	margin: 4px 10px -5px 0;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	line-hight: 1em;
}

.weekblock-roster table tr.active td a.rowoptions row:hover {
	text-decoration: underline;
}

.weekblock-roster table tr.active td input {
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: text;
	outline: inherit;
	color: #000;
}

.weekblock-roster table tr.active td input:focus {
	background-color: #fff;
	border: 1px solid #c09853;
	cursor: text;
	outline: none;
}


.chartblock { 
	padding-top:20px; 
	padding-bottom:0px; 
	clear: left; 
	background:#fff; 
	overflow: hidden;
	display: block;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;}
	
.chartblock ul.nav {
	margin: 20px 0 0 15px;

}

.chartblock #daychart {width: 1800px; height:250px; margin: 25px 0 0 0px;}


.chartblock h2 {float:left;}

.dayblock-options {display: block; float: left;  }
.dayblock-options ul{ list-style-type: none; margin: 4px 0 0 30px; padding: 0 0 0 0;}
.dayblock-options li {margin: 0 15px 0 0; padding: 0 0 0 0; line-height: 1em; float: left;}
.dayblock-options a { font-size: 11px;}

.dayblock-options.alignright {float: right; margin-right: 10px;}

#daychart { display: none; float: left; clear: left;}
.dayblock-options a.showhidechart { display: none;}


/* Day table */

.dayblock { 
	padding-top:15px; 
	clear: left; 
	background:#fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}


/*.dayblock-options {width: 199px; float: left; margin-top: 20px;  }
.dayblock-options ul{ list-style-type: none; margin: 0 0 0 15px; padding: 0 0 0 0;}
.dayblock-options li {margin: 0 0 0 0; padding: 0 0 0 0; line-height: 1em;}
.dayblock-options a { font-size: 11px;}*/


.dayblock table > tbody > tr:nth-child(odd) {
	background-color: #f6f6f6;
}

.dayblock table tr td.today, .dayblock table tr th.today {
	background-color: #EBF5E6;
	
}


/* Heading */

.dayblock h2, .chartblock h2 { margin: 0px 0 0px 15px;  font-size:18px; line-height:1.2em;color:#333; float: left; }
.dayblock h2 span, .chartblock h2 span { text-transform: uppercase; font-size:18px;color:#666; padding-left:15px;}
.dayblock h3, .chartblock h3 { margin: 0px 0 5px 20px; font-size: 18px; line-height:1.2em; color:#999;}

.dayblock h2 span.compared, .chartblock h2 span.compared { text-transform:  inherit; font-size:15px;color:#666; padding-left:15px; display: none;}

.dayblock .dayblock-daytable {overflow: hidden; padding-top: 0px; clear:left;}


.dayblock-daytable table {width: 1238px; }

.dayblock-daytable table td {}


.dayblock-daytable table th  {
	border-top: 1px solid #ddd;
	
}

.dayblock-daytable table th div.hourlabels {
	display: block;
	background-color: #f6f6f6;
	position: relative;
	top:1px;
		
}

.dayblock-daytable table th div.hourlabels div {
	display: block;
	float: left;
	background-color: #f6f6f6;
	position: relative;
	text-align: center;
	width:100%;
}

.dayblock-daytable table th div.hourlabels:after {/* clear without overflow hidden*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 

.dayblock-daytable table th, .dayblock-daytable table td.name, .dayblock-daytable table td.wklast {
	font-weight: bold;
	
	}
	
.dayblock-daytable table .name {
	width: 121px;
	padding-left: 8px;
	padding-right: 8px;
	border-left: none;
	text-align: left;
	line-height:1.3em;
	
	
}
.dayblock-daytable table td.daydetail {
	width: 790px;
	width: 787px;
	border-left: none;
	padding: 0;
	text-align:left;
	vertical-align: top;
	}

	
.dayblock-daytable table td .daydetail-inner {
	position: relative;
	padding: 8px 0;
	display: block;
	
	}

.dayblock-daytable table td .unavailable {
	background-image:url('../../Images/redcross.png');
    background-repeat:no-repeat;
    background-size:100% 100%;

	}
	
.dayblock-daytable table th.daydetail {
	width: 790px;
	width: 787px;
	border-left: none;
	padding: 8px 0px 8px 0;
	text-align:left;
	font-weight: normal;
	
	
	}
	
.dayblock-daytable table th.name {
	
	padding-top:8px;
	padding-bottom:8px;
	
	
	}
	
.dayblock-daytable table th.name a.addemployee {
	
	/* als class glyphicon
	
	display: block;
	width:8px;
	height:8px;
	float: right;
	position: relative;
	z-index: 1000;
	margin: 1px 10px 0 0;*/

	position: relative;
	z-index: 1000;
	display: block;
	float: right;
	margin: 3px 5px -5px 0;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	line-height: 1em;
}
.dayblock-daytable table th.name a.addemployee:hover {
		text-decoration: underline;
}	
	
	

	
body.day24 .dayblock-daytable table .name {
	width: 121px;
}

body.day24 .dayblock-daytable table .daydetail {
	width: 787px;
}

body.day23 .dayblock-daytable table .name {
	width: 121px;
}

body.day23 .dayblock-daytable table .daydetail {
	width: 787px;
}

body.day22 .dayblock-daytable table .name {
	width: 121px;
}

body.day22 .dayblock-daytable table .daydetail {
	width: 787px;
}

body.day21 .dayblock-daytable table .name {
	width: 131px;
}

body.day21 .dayblock-daytable table .daydetail {
	width: 777px;
}

body.day20 .dayblock-daytable table .name {
	width: 131px;
}

body.day20 .dayblock-daytable table .daydetail {
	width: 777px;
}

body.day19 .dayblock-daytable table .name {
	width: 125px;
}

body.day19 .dayblock-daytable table .daydetail {
	width: 783px;
}

body.day18 .dayblock-daytable table .name {
	width: 125px;
}

body.day18 .dayblock-daytable table .daydetail {
	width: 783px;
}

body.day17 .dayblock-daytable table .name {
	width: 146px;
}

body.day17 .dayblock-daytable table .daydetail {
	width: 762px;
}	

body.day16 .dayblock-daytable table .name {
	width: 125px;
}

body.day16 .dayblock-daytable table .daydetail {
	width: 783px;
}

body.day15 .dayblock-daytable table .name {
	width: 125px;
}

body.day15 .dayblock-daytable table .daydetail {
	width: 783px;
}
	
body.day14 .dayblock-daytable table .name {
	width: 164px;
}

body.day14 .dayblock-daytable table .daydetail {
	width: 744px;
}	

body.day13 .dayblock-daytable table .name {
	width: 163px;
}

body.day13 .dayblock-daytable table .daydetail {
	width: 745px;
}
body.day12 .dayblock-daytable table .name {
	width: 121px;
}

body.day12 .dayblock-daytable table .daydetail {
	width: 787px;
}	
body.day11 .dayblock-daytable table .name {
	width: 140px;
}

body.day11 .dayblock-daytable table .daydetail {
	width: 768px;
}
body.day10 .dayblock-daytable table .name {
	width: 126px;
}

body.day10 .dayblock-daytable table .daydetail {
	width: 782px;
}	
	
.dayblock-daytable table .wkhours {
	
	padding-top: 8px;
}	
	
.dayblock-daytable table .wkfirst {
	
	border-left: 2px solid #ddd;
}

.timeslot {
	position:absolute;
	top: 7px;
	left: 0;
	display: block;
	overflow:hidden;
	background-color: #823082;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	font-size: 10px;
	line-height: 20px;
	margin-right: 0px;
	height:20px;
}
.timeslot.timeslot-last {
	margin-right: 0px;
	
}

.timeslot.color1 {background:#939;}
.timeslot.color2 {background:#096;}
.timeslot.color3 {background:#F60;}
.timeslot.color4 {background:#09C;}
.timeslot.color5 {background:#C93;}
.timeslot.color6 {background:#66C;}
.timeslot.color7 {background:#0C0;}
.timeslot.color8 {background:#F69;}
.timeslot.color9 {background:#969;}

.dayarea {
	display: block;
	margin-left: 4px;
}
 
.break5, .break10, .break15, .break20, .break25, .break30, .break35, .break40, .break45, .break50, .break55, .break60,
.break65, .break70, .break75, .break80, .break85, .break90
 {
	position: absolute;
	display: block;
	z-index: 1;
	top: 6px;
	height: 8px;
	background-color: #fff;
}


/* on hover of row */


.dayblock-daytable table tr:hover td {
	background-color: #DDEAF5;
	cursor: pointer;
}

.dayblock-daytable table tr:hover td input {
	border: 1px solid #DDEAF5;
}

/* onclick of row */

.dayblock-daytable .dayset {
	display: none;
	clear: both;
	/*margin-top: 10px;*/
	position: relative;
	overflow: hidden;
	margin-top: 24px;
	
	
	
}
.dayblock-daytable table tr.active .dayset {display: block; }


.dayblock-daytable .daysetfloorbreak {
	float: left;
	display: block;
	overflow: hidden;
	background-color: #f8edcb;
	padding: 2px 3px 0px 2px;
	clear: left;
	
}

.dayblock-daytable .daysetfloorbreak span {
	font-weight: bold;
}

.dayblock-daytable table tr.active td {
	background-color: #F8EDCB;
}

.dayblock-daytable table td a {
	display: none;
	outline: none;
}

.dayblock-daytable table tr.active td.name {padding-bottom: 12px;}



.dayblock-daytable table tr.active td a.rowoptions {
	display: block;
	float: right;
	margin: 4px 10px 0px 0;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	line-height: 1em;
}

.dayblock-daytable table tr.active td a.rowoptions row:hover {
	text-decoration: underline;
}
.dayblock-daytable table tr.active td a.rowoptions.temphide {
	display: none;

}

.dayblock-daytable .dayset select {
	width: 75px;
	margin: 0 0 0 0;
	position: relative;
	top: -1px;
	
	
}
.dayblock-daytable table td p {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}


.dayblock-daytable table select {
	display: none;
}
.dayblock-daytable table td.name select {
	width:105px;
}

.weekblock-roster table td p {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}


.dayblock-daytable table tr.active select {
	display: block;
	float: left;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
}

.dayblock-daytable table tr.active p {
	display: none;
}

.dayblock-daytable table tr.active td input {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	width: 40px;
	padding: 1px 2px;
	display: inline;
	font-weight: normal;
	text-align: left;
	line-height: 1em;
	cursor: pointer;
	outline: none;
	margin:1px 4px 2px 0px;
	font-weight: normal;
	float: left;
}


.dayblock-daytable table td input.emptyfield {
	background-color: #ffffff;
	border: 1px solid #ddd;
}
.dayblock-daytable table tr.odd td input.emptyfield {
	background-color: #f9f9f9;
}


.dayblock-daytable table tr td.today input.emptyfield {
	background-color: #F9FCF8;
	border: 1px solid #ddd;
}

.dayblock-daytable table tr:hover td input.emptyfield {
	background-color: #EEF4FA;
	border: 1px solid #ddd;
}

.dayblock-daytable table tr.active td input.emptyfield {
	background-color: #fff;
	border: 1px solid #ddd;
}

.dayblock-daytable table tr.active td input:focus {
	background-color: #fff;
	border: 1px solid #c09853;
	cursor: text;
	outline: none;
}


.dayblock-daytable table tr.active .daysetfloorbreak span.flooroptions  {
	font-size: 80%;
	
	line-height: 1em;
	/*margin: 2px 0px 0 79px;*/
	margin: 3px 4px 2px 0px;
	float: left;
	
	display: block;
	overflow: hidden;
	/*width:75px;*/
}
.dayblock-daytable table tr.active .daysetfloorbreak span.flooroptions a  {
	display: inline;
	float: none;
	margin: 0px 4px 0px 0;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	line-height: 1em;
	
}
.dayblock-daytable table tr.active .daysetfloorbreak span.flooroptions a:hover  {
	text-decoration: underline;
	
}

.dayblock-daytable table tr.active .daysetfloorbreak span.flooroptions.clear  {
	clear:left;
	margin: 2px 4px 0 0px;
	padding-bottom: 2px;
}


.dayblock-daytable table tr.active .daysetfloorbreak span.breaks  {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0px 0px 0 0px;
	float: left;
	/*clear: left;*/
	display: block;
}
.dayblock-daytable table tr.active .daysetfloorbreak span.breaks label  {
	margin: 0px 0 0 0px;
	float: left;
	display: block;
	padding: 4px 0 0 0;
	line-height: 1em;
	
}


.dayblock-daytable table tr.active .daysetfloorbreak span.breaks input {
	width: 33px;
	margin:-3px 4px 2px 2px;
	padding: 1px 2px;
	float: right;
	
}

.dayblock-daytable table tr.active {
	border-left: none;
	padding: 3px 0;
}
.dayblock-daytable table tr.active td.daydetail {
	padding-bottom: 0px;
}
.dayblock-daytable table tr.active .daydetail-inner {
	padding-bottom: 6px;
}

/*
.timeslot {
	position:absolute;
	top: 6px;
	left: 0;
	display: block;
	overflow:hidden;
	background-color: #823082;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	font-size: 10px;
	line-height: 20px;
	margin-right: 0px;
	height:20px;
}*/

.dayblock-daytable table tr.active .timeslot {
	
	/*padding: 0px 0;*/
	/*height: 6px;*/
}

.dayblock-daytable table tr.active .dayarea {
	/*display: none;*/
}

.dayblock-daytable table tr.active .break15, .dayblock-daytable table tr.active .break30 {
	/*top: 0px;
	height: 6px;*/
}


/* Work day of 10 hours */
/* startbump is 3px*/


body.day10 .dayblock-daytable .daydetail {
	background-image: url(../img/grid19.gif);
	background-repeat: repeat;
}

body.day10 .dayblock-daytable th div.hourlabels div {
	width: 76px;
	left: -35px;/*helft plus startbump*/
}

body.day10 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;
}

body.day10 .dayblock-daytable .break15 {
	width: 19px;
}

body.day10 .dayblock-daytable .break30 {
	width: 38px;
}

/* Work day of 11 hours */
/* startbump is 3px*/


body.day11 .dayblock-daytable .daydetail {
	background-image: url(../img/grid17.gif);
	background-repeat: repeat;
}

body.day11 .dayblock-daytable th div.hourlabels div {
	width: 68px;
	left: -31px;/*helft plus startbump*/
}

body.day11 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;
}

body.day11 .dayblock-daytable .break15 {
	width: 17px;
}

body.day11 .dayblock-daytable .break30 {
	width: 34px;
}

/* Work day of 12 hours */
/* startbump is 3px*/


body.day12 .dayblock-daytable .daydetail {
	background-image: url(../img/grid16.gif);
	background-repeat: repeat;
}

body.day12 .dayblock-daytable th div.hourlabels div {
	width: 64px;
	left: -29px;/*helft plus startbump*/
}
body.day12 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;}

body.day12 .dayblock-daytable .break15 {
	width: 16px;
}

body.day12 .dayblock-daytable .break30 {
	width: 32px;
}

/* Work day of 13 hours */
/* startbump is 3px*/


body.day13 .dayblock-daytable .daydetail {
	background-image: url(../img/grid14.gif);
	background-repeat: repeat;
}

body.day13 .dayblock-daytable th div.hourlabels div {
	width: 56px;
	left: -25px;/*helft plus startbump*/
}

body.day13 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;
}

body.day13 .dayblock-daytable .break15 {
	width: 14px;
}

body.day13 .dayblock-daytable .break30 {
	width: 28px;
}

/* Work day of 14 hours */
/* startbump is 3px*/


body.day14 .dayblock-daytable .daydetail {
	background-image: url(../img/grid13.gif);
	background-repeat: repeat;
}

body.day14 .dayblock-daytable th div.hourlabels div {
	width:52px;
	left: -23px;/*helft plus startbump*/
}

body.day14 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;
}

body.day14 .dayblock-daytable .break15 {
	width: 13px;
}

body.day14 .dayblock-daytable .break30 {
	width: 26px;
}

/* Work day of 15 or 16 hours */
/* startbump is 3px*/


body.day15 .dayblock-daytable .daydetail, body.day16 .dayblock-daytable .daydetail {
	background-image: url(../img/grid12.gif);
	background-repeat: repeat;
}

body.day15 .dayblock-daytable th div.hourlabels div, body.day16 .dayblock-daytable th div.hourlabels div {
	width: 48px;
	left: -21px;/*helft plus startbump*/
}

body.day15 .dayblock-daytable div.hourlabels div.dayhourend, body.day16 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;
}

body.day15 .dayblock-daytable .break15, body.day16 .dayblock-daytable .break15 {
	width: 12px;
}

body.day15 .dayblock-daytable .break30, body.day16 .dayblock-daytable .break30 {
	width: 24px;
}

/* Work day of 17 hours */
/* startbump is 3px*/


body.day17 .dayblock-daytable .daydetail {
	background-image: url(../img/grid11.gif);
	background-repeat: repeat;
}

body.day17 .dayblock-daytable th div.hourlabels div {
	width: 44px;
	left: -19px;/*helft plus startbump*/
}
body.day17 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;
}

body.day17 .dayblock-daytable .break15 {
	width: 11px;
}

body.day17 .dayblock-daytable .break30 {
	width: 22px;
}

/* Work day of 18 or 19 hours */
/* startbump is 3px*/


body.day18 .dayblock-daytable .daydetail, body.day19 .dayblock-daytable .daydetail {
	background-image: url(~/Images/grid10.gif);
	background-repeat: repeat;
}

body.day18 .dayblock-daytable th div.hourlabels div, body.day19 .dayblock-daytable th div.hourlabels div {
	width: 40px;
	left: -17px; /*helft plus startbump*/
}
body.day18 .dayblock-daytable div.hourlabels div.dayhourend, body.day19 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;
}

body.day18 .dayblock-daytable .break15, body.day19 .dayblock-daytable .break15 {
	width: 10px;
}

body.day18 .dayblock-daytable .break30, body.day19 .dayblock-daytable .break30 {
	width: 20px;
}

/* Work day of 20 or 21 hours */
/* startbump is 3px*/


body.day20 .dayblock-daytable .daydetail, body.day21 .dayblock-daytable .daydetail {
	background-image: url(~/Images/grid9.gif);
	background-repeat: repeat;
}

body.day20 .dayblock-daytable th div.hourlabels div, body.day21 .dayblock-daytable th div.hourlabels div {
	width: 36px;
	left: -15px; /*helft plus startbump*/
}

body.day20 .dayblock-daytable div.hourlabels div.dayhourend, body.day21 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;
}

body.day20 .dayblock-daytable .break15, body.day21 .dayblock-daytable .break15 {
	width: 9px;
}

body.day20 .dayblock-daytable .break30, body.day21 .dayblock-daytable .break30 {
	width: 18px;
}

/* Work day of 22, 23 or 24 hours */
/* startbump in graphic is 3px*/

body.day22 .dayblock-daytable .daydetail, body.day23 .dayblock-daytable .daydetail, body.day24 .dayblock-daytable .daydetail {
	background-image: url(/Images/grid8.gif);
	background-repeat: repeat;
}

body.day22 .dayblock-daytable th div.hourlabels div, body.day23 .dayblock-daytable th div.hourlabels div, body.day24 .dayblock-daytable th div.hourlabels div {
	width: 32px;
	left: -13px; /*helft plus startbump*/
}

body.day22 .dayblock-daytable div.hourlabels div.dayhourend, body.day23 .dayblock-daytable div.hourlabels div.dayhourend, body.day24 .dayblock-daytable div.hourlabels div.dayhourend {
	width: 16px;
	left: -5px;/*helft plus startbump*/
	margin-right: -5px;
}

body.day22 .dayblock-daytable .break15, body.day23 .dayblock-daytable .break15 {
	width: 8px;
}

body.day22 .dayblock-daytable .break30, body.day23 .dayblock-daytable .break30  {
	width: 16px;
}

/* Break widths for the 24 hour Day View */
body.day24 .dayblock-daytable .break5 {width: 3px;}
body.day24 .dayblock-daytable .break10 {width: 6px;}
body.day24 .dayblock-daytable .break15 {width: 8px;}
body.day24 .dayblock-daytable .break20 {width: 11px;}
body.day24 .dayblock-daytable .break25 {width: 14px;}
body.day24 .dayblock-daytable .break30 {width: 16px;}
body.day24 .dayblock-daytable .break35 { width: 19px;}
body.day24 .dayblock-daytable .break40 { width: 21px;}
body.day24 .dayblock-daytable .break45 { width: 24px;}
body.day24 .dayblock-daytable .break50 {width: 27px;}
body.day24 .dayblock-daytable .break55 {width: 30px;}
body.day24 .dayblock-daytable .break60 {width: 32px;}
body.day24 .dayblock-daytable .break65 {width: 35px;}
body.day24 .dayblock-daytable .break70 {width: 38px;}
body.day24 .dayblock-daytable .break75 {width: 40px;}
body.day24 .dayblock-daytable .break80 {width: 42px;}
body.day24 .dayblock-daytable .break85 {width: 45px;}
body.day24 .dayblock-daytable .break90 {width: 48px;}



/* Modals */

.modal-dialog {
	width: 600px;
	padding-bottom: 30px;
	padding-top:100px;
	}

.datemodal .modal-body {
	overflow: hidden;
	padding-bottom: 10px;
	}
.datemodal .modal-body .col {
	width: 269px;
	padding-right:30px; 
	margin-bottom:0px;
	float:left;
	}

.datemodal .input-group {width: 100%;}
.datemodal .input-group-addon.glyphicon {top:0;}
.datemodal .input-group-addon.glyphicon:hover {text-decoration:none;}
.datemodal #select-copy-to-week {background: none; box-shadow: none;/* border: none;*/}
.datemodal #select-copy-to-week:focus {background: none;  box-shadow: none; border-color:#ccc;}
.datemodal #select-copy-to-day {background: none; box-shadow: none;/* border: none;*/}
.datemodal #select-copy-to-day:focus {background: none;  box-shadow: none; border-color:#ccc;}
.datemodal .alert {float:left; clear: left; margin-top:20px; margin-bottom: 0;}






/* Day table */



/* FOOTER  
----------------------------------------------------------*/


.footer p {}

.subfooter p {font-size:11px;color: #888; float: right; text-align: right; line-height:1.2em;}
.subfooter p a {color: #888;}



/*--Employee forms add*/

.panel1 {
    margin-left:10px;
    float: left;
    width: 200px;
}
.panel2 {
    margin: 0 0 0 252px;
    width: 250px;
}
.panel3 {
    margin: 0 0 0 752px;
}
.item2{
     float:left; 
    width:230px;
    height:400px;
    margin:10px;
}
.wrapper{
    overflow:hidden; /*make sure the wrapper has no dimension*/
    background:transparent;
    margin-bottom:10px;
}

/*Andy test*/

.caps{text-transform: uppercase;}
.vet{font-weight: bold;}
.smaller{font-size: 90%;}
.small{font-size: 80%;}

/* Report screen layout */

#define-roster-report{clear: both; overflow: auto;}

.reportshiftinfo {
    border-bottom: 15px;

}


table.set-roster-report{
	margin-top: 0px;
    border:none;
    width:100%;
    
}

table.set-roster-report th{
	font-size: 80%;
	text-transform: uppercase;
	padding: 0px;
	background-color: #f9f9f9;
	padding-left: 10px;
    border:none;
}

table.set-roster-report td{
	font-size: 80%;
	padding: 0px;
	background-color: #f9f9f9;
    border:none;
        
}
table.set-roster-report select.span2,
table.set-roster-report input.span,
table.set-roster-report .input-append
{
	margin-bottom: 0px !important;

}

table.set-roster-report td{
	line-height: auto;
}

/* Print button */
.btn-print.active{
  color: rgba(255, 255, 255, 0.75);
}

.btn-print {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #01839b;
  *background-color: #4e004e;
  background-image: -moz-linear-gradient(top, #95c603, #6d9100);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#95c603), to(#6d9100));
  background-image: -webkit-linear-gradient(top, #95c603, #6d9100);
  background-image: -o-linear-gradient(top, #95c603, #6d9100);
  background-image: linear-gradient(to bottom, #95c603, #6d9100);
  background-repeat: repeat-x;
  border-color: #6d9100 #6d9100 #95c603;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95c603', endColorstr='#6d9100', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-print:hover,
.btn-print:focus,
.btn-print:active,
.btn-print.active,
.btn-print.disabled,
.btn-print[disabled] {
  color: #ffffff;
  background-color: #6d9100;
  *background-color: #5d005d;
}

    .btn-print:active,
    .btn-print.active {
        background-color: #660066;
    }

/* DayViewShiftEditor layout*/
table.day-view-shift-editor {
    width:200px;
    background-color: #fff;
    border:1px solid black
}

.day-view-shift-editor tr {
    background-color: #fff !important;
    clear;

}

.day-view-shift-editor td {
    background-color: #fff !important;
    font-size: 80%;
    line-height: 1em;
    /*margin: 2px 0px 0 79px;*/
    margin: 3px 4px 2px 0px;
    float: left;
    display: block;
    overflow: hidden;
    padding:0px 0px 0px 0px;
}

table.commsrestable {
    width:100%;
}

table.commsrestable th{
    background-color:#DDEAF5;
}
table.commsrestable td{
    text-align:left;
}

table.employeelist {
    font-size:12px;
}

table.employeelist td {
    text-align: left;
    text-wrap:normal;
    overflow:hidden;
}

table.employeelist th {
    background-color:#DDEAF5;
}

a.addrowx
{
    background: url(../../Images/img_wh/plus.png) no-repeat left;
     width: 16px;
     height: 16px;   
       
}

a.empcopy
{
    background: url(../../Images/img_wh/copy.png) no-repeat top left;
     display: block;
     width: 16px;
     height: 16px;   
       
}

		#navcontainer ul {margin:0;padding:0;list-style-type:none;}
		#navcontainer ul li { display: inline; text-indent:9999px; }


     /*------------------ valdation ---------------*/
    form label.error, label.error {
    	/* remove the next line when you have trouble in IE6 with labels in list */
    	color: red;
    	font-style: italic
    }

/*--- remove bootstrap header padding ----*/
.page-header {
    margin-bottom: 0px !important;
    padding-bottom:0pc !important;
    padding-left:20px;
}