.stop-scrolling{
	overflow:hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    width: 100%;
}

.woocommerce-MyAccount-navigation{
	display: none;
}

.woocommerce-MyAccount-content{
	max-width: 1280px;
	width: 100% !important;
	margin: 0px auto !important;
	float: none !important;
	padding: 1em 15px;
}

.align-center{
	text-align: center;
}

.external-link::after{
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-left: 5px;
	border-radius: 50%;
	background-color: rgba(0, 157, 222, 0.15);
	border: none;
	color: #0071bc;
	font-size: 12px;
}

.tabs{
	margin-bottom: 1em;
}

.tabs .tablinks{
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: rgba(0, 157, 222, 0.15);
	border: none;
	color: #0071bc;
	text-align: center;
	display: inline-block;
	padding: 8px 15px;
	cursor: pointer;
}

.tabs .tablinks.active{
	background-color: #0071bc;
	color: #fff;
}

.tabcontent{
	display: none;
}

.tabcontent.active{
	display: block;
}

/*
 * #####################################
 * Tables
 * #####################################
 */
table td{
	padding: 0.5em 0.71575em 0.5em 0.71575em !important;
	background-color: transparent;
	vertical-align: middle !important;
}

table th{
	padding: 1em 0.71575em 0.2em 0.71575em !important;
	background-color: transparent;
	vertical-align: middle !important;
}

table:not(.has-background) tbody td,
table:not(.has-background) th{
	background-color: transparent !important;
}

.no-padding{
	padding: 0 !important;
}

@media screen and ( max-width: 768px ){
	
	 table th{
		font-size: 14px;
	}
	
}

/*
 * ###################################
 * Dialogs
 * ###################################
 */
.ui-dialog {
	max-width: 600px;
	max-height: 90%;
	width: 100% !important;
	overflow-y: scroll !important;
	z-index: 301 !important;
	padding: 0 !important;
}

.ui-dialog[aria-describedby="dialog-info"]{
	z-index: 303 !important;
}

.ui-dialog[aria-describedby="dialog-skin-fold-measurement"]{
	z-index: 302 !important;
}

.ui-widget-content{
	font-size: 14px;
}

.ui-widget-header{
	background: transparent !important;
	border: none !important;
	color: #515151;
	font-size: 14px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button{
	background: transparent !important;
	border: 1px solid transparent  !important;
	color: #515151  !important;
}

.ui-widget-content table td, .ui-widget-content table th{
	padding-left: 0 !important;
	padding-right: 0 !important;
}


.ui-dialog .ui-dialog-buttonpane{
	text-align: center  !important;
	position: sticky;
	position: -webkit-sticky;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.ui-dialog .ui-dialog-buttonpane button{
	margin: .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float: none !important;
}

.ui-dialog .btn-dialog-save{
	background-color: rgba(0, 157, 222, 0.15) !important;
	color: #0071bc !important;
	border-radius: 10px;
	font-weight: 700 !important;
}

.ui-widget-content table tr th{
	color: #515151;
}

.ui-widget-content table tr td{
	padding: 6px 2px !important;
	color: #515151;
}

.ui-widget-content table tr td.dialog-no-padding{
	padding: 0 !important;
}

.ui-dialog iframe{
	width: 100%;
	height: 275px;
}

.ui-dialog iframe #player{
	width: 100% !important;
}

.ui-dialog iframe #player{
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
}

.ui-dialog .chosen-container-single{
	width: 100% !important;
}

.chosen-container-single .chosen-single{
	line-height: 34px;
	height: 35px;
	border-radius: 0;
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.325) !important;
	background: #fff;
	border: none;
}

.chosen-container-single .chosen-single div b{
	background-position: 0px 8px !important;
}


@media screen and ( max-width: 600px ){
	
	.ui-dialog{
		max-width: 90%;
	}
	
	.ui-dialog iframe{
		width: 100%;
		height: 200px;
	}
	
}

/*
 * #################################################
 * Pagination
 * #################################################
 */
ul.pagination li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

ul.pagination li a{
	color: #515151;
}

ul.pagination li.active{
	background-color: #515151;
	border-radius: 50%;
	color: #fff;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

ul.pagination li.active a{
	color: #fff;	
}

/*
 * ####################################
 * Inputs / Select / checkboxes
 * ####################################
 */
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="date"],
body.woocommerce-account input[type="number"],
body.woocommerce-account input[type="search"]{
	width: 100% !important;
	padding: 0.6180469716em !important;
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.325) !important;
	background-color: #fff !important;
	border: none !important;
	font-size: 14px;
	-webkit-appearance: none !important;
   	-moz-appearance: none !important;
   	appearance: none !important;
}

body.woocommerce-account textarea{
	width: 100% !important;
	padding: 0.6180469716em !important;
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.325) !important;
	background-color: #fff !important;
	border: none !important;
	font-size: 14px !important;
}

body.woocommerce-account textarea:focus{
	background-color: #eee !important;
}

body.woocommerce-account select{
	width: 100%;
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.325);
	background-color: #fff;
	border: none;
	cursor: pointer;
   	display :block;
   	-webkit-appearance: none !important;
   	-moz-appearance: none !important;
   	appearance: none !important;
}



/*
 * ##################################
 * Buttons
 * ##################################
 */
button.btn-flip{
	background-image: url("../images/icon-flip-new.png");
	background-repeat: no-repeat;
	background-size: 53%;
	background-position: center;
}

button.btn-collapse,
button.btn-comment,
button.btn-video,
button.btn-eye,
button.btn-show-actions,
button.btn-add,
button.btn-info,
button.btn-save,
.btn-edit,
button.btn-edit{
	border-radius: 50%;
	background-color: rgba(0, 157, 222, 0.15);
	border: none;
	color: #0071bc;
	padding: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

button.btn-calculate{
	border-radius: 50%;
	background-color: rgba(255, 152, 0, 0.15);
	border: none;
	color: #515151;
	padding: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

button.btn-clear,
button.btn-delete{
	border-radius: 50%;
	background-color: rgba(237, 83, 98, 0.15);
	border: none;
	color: #ed5362;
	padding: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}


button.btn-save-big{
	background-color: rgba(0, 157, 222, 0.15);
	border: none;
	color: #0071bc;
	text-align: center;
	cursor: pointer;
	padding: 8px 15px;
}

button.btn-comment:hover,
button.btn-video:hover,
button.btn-eye:hover,
button.btn-show-actions:hover,
button.btn-add:hover,
button.btn-info:hover,
button.btn-info:focus,
button.btn-save:hover,
.btn-edit:hover
button.btn-edit:hover,
button.btn-save:focus,
.btn-edit:focus
button.btn-edit:focus,
button.btn-save-big:hover,
button.btn-save-big:focus{
	background-color: #0071bc;
	color: #fff;
}

button.btn-calculate:hover,
button.btn-calculate:focus{
	background-color: rgba(255, 152, 0, 1);
	color: #fff;
}

button.btn-clear-big,
button.btn-delete-big{
	background-color: rgba(237, 83, 98, 0.15);
	border: none;
	color: #ed5362;
	text-align: center;
	cursor: pointer;
}

button.btn-clear:hover,
button.btn-clear:focus,
button.btn-delete:hover,
button.btn-delete:focus,
button.btn-clear-big:hover,
button.btn-delete-big:hover,
button.btn-clear-big:focus,
button.btn-delete-big:focus{
	background-color: #ed5362;
	color: #fff;
}


.btn-compare{
	background-color: none;
	border: none;
}

/*
 * ##################################
 * kck Navigation
 * ##################################
 */
.kck-navigation{
	max-width: 768px;
	width: 100%;
	margin: 0px auto;
	padding: 15px 0;
}

.kck-navigation ul{
	list-style: none;
	display: flex;
	-webkit-display: flex;
	margin: 0;
	padding: 0;
	text-align: center;
}

.kck-navigation ul li{	
	vertical-align: top;
	margin: 0px auto;
}

.kck-navigation ul li{
	background-color: #fff;
	box-shadow: 0 2px 7px 0 rgba(31, 30, 29, 0.22);
	border-radius: 10px;
	padding: 1.5em 1em;
	flex: 0 0 18%;
}

.storefront-handheld-footer-bar ul li,
.storefront-handheld-footer-bar ul li a,
.kck-navigation ul li a{
	color: #b1b1b1;	
}

.storefront-handheld-footer-bar ul li > a{
	text-indent: 1px !important;
	text-decoration: none;
	color: #b1b1b1 !important;	
	font-size: 12px;
	height: 5.236em !important;
}

.kck-navigation ul li a.active,
.storefront-handheld-footer-bar ul li > a.active span{
	color: #0071bc;
}

.storefront-handheld-footer-bar ul li a span{
	display: block;
	text-align: center;
}

.kck-navigation ul li a span::before,
.storefront-handheld-footer-bar ul li a span::before{
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 40px;
}


.kck-navigation ul li.link-targets a span::before,
.storefront-handheld-footer-bar ul li.targets a span::before{
	background-image: url("../images/icons/icon_doelen_color.png");
}

.kck-navigation ul li.link-training a span::before,
.storefront-handheld-footer-bar ul li.training a span::before{
	background-image: url("../images/icons/icon_training_color.png");
}

.kck-navigation ul li.link-energybalance a span::before,
.storefront-handheld-footer-bar ul li.energybalance a span::before{
	background-image: url("../images/icons/icon_voeding_color.png");
}

.kck-navigation ul li.link-measurement a span::before,
.storefront-handheld-footer-bar ul li.measurement a span::before{
	background-image: url("../images/icons/icon_metingen_color.png");
}

.kck-navigation ul li.link-recipes a span::before,
.storefront-handheld-footer-bar ul li.recipes a span::before{
	background-image: url("../images/icons/icon_recepten_color.png");
}


/*
 * ###############################################
 * SMALL TABLET AND LOWER
 * ###############################################
 */

@media screen and ( max-width: 768px ){
	
	.kck-navigation{
		display: none;
	}
	
}


/*
 * ##################################
 * Notice and Error
 * ##################################
 */
.apex-notice{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-left: 10px solid #45a710; 
	background-color: #64ca2c;
	z-index: 9000;
	padding: 8px 20px;
	color: #fff;
	display: none;
}

.apex-error{
	position: fixed;
	top: 0;
	left: 0; 
	width: 100%;
	border-left: 10px solid #ee162b; 
	background-color: #ed5362;
	z-index: 9000;
	padding: 8px 20px;
	color: #fff;
	display: none;
}

/*
 * #################################################
 * Ajax Loader
 * #################################################
 */
.ajax-loader{
	position: fixed;
	background: rgba( 0, 0, 0, 0.3 );
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	z-index: 9999;
}

.ajax-loader img{
	max-width: 150px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform:  translate( -50%, -50% );
}

/*
 * ################################################
 * Custom Section
 * ################################################
 */

/* Progress */
.custom-section{
	background-color: #fff;
	box-shadow: 0 2px 7px 0 rgba(31, 30, 29, 0.22);
	border-radius: 10px;
	margin-bottom: 2em;
	padding: 1em;
}

.custom-section h4{
	display: flex;
	-webkit-display: flex;
	align-content: center;
	align-items: center;
}

.custom-section h4 b{
	color: #515151;
	font-size: 18px;
	margin-right: auto;
	margin-left: 0;
}

.custom-section h4 button{
	margin-right: 0;
	margin-left: 0.5em;
	border-radius: 50%;
	background-color: rgba(0, 157, 222, 0.15);
	font-size: 12px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0;
	color: #0071bc;
	border: none;
	cursor: pointer;
}

.custom-section h4 button.btn-collapse.active i{
	transform: rotate(180deg);
	-webkit-transform: rotate( 180deg );
}

.custom-section .inner{
	overflow: hidden;
	
}

.custom-section .inner.collapse{
	height: 0;
}

@media screen and ( max-width: 768px ){
	
	.custom-section h4 b{
		font-size: 16px;
	}
	
}

/*
 * ###########################################
 * Dashboard
 * ###########################################
 * */
.dashboard-actions{
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 200;
}

.dashboard-actions a{
	border-radius: 50%;
	border: none;
	width: 80px;
	height: 80px;
	bottom: 5px;
	text-align: center;
	font-size: 24px;
	position: relative;
	padding: 0;
	background-image: url('/wp-content/plugins/apex-training/includes/images/icons8-ask-question-64.png');
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	background-color: #fff;
	box-shadow: 0 2px 7px 0 rgba(31, 30, 29, 0.22);
}


@media screen and ( max-width: 1024px ){
	
	.dashboard-actions{
		bottom: 65px;	
	}
	
}

/*  Radials  || Weekly Progress */
#weekly-progress .inner{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#weekly-progress .inner div{
	margin: 0px auto;
	text-align: center;
	flex: 0 0 25%;
}

#weekly-progress .inner div canvas{
	width: 100% !important;
	height: auto !important;
	max-width: 110px;
}

