/* ADD WORKOUT */

html {
	margin: 0;
	padding: 0;
}

.add_container {
	text-align: center;
	margin: auto;
}

/* CURRENT DAY */

.current_day_body {
	background-color: #525151;
	margin: 0px;
}

.current_day_body_container {
	width: 768px;
	margin: auto;
/*	background-color: #00414e;*/
	background-image: url(img/bgpat.png);
	background-repeat: repeat;
	overflow: auto;
	padding-bottom: 33px;
}

.current_day_h1 {
	text-align: center;
	font-family: Arial;
	font-size: 25px;
	border-bottom: 5px solid lightgrey;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	width: 80%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 33px;
	padding: 5px;
	color: #f0f0f0;
	background-color: #00abce;
}

.current_day_set {
	width: 750px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 33px;
	overflow: auto;
}

.current_head_set {
	background-image: url(img/current_top.png);
	background-repeat: no-repeat;
	width: 750px;
	height: 50px;
}

.current_set_info {
	background-color: #00abce;
	height: 80px;
	width: 748px;
	border: 1px solid grey;
}

.current_set {
	background-color: aliceblue;
	height: 60px;
	width: 748px;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	clear: both;
	overflow: auto;
}

.current_set_yt {
	background-color: aliceblue;
	height: 60px;
	width: 748px;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	text-align: center;
}

a:link.current_set_youtube, a:visited.current_set_youtube {
	font-family: Arial;
	font-size: 20px;
	text-decoration: none;
	color: orangered;
	margin-top: 15px;
	display: inline-block;
}

.current_control_box {
	width: 750px;
}

.current_goal_left {
	width: 175px;
	height: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: inline-block;
	background-color: aliceblue;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	float: left;
	text-align: center;
	cursor: pointer;
}

.current_graph_mid {
	width: 175px;
	height: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: inline-block;
	background-color: aliceblue;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	float: left;
	margin-left: 15%;
	text-align: center;
	cursor: pointer;
}

.current_finish_right {
	width: 175px;
	height: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: inline-block;
	background-color: aliceblue;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	float: right;
	text-align: center;
	cursor: pointer;
}

.current_head_p {
	text-align: right;
	font-size: 22px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #f0f0f0;
	padding-top: 11px;
	padding-right: 15px;
}

.current_set_info_p {
	font-size: 18px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #f0f0f0;
}

.set_info_inside_l {
	display: inline-block;
	float: left;
	margin-left: 15px;
}

.set_info_inside_m {
	display: inline-block;
	float: left;
	margin-left: 10px;
}

.set_info_inside_r {
	display: inline-block;
	float: right;
	margin-right: 15px;
}

.current_set_container {
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
}

.current_set_inner_l {
	float: left;
}

.current_set_inner_m {
	float: left;
}

.current_set_inner_r {
	float: right;
}

.current_set_p {
	font-size: 16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #2f2f2f;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 15px;
}

.current_set_pr {
	font-size: 16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #2f2f2f;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-right: 15px;
}

.max_out_form_update {
	margin-left: 30px;
	margin-top: 15px;
}

.max_out_input {
	width: 50px;
	height: 25px;
	font-size: 20px;
	color: darkgreen;
}

.max_out_submit {
	margin-left: 30px;
	width: 33px;
	height: 19px;
	cursor: pointer;
}

.note_form_update {
	margin-left: 45px;
	margin-top: 15px;
}

.note_input {
	width: 525px;
	height: 25px;
	font-size: 20px;
	color: darkgreen;
}

.note_submit {
	margin-left: 25px;
	width: 33px;
	height: 19px;
	cursor: pointer;
}

.weigh_in_form_update {
	margin-left: 30px;
	margin-top: 15px;
	display: none;
}

.weigh_in_input {
	width: 50px;
	height: 25px;
	font-size: 20px;
	color: darkgreen;
}

.weigh_in_submit {
	margin-left: 30px;
	width: 33px;
	height: 19px;
	cursor: pointer;
}

.current_tabs_p {
	font-size: 16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #2f2f2f;
	margin-top: 7px;
}

.increments_sets {
	margin-top: 2px;
}

