/* Login */
#bodylogin {	
	background-image:url('../images/logo specifik title.png');
	background-repeat:no-repeat;
	background-position:50% 100px;
	background-color:#d6d6d6;
    text-align: center;
    padding-top: 300px;
	font-family:"proxima-nova",arial,sans-serif;
}

.display-none {
	display:none;
}

#loginform label {
	font-size: 15px;
}

#loginform input[type="submit"] {
	background: url(../images/icon-check@2x.png) 50% 40% no-repeat,#c6c6c6;
	height: 54px;
	background-size: 35px 35px;
	width: 54px;
	border-radius: 30px;
}

#loginform input[type="text"] {
}

#loginform input[type="password"] {
	margin-bottom: 20px;
}

/*Navigation Items*/
#navigation {
	width: 100%;
	height: 45px;
	background: rgba(35, 35, 35, 0.65);
}

#navigation_client {
	width: 100%;
	height: 40px;
	background: #DDD;
	text-align: right; 
	font-size:16px;
	font-weight:bold;
}

a:link,
a:visited {
	text-decoration:none;
}

.icon.movement {
	background: url('../images/icon_dumbell.png') left 50% no-repeat;
	background-size: 30px;
}
.icon.user {
	background: url('../images/icon_user.png') left 50% no-repeat;
	background-size: 30px;
}
.icon.logout {
	background: url('../images/icon_log_out.png') left 50% no-repeat;
	background-size: 30px;
}
.icon.trophy {
	background: url('../images/icon_trophy.png') left 50% no-repeat;
	background-size: 30px;
}
.icon.history {
	background: url('../images/icon_history.png') left 50% no-repeat;
	background-size: 30px;
}
.icon.chart {
	background: url('../images/icon_chart.png') left 50% no-repeat;
	background-size: 30px;
}
.icon.add {
	background: url('../images/icon_add.png') left 50% no-repeat;
	background-size: 30px;
}

.icon {	
	height: 30px;
	padding-left: 36px;
	line-height: 30px;
	float: left;
	margin-right: 20px;
	color: #fff;
}

.program_username {	
	height: 30px;
	line-height: 30px;
	float: left;
	margin-right: 20px;
	color: rgba(35, 35, 35, 0.65);
	font-size:0.9em;
}

.icon a:link,
.icon a:visited {
	color:#ff7f08;
	font-size: 14px;
	text-decoration:none;	
}

#mainNav ul {list-style: none;}
#mainNav{
	width: 100%;
	position: relative;
	color: #f0f;
	padding-top: 7px;
}

#navigation_client #mainNav { 	border-bottom:2px solid #000; }
/* Top Banner */
#banner {
	width:960px;
	height:314px;
	position : relative;
}

#banner img {
	border-radius: 12px 12px 0px 0px;
}

#banner h1 {
	position:relative;
	top:12px;
	color:#000; 
	text-align:center;
	font-size: 0.9em;
	font-weight:normal;
}

/* Logo Container */
.logo-container {
	position: absolute;
	width: 160px;
	height: 160px;
	top: -50px;
	background: #eee;
	left: 40px;
	border-radius: 0px 0px 20px 20px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.9);
	z-index: 10;
}

.logo-container img{
	position: relative;
	top: 30px;
}

.menu-separator {
	float: left;
	width:960px;
	margin-left:0%;
	display: block;
	padding-top:5px;
}

#textNav{
	width:960px;
	margin-left:0%;
}
#textNav ul {list-style: none;}
#textNav span {
	position:relative;
	top: 0px;
	float:right;
	text-align:center;
	width:75px;
	font-size: 85%;
}

body, html {
	width:99.5%;
    background:#efefef;
	font-family:"proxima-nova",arial,sans-serif;
	font-size: 0.9em;
	text-align:center;
	color:#000;
}

#container-main {
	float: left;
	position: relative;
	left: 50%;
	margin-left: -480px;
	width: 960px;
}

.title {
	float: left;
	text-align: center;
	font-size: 1.5em;
	display: block;
	padding-top:15px;
	padding-bottom:15px;
	width:100%;
}
.table-separator {
	float: left;
	width:960px;
	margin-left:0%;
	text-align: center;
	font-size: 1.5em;
	display: block;
	padding-top:25px;
}
.table-separator_b {
	float: left;
	width: 100%;
	text-align: center;
	display: block;
	padding-top:15px;
	background:rgba(10, 10, 10, 0.80);
}

.workout-description {
	float: left;
	width:900px;
	margin-left:30px;
	text-align: center;
	font-size: 19px;
	display: block;
	color: #f5f5f5;
	padding-top:25px;
	padding-bottom:17px;
}

// Staff Table 
.table {
	width:100%;
}

#staff-table {
	width:100%;
	text-align:center;
	border:1px solid #000;
	border-spacing:1px;
	border-collapse:collapse;
}
#staff-table thead {
	font-size:16px;
	background:rgba(119, 119, 119, 0.66);
	padding:5px;
	white-space: nowrap;
}

#staff-table tr:nth-of-type(even) {
	background:#EEE;
}
#staff-table tr:nth-of-type(odd) {
	background:rgba(171, 171, 171, 0.40);
}
#staff-table td {
	padding: 6px 6px 6px 6px;
}
#staff-table tbody {
	font-size:12px;
}

#client-program {
	width:100%;
	text-align:center;
	border:2px solid #321;
	border-spacing:1px;
	border-collapse:collapse;
	background:#FFF;
	margin-bottom:28px;
	
}

#client-program thead {
	font-size:10px;
	border:2px solid #321;
	background:rgba(119, 119, 119, 0.2);
	padding:5px;
	white-space: nowrap;
}

#client-program tr {
	border:1px solid #111;
}

#client-program td {
	padding: 0px;
	padding-top:7px;
	padding-bottom:7px;
}
#client-program tbody {
	font-size:10px;
}

#client_program_group_title {
	padding: 6px 0px 3px 0px;
	text-align: left;
	font-size:16px;
	font-weight:bold;
}

#client_notes {
	text-align: left;
}

#tr-middletitlerow {color:rgba(196, 20, 37, 0.85);}

#cell-leftborder {
    border-left:1px solid #111;
}
#cell-rightborder {
    border-right:1px solid #111;
}
#cell-border {
    border:1px solid #111;
}

#cell-separator {
   color: #FFF;
}

.td-date {white-space: nowrap; text-align:center; padding: 8px 0px 4px 0px;}
.td-name {white-space: nowrap;}
.td-result {white-space: nowrap; text-align:center;}
.td-note {}
.td-rxl{text-align:left; padding-left: 0px; padding-right:0px;}
.td-rxc{text-align:center; padding-left: 0px; padding-right:0px;}
.td-rx{text-align:right; padding-left: 0px; padding-right:0px; width:35px;}
.requested-image {
	height: 22px;
}

// Add exercice Btn
#container-Btn {

}
.newBtn {
	position:relative;
	padding: 8px 8px 8px 8px;
	font-size: 0.9em;
}

#enter-result {
	margin-left:0%;
	display:block
}

input[type="text"] {
	background:#000;
	color:#fff;
	font-size: 0.9em;
}

select {
	background:#000;
	color:#fff;
	font-size: 0.9em;
}

#input-center{
   display:inline-block;
}

.wod-legend {
	display: block;
	padding-top:11px;
	font-size:14px;
}