#weekly-progress .inner div .label{
	font-size: 13px;
	color: #bdbdbd;
}

@media screen and ( max-width: 768px ){
	
	#weekly-progress .inner div canvas{
		max-width: 90px;
		width: 100%;
		margin: 0px auto;
	}
}

/* Daily Macros  */
.container-add-new-macros .inner{
	max-width: 768px;
	width: 100%;
	margin: 0px auto;
	margin-bottom: 2em;
}

.container-add-new-macros .inner button{
	width: 100%;
	display: block;
	border-radius: 10px;
	background-color: #0071bc;
	color: #fff;
}

.container-add-new-macros .inner button span{
	display: block;
	font-size: 18px;
}

.container-add-new-macros .inner button span::before{
	content: "";
	width: 29px;
	height: 29px;
	display: inline-block;
	vertical-align: middle;
	background-image: url('../images/icon-daily-nutrition.png');
	margin-right: 10px;
}

#dialog-daily-macros .btn-scrape-myfitnesspal{
	padding: 0 15px;
	background-color: transparent;
	margin-bottom: 10px;
	border: none;
}

#dialog-daily-macros .btn-scrape-myfitnesspal::before{
	content: "\f381";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
}

#dialog-daily-macros table tr:not(:nth-child(5)) td input{
	width: calc( 100% - 40px ) !important;
}

#dialog-daily-macros table tr:not(:nth-child(5)) td::before{
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

#dialog-daily-macros table tr:nth-child(2) td::before{
	background-image: url('../images/Food-Drink-egg.svg');
}

#dialog-daily-macros table tr:nth-child(3) td::before{
	background-image: url('../images/Food-Drink-bread.svg');
}

#dialog-daily-macros table tr:nth-child(4) td::before{
	background-image: url('../images/icon-oil.png');
}

/* Daily Weight */
.container-daily-weight .inner .container-flip-view > div{
	display: none;
}

.container-daily-weight .inner .container-flip-view > div.visible{
	display: block;
}

.container-daily-weight .inner .container-flip-view .list-daily-weight table{
	max-width: 600px;
}

.container-daily-weight .inner .container-flip-view .list-daily-weight table tr td{
	border-bottom: 1px solid rgba(0, 157, 222, 0.15)
}

/*  Stepcounter */
.container-daily-stepcounter .inner .container-flip-view > div{
	display: none;
}

.container-daily-stepcounter .inner .container-flip-view > div.visible{
	display: block;
}

.container-daily-stepcounter .inner .container-flip-view .list tr td{
	border-bottom: 1px solid rgba(0, 157, 222, 0.15);
}

.container-daily-stepcounter .inner .container-flip-view .list .actions button{
	margin-left: 5px;
}

.container-daily-stepcounter .inner .ranking{
	margin-top: 1em;
}

.container-daily-stepcounter .inner .ranking .list{
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
}

.container-daily-stepcounter .inner .ranking .list > div{
	width: 100%;
	display: flex;
	-webkit-display: flex;
	align-items: center;
	align-content: center;
	border-bottom: 1px solid rgba(0, 157, 222, 0.15);
	padding: 8px 5px;
}

.container-daily-stepcounter .inner .ranking .list > div:last-child{
	border-bottom: none;
}

.container-daily-stepcounter .inner .ranking .list div .name{
	font-weight: 700;
}

.container-daily-stepcounter .inner .ranking .list div .name::before{
	content: "";
	width: 25px;
	height: 25px;
	background-image: url('../images/icons/icon-user.png');
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.container-daily-stepcounter .inner .ranking .list div .trophy{
	max-width: 25px;
	margin-left: auto;
	margin-right: 20px;
}

.container-daily-stepcounter .inner .ranking .list div .total-steps{
	margin-right: 0;
	font-weight: 700;
	width: 60px;
	text-align: right;
}

.dashboard-row.row-col-2{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	margin-bottom: 1em;
}

.dashboard-row.row-col-2 > a{
	flex: 0 0 48%;
	position: relative;
	padding-top: 32%;
	box-shadow: 0 2px 7px 0 rgba(31, 30, 29, 0.22)
}

.dashboard-row.row-col-2 > a{
	color: #fff;
	background-size: cover;
}

.dashboard-row.row-col-2 > a::after{
	content: "";
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba( 0, 0, 0, 0.4 );
}

.dashboard-row.row-col-2 > a:first-child{
	margin-right: 2%;
	margin-left: 0;
}

.dashboard-row.row-col-2 > a:last-child{
	margin-right: 0;
	margin-left: 2%;
}

.dashboard-row.row-col-2 > a .content{
	position: absolute;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 3em;
}

.dashboard-row.row-col-2 > a .title{
	font-size: calc( 14px + 0.8vw );
	text-transform: uppercase;
	line-height: calc( 14px + 0.8vw );
	font-weight: 700;
	margin-bottom: 10px;
}

.dashboard-row.row-col-2 > a .subtitle{
	font-size: calc( 14px + 0.2vw );
	line-height: calc( 10px + 0.6vw );
	line-height: 24px;
	margin-bottom: 15px;
}

.dashboard-row.row-col-2 > a button{
	display: inline-block;
	width: 150px;
	text-align: center;
}

.dashboard-row.row-col-2 > a img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

@media screen and ( max-width: 768px ){
	.dashboard-row.row-col-2 > a .content{
		padding: 0 1em;
	}
}

@media screen and ( max-width: 600px ){
	
	.dashboard-row.row-col-2 > a{
		flex: 0 0 100%;
		padding-top: 90%;
		margin: 0;
		margin-bottom: 1em;
	}
	
	.dashboard-row.row-col-2 > a:last-child{
		margin-left: 0;
	}
	
}

@media screen and ( min-width: 768px ){
	
	.container-daily-stepcounter .inner{
		display: flex;
		-webkit-display: flex;
		flex-wrap: wrap;
	}
	
	.container-daily-stepcounter .inner > div{
		flex: 0 0 49%;	
	}	
	
	.container-daily-stepcounter .inner > div:last-child{
		margin-left: auto;
		margin-right: 0;
	}
	
}


/*
 * Sectie Comments
 */
#notification-comment{
	margin-bottom: 2em;
}