.increments_sets {
	margin-top: 2px;
	display: inline-block;
}

.add {
	display: inline-block;
	border: 1px solid grey;
	height: 40px;
	width: 40px;
	text-align: center;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
	
	background: #a6ff95; /* Old browsers */
	background: -moz-linear-gradient(top, #a6ff95 0%, #ffffff 50%, #a6ff95 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a6ff95 0%,#ffffff 50%,#a6ff95 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a6ff95 0%,#ffffff 50%,#a6ff95 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ff95', endColorstr='#a6ff95',GradientType=0 ); /* IE6-9 */
}

.sub {
	display: inline-block;
	border: 1px solid grey;
	height: 40px;
	width: 40px;
	text-align: center;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
	
	background: #ffa56f; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa56f 0%, #ffffff 50%, #ffa56f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa56f 0%,#ffffff 50%,#ffa56f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa56f 0%,#ffffff 50%,#ffa56f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa56f', endColorstr='#ffa56f',GradientType=0 ); /* IE6-9 */
}

.addsubtext {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 12px;
}

.addbase {
	display: inline-block;
	border: 1px solid grey;
	height: 30px;
	width: 30px;
	text-align: center;
	margin-right: 10px;
	margin-top: 8px;
	cursor: pointer;
	
	background: #a6ff95; /* Old browsers */
	background: -moz-linear-gradient(top, #a6ff95 0%, #ffffff 50%, #a6ff95 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a6ff95 0%,#ffffff 50%,#a6ff95 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a6ff95 0%,#ffffff 50%,#a6ff95 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ff95', endColorstr='#a6ff95',GradientType=0 ); /* IE6-9 */
}

.subbase {
	display: inline-block;
	border: 1px solid grey;
	height: 30px;
	width: 30px;
	text-align: center;
	margin-right: 10px;
	margin-top: 8px;
	cursor: pointer;
	
	background: #ffa56f; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa56f 0%, #ffffff 50%, #ffa56f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa56f 0%,#ffffff 50%,#ffa56f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa56f 0%,#ffffff 50%,#ffa56f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa56f', endColorstr='#ffa56f',GradientType=0 ); /* IE6-9 */
}

.addsubtextbase {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 0px;
}

.current_day_count {
	border: 1px solid grey;
	width: 300px;
	height: 325px;
	margin: 34px;
	margin-top: 33px;
	margin-bottom: 0px;
	background-color: #f4f4f4;
	float: left;
}

a:link.current_count_youtube, a:visited.current_count_youtube {
	text-decoration: none;
	color: orangered;
	font-family: Arial;
	font-size: 14px;
}

.current_day_ctc_header {
	background-color: #00abce;
	height: 45px;
}

.current_set_ctc_p {
	font-size: 15px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #f0f0f0;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-top: 5px;
	display: inline-block;
	margin-left: 15px;
}

.current_set_checkmark {
	background-image: url(img/check.png);
	width: 36px;
	height: 35px;
	float: right;
	margin-right: 15px;
	margin-top: 3px;
	cursor: pointer;
}

.current_day_count_body {
	background-color: #f4f4f4;
	padding-top: 20px;
	padding-bottom: 20px;
}

.current_day_count_info {
	background-color: #f4f4f4;
	text-align: center;
}

.current_circle {
	background-image: url(img/circle.png);
	background-repeat: no-repeat;
	width: 95px;
	height: 95px;
	margin: auto;
	text-align: center;
}

.current_circle_text {
	font-size: 40px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding-top: 25px;
	margin: 0px;
}

.current_count_stat_p {
	font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #2f2f2f;
	margin: 0px;
	margin-bottom: 10px;
}

.current_form_count {
	text-align: center;
	margin-bottom: 15px;
}

.current_count_input {
	width: 50px;
	height: 25px;
	font-size: 20px;
	color: darkgreen;
}

.count_submit {
	margin-left: 15px;
}

.current_day_time {
	border: 1px solid grey;
	width: 300px;
	height: 325px;
	margin: 34px;
	margin-top: 33px;
	margin-bottom: 0px;
	background-color: #f4f4f4;
	float: left;
}

.current_day_time_body {
	text-align: center;
	height: 95px;
	width: 215px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 20px;
}

.current_day_arrowleft {
	background-image: url(img/leftdown.png);
	background-repeat: no-repeat;
	width: 45px;
	height: 48px;
	float: left;
	margin-top: 20px;
	margin-right: 15px;
	cursor: pointer;
}

.current_circle_time {
	background-image: url(img/circle.png);
	background-repeat: no-repeat;
	width: 95px;
	height: 95px;
	margin: auto;
	text-align: center;
	float: left;
}

.current_day_arrowright {
	background-image: url(img/rightup.png);
	background-repeat: no-repeat;
	width: 45px;
	height: 48px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	cursor: pointer;
}

.current_circle_text_time {
	font-size: 30px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding-top: 30px;
	margin: 0px;
}

.current_day_check {
	border: 1px solid grey;
	width: 300px;
    margin: 34px;
    margin-top: 33px;
    margin-bottom: 0px;
	background-color: #f4f4f4;
	float: left;
}

.current_day_check_body {
	background-color: #f4f4f4;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.current_day_info_time {
	text-align: center;
}

.current_info_stat_p {
	font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #2f2f2f;
	margin: 0px;
	margin-bottom: 10px;
}

.completed_workouts {
	width: 768px;
	margin: auto;
	display: block;
}

.completed_exer {
	background-color: rgb(166, 255, 149);
	width: 191px;
	float: left;
	height: 30px;
	text-align: center;
	border-top: 5px solid grey;
	border-right: 1px solid grey;
	display: inline-block;
	
}

.completed_exer_p {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 7px;
	cursor: pointer;
}

.next_workout_day {
	width: 768px;
	margin: auto;
	height: 50px;
	background-color: #00333e;
	text-align: center;
	clear: both;
}

.next_workout_day_p {
	font-family: Arial;
	font-size: 25px;
	margin: auto;
	margin-top: 10px;
	width: 200px;
	color: #f0f0f0;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
}

.weight_container {
	margin: auto;
	text-align: center;
	width: 80%;
	margin-bottom: 20px;
	cursor: pointer;
}

.weighins {
	font-family: Arial;
	font-size: 16px;
	color: #f0f0f0;
	margin: 0px;
}

.weighinsPercent {
	font-family: Arial;
	font-size: 16px;
	color: #00ff14;
	margin: 0px;
}

.goal_form_update {
	margin-left: 0px;
	margin-top: 15px;
	float: left;
	display: none;
}

.goal_input {
	width: 50px;
	height: 25px;
	font-size: 20px;
	color: darkgreen;
}

.goal_submit {
	margin-left: 20px;
	width: 33px;
	height: 19px;
}

.hidden {
	display: none;
}

.setGraph {
	margin: 0px;
	display: none;
}

.setChart {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 0px;
	height: 510px;
}

.site_list_div {
	width: 500px;
	margin: auto;
	margin-top: 50px;
	background-color: #00abce;
	border-radius: 20px;
	border: 3px solid lightgrey;
}

.site_list {
	width: 500px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.site_list_li {
	text-align: center;
	background-color: aliceblue;
	margin: 20px;
	border-radius: 10px;
	padding: 10px;
}

.site_list_li:hover {
	text-align: center;
	background-color: #d9edff;
	margin: 20px;
	border-radius: 10px;
	padding: 10px;
}

.site_list_link:link {
    font-family: Arial;
    font-size: 20px;
    text-decoration: none;
    color: orangered;
    margin-top: 15px;
}

.site_list_link:visited {
    font-family: Arial;
    font-size: 20px;
    text-decoration: none;
    color: orangered;
    margin-top: 15px;
}

.site_list_link:hover {
    font-family: Arial;
    font-size: 20px;
    text-decoration: none;
    color: red;
    margin-top: 15px;
}

.index_background {
	background-image: url(img/bgpat.png);
    background-repeat: repeat;
}

.login_index {
	margin: auto;
	width: 500px;
	margin-top: 50px;
	background-color: #00abce;
	border-top-right-radius: 40px;
	border-top: 10px solid lightgrey;
    border-bottom: 10px solid lightgrey;
    border-bottom-left-radius: 40px;
}

.login_index_form {
	margin: auto;
	text-align: center;
	padding: 25px;
}

.label_login {
	font-weight: bold;
	font-family: Arial;
	font-size: 18px;
}

.index_input {
	margin-top: 10px;
	width: 300px;
	height: 25px;
	font-size: 20px;
	color: darkgreen;
}

.nav_current {
	border: 1px solid lightgrey;
	margin-bottom: 20px;
	color: #f0f0f0;
	background-color: #00abce;
	padding: 5px;
	text-align: right
}

.current_nav_link:link {
    font-family: Arial;
    font-size: 15px;
	font-weight: bold;
    text-decoration: none;
    color: white;
	margin-left: 30px;
}

.current_nav_link:visited {
    font-family: Arial;
    font-size: 15px;
	font-weight: bold;
    text-decoration: none;
    color: white;
	margin-left: 30px;
}

.workout_list div > a:link {
	color: #00abce;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.workout_list div > a:visited {
	color: #00abce;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.workout_list ul {
	list-style-type: none;
	padding: 0px;
	color: grey;
	font-family: Arial;
	width: 500px;
	margin-top: 0px;
	
}

.workout_list li {
	padding-top: 5px;
}

.workout_list ul a:link {
	color: orangered;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
}

.workout_list ul a:visited {
	color: orangered;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
}

h1.list_h1 {
	font-family: Arial;
	color: grey;
	margin-top: 0px
}

section[data-css="style"] {
	margin: 20px;
	padding: 20px;
	border: 1px solid #00abce;
	border-top: 10px solid #00abce;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 10px;
	width: 500px;
	float: left;
	background-color: aliceblue;
}

.add_link:link {
    color: #00abce;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.add_link:visited {
    color: #00abce;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.add_text {
    color: grey;
	font-family: Arial;
}

h1.add_h1 {
	font-family: Arial;
	color: grey;
	margin-top: 0px;
    margin-bottom: 30px;
    font-size: 18px;
}

.add_h2 {
	font-family: Arial;
	color: grey;
	margin-top: 20px;
    margin-bottom: 30px;
    font-size: 18px;
}

.label_add {
    font-family: Arial;
    font-size: 16px;
    color: grey;
    padding-bottom: 5px;
    padding-top: 10px;
}

.input_add {
    height: 25px;
    width: 350px;
	font-size: 20px;
	color: darkgreen;
}

.ul_list_day {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.dayListContainer {
    display: inline-flex;
}

.dayList {
    border-right: 1px solid orange;
    width: 300px;
}

.li_ListName {
	margin-top: 15px;
	font-family: Arial;
	color: grey;
	text-align: center;
	background-color: aliceblue;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	margin-left: 15px;
	margin-right: 15px;
	border-top: 1px solid lightgrey;
}

.li_ListName:hover {
	margin-top: 15px;
	font-family: Arial;
	color: grey;
	text-align: center;
	background-color: #d6ecff;
	padding-top: 5px;
	cursor: pointer;
	border-top: 1px solid orangered;
	font-weight: bold;
}

.li_ListDays {
	color: orangered;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: aliceblue;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	border-bottom: 1px solid lightgrey;
}

.p_list_day {
	font-family: Arial;
	font-weight: bold;
	color: grey;
	text-align: center;
}

.list_day_form_container {
	border-top: 1px solid orange;
	display: flex;
	margin-top: 15px;
}

.list_day_form {
	margin: auto;
	border-right: 2px solid orange;
	border-left: 2px solid orange;
	width: 400px;
	text-align: center;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	display: inline-block;
}

.list_days_form_p {
	font-family: Arial;
    color: grey;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
	font-weight: bold;
}

.list_day_label {
    font-family: Arial;
    font-size: 14px;
    color: grey;
	display: inline-block;
	padding: 10px;
}

.list_day_input {
    height: 25px;
    width: 200px;
    font-size: 20px;
    color: red;
	font-weight: bold;
	text-align: center;
}