.fecp_input_sections {
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 20px;
margin: 15px 0;
}
.fecp_main_outer_wrapper .fecp_inner_wrapper .fecp_field_wrap {
width: 230px;
display: inline-block;
margin: 20px;
}
.fecp_input_sections.fecp_user_basic .fecp_input_field_wrapper {
text-align: center;
}
.fecp_main_outer_wrapper .fecp_inner_wrapper input[type="number"],
.fecp_main_outer_wrapper .fecp_inner_wrapper input[type="text"],
.fecp_main_outer_wrapper .fecp_inner_wrapper select {
border: none;
border-bottom: 2px solid #000;
padding: 0 15px;
background: transparent;
width: 100%;
height: 40px;
-webkit-border-radius: 0;
border-radius: 0;
}
input[type="number"]:focus,
input[type="text"]:focus,
select:focus {
border: none;
outline: none;
box-shadow: none;
background: none;
}
.fecp_exercise_fields .fecp_exercise_inputs {
width: 22%;
display: inline-block;
margin: 0 2%;
margin-bottom: 10px;
}
.fecp_exercise_field_body .fecp_exercise_inputs span {
font-size: 18px;
}
.fecp_exercise_fields .fecp_exercise_inputs.fecp_exercise_input_steps {
width: 30%;
}
.fecp_main_outer_wrapper .fecp_inner_wrapper .fecp_field_wrap label {
display: block;
margin-bottom: 10px;
font-size: 20px;
font-weight: 600;
}
.fecp_exercise_fields .fecp_exercise_field_inner_wrap {
display: flex;
justify-content: center;
}
.fecp_input_sections.fecp_user_exercise_type .fecp_exercise_field_body {
border-top: 1px solid #cdcdcd;
padding: 30px 0;
}
.fecp_exercise_field_body .fecp_exercise_field_inner_wrap {
margin-bottom: 30px;
}
.fecp_exercise_graphs {
margin: 15px 0;
padding: 10px;
position: relative;
}
.fecp_exercise_graphs .fecp_exercise_progress_bar {
height: auto;
min-height: 50px;
position: relative;
background: #cdcdcd;
display: flex;
align-items: center;
justify-content: space-around;
box-sizing: border-box;
overflow: hidden;
border-radius: 10px;
font-size: 16px;
z-index: 2;
}
.fecp_exercise_graphs .fecp_boundary {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
span.fecp_category_label {
width: 10%;
z-index: 1;
}
span.fecp_lines {
position: absolute;
top: 0;
height: 100%;
width: 10px;
background: #cdcdcd;
}
span.fecp_lines.fecp_line_1 {
left: 16%;
}
span.fecp_lines.fecp_line_2 {
left: 32.5%;
}
span.fecp_lines.fecp_line_3 {
left: 49%;
}
span.fecp_lines.fecp_line_4 {
left: 65.3%;
}
span.fecp_lines.fecp_line_5 {
left: 81.7%;
}
span.fecp_lines.active {
background: #89bd95;
transition: 1.2s background;
}
.fecp_exercise_progress_bar .fecp_progress_status {
position: absolute;
left: 0;
height: 100%; border-radius:  10px;
background: rgba(30, 162, 59, 0.39);
transition: .8s all;
}
label.fecp_header_label {
font-size: 20px;
font-weight: 600;
}
.fecp_exercise_fields.fecp_exercise_field_header span {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
color: #666;
white-space: nowrap;
} .fecp_output_table_outer_wrapper thead {
background: #8f8f8f;
color: #fff;
}
.fecp_output_table_outer_wrapper tr {
height: 40px;
}
.fecp_output_table_outer_wrapper th {
padding: 0;
text-align: left;
}
td.fecp_table_data.fecp_exercise_type_data {
padding-left: 10px;
}
input.fecp_exercise_param.fecp_exercise_rm_kg {
border: 1px solid #515151 !important;
}
.fecp_sec_label{
display: none;
text-align: center;
color: #666;
font-weight: 600;
margin: 12px 0;
}
.fecp_output_table_outer_wrapper td {
font-size: 14px;
}
@media only screen and (max-width: 1024px){
.fecp_main_outer_wrapper .fecp_inner_wrapper .fecp_field_wrap label {    
font-size: 18px;
}
.fecp_main_outer_wrapper .fecp_inner_wrapper input[type="number"], 
.fecp_main_outer_wrapper .fecp_inner_wrapper input[type="text"], 
.fecp_main_outer_wrapper .fecp_inner_wrapper select{
font-size: 15px;
}
.fecp_exercise_fields.fecp_exercise_field_header span {
font-size: 16px;
white-space: nowrap;
}
table {
font-size: 15px;
}
}
@media only screen and (max-width: 930px){
.fecp_exercise_fields.fecp_exercise_field_header .fecp_exercise_inputs span {
font-size: 15px;
}
}
@media only screen and (max-width: 900px){
.fecp_main_outer_wrapper .fecp_inner_wrapper .fecp_field_wrap {
width: 28%;
margin: 3% 2%;
}
.fecp_main_outer_wrapper .fecp_inner_wrapper .fecp_field_wrap label{
font-size: 16px;
}
.fecp_main_outer_wrapper .fecp_inner_wrapper input[type="number"], 
.fecp_main_outer_wrapper .fecp_inner_wrapper input[type="text"], 
.fecp_main_outer_wrapper .fecp_inner_wrapper select{
font-size: 15px;
}
}
@media only screen and (max-width: 800px){
.fecp_exercise_field_body .fecp_exercise_inputs span{
font-size: 15px;
}
span.fecp_category_label{
font-size: 12px;
}
.fecp_exercise_fields .fecp_exercise_field_inner_wrap{
flex-wrap: wrap;
justify-content: space-between;
}
.fecp_exercise_field_body .fecp_exercise_inputs.fecp_exercise_input_type {
display: block;
width: 100%;
text-align: center;
background: #cdcdcd;
color: #fff;
padding: 5px 0;
margin-bottom: 10px;
}
.fecp_exercise_field_header .fecp_exercise_inputs.fecp_exercise_input_type {
display: none;
}
.fecp_exercise_field_body .fecp_exercise_inputs.fecp_exercise_input_type span{
font-size: 18px;
font-weight: 600;
}
.fecp_exercise_field_body .fecp_exercise_inputs:not(.fecp_exercise_input_type) {
width: 28%;
}
}
.fecp_main_outer_wrapper {
max-width: 1200px;
width: 100%;
margin: 50px auto;
}
.fecp_inner_wrapper {
padding: 0 15px;
}
@media only screen and (max-width: 710px){
.fecp_exercise_field_body .fecp_exercise_inputs:not(.fecp_exercise_input_steps):not(.fecp_exercise_input_type) {
width: 45%;
}
.fecp_exercise_field_body .fecp_exercise_inputs.fecp_exercise_input_steps {
flex-wrap: wrap;
width: 100%;
margin-top: 20px;
}
.fecp_exercise_field_body .fecp_exercise_inputs.fecp_exercise_input_steps span input{
text-align: center;
}
.fecp_exercise_field_header.fecp_exercise_fields{
display: none;
}
.fecp_input_sections.fecp_user_exercise_type .fecp_exercise_field_body.fecp_exercise_squats {
border-top: none;
}
.fecp_main_outer_wrapper .fecp_inner_wrapper input[type="number"],
.fecp_main_outer_wrapper .fecp_inner_wrapper input[type="text"]{
text-align: center;
}
.fecp_main_outer_wrapper .fecp_inner_wrapper select{
padding-left: 0px;
}
.fecp_output_table_outer_wrapper table {    
font-size: 14px;
}
.fecp_output_table_outer_wrapper th {   
font-weight: 500;
}
.fecp_sec_label{
display: block;
}
}
@media only screen and (max-width: 600px){
.fecp_main_outer_wrapper .fecp_inner_wrapper .fecp_field_wrap {
width: 100%;
margin: 0;
padding: 12px;
}
.fecp_output_table_outer_wrapper {    
overflow-x: scroll;
width: 100%;
}
.fecp_output_table_outer_wrapper table{
min-width: 600px;
}
}
@media only screen and (max-width: 560px){
span.fecp_category_label {
transform: translateY(-45px);
position: relative;
}
span.fecp_category_label:before {
position: absolute;
top: 45px;
width: 100%;
text-align: center;
}
span.fecp_category_label.fecp_label_untrained:before{
content: "UT";
}
span.fecp_category_label.fecp_label_beginner:before{
content: "B";
}
span.fecp_category_label.fecp_label_journeyman:before{
content: "G";
}
span.fecp_category_label.fecp_label_intermediate:before{
content: "F";
}
span.fecp_category_label.fecp_label_professional:before{
content: "P";
}
span.fecp_category_label.fecp_label_elite:before{
content: "E";
}
label.fecp_header_label {
text-align: center;
display: block;
}
.fecp_main_outer_wrapper .fecp_inner_wrapper .fecp_field_wrap label {
font-size: 15px;
}
}
@media only screen and (max-width: 435px){
.fecp_exercise_field_body .fecp_exercise_inputs span {    
white-space: nowrap;
font-size: 14px;
}
}
@media only screen and (max-width: 350px){
.fecp_main_outer_wrapper .fecp_inner_wrapper select{
padding-left: 0px;
}
.fecp_exercise_field_body .fecp_exercise_inputs span {    
white-space: nowrap;
font-size: 13px;
}
}