#notification-comment .inner a{
	background-color: rgba(237, 83, 98, 0.15);
	padding: 2em 1em;
	max-width: 414px;
	margin: 0px auto;
	border-radius: 5px;
	display: block;
}

#notification-comment .inner img{
	max-width: 120px;
	margin: 0px auto;
}

#notification-comment .inner p{
	margin-bottom: 0;
	color: rgba(237, 83, 98, 1);
	text-align: center;
	font-weight: 700;
	margin-top: 1em;
	font-size: 18px;
}

#list-notifications .item-comment{
	padding: 1em;
}

#list-notifications .item-comment:not(:last-child){
	border-bottom: 1px solid #b1b1b1;
}

#list-notifications .item-comment .aerc_comment,
#list-notifications .item-comment .aerc_response{
	margin-bottom: 1em;
}

#list-notifications .item-comment .aerc_comment b{
	display: block;
}

#list-notifications .item-comment .aerc_response b{
	display: block;
}

#section-comments .container-list-comments .header,
#section-comments .container-list-comments .item-comment{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#section-comments .container-list-comments .header > div{
	flex: 0 0 33.3333%;
	font-weight: 700;
}

#section-comments .container-list-comments .item-comment{
	margin-bottom: 1em;
	
}

#section-comments .container-list-comments .item-comment:not(:last-child){
	border-bottom: 1px solid #1b1b1b;
}

#section-comments .container-list-comments .item-comment > div{
	flex: 0 0 33.3333%;
}

#section-comments .container-list-comments .item-comment > div button{
	background-color: transparent;
	padding-left: 0;
	border: none;
}

#section-comments .container-list-comments .item-comment > div button i{
	margin-right: 5px;
}

@media screen and ( max-width: 768px ){
	
	#section-comments .container-list-comments .header > div:not(:first-child){
		display: none;
	}
	
	#section-comments .container-list-comments .item-comment{
		align-items: center;
	}
	
	#section-comments .container-list-comments .item-comment > div:first-child{
		flex: 0 0 100%;
	}
	
}


/*
 * ################################################################
 * Goals | Doelen | Targets
 * ################################################################
 */
/* Form Goal */
#form-member-goal table tr th,
#form-member-goal table tr td{
	display: block;
}

.dialog-add-subgoal{
	display: none;
}

/* Overview Subgoal */
.overview-subgoal .inner .list {
	width: 100%;
}

.overview-subgoal .inner .header{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

.overview-subgoal .inner .header > div{
	font-weight: 700;
	color: #515151;
	flex: 0 0 25%;
}

.overview-subgoal .inner .header > div.column-goal-title{
	flex: 0 0 45%;
}

.overview-subgoal .inner .header > div.column-goal-start{
	margin-left: auto;
}

.overview-subgoal .inner .header > div.column-actions{
	margin-right: 0;
}

.overview-subgoal .inner .header > div.column-goal-start,
.overview-subgoal .inner .header > div.column-goal-end,
.overview-subgoal .inner .header > div.column-actions{
	flex: 0 0 120px;
}

.overview-subgoal .inner .list .item-subgoal{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	margin-bottom: 1em;
	padding: 1em 0; 
	border-bottom: 1px solid #b1b1b1;
}

.overview-subgoal .inner .list .item-subgoal.completed{
	color: #5ec4a4;
}

.overview-subgoal .inner .list .item-subgoal .column-goal-title{
	flex: 0 0 45%;
}

.overview-subgoal .inner .list .item-subgoal .column-goal-start{
	margin-left: auto;
}

.overview-subgoal .inner .list .item-subgoal .column-goal-start,
.overview-subgoal .inner .list .item-subgoal .column-goal-end{
	flex: 0 0 120px;
	padding: 5px 0;
}

.overview-subgoal .inner .list .item-subgoal .column-actions{
	text-align: right;
	flex: 0 0 120px;
	margin-right: 0;
	margin-top: 1em;
}

.overview-subgoal .inner .list .item-subgoal .column-actions button{
	margin-left: 5px;
}

.overview-subgoal .tabcontent-child{
	display: none;
}

.overview-subgoal .tabcontent-child.active{
	display: block;
}


@media screen and ( max-width: 768px ){
	
	.overview-subgoal .inner .header .column-goal-start,
	.overview-subgoal .inner .header .column-goal-end{
		display: none;
	}
	
	.overview-subgoal .inner .list .item-subgoal:last-child{ 
		border: none;
	}
	
	.overview-subgoal .inner .list .item-subgoal .column-goal-title{
		flex: 0 0 100%;
		margin-bottom: 10px;
	}
	
	.overview-subgoal .inner .list .item-subgoal .column-goal-start{
		margin-left: 0;
		margin-right: 1em;
	}
	
	.overview-subgoal .inner .list .item-subgoal .column-goal-end{
		margin-right: auto;
	}
	
	.overview-subgoal .inner .list .item-subgoal .column-goal-start::before{
		content: "Start:";
		font-weight: 700;
		color: #515151;
		margin-right: 10px;
	}
	
	.overview-subgoal .inner .list .item-subgoal .column-goal-end::before{
		content: "Eind:";
		color: #515151;
		font-weight: 700;
		margin-right: 10px;
	}

}


@media screen and ( max-width: 414px ){
	
	.overview-subgoal .inner .list .item-subgoal .column-actions{
		margin-left: 0;
		margin-right: auto;
		text-align: left;
	}
	
	.overview-subgoal .inner .list .item-subgoal .column-actions button{
		margin-left: 0;
		margin-right: 5px;
	}
	
}

/*
 * ####################################################################
 * Member Scheme Frontend
 * ####################################################################
 */

#container-member-scheme{
	position: relative;
}

#container-member-scheme .navigation{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
}

#container-member-scheme .navigation button{
	position: absolute;
	border-radius: 50%;
	background-color: rgba(0, 157, 222, 0.15);
	border: none;
	color: #0071bc;
	padding: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

#container-member-scheme .navigation .nav-prev{
	left: 20px;
}

#container-member-scheme .navigation .nav-next{
	left: auto;
	right: 20px;
}

.list-member-scheme-days .slick-list{
	padding: 1em 0;
}

.list-member-scheme-days > .slick-prev,
.list-member-scheme-days > .slick-next{
	position: absolute;
	top: 32px;
}

.list-member-scheme-days > .slick-prev::before,
.list-member-scheme-days > .slick-next::before{
	color: #0071bc;
}

.list-member-scheme-days .member-scheme-day{
	display: none;
}

.list-member-scheme-days .member-scheme-day.active-day{
	display: block;
}

.list-member-scheme-days .member-scheme-day .header{
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 1.5em;
}

.list-member-scheme-days .member-scheme-day .header .i_selected_day{
	display: block;
	clear: both;
}

.list-member-scheme-days .member-scheme-day .header .active_day{
	font-size: 16px;
	font-weight: 500;
}

.list-member-scheme-days .member-scheme-day .list-exercises{
	padding: 0 15px;
}


.list-member-scheme-days .member-scheme-day .list-exercises .item{
	color: #515151;	
	background-color: #fff;
	border-radius: 10px;
	padding: 1em;
	box-shadow: 0 2px 7px 0 rgba(31, 30, 29, 0.22);
	margin-bottom: 1em;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-header{
	display: flex;
	-webkit-display: flex;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 20px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-header .ams-order{
	margin-right: 10px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-header .ams-training-name{
	flex-grow: 1;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-image{
	max-width: 19%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1%;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-image img{
	max-width: 100%;
	width: 100%;
	cursor: pointer;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-image .ams-method{
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #0071bc;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase; 
	display: block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results{
	display: inline-block;
	vertical-align: middle;
	width: 78%;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .txt-no-exercise-result{
	color: #b1b1b1;
	text-align: center;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .header-results{
	display: inline-block;
	width: 30px;
	vertical-align: middle;
	height: 118px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .header-results span{
	display: block;
	line-height: 34px;
	font-weight: 700;
}


.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .header-results.no-kg{
	height: 85px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list{
	display: inline-block;
	width: calc( 100%  - 35px );
	vertical-align: middle;
	visibility: hidden;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list.slick-initialized{
	visibility: visible;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results {
	margin: 0px auto;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets {
	display: flex;
	webkit-display: flex;
	justify-content: center;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set{
	text-align: center;
	vertical-align: top;
	color: #fff;	
	overflow: hidden;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set > div{
	background-color: #0071bc;	
	padding: 5px 8px;
	margin-bottom: 2px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set:first-child > div:first-child{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set:last-child > div:first-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set:first-child > div:nth-child(2){
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set:last-child > div:nth-child(2){
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set:first-child > div:last-child{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set:last-child > div:last-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set > div{
	border-right: 1px solid rgba( 255, 255, 255, 0.08)
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .actions{
	margin-top: 10px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .slick-track{
	margin-left: 0;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom{
	display: flex;
	-webkit-display: flex;
	margin-top: 10px;
	align-content: center;
	justify-content: center;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .item-actions{
	position: relative;
	margin-right: 0;
	margin-left: 20px;
	display: flex;
	-webkit-display: flex;
	align-content: center;
	justify-content: flex-end;
	align-items: center;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .item-actions .item-actions-submenu{
	display: none;
	position: absolute;
	top: 45px;
	right: 0;
	width: 15em;
	overflow: hidden;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .item-actions > button{
	margin: 0 5px ;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .item-actions .column-admin-actions{
	margin-left: 5px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .item-actions-submenu.show{
	display: block;	
	border: 1px solid #0071bc;
	z-index: 301 !important;
	border-radius: 10px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .item-actions-submenu button{
	display: block;
	width: 100%;
	background-color: #fff;
	color: #0071bc;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .item-actions-submenu button:hover{
	background-color: #0071bc;
	color: #fff;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .weight-advice{
	margin: 0px auto;
	text-align: center;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .weight-advice h3{
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 0px;
}

.list-member-scheme-days .member-scheme-day .list-exercises .item .item-bottom .weight-advice .weight-advice-value{
	color: #d26d0a;
	font-size: 24px;
	font-weight: 900;
	line-height: 22px;
}


@media screen and ( max-width: 768px ){
	
	.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-image{
		width: 100%;
		display: block;
		max-width: 100%;
		margin-bottom: 10px;
	}
	
	.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results{
		width: 100%;
		display: block;
		font-size: 12px;
	}
	
	.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .header-results span{
		line-height: 32px;
	}
	
	.list-member-scheme-days .member-scheme-day .list-exercises .item .item-middle .ams-results .list .day-results .result-sets .result-set > div{
		padding: 5px;
	}
	
	.slick-prev{
		left: 0 !important;
	}
	
	.slick-next{
		right: 0 !important;
	}
	
}

.member-scheme-actions{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 200;
}

.member-scheme-actions .btn-action-green{
	background: rgb(35,146,7);
	background: -moz-linear-gradient(0deg, rgba(35,146,7,1) 0%, rgba(22,196,42,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(35,146,7,1) 0%, rgba(22,196,42,1) 100%);
	background: linear-gradient(0deg, rgba(35,146,7,1) 0%, rgba(22,196,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#239207",endColorstr="#16c42a",GradientType=1);
	border-radius: 50%;
	border: none;
	width: 80px;
	height: 80px;
	bottom: 5px;
	text-align: center;
	font-size: 24px;
	position: relative;
	padding: 0;
}

.member-scheme-actions .btn-action-green i{
	color: #fff;
}

.member-scheme-actions .btn-action-red{
	background: rgb(206,35,36);
	background: -moz-linear-gradient(0deg, rgba(206,35,36,1) 0%, rgba(215,25,51,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(206,35,36,1) 0%, rgba(215,25,51,1) 100%);
	background: linear-gradient(0deg, rgba(206,35,36,1) 0%, rgba(215,25,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce2324",endColorstr="#d71933",GradientType=1);
	border-radius: 50%;
	border: none;
	width: 35px;
	height: 35px;
	bottom: 45px;
	right: 5px;
	text-align: center;
	position: relative;
	padding: 0;
}

.member-scheme-actions .btn-action-red i{
	color: #fff;
}

@media screen and ( max-width: 1024px ){
	
	.member-scheme-actions{
		bottom: 65px;	
	}
	
}
/*
 * #############################################
 * Member Scheme add Results
 * #############################################
 */
#dialog-add-result table{
	width: 100%;	
}

#dialog-add-result button.btn-add-set{
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	background-color: #5ec4a4;
	color: #fff;
	padding: 8px 10px;
	border: none;
}

#dialog-add-result button.btn-add-set i{
	margin-left: 10px;
	font-size: 12px;
}

#dialog-add-result button.btn-add-set:hover{
	opacity: 0.8;
}

#dialog-add-result .row{
	margin-bottom: 1em;
}

#dialog-add-result .row label{
	font-weight: 700;
	margin-bottom: 5px;
	color: #515151;
	display: block;
}

/*
 * #############################################
 * Member Scheme add Exercise To Scheme
 * #############################################
 */
#dialog-add-custom-member-scheme-exercise .video-overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9000;
	background-color: rgba( 0, 0, 0, 0.7 );
	display: none;
}

#dialog-add-custom-member-scheme-exercise .video-overlay .popup-exercise-video{
	z-index: 9001;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate( -50%, -50% );
	max-width: 1024px;
	width: 90%;
}

#dialog-add-custom-member-scheme-exercise .video-overlay .popup-exercise-video iframe{
	width: 1024px;
	height: 380px;
}

@media screen and ( max-width: 600px ){
	
	#dialog-add-custom-member-scheme-exercise .video-overlay .popup-exercise-video{
		max-width: 400px;	
	}
	
	#dialog-add-custom-member-scheme-exercise .video-overlay .popup-exercise-video iframe{
		width: 500px;
	}
	
}


#dialog-add-custom-member-scheme-exercise .header > div{
	margin-bottom: 1em;
}

#dialog-add-custom-member-scheme-exercise .header div.header-filters .filters{
	display: flex;
	-webkit-display: flex;
	align-content: center;
}

#dialog-add-custom-member-scheme-exercise .header div.header-filters .filters .filter{
	flex: 0 0 49%;
}

#dialog-add-custom-member-scheme-exercise .header label{
	font-weight: 700;
	color: #515151;
	margin-bottom: 5px;
	display: block;
}

#dialog-add-custom-member-scheme-exercise .header select{	
	padding: 0 5px;
}

#dialog-add-custom-member-scheme-exercise .header div.header-filters .filters .filter:first-child{
	margin-right: 1%;
}

#dialog-add-custom-member-scheme-exercise .header div.header-filters .filters .filter:last-child{
	margin-left: 1%;
}

#dialog-add-custom-member-scheme-exercise .header div.header-filters .filters .filter select{
	width: 100%;
}

#dialog-add-custom-member-scheme-exercise .list-exercises tr td{
	border-bottom: 1px solid rgba(0, 157, 222, 0.15);
	padding: 7px 2px !important;
}

#dialog-add-custom-member-scheme-exercise .list-exercises tr td button.btn-add{
	background-color: #5ec4a4;
	color: #fff;
}

#dialog-add-custom-member-scheme-exercise .list-exercises tr td button.btn-add:hover,
#dialog-add-custom-member-scheme-exercise .list-exercises tr td button.btn-add:focus{
	opacity: 0.8;
}


#dialog-add-custom-member-scheme-exercise .list-exercises tr td button.btn-add.selected{
	background-color: rgba(22,196,42,1);
}



/*
 * #############################################
 * Member Scheme Exercise Result Response
 * #############################################
 */
#dialog-exercise-comments .item-comment:not(:last-child){
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(0, 157, 222, 0.15);
}

#dialog-exercise-comments .item-comment .comment{
	margin-bottom: 10px;
}

#dialog-exercise-comments .item-comment .date{
	font-size: 10px;
	font-style: italic;
	color: #b1b1b1;
}

#dialog-exercise-comments .item-comment label{
	font-weight: 700;
	color: #515151;
	display: block;
	border-bottom: 1px solid #515151;
}


/*
 * #################################################
 * Create Custom Member Scheme
 * #################################################
 */

#form-add-custom-member-scheme{
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 2px 7px 0 rgba(31, 30, 29, 0.22);
	border: none;
	margin-top: 1em;
}

#form-add-custom-member-scheme #list-custom-member-scheme-template-block.collapse{
	height: 0;
	overflow: hidden;
}

#form-add-custom-member-scheme #list-custom-member-scheme-template-block .filters {
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#form-add-custom-member-scheme #list-custom-member-scheme-template-block .filters .filter{
	flex: 0 0 23.5%;
	margin: 0 1%;
}

#form-add-custom-member-scheme #list-custom-member-scheme-template-block .filters .filter:nth-child(2){
	margin-left: 0;
}

#form-add-custom-member-scheme #list-custom-member-scheme-template-block .filters .filter:nth-child(5){
	margin-right: 0;
}


#form-add-custom-member-scheme #list-custom-member-scheme-template-block .filters .filter:first-child{
	flex: 0 0 100%;
	margin: 0;
	margin-bottom: 1em;
}


@media screen and ( max-width: 768px ){
	
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block .filters .filter{
		flex: 0 0 49%;
		margin: 0 1%;
		margin-bottom: 1em;
	}
	
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block .filters .filter:nth-child(4){
		margin-left: 0;
	}
	
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block .filters .filter:nth-child(3){
		margin-right: 0;
	}

	
}

#form-add-custom-member-scheme #list-custom-member-scheme-template-block .item-template-block td.action button{
	margin-left: 5px;
}

#form-add-custom-member-scheme #list-custom-member-scheme-template-block .item-template-block.selected td.action button.btn-add{
	background-color: rgba(22,196,42,1);
	color: #fff;
}

#form-add-custom-member-scheme #list-custom-member-scheme-template-block .item-template-block.selected td.action button.btn-add::after{
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	line-height: 31px;
}

#form-add-custom-member-scheme #list-custom-member-scheme-template-block .item-template-block.selected td.action button.btn-add i{
	display: none;
}

@media screen and ( max-width: 1024px ){
	
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block table thead tr th.column-gender,
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block table thead tr th.column-level,
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block table thead tr th.column-type,
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block .item-template-block .column-gender,
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block .item-template-block .column-level,
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block .item-template-block .column-type{
		display: none;
	}
	
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block table tr td{
		padding-right: 10px !important;
	}
	
	#form-add-custom-member-scheme #list-custom-member-scheme-template-block table tr td.action{
		width: 85px;
	}
	
}


#form-add-custom-member-scheme  .preview-list-template-block{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item{
	flex: 0 0 23.5%;
	margin: 0 1%;
	margin-bottom: 1em;
}

#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item label{
	font-weight: 700;
	margin-right: 5px;
	color: #515151;
}

#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item .atbe-image{
	max-width: 100%;
	width: 100%;
}

#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item .atbe-image img{
	width: 100%;
}

#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item .atbe-exercise-name{
	margin-top: 10px;
	border-bottom: 1px solid #515151;
	font-style: italic;
	min-height: 50px;
}


@media screen and ( min-width: 768px ){
	
	#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item:nth-child(4n){
		margin-left: 0;
		margin-right: 1%;
	}
	
	#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item:nth-child(4n+1){
		margin-right: 0;
		margin-left: 1%;
	}c
	
}

@media screen and ( max-width: 768px ){
	
	#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item{
		flex: 0 0 49%;
	}
	
	#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item:nth-child(odd){
		margin-left: 0;
		margin-right: 1%;
	}
	
	#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item:nth-child(even){
		margin-right: 0;
		margin-left: 1%;
	}
}

@media screen and ( max-width: 441px ){
	
	#form-add-custom-member-scheme  .preview-list-template-block .preview-block-item{
		flex: 0 0 100%;
	}
	
}


/*
 * ###########################################################
 * Energybalance | Nutrition | Energiebalans
 * ###########################################################
 */
.tabcontent#energybalance > .inner > div{
	margin-bottom: 1em;
}

.tabcontent#energybalance > .inner .layout-3-columns {
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

.tabcontent#energybalance > .inner .layout-3-columns > div {
	flex: 0 0 100%;
}

.tabcontent#energybalance > .inner .layout-3-columns > div#energybalance-checklist{
	list-style: none;
	margin-left: 0;
}

.tabcontent#energybalance > .inner #form-myfitnesspal{
	padding: 5px;
}

.tabcontent#energybalance > .inner #form-myfitnesspal button[type="submit"]{
	margin-top: 1em;
}

 div#energybalance-checklist .list button{
	display: block;
	clear: both;
	margin-bottom: 5px;
	background-color: transparent;
	border: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
}

div#energybalance-checklist .list button::before{
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #515151;
	margin-right: 10px;
}

div#energybalance-checklist .list button.checked::before{
	color: #5ec4a4;
}

div#energybalance-checklist .list-daily-needs-checklist{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

div#energybalance-checklist .list-daily-needs-checklist li{
	padding: 5px 0;
}

div#energybalance-checklist .list-daily-needs-checklist li a{
	color: #515151;
}

.link-recovery{
	margin-bottom: 1em;
}

.energybalance-actions{
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 200;
}

.energybalance-actions a{
	background-color: #0071bc;
	border-radius: 50%;
	border: none;
	width: 80px;
	height: 80px;
	bottom: 5px;
	text-align: center;
	font-size: 24px;
	position: relative;
	padding: 0;
	display: inline-block;
	padding: 10px;
	background-image: url("/wp-content/uploads/2020/08/mfp-logo-small.png");
	background-position: center;
	background-size: 72%;
	background-repeat: no-repeat;
}

.energybalance-actions a:hover,
.energybalance-actions a:focus{
	opacity: 0.8;
}

@media screen and ( max-width: 1024px ){
	
	.energybalance-actions{
		bottom: 65px;	
	}
	
}

@media screen and ( min-width: 1024px ){
	
	.tabcontent#energybalance > .inner .layout-3-columns > div{
		margin: 0 auto;
		flex: 0 0 32.3333%;
	}
	
	.tabcontent#energybalance > .inner .layout-3-columns > div:first-child{
		margin-right: 1%;
		margin-left: 0;
	}
	
	.tabcontent#energybalance > .inner .layout-3-columns > div:last-child{
		margin-left: 1%;
		margin-right: 0;
	}
	
}


/*
 * ##################################################
 * Energybalans Overview
 * ##################################################
 */
#list-overview-macros table{
	width: 100%;
}

#list-overview-macros table tr th{
	text-align: left;
}

#list-overview-macros table tr td span.goal_failed{
	color: red;
}

#list-overview-macros table tr td span.goal_success{
	color: #5ec4a4;
}


@media screen and ( max-width: 768px ){
	
	#list-overview-macros .mobile-hide{
		display: none;	
	}
	
}


/*
 * ##################################################
 * Metingen / Measurement
 * ##################################################
 */
#container-flip-full-measurement-overview > div{
	height: 0;
	overflow: hidden;
}

#container-flip-full-measurement-overview > div.visible{
	height: auto;
}

#container-flip-full-measurement-overview .google-chart{
	margin-bottom: 1em;
}

/* List Full Measurement */
#container-flip-full-measurement-overview .list .header{
	display: flex;
}

#container-flip-full-measurement-overview .list .header{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#container-flip-full-measurement-overview .list .header > div{
	flex: 0 0 18%;
	font-weight: 700;
	color: #515151;
}

#container-flip-full-measurement-overview .list .header > div.actions{
	flex: 0 0 28%;
}

#container-flip-full-measurement-overview .list .item_measurement{
	padding: 0.4em 0;
	border-bottom: 1px solid #b1b1b1;
}

#container-flip-full-measurement-overview .list .item_measurement .info{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#container-flip-full-measurement-overview .list .item_measurement .info > div{
	flex: 0 0 18%;
}

#container-flip-full-measurement-overview .list .item_measurement .info > div.actions{
	text-align: right;
	flex: 0 0 28%;
}

#container-flip-full-measurement-overview .list .item_measurement .info > div.actions button{
	margin-left: 5px;
}

#container-flip-full-measurement-overview .list .item_measurement .additional{
	display: none;
	flex:  0 0 100%;
}

#container-flip-full-measurement-overview .list .item_measurement .additional.active{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#container-flip-full-measurement-overview .list .item_measurement .additional > div{
	flex: 0 0 50%;
	display: flex;
	-webkit-display: flex;
}

#container-flip-full-measurement-overview .list .item_measurement .additional > div label{
	font-weight: 600;
	flex: 0 0 66.6666%;
}

@media screen and ( max-width: 768px ){
	
	#container-flip-full-measurement-overview .list .item_measurement .additional{
		flex-direction: column
	}
	
	#container-flip-full-measurement-overview .list .item_measurement .additional > div{
		align-items: center;
	}
	
	#container-flip-full-measurement-overview .list .header > div{
		flex: 0 0 25%;
	}
	
	#container-flip-full-measurement-overview .list .header > div.actions{ 
		flex: 0 0 100%;
	}
	
	#container-flip-full-measurement-overview .list .item_measurement .info > div{
		flex: 0 0 25%;
	}
	
	#container-flip-full-measurement-overview .list .item_measurement .info > div.actions{
		flex: 0 0 100%;
		text-align: left;
		margin: 10px 0;
	}
	
	#container-flip-full-measurement-overview .list .item_measurement .info > div.actions button{
		margin-left: 0;
		margin-right: 5px;
	}
	
}


/* List Daily Measurement */
#list-overview-daily-measurement table{
	width: 100%;	
}

#list-overview-daily-measurement table tr th{
	text-align: left;
}

#list-overview-daily-measurement table tr .year{
	display: none;
}

#list-overview-daily-measurement table tr td{
	border-bottom: 1px solid #b1b1b1;
}

#list-overview-daily-measurement table tr td.goal_failed{
	color: red; 
}

#list-overview-daily-measurement table tr td.goal_success{
	color: #5ec4a4;
}

.measurement-actions{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 200;
}

.measurement-actions .btn-action-green{
	background: rgb(35,146,7);
	background: -moz-linear-gradient(0deg, rgba(35,146,7,1) 0%, rgba(22,196,42,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(35,146,7,1) 0%, rgba(22,196,42,1) 100%);
	background: linear-gradient(0deg, rgba(35,146,7,1) 0%, rgba(22,196,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#239207",endColorstr="#16c42a",GradientType=1);
	border-radius: 50%;
	border: none;
	width: 80px;
	height: 80px;
	bottom: 15px;
	text-align: center;
	font-size: 24px;
	position: relative;
	padding: 0;
	right: 15px;
}

.measurement-actions .btn-action-green i{
	color: #fff;
}

@media screen and ( max-width: 768px ){
	
	.measurement-actions{
		bottom: 60px;	
	}
	
	#list-overview-daily-measurement tr .mobile-hide{
		display: none;
	}
	
}

/* Instructie videos Metingen */
.instruction-measurement{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

.instruction-measurement > div{
	flex : 0 0 33.3333%;
	text-align: center;
}

.instruction-measurement > div h4{
	font-size: calc( 12px + 0.3vw );
}

@media screen and ( max-width: 768px ){
	
	.instruction-measurement > div{
		flex : 0 0 100%;
	}
	
}


/*
 * ###################################
 * Form Measurement / Meting
 * ###################################
 */
#dialog-measurement{
	display: none;
}

#form-measurement input[type="text"],
#form-measurement input[type="number"],
#form-measurement input[type="date"]{
	width: calc( 95% - 50px ) !important;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

#form-measurement tr:not(.row-image):not(.ios-notification) td:nth-child(1){
	width: 125px;
	display: inline-block;
}

.wp-admin #form-measurement tr:not(.row-image):not(.ios-notification) td:nth-child(2){
	width: 100px;
}

#form-measurement tr.ios-notification td p{
	width: 90%;
}

#form-measurement .row-image td label{
	display: block;
	font-weight: 600;
	
}

#form-measurement .preview-image,
#form-measurement .input_upload_file{
	display: inline-block;
	vertical-align: middle;
}

#form-measurement .preview-image img{
	max-width: 80px;
}

/*
 * ############################################
 * Dialog Skin Fold Measurement
 * ############################################
 */
#dialog-skin-fold-measurement .skin-fold-measurement-options{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#dialog-skin-fold-measurement .skin-fold-measurement-options button{
	flex: 0 0 48%;
	background-color: transparent;
	border: 1px solid #b1b1b1;
}

#dialog-skin-fold-measurement .skin-fold-measurement-options button:first-child{
	margin-right: 0;
}

#dialog-skin-fold-measurement .skin-fold-measurement-options button:last-child{
	margin-left: auto;
}

#dialog-skin-fold-measurement .skin-fold-measurement-options button img{
	max-width: 100%;
}

#dialog-skin-fold-measurement .container-skin-fold-measurement{
	display: none;
}

/*
 * ############################################
 * Compare Measurement
 * ############################################
 */
#container-compare-measurement{
	position: fixed;
	display: none;
	left: -9999;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f1f3f4;
	transition: 0.5s;
	z-index: 2000;
}

#container-compare-measurement.active{
	display: block;
	left: 0;
	z-index: 
}

#container-compare-measurement .header{
	background-color: #0071bc;
	padding: 5px 15px;
}

#container-compare-measurement .header .inner{
	max-width: 1200px;
	margin: 0px auto;
	padding: 5px 15px;
	display: flex;
	-webkit-display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: center
	color: #fff;
}

#container-compare-measurement .header .inner button{
	background-color: transparent;
	color: #fff;
	border: none;
	font-size: 14px;
}

#container-compare-measurement .container-compare-images{
	background-color: #fff;
	border-radius: 10px;
	height: calc( 100% - 72px );
	overflow-y: scroll;
}

#container-compare-measurement .container-compare-images .inner{
	max-width: 1200px;
	padding: 15px;
	margin: 0px auto;
}

#container-compare-measurement .container-compare-images .compare-images{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#container-compare-measurement .container-compare-images .compare-images .image-left > div,
#container-compare-measurement .container-compare-images .compare-images .change-pov button.btn-change-pov > img,
#container-compare-measurement .container-compare-images .compare-images .image-right > div{
	display: none;
	text-align: center;
}

#container-compare-measurement .container-compare-images .compare-images .image-left > div.active,
#container-compare-measurement .container-compare-images .compare-images .change-pov button.btn-change-pov > img.active,
#container-compare-measurement .container-compare-images .compare-images .image-right > div.active{
	display: block;
}

#container-compare-measurement .container-compare-images .compare-images .image-left > div img,
#container-compare-measurement .container-compare-images .compare-images .image-right > div img{
	margin: 0px auto;
	max-width: 100%;
	max-height: 450px;
}

#container-compare-measurement .container-compare-images .compare-images .image-left{
	margin-left: 0;
	margin-right: auto;
	flex: 0 0 40%;
}

#container-compare-measurement .container-compare-images .compare-images .change-pov{
	margin: 0px auto;
	flex: 0 0 20%;
}

#container-compare-measurement .container-compare-images .compare-images .image-right{
	margin-left: auto;
	margin-right: 0;
	flex: 0 0 40%;
}

#container-compare-measurement .container-compare-images .compare-images .change-pov button.btn-change-pov{
	background-color: transparent;
}

#container-compare-measurement .container-compare-images .compare-images .change-pov button.btn-change-pov img{
	max-width: 100%;
}

#container-compare-measurement .container-compare-images .inner .compare-data .table-compare-data{
	max-width: 768px;
	margin: 0px auto;
}

#container-compare-measurement .container-compare-images .inner .compare-data .table-compare-data tr td:nth-child(2){
	text-align: center;
}

#container-compare-measurement .container-compare-images .inner .compare-data .table-compare-data tr td:nth-child(3){
	text-align: right;
}

#container-compare-measurement .measurement-overview-page{
	display: none;
	background-color: #f1f3f4;
}

#container-compare-measurement .measurement-overview-page.active{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

#container-compare-measurement .measurement-overview-page .header .inner span{
	color: #fff;
	margin-right: auto;
	margin-left: 0;
}

#container-compare-measurement .measurement-overview-page .content{
	max-width: 1200px;
	margin: 0px auto;
	padding: 15px;
	overflow-y: scroll;
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	height: calc( 100% - 71px );
}

#container-compare-measurement .measurement-overview-page .content button{
	float: none;
	position: relative;
	margin-bottom: 1em;
	background-color: transparent;
	padding: 0;
	border: none;
	flex: 0 0 23%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

#container-compare-measurement .measurement-overview-page .content button img{
	margin: 0px auto;
}


@media screen and ( max-width: 600px ){
	
	#container-compare-measurement .measurement-overview-page .content button{
		flex: 0 0 49%;
	}
	
	#container-compare-measurement .measurement-overview-page .content button:nth-child(odd){
		margin-right: 1%;
		margin-left: 0;
	}
	
	#container-compare-measurement .measurement-overview-page .content button:nth-child(even){
		margin-left: 1%;
		margin-right: 0;
	}
	
}

@media screen and ( max-width: 768px ){
	
	
	#container-compare-measurement .container-compare-images .compare-images > div{
		flex: 0 0 49%;;
	}
		
	#container-compare-measurement .container-compare-images .compare-images > div.change-pov{
		order: 3;
		position: relative;
		flex: 0 0 100%;
		text-align: center;
	}
	
	#container-compare-measurement .container-compare-images .compare-images > div.change-pov img{
		max-width: 85px !important;
	}
	
}

@media screen and ( min-width: 600px ) and ( max-width: 980px ){
	
	#container-compare-measurement .measurement-overview-page .content button{
		flex: 0 0 32.333%;
	}
	
	#container-compare-measurement .measurement-overview-page .content button:nth-child(3n+1){
		margin-right: 1%;
		margin-left: 0;
	}
	
	#container-compare-measurement .measurement-overview-page .content button:nth-child(3n){
		margin-left: 1%;
		margin-right: 0;
	}
}

@media screen and ( min-width: 980px ) and ( max-width: 1200px ){
	
	#container-compare-measurement .measurement-overview-page .content button{
		margin: 0px auto;
		margin-bottom: 2em;		
		flex: 0 0 23%;
	}
	
	#container-compare-measurement .measurement-overview-page .content button:nth-child(4n+1){
		margin-right: 1%;
		margin-left: 0;
	}
	
	#container-compare-measurement .measurement-overview-page .content button:nth-child(4n){
		margin-left: 1%;
		margin-right: 0;
	}
	
}

@media screen and ( min-width: 1200px ){
	
	#container-compare-measurement .measurement-overview-page .content button{
		margin: 0px auto;
		margin-bottom: 2em;
		flex: 0 0 18.5%;
	}
	
	#container-compare-measurement .measurement-overview-page .content button:nth-child(5n+1){
		margin-right: 1%;
		margin-left: 0;
	}
	
	#container-compare-measurement .measurement-overview-page .content button:nth-child(5n){
		margin-left: 1%;
		margin-right: 0;
	}
	
}

/*
 * #########################################################
 * Recepten / Recipes
 * #########################################################
 */
#dialog-add-recipe-to-recipe-scheme,
#dialog-create-recipe-scheme{
	display: none;
}

/*
 * #########################################################
 * RECEPT PAGINA SINGLE
 * ###########################################################
 */
.recipe-header-image{
	height: 300px;
	width: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}

.recipe-header-image .overlay{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.69+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.69) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.69) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.69) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b0000000',GradientType=0 ); /* IE6-9 */
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;

}

.recipe-header-image .overlay h1{
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	max-width: 1140px;
	width: 100%;
	transform: translateX( -50% );
	margin: 0px auto;
	position: absolute;
	bottom: 20px;
	left: 50%;
	padding: 0 15px;
	text-transform: uppercase;
}

.rating-lg{
	font-size: 18px !important;
}

.section-rating .rating{
	position: relative;
}

.section-rating .rating .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.section-rating .rating .caption{
	display: none !important;
}

.recipe-container .recipe-info .nutritions{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

.recipe-container .recipe-info .nutritions > div{
	flex: 0 0 49%;
	text-align: center;
}

.recipe-container .recipe-info .nutritions > div i,
.recipe-container .recipe-info .nutritions > div img{
	margin-right: 10px;
	font-size: 35px;
	color: #555;
}

.recipe-container .recipe-info .nutritions > div img,
.recipe-container .recipe-info .nutritions > div i,
.recipe-container .recipe-info .nutritions > div .nutrition-value{
	display: inline-block;
	vertical-align: middle;
}

.recipe-container .recipe-info .nutritions > div .value{
	clear: right;
	font-size: 28px;
	display: block;
}

.recipe-container .recipe-info .nutritions > div label{
	color: #ccc;
}

.recipe-container .recipe-info .recipe-content{
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
}

.recipe-container .recipe-info .recipe-content > div.left{
	padding: 15px 10px 15px 10px;
	background-color: #ececec;
}

.recipe-container .recipe-info .recipe-content > div.right{
	padding: 15px 0px 15px 10px;
}

.recipe-container .additional .social-links{
	display: flex;
}

.recipe-container .additional .social-links > div{
	margin: 10px;
}

.recipe-container .additional .social-links i{
	font-size: 22px;
}

@media screen and ( min-width: 768px ){
	
	.recipe-container .recipe-info .nutritions > div{
		flex: 0 0 20%;
	}
	
	.recipe-container .recipe-info .recipe-content{
		flex-direction: row;
	}
	
}

/*
 * ###########################
 * My Recipes / Mijn recepten
 * ###########################
 */
#page-recipes .tabs {
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#page-recipes .tabs button{
	margin-right: 10px;
}

#page-recipes .tabs button:last-child{
	margin-right: 0;
	margin-left: auto;
	background-color: transparent;
}

#page-recipes .tabs button:last-child::before{
	content: "\f067";
	color: #0056b3;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
}

#page-recipes .tabcontent{
	display: none;
}

#page-recipes .tabcontent.active{
	display: block;
}

#my-recipes{
	width: 100%;
}

#my-recipes .slick-prev::before,
#my-recipes .slick-next::before{
	color: #0071bc;
}

#my-recipes .print-recipe-scheme{
	color: #4d4d4d;
	font-weight: 600;
	margin: 0 5px;
	font-size: 12px;
}

#my-recipes .print-recipe-scheme i{
	margin-right: 5px;
}

#list-my-recipe{
	padding: 0 0;
}

#list-my-recipe .slick-prev{
	left: 0;
	top: 24px;
}

#list-my-recipe .slick-next{
	right: 0;
	top: 24px;
}

#list-my-recipe .recipe-scheme {
	padding: 5px;
}

#list-my-recipe .recipe-scheme .header{
	text-align: center;
}

#list-my-recipe .recipe-scheme .header h2{
	margin-bottom: 0;
	width: 100%;
	text-align: center;
}

#list-my-recipe .recipe-scheme .header button{
	background-color: transparent;
	margin: 0 7px !important;
	font-size: 12px;
}

#list-my-recipe .recipe-scheme .header button::before{
	content: "\f00d";
	color: #ff5b51;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	border: none;
	padding-right: 5px;
}

#list-my-recipe .recipe-scheme .recipes{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#list-my-recipe .recipe-scheme .recipes .item-recipe{
	flex: 0 1 49%;	
	display: inline-block;
	vertical-align: top;
	box-shadow: none;
	margin: 2% 1%;
	background-color: transparent;
	height: 100%;
}

#list-my-recipe .recipe-scheme .recipes .item-recipe h3{
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

#list-my-recipe .recipe-scheme .recipes .item-recipe .inner{
	box-shadow: 0 0 4px 1px rgba(0,0,0,.35);
	display: block;
	background-color: #fff;
	height: 100%;
}

#list-my-recipe .overview-rp-day-total{
	 width: 100%; 
	 display: flex; 
	 -webkit-display: flex;
	 margin-top: 2em;
	 padding: 1em 0;
	 border-top: 1px solid #515151;
}

#list-my-recipe .overview-rp-day-total > div{
	flex:  0 0 25%;
	text-align: center;
}

#list-my-recipe .overview-rp-day-total > div h4{
	margin-bottom: 5px;
}

#list-all-recipe{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.list-recipe .btn-toggle-recipe-filters{
	margin-bottom: 10px;
}

.list-recipe #layered-navigation{
	height: 0;
	overflow: hidden;
	float: none;
	display: block;
}

.list-recipe #layered-navigation.show{
	height: auto;
}

.list-recipe #layered-navigation .layered-filter .layered-filter-title{
	font-size: 16px;
}

.list-recipe #layered-navigation .layered-filter label{
	display: block;
}

.list-recipe #layered-navigation .layered-filter label input[type="checkbox"],
.list-recipe #layered-navigation .layered-filter label input[type="radio"]{
	margin-right: 5px;	
}

.list-recipe #layered-navigation .layered-filter .filter-show-more{
	height: 0;
	overflow: hidden;
}

.list-recipe #layered-navigation .layered-filter .filter-show-more.show{
	height: auto;
}

.list-recipe #layered-navigation .layered-filter .btn-show-more-filters{
	background: none;
	padding-left: 0;
	padding-top: 0px;
}

.list-recipe .pagination li{
	display: inline-block;
}

.list-recipe .filters .filter{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 1em;
}

.list-recipe .list{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

.list-recipe .item-recipe{
	flex: 0 0 49%;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.35);
	margin-bottom: 10px;
	text-decoration: none !important;
	background-color: #fff;
}

.list-recipe .item-recipe .overlay{
	text-align: center;
}

.list-recipe .item-recipe:hover .overlay{
	display: block !important;
}

.list-recipe .item-recipe .rp-image{
	padding-top: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: block;
}


.list-recipe .item-recipe .rp-info{
	padding: 10px;
}

.list-recipe .item-recipe .rp-info .rp-title{
	text-transform: uppercase;
	color: #555;
	font-weight: 700;
	font-size: 13px;
	
}

.list-recipe .item-recipe .rp-info .rp_uploaded_by{
	font-size: 12px;
	color: #ccc;
}

.list-recipe .item-recipe .rp-info .rp-details{
	display: flex;
	-webkit-display: flex;
	margin-top: 5px;
	margin-bottom: 10px;
	align-items: center;
}

.list-recipe .item-recipe .rp-info .rp-details > div{
	width: 100%;
	text-align: center;
}

.list-recipe .item-recipe .rp-info .rp-details > div span{
	padding-left: 5px;
}

.list-recipe .item-recipe .rp-info .rp-details > div:last-child{
	margin-right: 0;
	width: 60px;
}

.list-recipe .item-recipe .rp-info .rp-details > div .fa-heart{
	color: #ccc;
}

.list-recipe .item-recipe .rp-info .rp-details > div .fa-heart:hover{
	color: pink;
}

.list-recipe .item-recipe .rp-info .rp-details > div .fa-heart.is-favorite{
	color: #f784d8;
}

.list-recipe .item-recipe .rp-info .rp-details > div .fa-heart.is-favorite:hover{
	color: #ccc;
}

.list-recipe .item-recipe button{
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.list-recipe .pagination li{
	margin-right:10px;
	font-size: 16px;
}

@media screen and ( max-width: 768px ){
	
	#list-my-recipe .overview-rp-day-total > div h4{
		font-size: 14px;
	}
	
	#page-recipes .tabs button{
		width: 31.3333%;
		margin: 0;
	}
	
	#page-recipes .tabs button:nth-child(1){
		margin-right: 1%;
	}
	
	#page-recipes .tabs button:nth-child(2){
		margin: 0px auto;
	}
	
	#page-recipes .tabs button:nth-child(3){
		margin-left: 1%;
	}
	
	#page-recipes .tabs button:last-child{
		flex: 0 0 100%;
	}
	
	#list-overview-recipe{
		padding: 15px;
	}

	#list-my-recipe .recipe-scheme .header{
		flex-direction: column;
		align-items: start;
		margin-bottom: 20px;
	}
	
	#list-my-recipe .recipe-scheme .header button{
		margin-left: 0;
		padding-left: 0;
	}
	
	#list-my-recipe .recipe-scheme .header h2{
		font-size: 1.5em;
	}
		
	.list-recipe #layered-navigation .layered-filter{
		margin-bottom: 1em;
		padding: 0 1em;
		border-radius: 10px;
	}
	
	.list-recipe #layered-navigation .layered-filter:not(:first-child){	
		height: 50px;
		overflow: hidden;
		background-color: #fff;
	}
	
	.list-recipe #layered-navigation .layered-filter.active{
		height: auto;
		padding-bottom: 1em;
	}
	
	.list-recipe #layered-navigation .layered-filter h4{
		font-size: 16px;
		display: flex;
		-webkit-display: flex;
		height: 50px;
		line-height: 50px;
		align-items: center;
	}
	
	.list-recipe #layered-navigation .layered-filter h4::after{
		margin-left: auto;
		margin-right: 0;
		content: "\f078";
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		border-radius: 50%;
		background-color: rgba(0, 157, 222, 0.15);
		font-size: 12px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		padding: 0;
		color: #0071bc;
		border: none;
		cursor: pointer;
	}
	
	.list-recipe #layered-navigation .layered-filter.active h4::after{
		content: "\f077";
		
	}

}

@media screen and ( max-width: 600px ){
	
		
	#list-my-recipe .recipe-scheme .recipes .item-recipe:nth-of-type(odd){
		margin-right: 1%;
		margin-left: 0;
	}
	
	#list-my-recipe .recipe-scheme .recipes .item-recipe:nth-of-type(even){
		margin-left: 1%;
		margin-right: 0;
	}
	
}

@media screen and ( min-width: 600px ) and ( max-width: 56.875em ){
	
	#list-my-recipe .recipe-scheme .recipes .item-recipe{
		flex: 0 0 31.3333%;	
		vertical-align: top;
	}
	
	#list-my-recipe .recipe-scheme .recipes .item-recipe{
		margin-left: 1%;
		margin-right: 1%;
	}
		
	#list-my-recipe .recipe-scheme .recipes .item-recipe:nth-of-type(3n+1){
		margin-right: 1%;
		margin-left: 0;
	}
	
	#list-my-recipe .recipe-scheme .recipes .item-recipe:nth-of-type(3n){
		margin-left: 1%;
		margin-right: 0;
	}
	
}

@media screen and ( max-width: 44.375em ){
	
	.list-recipe .item-recipe:nth-child(2n+1){
		margin-right: 1%;
		margin-left: 0px;
	}
	
	.list-recipe .item-recipe:nth-child(2n+2){
		margin-left: 1%;
		margin-right: 0px;
	}
	
}


@media screen and ( min-width: 768px ) and ( max-width: 75em ){

	
	.list-recipe .list{
		display: flex;
		-webkit-display: flex;
		flex-wrap: wrap;
	}
	
	.list-recipe .item-recipe{
		flex: 0 0 31.3333%;
		box-shadow: 0 0 4px 1px rgba(0,0,0,0.35);
		margin: 0 1%;
		margin-bottom: 10px;
		text-decoration: none !important;
	}

	.list-recipe .item-recipe:nth-child(3n){
		margin-right: 0;
		margin-left: 1%;
	}
	
	.list-recipe .item-recipe:nth-child(3n+1){
		margin-right: 1%;
		margin-left: 0;
	}
	
}


@media screen and ( min-width: 56.875em ){
	
	#list-all-recipe{
		flex-direction: row;
	}
	
	.btn-toggle-recipe-filters{
		display: none;
	}
	
	.list-recipe #layered-navigation{
		flex: 0 0 25%;
		height: 100%;
		min-width: 200px;
		max-width: 250px;
		margin-right: 2%;
	}
	
	.list-recipe #layered-navigation + .list{
		flex: 0 0 73%;
		height: 100%;
	}
	
	#list-all-recipe .pagination{
		flex: 0 0 100%;
		clear: both;
	}
	
	#list-my-recipe .recipe-scheme .recipes .item-recipe{
		flex: 0 0 23.5%;	
		vertical-align: top;
	}
		
	#list-my-recipe .recipe-scheme .recipes .item-recipe:nth-of-type(4n+1){
		margin-right: 1%;
		margin-left: 0;
	}
	
	#list-my-recipe .recipe-scheme .recipes .item-recipe:nth-of-type(4n){
		margin-left: 1%;
		margin-right: 0;
	}
}

@media screen and ( min-width: 75em ){
	
	.list-recipe .item-recipe{
		flex: 0 0 23.5%;
		box-shadow: 0 0 4px 1px rgba(0,0,0,0.35);
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2%;
		text-decoration: none !important;
	}
	
	.list-recipe .item-recipe:nth-child(4n+1){
		margin-right: 1% ;
		margin-left: 0;
	}
	
	.list-recipe .item-recipe:nth-child(4n+4){
		margin-left: 1% ;
		margin-right: 0;
	}
}

/*
 *################################################## 
 * Form add Recipe
 * #################################################
 */
#form-add-edit-recipe h3{
	border-bottom: #ececec;
	margin-top: 1em;
	margin-bottom: 0;
}

@media screen and ( max-width: 768px ){
	#form-add-edit-recipe table tr th,
	#form-add-edit-recipe table tr td{
		display: block;
	}

}


/*
 * ####################################
 * list-member-schemes
 * ###################################
 */
#list-member-schemes .tabcontent-child{
	display: none;
}

#list-member-schemes .tabcontent-child.active{
	display: block;
}

#list-member-schemes table tr th,
#list-member-schemes table tr td{
	text-align: left;
}

#list-member-schemes table tr th:nth-child(4),
#list-member-schemes table tr td:nth-child(4){
	text-align: right;
}

/*
 * #############################################
 * Recovery
 * #############################################
 */
div.rec-checklist{
	list-style: none;
	margin-left: 0;
}

div.rec-checklist ul li i{
	margin-right: 1em;
}

div.rec-checklist ul li.checked i{
	color: #5ec4a4;
}



/*
 * ########################################
 * Frontend exercise list
 * ########################################
 */

/*
 * ########################################################################
 * APEX Exercises
 * ########################################################################
 */
.list-container{
	text-align: center;
}

.list-container .filter{
	margin-bottom: 20px;
	margin-top: 10px;
}

.list-container #subfilter{
	width: 300px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.list-container .filter .btn{
	color: #fff;
}

.list-container .filter .btn.active{
	background-color: #0071bc;
	color: #fff;
}

.pagination{
	list-style: none;
	padding: 0;
	padding: 5px !important;
	border-top: none;
}

.pagination a{
	color: #555;
}

.list-container .pagination li{
	width: 20px;
	margin-right: 5px;
}

#kck-exercise-list{
	max-width: 1140px;
	margin: 0px auto;
}

#list-exercises-database .pagination{
	max-width: 1140px;
	margin: 0px auto;
	margin-top: 10px;
}

#kck-exercise-list .apex-exercise-item{
	display: inline-block;
	vertical-align: top;
	width: 355px;
	margin: 5px;
	padding: 20px; 
	border-radius: 5px;
	height: 300px;
	overflow: hidden;
	position: relative;
	border: 1px solid #0071bc;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,113,188,0.39);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,113,188,0.39);
	box-shadow: 0px 0px 5px 1px rgba(0,113,188,0.39);
	background-color: #fff;
	transition: .25s all;
}

#kck-exercise-list .apex-exercise-item:hover{
	transform: scale( 1.1 );
	z-index: 999;
}

#kck-exercise-list .apex-exercise-item .exercise-name{
	height: 80px;
	display: block;
	text-align: center;
	font-size: 1.2rem;	
	color:#4d4d4d;
}

#kck-exercise-list .apex-exercise-item .premium{
	display: none;
}

#kck-exercise-list .apex-exercise-item .exercise-premium{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 9999;
	color: #fff;
	text-align: center;
}

#kck-exercise-list .apex-exercise-item .exercise-premium .inner{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#kck-exercise-list .apex-exercise-item .exercise-premium .inner .hidden{
	display: none;
}

#kck-exercise-list .apex-exercise-item .exercise-premium .inner .lock{
	width: 50px;
	margin: 0px auto;
}

#kck-exercise-list .apex-exercise-item .exercise-premium .inner h3{
	color: #fff;
}

#kck-exercise-list .apex-exercise-item .category.label{
	display: none;
}

#kck-exercise-list .apex-exercise-item  img{
	width: 100%; 
	max-height: 165px;
}

.custom-filter{
	text-align: center;	
	border-radius: 5px;
	max-width: 300px;
	width: 100%;
	margin: 0px auto;
	margin-bottom: 20px;
	border: 1px solid #0071bc;
	height: 35px; 
	line-height: 35px;
}

.exercises-filter .filter-category{
	margin-bottom: 2em;
}

.exercises-filter > div{
	margin: 0px auto;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.exercises-filter > div input{
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	width: 250px;
	border: 1px solid #ccc;
	padding-left: 10px;
	text-align: center;
	font-size: 1.3rem;
}

.exercises-filter > div input::-moz-placeholder{
	color: #444;
}


/*#################################
 * APEX SINGLE EXERCISE PAGE
 * ################################*/
.single-exercise{
	max-width: 768px;
	margin: 0px auto !important;
	float: none !important;
	margin-top: 6em !important;
}


.ae-single-item .ae-image{
	margin: 0px auto;
}

.ae-single-item .ae-steps ol{
	margin-left: 20px;
}

.premiumContent{
	border: 1px solid #0071bd;
	line-height: 2rem;
	background-color: #0071bd;
	color: #fff;
	padding: 2em;
	border-radius: 5px;
	max-width: 980px;
	margin: 0px auto;
	margin-bottom: 2em;
}

.premiumContent a{
	color: #fff;
	text-decoration: underline;
}

.vid.premium-content{
	text-align: center;
}

@media screen and ( min-width: 768px ){
	.vid.premium-content iframe{
		height: 350px;
		width: 550px;
		margin: 0px auto;
	}
}

/*##############################

 * APEX QUESTION DATABASE

 * #############################*/

.list-afaq .search{
	width: 100%;	
}



.list-afaq ul{
	list-style: none;
	margin: 20px 0;
	padding: 0;
}



.list-afaq ul li,
.list-afaq ul li a{
	width: 100%;
	display: block;
	cursor:pointer;
	color: #fff;
}



.list-afaq ul li a{
	text-decoration: none !important;
}



.list-afaq ul li{
	margin-bottom: 10px;
}





.list-afaq .afaq-title{
	background-color: #0071bc;
	color: #fff;
	font-size: 18px;
	padding: 8px 15px;
	position: relative;
}



.list-afaq .afaq-title::after{
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 15px;
	font-size: 20px;
	top: 7px;

}



.list-afaq .afaq-content{
	height: auto;
	transition: .25s ease-in-out;
	overflow: hidden;
	color: #555;
	padding: 10px 15px;
	border: 1px solid #555;
}



.list-afaq .afaq-content.hidden{
	height: 0;
	padding: 0 15px;
	border: none;
}



.single-kckfaq-content{
	max-width: 1130px;
	margin: 0px auto;
	padding: 0 15px;
}



.single-kckfaq-content .afaq-thumbnail{
	margin: 0px auto;
	max-width: 100%;
	max-height: 250px;
}



.single-kckfaq-content .page-navigation{
	margin-bottom: 20px;
}



.single-kckfaq-content .page-navigation a{
	padding: 12px 25px;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #0071bc;
	width: auto;

}





.single-kckfaq-content .page-navigation:hover a{
	color: #fff;
	text-decoration: none;
	background-color: #0071bc;
}



.single-kckfaq-content .afaq-content{
	margin-bottom: 4em;
}





@media ( min-width: 992px ){

	.single-kckfaq-content .afaq-thumbnail{
		float: left;
		max-width: 25%;
		margin-right: 3%;
	}


}


.list-methods > div{
	border-bottom: 1px solid #ececec;
	padding: 2em 0;
	text-align: center;
}

.list-methods > div .header h3{
	text-align: center;
	font-weight: 700;
	margin-bottom: 1em;
}

.list-methods > div .video{
	text-align: center;
	margin: 1em 0;
}