/* IOS input date field text align */
input::-webkit-date-and-time-value {
  text-align: left;
}

.ast-separate-container:not(.wp-admin){
	background-color: #aaaaaa !important;
}

.flexbox{
	display: flex;
	-webkit-display: flex;
}

.no-background{
	background-color: transparent !important;
}

.btn-underline{
	background-color: transparent;
	padding: 0;
	border: 0;
	text-decoration: underline !important;
	color: #000;
}

.btn-underline:hover{
	background-color: transparent !important;
	color: #000 !important;
}

.video-placeholder{
	position: relative;
	cursor: pointer;
	height:100%; 
	overflow: hidden;
}

.video-placeholder .inner{
	position: absolute;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 100%;
}

.video-placeholder .inner span{
	display: block;
	text-align: center;
	font-weight: 700;
	margin: 0px auto;
	font-size: 14px;
}

.video-placeholder .inner span::after{
	content: '';
	display: block;
	width: 71px;
	height: 71px;
	text-align: center;
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-playbutton.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
}


.popup-exercise-video{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba( 0,0,0, 0.6);
	z-index: 9999;
}

.popup-exercise-video .header {
	text-align: right;
	position: fixed;
	top: 20px;
	right: 20px;
}

.popup-exercise-video .header button{
	border: none;
	background: none;
	cursor: pointer
}

.popup-exercise-video .header button i{
	font-size: 24px;
	color: #fff;
}

.popup-exercise-video .inner{
	max-width: 640px;
	max-height: 360px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate( -50% , -50% );
	width: 100%;
	height: 100%;
}

.popup-exercise-video .inner iframe{
	max-width: 640px;
	max-height: 360px;
	width: 100%;
	height: 100%;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}

/*
 * ############################################
 * Buttons
 * ############################################
 */

/*
 * #########################################################
 * UI Dialog
 * #########################################################
 */
.ui-dialog{
	z-index: 301 !important;
	height: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	top: 0 !important;
	left: 0 !important;
	overflow-y: scroll;
}

.ui-dialog .ui-dialog-content{
	padding: 0 !important;
	height: calc(100% - 100px) !important;
}

.ui-dialog .ui-dialog-content form{
	padding: 10px;
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 90px;
}

.ui-dialog .ui-dialog-title{
	width: 100% !important;
}

.ui-dialog .ui-dialog-titlebar{
	background: #ff4c00 !important;
	color: #fff !important;
	text-align: center;
	border: none;
	border-radius: 0;
	position: sticky !important;
	top: 0;
	left: 0;
	z-index: 999;
}

.ui-dialog-titlebar-close{
	background: none !important;
	border: none !important;
	color: #fff;
}

.apex-dialog{
	display: none;
}

.ui-dialog-buttonpane{
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	-webkit-transform: translateZ(0) !important;
}


.ui-dialog .ui-dialog-titlebar-close{
	right: 2.3em !important;
	position: relative;
	float: right;
	margin: -20px 0 0 0;
}

.ui-button .ui-icon {
    background-image: url('../images/dialog-close.png') !important;
    background-position: center;
    background-size: cover;
    
}

body .ui-dialog[aria-describedby="dialog-member-comment-customer"],
body .ui-dialog[aria-describedby="dialog-member-comment"]{
		max-width: 600px !important;
	height: auto !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	overflow: hidden !important;
	position: fixed;
	max-height: 100%;	
}

body .ui-dialog[aria-describedby="dialog-info"]{
	z-index: 9999 !important;
	max-width: 600px !important;
	height: auto !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	overflow: hidden !important;
	position: fixed;
	max-height: 100%;
}
body .ui-dialog[aria-describedby="dialog-add-custom-member-scheme-exercise"],
body .ui-dialog[aria-describedby="dialog-add-exercise-to-template-block"],
body .ui-dialog[aria-describedby="dialog-add-exercise-to-member-scheme"]{
	z-index: 9998 !important;
	max-width: 600px !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	position: fixed;
	max-height: 100%;
	height: 100% !important;
	overflow: hidden;
}

body .ui-dialog[aria-describedby="dialog-add-custom-member-scheme-exercise"] .ui-dialog-content,
body .ui-dialog[aria-describedby="dialog-add-exercise-to-template-block"] .ui-dialog-content ,
body .ui-dialog[aria-describedby="dialog-add-exercise-to-member-scheme"] .ui-dialog-content{
	overflow: scroll;
	height: calc( 100% - 100px ) !important;
}

#dialog-full-measurement-item-info table{
	max-width: 600px;
	margin: 0px auto;
}

#dialog-full-measurement-item-info .measurement-images{
	position: relative;
	max-width: 600px;
	margin: 0px auto;
	margin-top: 20px;
}

#dialog-full-measurement-item-info .measurement-images .images{
	max-width: 350px;
	margin: 0px auto;
}

#dialog-full-measurement-item-info .measurement-images .images > div{
	display: none;
	padding: 0 20px;
}

#dialog-full-measurement-item-info .measurement-images .images > div.active{
	display: block;
}

#dialog-full-measurement-item-info .measurement-images .images > div img{
	max-width: 100%;
}

#dialog-full-measurement-item-info .measurement-images .navigation{
	position: absolute;
	left: 0; 
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

#dialog-full-measurement-item-info .measurement-images .navigation button{
	width: 50px;
	border: none;
	cursor: pointer;
}

#dialog-full-measurement-item-info .measurement-images .navigation button.next{
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	color: #000;
	background-color: transparent;
}

#dialog-full-measurement-item-info .measurement-images .navigation button.prev{
	padding-left: 20px;
	padding-right: 20px;
	color: #000;
	background-color: transparent;
}

#dialog-full-measurement-item-info .measurement-images .navigation button.next i,
#dialog-full-measurement-item-info .measurement-images .navigation button.prev i{
	font-size: 24px;
}

.wp-admin .ui-dialog[aria-describedby="dialog-member-scheme-exercise"]{
	z-index: 9999 !important;
}

#dialog-info{
	padding: 10px !important;
}

#dialog-setting-info{
	padding: 10px !important;
}


@media screen and ( max-width: 768px ){
	
	.wp-admin .ui-dialog:not(.ui-dialog[aria-describedby="dialog-info"]):not(.ui-dialog[aria-describedby="dialog-daily-registration"]){
		top: 0px !important;
		height: calc( 100% ) !important;
		left: 0 !important;
		transform: none !important;
	}
	
}

/** BEGIN: Non Openmrs CSS **/
div.container {
	font-family: "Roboto";
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	margin-top: 30px;
	border: 1px solid whitesmoke;
	padding: 21px;
	border-radius: 4px;
}
h4.title {
	text-align: center;
	margin-bottom: 45px;
}
:root {
	--omrs-color-ink-lowest-contrast: rgba(47, 60, 85, 0.18);
	--omrs-color-ink-low-contrast: rgba(60, 60, 67, 0.3);
	--omrs-color-ink-medium-contrast: rgba(19, 19, 21, 0.6);
	--omrs-color-interaction: #1e4bd1;
	--omrs-color-interaction-minus-two: rgba(73, 133, 224, 0.12);
	--omrs-color-danger: #b50706;
	--omrs-color-bg-low-contrast: #eff1f2;
	--omrs-color-ink-high-contrast: #121212;
	--omrs-color-bg-high-contrast: #ffffff;
	
}
/** END: Non Openmrs CSS **/
div.omrs-input-group {
  margin-bottom: 1.5rem;
  position: relative;
  max-width: 20.4375rem;
  width: 100%;
}

/* Input*/
select{
	line-height: 1.3;
}


.omrs-input-underlined > input,
.omrs-input-filled > input {
	border: none;
	border-bottom: 0.125rem solid var(--omrs-color-ink-medium-contrast);
	width: 100%;
	height: 2rem;
	font-size: 1.0625rem;
	padding-left: 0.875rem;
	line-height: 147.6%;
	padding-top: 1.8rem;
	padding-bottom: 0.8rem;
}

.omrs-input-underlined > input:focus,
.omrs-input-filled > input:focus {
	outline: none;
}


.omrs-input-underlined > .omrs-input-label,
.omrs-input-filled > .omrs-input-label {
	position: absolute;
	top: 0.6rem;
	left: 0.875rem;
	line-height: 147.6%;
	color: var(--omrs-color-ink-medium-contrast);
	transition: top .2s;
}

.omrs-input-underlined > input:valid + .omrs-input-label{
	font-weight: 700;
	color: #000;
}

.omrs-input-underlined > input[type="number"] + .omrs-input-label{
	top: 0;
}

.omrs-input-underlined > svg,
.omrs-input-filled > svg {
	position: absolute;
	top: 0.9375rem;
	right: 0.875rem;
	fill: var(--omrs-color-ink-medium-contrast);
}

.omrs-input-underlined > .omrs-input-helper,
.omrs-input-filled > .omrs-input-helper {
	font-size: 0.8375rem;
	color: var(--omrs-color-ink-medium-contrast);
	letter-spacing: 0.0275rem;
	margin: 0 0.875rem;
	position: absolute;
	bottom: -12px;
	left: 0;
}

.omrs-input-underlined > input:hover,
.omrs-input-filled > input:hover {
	background: var(--omrs-color-interaction-minus-two);
	border-color: var(--omrs-color-ink-high-contrast);
}

.omrs-input-underlined > input:focus + .omrs-input-label,
.omrs-input-underlined > input:valid + .omrs-input-label,
.omrs-input-filled > input:focus + .omrs-input-label,
.omrs-input-filled > input:valid + .omrs-input-label {
	top: -5px;
	font-size: 0.9375rem;
	margin-bottom: 32px;;
}

.omrs-input-underlined:not(.omrs-input-danger) > input:focus + .omrs-input-label,
.omrs-input-filled:not(.omrs-input-danger) > input:focus + .omrs-input-label {
	color: var(--omrs-color-interaction);
}

.omrs-input-underlined:not(.omrs-input-danger) > input:focus,
.omrs-input-filled:not(.omrs-input-danger) > input:focus {
	border-color: var(--omrs-color-interaction);
}

.omrs-input-underlined:not(.omrs-input-danger) > input:focus ~ svg,
.omrs-input-filled:not(.omrs-input-danger) > input:focus ~ svg {
	fill: var(--omrs-color-ink-high-contrast);
}

/** DISABLED **/

.omrs-input-underlined > input:disabled {
	background: var(--omrs-color-bg-low-contrast);
	cursor: not-allowed;
}

.omrs-input-underlined > input:disabled + .omrs-input-label,
.omrs-input-underlined > input:disabled ~ .omrs-input-helper{
	color: var(--omrs-color-ink-low-contrast);
}

.omrs-input-underlined > input:disabled ~ svg {
	fill: var(--omrs-color-ink-low-contrast);
}


/** DANGER **/

.omrs-input-underlined.omrs-input-danger > .omrs-input-label, .omrs-input-underlined.omrs-input-danger > .omrs-input-helper,
.omrs-input-filled.omrs-input-danger > .omrs-input-label, .omrs-input-filled.omrs-input-danger > .omrs-input-helper{
	color: var(--omrs-color-danger);
}

.omrs-input-danger > svg {
	fill: var(--omrs-color-danger);
}

.omrs-input-danger > input {
	border-color: var(--omrs-color-danger);
}

.omrs-input-underlined > input {
	background: var(--omrs-color-bg-high-contrast);
}
.omrs-input-filled > input {
	background: var(--omrs-color-bg-low-contrast);
}

.omrs-select-group{
  margin-bottom: 1.5rem;
  position: relative;
  max-width: 20.4375rem;
  width: 100%;
}

.omrs-select-group label{
	font-size: .9375rem;
	color: var(--omrs-color-ink-medium-contrast);
	left: .875rem;
	position: relative;
}

.omrs-select{
	position: relative;
}

.omrs-select:not(.chosen)::after{
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 10px;
	top: 12px;
}

.omrs-select select{
	max-width: 100%;
	width: 100%;
	border-radius: 5px;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    position: relative;
}

.omrs-select select::-ms-expand {
    display: none;
}

.omrs-media-group{
	max-height: 200px;
}

.omrs-media-group .omrs-media iframe{
	max-height: 100%;
	height: 100%;
}

.omrs-checkbox-group{
	margin-bottom: 1.5rem;
 	position: relative;
}

.omrs-checkbox-group > span{
	display: inline-block;
	margin-left: 10px;
}

/*.omrs-input-group input[type="date"]{
	padding-bottom: 1.5rem; 
	padding-top: 1rem;
}*/

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .omrs-input-group input[type="date"]{
		padding-top: 1.8rem;
		padding-bottom: 1.5rem; 
	}
}

textarea{
	border-radius: 5px;
	padding: 5px 10px;
	line-height: 1.5;
	resize: none;
}

textarea:focus{
	outline: none;
	background-color: #efefef;
	border-color: #ff4c00;
}

.nouislider-group{
	margin-bottom: 20px;
	position: relative;
}

.nouislider-group .current-value{
	position: absolute;
	top: 0;
	right: 0;
}

.noUi-connects{
	background-color: #ff4c00;
}

/*
 * Message
 */
.message{
	border: 1px solid #f7b84b;
	color: #000;
	background-color: #fef4e4;
	margin-bottom: 20px;
}

.message .message-inner{
	display: flex;
	-webkit-display: flex;
	align-items: center;
	align-content: center;
	padding: 8px 15px;
}

.message .message-inner .message-text{
	font-weight: 700;
	color: #d29c40;
	font-size: 12px;
}

.message .message-inner .message-btn-action{
	margin-left: auto;
}

.message .message-inner .message-btn-action button{
	background-color: #f7b84b;
}

@media screen and ( min-width: 921px ), print{
	
	.message .message-inner .message-text{
		font-size: 14px;	
	}
	
}

/*
 * BTN GREEN : #5ec4a4
 */
.apex-page{
	padding: 2em 10px 4em;
}

/*
 * ###########################################################
 * Dashboard
 * ###########################################################
 */
.btn-buy-subscription{
	padding: 12px 25px; 
	background-color: #5ec4a4; 
	color: #fff; 
	text-decoration: none;
	display: block;
	text-align: center;
	max-width: 75%;
	margin: 0px auto;
}

.btn-logout{
	background-color: #ff4c00;
	color: #fff;
	margin-left: 5px;
	padding: 12px 25px;
	display: block;
	text-align: center;
	max-width: 75%;
	margin: 0px auto;
}

.btn-download{
	display: block;
	text-align: center;
	background-color: #555;
	color: #fff;
	padding: 12px 25px;
	max-width: 75%;
	margin: 0px auto;
}

.apex-page .ast-container{
	padding: 0 !important;
	padding-bottom: 3em !important;
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu{
	margin-left: 0;
	list-style: none;
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li{
 	background: rgb(2,0,36);
	background: -moz-linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(34,34,34,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(34,34,34,1) 100%);
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(34,34,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#222222",GradientType=1);
	flex: 0 0 32.5%;
	margin-right: 1%;
	margin-bottom: 1%;
	text-align: center;
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li:nth-child(3n){
	margin-right: 0;
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li a{
	display: block;
	color: #fff;
	padding: 15px 5px;
	font-family: 'Roboto', sans-serif;
	word-break: break-word;
	font-size: 12px;
	text-transform: capitalize;
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li a::before{
	content: "";
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	margin: 0px auto;
	margin-bottom: 10px;
	width: 50px;
	height: 50px;
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-goals a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-goal-white.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-measurement a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-measurement-white.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-nutrition a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-nutrition-white.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-training a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-dumbell.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-calendar a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-calendar-white.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-knowledgebase a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-knowledgebase-white.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-vytal a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-vytal-white.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-recovery a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-recovery-white.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-inbox a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-inbox-white.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-administration a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-administration-white.png');
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li#menu-item-logout a::before{
	background-image: url('/wp-content/uploads/2021/03/icon-logout-2.png');	
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li#menu-item-werkboek a::before{
	background-image: url('/wp-content/uploads/2023/09/icon-werkboek.png');	
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-admin  a::before{
	content: "\f509";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #cecece;
	font-size: 43px;
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-downloads a::before{
	content: "\f381";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #cecece;
	font-size: 43px;
}

.apex-page.index .ast-container .menu-dashboard-container ul.menu li.menu-item-kompas a::before{
	background-image: url('/wp-content/plugins/apex-training/assets/images/icon-kompas-white.png');
}
/*
 * ################################################################
 * Footer
 * ################################################################
 */
.apex-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background-color: #cfcfcf;
	z-index: 200;
}

.apex-footer ul{
	list-style: none;
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	margin-left: 0;
	align-items: flex-end;
	align-content: flex-end;
	justify-content: center;
	margin-bottom: 15px;
}

.apex-footer ul li{
	flex-basis: 19%;
	text-align: center;
	position: relative;
}

.apex-footer ul li.menu-item-inbox .count{
	position: absolute;
	top: 5px;
	background-color: #ff4c00;
	border-radius: 50px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	display: block;
	left: 50%;
	transform: translateX( 5px );
	color: #fff;
}

.apex-footer ul li i{
	display: block;
	font-size: 40px;
}

.apex-footer ul li a{
	color: #000;
	font-size: 10px;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.apex-footer ul li a img{
	display: block;
	margin: 0px auto;
	margin-bottom: 5px;
	max-height: 40px;
}

.apex-footer ul li button{
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	bottom: 20px;
	width: 65px;
	height: 65px;
	border-radius: 10px;
	background: rgb(47,182,33);
	background: -moz-linear-gradient(180deg, rgba(47,182,33,1) 0%, rgba(17,142,23,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(47,182,33,1) 0%, rgba(17,142,23,1) 100%);
	background: linear-gradient(180deg, rgba(47,182,33,1) 0%, rgba(17,142,23,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2fb621",endColorstr="#118e17",GradientType=1); 
}

.apex-footer ul li button.disabled{
	opacity: 0.6;
	background: #565656 !important;
	cursor: default; 
}

.apex-footer ul li button.disabled i{
	transform: rotate(45deg);
}

.apex-footer ul li button i{
	color: #fff !important;
	font-size: 22px;
}

/*
 * OLD CSSS
 */
.stop-scrolling {
  overflow: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.stop-scrolling #wpadminbar{
	z-index: -1 !important;
}

a:focus, .button:focus, .button.alt:focus, button:focus, input[type="number"]:focus, textarea:focus, input[type="text"]:focus,  input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus{
	outline: none !important;
}

.btn-action-green{
	background-color: #5ec4a4;
	color: #fff;
	border: none;
	cursor: pointer;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.btn-action-green:hover,
.btn-action-green:focus{
	background-color: #19c28d;
	border: none;
	color: #fff;
}

.btn-action-red{
	background-color: #ff5b51;
	color: #fff !important;
	border: none;
	cursor: pointer;
	display: block;
	width: 100%;
}

.btn-action-red:hover,
.btn-action-red:focus{
	background-color: #bd433c;
	border: none;
	color: #fff;
}

.apex-col-2{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

.apex-col-2 > div{
	flex: 0 0 100%;
}

.gym-logo{
	margin-right: auto;	
}

.custom-section{
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0 0 7px 0px rgba(0,0,0,0.4);
}

.ui-dialog-content .custom-section{
	box-shadow: none !important;
}

.ui-dialog-content .wizard > .content > .body{
	padding-right: 0 !important;
}

.custom-section.tutorial{
	margin-top: 2em;
	border-radius: 0;
}

.custom-section.tutorial .custom-section-title{
	justify-content: center;
}

.tabs .tablinks,
.tabs .tablinks-child{
	color: #555;
}

.tabs .tablinks.active,
.tabs .tablinks-child.active{
	color: #000000;
}

@media ( min-width: 768px ){
	
	.btn-action-green,
	.btn-action-open,
	.btn-action-close,
	.btn-action-red{
		width: auto;
		min-width: 150px;
		display: inline-block;
	}
	
	.apex-col-2 > div{
		flex: 0 0 49%;
	}
	
	.apex-col-2 > div:first-child{
		margin-right: 1%;
	}
	
	.apex-col-2 > div:last-child{
		margin-left: 1%;
	}
	
	
}

input[type='date'], input[type='time'] {
    -webkit-appearance: none;
}

th{
	font-weight: 400;
	background-color: #fdfdfd;
	color: #ff4c00;
}

table:not(.has-background) th,
table tbody tr:nth-child(2n) th{
	background-color: transparent !important;
}

body:not(.wp-admin) table:not(.has-background) tbody td{
	background-color: #fff;
}

.form-table th, 
.form-table td{
	padding: 5px 0px;
}

.form-table th.very-small{
	width: 1px !important;
}

.form-table th.small,
.form-table td.small input{
	width: 45px !important;
}

.form-table th.medium,
.form-table td.medium input{
	width: 120px !important;
}

.form-table th.large,
.form-table td.large input{
	width: 200px !important;
}

.ui-dialog{
	position: fixed !important;
}

.ui-dialog .ui-dialog-buttonpane{
	padding-right: 0;
	padding-left: 0;
}

.ui-dialog .ui-dialog-buttonpane button.btn-action-close{
	border: 1px solid #ff5b51 !important;
	background: #ff5b51 !important;
	color: #fff !important;
}

.ui-widget button{
	font-size: 0.875rem !important;
}

.mobile-only{
	display: none;
}

 /* Style the tab */
.tabs{
	margin-left: 0;
	position: relative;
	top: 1px;
}

.tabs .tablinks {
  overflow: hidden;
  border: none;
  background-color: #ffd4c2;
  border-radius: none;
}

.tablinks,
.tablinks-child{
	background-color: #fff;
	border: none;
	padding: 10px;
	cursor: pointer;
}

.tablinks.active,
.tablinks-child.active{
	background-color: #fff;
}

.tablinks:hover{
	background-color: #efefef;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent,
.tabcontent-child {
  display: none;
  padding: 0;
  border-top: none;
   animation: fadeEffect .5s; /* Fading effect takes 1 second */
} 

.tabcontent.active,
.tabcontent-child.active{
	display: block;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/*
 * APEX SETTINGS PAGE
 */
#form-apex-settings textarea{
	width: 100%;
}

/*
 * Popup Videos
 */
#popup-video{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	display: none;
	background-color: rgba( 0, 0, 0, 0.75 );
}

#popup-video .content{
	display: flex;
	-webkit-display: flex;
	text-align: center;
	align-content: center;
	align-items: center;
	justify-content: center;
	height: 100%;
}


#popup-video.active{
	display: block;
}


#popup-video button{
	position: fixed;
	top: 40px;
	right: 10px;
	background: none;
	color: #fff;
	font-size: 22px;
	padding: 0 10px;
	border: none;
	cursor: pointer;
}

#popup-video button i {
	font-size: 40px;
}

#dialog-daily-registration #wizard ul[role="tablist"] li a span.number{
	display: none;
}
/*##################################
 * DASHBOARD PAGE
 * ################################
 */
.dashboard-menu{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-left: 0;
}

.dashboard-menu .menu-item{
	flex-basis: 24%;
	margin-right: 1%;
	margin-bottom: 1%;
}

.dashboard-menu .menu-item a{
	padding: 1.5em 5px;	
	text-align: center;
	border: 1px solid #000;
	border-radius: 10px;
	display: block;
}

.dashboard-menu .menu-item a::before{
	content: "icon";
	width: 50px;
	height: 50px;
	background-color: #555;
	display: block;
	margin: 0px auto;
}

@media screen and ( max-width: 768px ){
	
	.dashboard-menu .menu-item{
		flex-basis: 32.3333%;
		margin-bottom: 10px;
	}
	
	.dashboard-menu .menu-item:nth-child(3){
		margin-right: 0;
	}
	
	.dashboard-menu .menu-item:nth-child(3n+1){
		margin-left: 0;
	}
	
}

@media screen and ( max-width: 440px ){
	
	.dashboard-menu .menu-item{
		flex-basis: 49%;
		margin-bottom: 10px;
	}
	
	.dashboard-menu .menu-item:nth-child(even){
		margin-right: 0;
	}
	
	.dashboard-menu .menu-item:nth-child(odd){
		margin-left: 0;
	}
	
}


@media screen and ( min-width: 768px ){
	
	.dashboard-menu .menu-item:nth-child(4){
		margin-right: 0;
	}
	
	.dashboard-menu .menu-item:nth-child(4n+1){
		margin-left: 0;
	}
	
}

/*
 * ######################################
 * PROFILE PAGE
 * ######################################
 */
.page-template-template-account-page .col-full{
	max-width: 100%;
}

.page-template-template-account-page .col-full .content-area{
	width: 100%;
	margin-right: 0;
}

.ajax-loader{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0, 0.3); 
	z-index: 9999;
	display: none;
}

.ajax-loader i{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50% );
	font-size: 40px;
	color: #fff;
}

@media screen and ( max-width: 768px ){
	
	.ajax-loader i{
		left: 44%;
	}

	
}

.notice-trial-member{
	border-top: 2px solid #ff5b51;
	border-bottom: 2px solid #ff5b51;
	padding: 10px ;
	color: #ff5b51;
	margin-bottom: 1em;
}

.notice-trial-member .switch-to-abo-link{
	color: #ff5b51;
	text-decoration: underline !important;
}

#form-myfitnesspal .omrs-input-group{
	max-width: 100%;
}

#form-myfitnesspal .btn-save{
	margin-top: 2em;
}

/*
 * #################################################
 * Daily Macros and Weight, Recovery Forms
 * ################################################
 */

#form-member-weight .omrs-input-underlined,
#form-member-macros .omrs-input-underlined{
	width: 100% !important;
}

#section-form-member-macros .btn-scrape-myfitnesspal{
	background-color: transparent;
	border: none;
	color: #000;
	margin-bottom: 10px;
	padding-left: 0;
}

#section-form-member-macros .btn-scrape-myfitnesspal i{
	margin-right: 10px;
	
}

/*
 * COMMENTS
 */
#list-comments{
	width: 100%;
}

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

#list-comments .header{
	margin-bottom: 10px;
	color: #ff4c00;
}

#list-comments .item-comment{
	padding: 5px 0 ;
	border-bottom: 1px solid #ececec;
}

#list-comments .item-comment .title{
	padding: 10px 0;	
}

#list-comments .header .date,
#list-comments .item-comment .date{
	flex:  0 0 120px;
	margin-left: auto;
	padding: 10px 0;
}

#list-comments .header .action,
#list-comments .item-comment .action{
	margin-left: 20px;
	flex: 0 0 60px;
}

#list-comments .item-comment .action button{
	padding: 8px 15px;
}

/*
 * LIST EXERCISE RESULT COMMENTS
 */
.list-member-comments .list .item .column-read a{
	cursor: pointer;
}

#section-chart .filters {
	margin-bottom: 1em;
}

#section-chart .filters button{
	margin-bottom: 5px;
	border: none;
	background-color: #ffd4c2;
	color: #555;
	border-radius: 10px;
	font-size: 12px;
	padding: 8px 20px;
}

#section-chart .filters button.active{
	background-color: #ff4c00;
	color: #fff;
}

@media screen and ( max-width: 600px ){
	
	#section-chart .filters button{
		padding: .6180469716em 0.81575em
	}
	
}

/*#######################################
 * APEX METINGEN PAGINA
 * ######################################*/
#list-overview-full-measurement_wrapper{
	margin-bottom: 20px !important;
}


#full-measurement .list-overview-full-measurement .header{
	color: #ff4c00;
}

#full-measurement .list-overview-full-measurement tr td{
	position: relative;
	padding: .7em 0.5em !important;
}


#full-measurement .list-overview-full-measurement tr td > button{
	padding: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 !important;
}

#full-measurement .list-overview-full-measurement .column-action-popup{
	position: absolute;
	right: 0;
	top: 35px;
	z-index: 10;
	background-color: #000;
	display: none;
}

#full-measurement .list-overview-full-measurement .column-action-popup.active{
	display: block;
}

#full-measurement .list-overview-full-measurement .column-action-popup button{
	display: block;
	width: 20em;
	background-color: transparent;
	border: none;
	color: #fff;
	padding: 8px 0;
	cursor: pointer;
}

#full-measurement .list-overview-full-measurement .column-action-popup button i{
	color: #000 !important;
}

#full-measurement .list-overview-full-measurement .item_measurement .visible .info{
	align-items: center;
	flex-grow: 1; 
	display: flex;
	-webkit-display: flex;
	width: 100%;
	align-items: center;
}

#full-measurement .list-overview-full-measurement .item_measurement .visible > div{
	margin-left: auto;
	margin-right: auto;
	width: 23.3333%;
	text-align: left;
	padding: 10px 0;
	display:inline-block;
	vertical-align: top;
}

#full-measurement .list-overview-full-measurement .item_measurement .visible > div:last-child{
	width: 50px;
}

#full-measurement .list-overview-full-measurement .item_measurement .additional{
	height:0; 
	overflow: hidden;
	transition: .5s linear;
}

#full-measurement .list-overview-full-measurement .item_measurement .additional.active{
	height: auto;
}

#full-measurement .list-overview-full-measurement .item_measurement .additional > div{
	padding: 5px 10px;
	border-bottom: 1px dotted #ccc;
}

#full-measurement .list-overview-full-measurement .item_measurement .additional > div:last-child{
	border-bottom: none;
}

#full-measurement .list-overview-full-measurement .item_measurement .additional{
	background-color: #fff;
}

#full-measurement .list-overview-full-measurement .item_measurement .additional label{
	width: 170px;
	display: inline-block;
	font-weight: 700;
}

#full-measurement .list-overview-full-measurement i{
	color: #555;
	font-size: 16px;
	cursor: pointer;
}

#full-measurement .pagination{
	margin-left: 0;
}

#full-measurement .pagination li{
	display: inline-block;
	vertical-align: top;
	margin-right: 3px;
}

#full-measurement .instruction-videos{
	display: flex;
	-webkit-display: flex;	
}

#full-measurement .instruction-videos .video-placeholder{
	flex: 0 0 32.3333%;
	margin: 0px auto;
	cursor: pointer;
}

#full-measurement .instruction-videos .video-placeholder:first-child{
	margin-left: 0;
}

#full-measurement .instruction-videos .video-placeholder:last-child{
	margin-right: 0;
}

#full-measurement .instruction-videos img{
	max-width: 100%;
}

@media screen and ( max-width: 768px ){
	
	#full-measurement .instruction-videos{
		flex-direction: column;
	}
	
	#full-measurement .instruction-videos .video-placeholder{
		flex: 0 0 100%;
		margin: 0;
		margin-bottom: 10px;
	}
	
}

/*
 * Huidplooimetingen / Skin Fold Measurement 
 */
#skin-fold-measurement-group{
	max-width: 768px;
	margin: 0px auto;
}

#skin-fold-measurement-group .content .skin-fold-measurement-options{
	display: none;
}

#skin-fold-measurement-group .content .skin-fold-measurement-options > button{
	flex: 0 0 49%;
	background-color: transparent;
	color: #000;
	cursor: pointer;
	border: none
}

#skin-fold-measurement-group .content .skin-fold-measurement-options > button:last-child{
	align-self: flex-end;
}

#skin-fold-measurement-group .content .skin-fold-measurement-options > button:hover,
#skin-fold-measurement-group .content .skin-fold-measurement-options > button:focus{
	background-color: transparent;
}

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

#skin-fold-measurement-group .content .skin-fold-measurement-options{
	display: none;
}

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

#skin-fold-measurement-group .content .skin-fold-measurement-options.active{
	display: flex;
	-webkit-display: flex;
}

#skin-fold-measurement-group .content .container-skin-fold-measurement.active{
	display: block;
}

#form-full-measurement .btn-open-skin-fold-measurement{
	background-color: transparent;
	text-decoration: underline;
	color: #000;
	border: none;
	background-color: orange;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	width: 35px;
	height: 35px;
	line-height: 35px;
	padding: 0;
}

#skin-fold-measurement-group .content .container-skin-fold-measurement form button{
	border: none;
	width: 80px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #ff4c00;
	padding: 0;
	margin-top: 20px;
}

#skin-fold-measurement-group .content .container-skin-fold-measurement form div.omrs-input-group{
	margin-bottom: 1.5rem;
}

#skin-fold-measurement-group .content .container-skin-fold-measurement form .omrs-input-underlined > .omrs-input-helper, 
#skin-fold-measurement-group .content .container-skin-fold-measurement form .omrs-input-filled > .omrs-input-helper{
	bottom: -20px;
}


/*
 * #####################################################
 * APEX DAILY MEASUREMENT OVERVIEW / OVERZICHT DAGELIJKSE METING
 * #####################################################
 */
#overview-daily-measurement table{
	width: 100%;
}

#overview-daily-measurement table tr th,
#overview-daily-measurement table tr td,
#list-overview-macros table tr td,
#list-overview-macros table tr th{
	padding: .5em 0.416em;
	font-size: 12px;
	text-align: left;
}

#overview-daily-measurement table tr th{
	background-color: #ff4c00 !important;
	color: #ffffff !important;
}

#list-overview-macros table tr{
	border-bottom: 1px solid #ff4c00;
}

#overview-daily-measurement table tr th,
#overview-daily-measurement table tr td{
	border-bottom: 1px solid #ff4c00;
}


#list-overview-macros table{
	border: none;
}

#list-overview-macros > table tbody tr td{
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	
}

#list-overview-macros > table > tbody >  tr > td{
	border-bottom: 1px solid #ececec;
}

#list-overview-macros table tr td.week{
	font-weight: 700;
}

#overview-daily-measurement table tr td.weight_goal_success{
	color: #44b820;
}

#overview-daily-measurement table tr td.weight_goal_failed{
	color: #bd433c;
}

#list-overview-macros #filter-year,
#overview-daily-measurement #filter-year{
	width: 100%;
	margin-bottom: 1em;
}


@media screen and ( max-width: 768px ){
	
	#list-overview-macros table{
		width: 100%;
	}
	
}

/*
 * METINGEN VIDEO
 */
section.add-measurement .instruction-measurement img{
	width: 100%;
	cursor: pointer
	position: relative;
}

section.add-measurement .instruction-measurement > div{
	position: relative;
	cursor: pointer;
}

section.add-measurement .instruction-measurement > div::after{
	content: "\f04b";
	font-family: "Font Awesome 5 Free"
	font-weight: 900;
	font-size: 50px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate( -50%, -50% );
}


/*
 * Image FILE UPLOAD 
 */
.image_uploading{
	width: 100%; 
	height: 100%; 
	position:fixed; 
	left: 0; 
	top: 0; 
	z-index: 2000;
	background-color: rgba(0,0,0, 0.7); 
	display: none;
}

.image_uploading .inner{
	max-width: 300px; 
	height: 200px; 
	z-index: 1001; 
	width: 100%; 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50% ); 
	background-color: #fff; 
	border-radius: 25px;
}

.image_uploading .inner .image_uploading_text{
	margin-top: 20%;
	text-align: center;
}

.image_uploading .inner .progress_bar{
	width: 90%; 
	margin: 0px auto; 
	height: 35px; 
	border: 1px solid #555; 
	border-radius: 25px; 
	overflow: hidden;
}

.image_uploading .inner .progress_bar .progress_bar_inner{
	width: 0; 
	height: 100%; 
	background-color: #63d441;
	transition:  all .25s linear ;
}

.image_uploading .inner .progress_bar .progress_bar_inner.onethird{
	width: 33.3333%;
}


.image_uploading .inner .progress_bar .progress_bar_inner.twothird{
	width: 66.6666%;
}

.image_uploading .inner .progress_bar .progress_bar_inner.complete{
	width: 100%;
}



/*
 * Daily measurement overview || Backend
 */
.custom-section.backend#overview-daily-measurement table{
	width: 100%;
	text-align: left;
}

/*
 * Measurment Image Viewer
 */
#dialog-compare .compare-list{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	padding: 5px 2px;
	justify-content: center;
}

#dialog-compare .compare-list > button{
	flex: 0 0 32.3333%;
	margin: 0 0.5% 10px
	padding: 0;
	margin-bottom: 10px;
	position: relative;
	background-color: transparent;
	color: #000;
	border: none;
	cursor: pointer;
}

#dialog-compare .compare-list > button .image{
	padding-top: 165%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and ( min-width: 1024px ){
	
	#dialog-compare .compare-list > button{
		flex: 0 0 calc( 195px );
		margin-right: 5px;
	}
	
}

#container-measurement-compare{
	max-width: 500px;
	margin: 0px auto;
}

#container-measurement-compare .top{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	padding: 0;
	position: relative;
}

#container-measurement-compare .top > div.zoom{
	order: 0;
	flex: 0 0 100%;
	z-index: 9999;
	position: absolute;
	right: 5px;
	top: 5px;
}

#container-measurement-compare .top > div.zoom button{
	padding: 0;
	background-color: transparent;
	color: #000;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
	border-radius: 50px;
	font-size: 18px !important;
	border: none;
	cursor: pointer;
}

#container-measurement-compare .top > div.left,
#container-measurement-compare .top > div.right{
	flex: 0 0 48%;
}

#container-measurement-compare .top > div.left{
	order: 1;
	margin: 0 1%;
}

#container-measurement-compare .top > div.right{
	order: 2;
	margin: 0 1%;
}

#container-measurement-compare .top > div.middle{
	flex: 0 0 100px;
	margin: 10px auto;
	order: 3;
	font-size: 12px;
}

#container-measurement-compare .top .middle button{
	cursor: pointer;
	border: none;
	outline: none;
	background-color: transparent;
	padding: none;
}

#container-measurement-compare .top .middle button img{
	max-width: 80px;
}

#container-measurement-compare .top > div img{
	max-width: 100%;
}

#container-measurement-compare .top .left > div,
#container-measurement-compare .top .middle button > img,
#container-measurement-compare .top .right > div{
	display: none;
}

#container-measurement-compare .top .left > div.active,
#container-measurement-compare .top .middle button > img.active,
#container-measurement-compare .top .right > div.active{
	display: block;
	max-width: 100%;
}

#container-measurement-compare .bottom {
	padding: 0 10px;
}

#container-measurement-compare .bottom .compare-values > div{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ececec;
	padding: 5px 0;
}

#container-measurement-compare .bottom .compare-values > div > div:nth-child(1){
	order: 2;
	flex: 0 0 48%;
	margin: 0 0.5
	text-align: left;
}

#container-measurement-compare .bottom .compare-values > div > div:nth-child(2){
	color: #ff4c00;
	flex: 0 0 100%;
	text-align: center;
	order: 1;
}

#container-measurement-compare .bottom .compare-values > div > div:nth-child(3){
	order: 2;
	flex: 0 0 48%;
	margin: 0 0.5%;
	text-align: right;
}

/*
 * Measurement compare zoom
 */
#container-measurement-compare.zoom .top{	
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
	background-color: #fff;
	margin: 0;
	width: 100%;
	height: 100%;	
}

#container-measurement-compare.zoom .top .middle{
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
}

#container-measurement-compare.zoom .top > div.zoom button{
	margin-right: 20px;
}

#container-measurement-compare.zoom .top .right,
#container-measurement-compare.zoom .top .left{
	height: 100%;
}

#container-measurement-compare.zoom .top .right > div{
	height: 100%;
	text-align: left;	
	width: 100%;
	max-width: 100%;
}

#container-measurement-compare.zoom .top .left > div{
	height: 100%;
	text-align: right;
	width: 100%;
	max-width: 100%;
}

#container-measurement-compare.zoom .top .right > div img,
#container-measurement-compare.zoom .top .left > div img{
	height: auto;
	max-height: 100%;
	width: 100%;
}

/*
 * #####################################
 * Metingen toevoegen
 * #####################################
 */
section.add-measurement table,
section.add-measurement table tr td{
	border: none;
}



/*
 * ADMIN RECOVERY 
 */
.section-rec-setting{
	padding: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	margin-bottom: 10px;
	background-color: #fff;
}

.section-rec-setting .link-open-dialog-rec-setting{
	background-color: #555;
	color: #fff;
	display: inline-block;
	margin-top: 10px;
	padding: 8px 25px;
	border: none;
	cursor: pointer;
}

.section-rec-setting .link-open-dialog-rec-setting:hover{
	background: #333;
}

.section-rec-setting .link-open-dialog-rec-setting i{
	margin-left: 10px;
}

.table-recovery-admin tr td{
	display: table-cell;
	border-bottom: 1px solid #efefef;
}

.table-recovery-admin tr.bad td{
	color: #ff5b51;
}

.table-recovery-admin tr.good td{
	color: #5ec4a4;
}

.table-recovery-admin tr td button{
	width: 21px !Important;
	height: 21px !important;
}

.list-recovery-values .container-month-values{
	width: 100%;
}

.list-recovery-values .container-month-values .week{
	display: inline-block;
	width: 47%;
	margin: 10px 0.75%;
}

.list-recovery-values .container-month-values .week table tr td span.good{
	color: #5ec4a4;
}


.list-recovery-values .container-month-values .week table tr td span.bad{
	color: #ff5b51
}


@media ( min-width: 768px ){
	
	.section-rec-setting{
		display: inline-block;
		vertical-align: top;
		width: 45%;
		margin-right: 10px;
	}
	
	.list-recovery-values .container-month-values .week{
		width: 31.3333%;
	}

}

@media ( min-width: 56.875em ){
	
	.section-rec-setting{
		width: 29.666%;
		margin-right: 0.5%;
	}
	
	.list-recovery-values .container-month-values .week{
		width: 22.3333%;
	}
	
}

@media ( min-width: 75em ){
	.section-rec-setting{
		width: 18.666%;
	}	
}

@media ( min-width: 92em ){
	.section-rec-setting{
		width: 15.666%;
	}	
}

/*
 * FRONTEND RECOVERY
 */
#page-recovery  h2{
	font-size: 24px;
	color: #555;
}

#page-recovery .sidebar-recovery{
	background-color: rgba(236, 236, 236, 0.5);
}

#page-recovery .sidebar-recovery .block {
	padding: 40px 10px;
	border-bottom: 1px solid #555;
}

#page-recovery .sidebar-recovery .block:last-child{
	border: none;
}

#page-recovery .sidebar-recovery .setting-title{
	display: flex;
	align-items: center;
	margin-bottom :10px;
}

#page-recovery .sidebar-recovery .block .setting-title h2{
	margin-right: 10px;
	margin-bottom: 0;
}

#page-recovery .sidebar-recovery .block button{
	margin-left: 10px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
}

#page-recovery .sidebar-recovery .block .nouislider-group label{
	width: 150px;
}

#page-recovery .sidebar-recovery .block h2 i{
	padding-right: 10px;
	color: #ff5b51;
}

#page-recovery .setting button{
	width: 50px;
	padding: 13px 0;
	margin-bottom: 5px;
}

#page-recovery .setting button.selected{
	background-color: #555;
	color: #fff;
}

#page-recovery .sidebar-recovery button[type="submit"]{
	background-color: #5ec4a4;
	color: #fff;
	border-radius: 3px;
}

#page-recovery .content-recovery{
	position: relative;
}

#page-recovery .content-recovery .block{
	margin-bottom: 2em;
}

#page-recovery .content-recovery .recovery-products .product{
	font-size: 22px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

#page-recovery .content-recovery .recovery-products .product td{
	padding-top: 0.4em;
	padding-bottom: 0.4em;	
}

#page-recovery .content-recovery .recovery-products .product td:nth-child(2){
	text-align: center;
	font-weight: 300;
}

#page-recovery .content-recovery .recovery-products .product td i{
	color: #5ec4a4
}



#post-4530 .products .product{
	text-align: center;
	max-width: 300px;
	width: 100%;
}

#post-4530 .products .product img{
	margin: 0px auto;
	margin-bottom: 10px;
}

#post-4530 .products .product .product-title{
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}

#post-4530 .products .product .product-price{
	display: block;
}

#post-4530 .products .product .product-link{
	background-color: #20d917;
	color: #fff;
	display: inline-block;
	width: 200px;
	margin: 0px auto;
	padding: 8px 15px;
}


@media screen and ( min-width: 56.875em ){
	
	#page-recovery .setting button{
		width: 33px;
		padding: 3px 0;
	}
	
	
	#page-recovery .container-recovery{
		display: flex;
	}
	
	#page-recovery .container-recovery .content-recovery{
		flex-grow: 1;
		padding-right: 20px;
	}
	
	#page-recovery .container-recovery .sidebar-recovery{
		width: 400px;
		display: block;
	}
}

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

	#list-overview-macros table {
		width: 100%;
	}
	
	#overview-daily-measurement table tr th,
	#overview-daily-measurement table tr td,
	#list-overview-macros table tr td,
	#list-overview-macros table tr th{
		font-size: 14px;
	}
	
	#list-overview-macros table tr th{
		text-align: left;
	}
}


/*####################################
 * BACKEND MEMBER PAGE
 * ###################################
 */


/*
 * OVERVIEW
 */

.delete-member-link,
.delete-member-permanent-link{
	color: #ff1f01;
}

.delete-member-link:hover,
.delete-member-permanent-link:hover{
	text-decoration: underline;
	color: #ff1f01;
}


/* MENU */
.custom-section#subgoal-add{
	padding: 10px;
	background-color: #fff;
	max-width: 425px;
	margin: 0px auto;
	margin-bottom: 20px
}

#form-subgoal input{
	width: 100%;
}

#form-subgoal textarea{
	margin-bottom: 15px;
	max-width: 385px;
	width: 100%;
	min-height: 100px;
}

#form-subgoal .subgoal-values{
	justify-content: center;
	align-content: center;
	align-items: center;
}

#form-subgoal .subgoal-values > div{
	padding: 0 5px !important;
	text-align: center;
	margin-bottom: 0;
}

#form-subgoal .subgoal-values > div:first-child{
	padding-left: 0 !important;
}

#form-subgoal .subgoal-values > div:last-child{
	padding-right: 0;
}

#form-subgoal .subgoal-values > div:nth-child(1),
#form-subgoal .subgoal-values > div:nth-child(2){
	width: 130px;
}

#form-subgoal .subgoal-values .omrs-input-group .omrs-input-underlined > .omrs-input-label{
	top: 0.0375rem;
}

#form-subgoal .subgoal-values .omrs-input-group input{
	padding-left: 5px;
}

#form-subgoal .btn-save{
	height: 44px !important;
    width: 44px !important;
    border: none
}


@media screen and ( max-width: 768px ){
		
	#dialog-skin-fold-measurement .container-skin-fold-measurement  form table tr th,
	#dialog-skin-fold-measurement .container-skin-fold-measurement  form table tr td{
		width: 100%;
		display: block;
		padding: 5px 0 ;
	}
	
	#form-subgoal textarea{
		width: 100%;
	}
	
	#form-subgoal .subgoal-values{
		flex-wrap: wrap;
	}
	
	#form-subgoal .subgoal-values > div:nth-child(1),
	#form-subgoal .subgoal-values > div:nth-child(2){
		flex: 0 0 45%;
	}
	
	#form-subgoal .subgoal-values > div:nth-child(1){
		margin-right: 1%;
		margin-left: 0;
	}
	
	#form-subgoal .subgoal-values > div:nth-child(2){
		margin-left: 1%;
		margin-right: 0;
	}
	
	#form-subgoal .subgoal-values > div:nth-child(3){
		flex: 0 0 100px;
		margin: 0px auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	
}


.table-result th{
	font-weight: 700;
	text-align: left;
}

.table-result th,
.table-result td{
	padding: 0 5px;
}


section#section-apex-member-calories table th,
section#section-apex-member-calories table td{
	display: table-cell !important;
}

section.section-apex-member-measurement table th{
	text-align: left;
}

#dialog-add-measurement{
	display: none;
}

#dialog-add-measurement .btn-action-green{
	display: none;
}

#dialog-add-measurement tr td input{
	width: 80%;
	height: 30px;
	line-height: 30px;
	
}

#dialog-edit-member-weight{
	display: none;
}

section.section-apex-member-scheme table th{
	text-align: left;
}




#dialog-add-custom-member-scheme-exercise{
	display: none;
}


/*##################################
 * BACKEND MEMBER PAGE - SECTION MEMBER SCHEME
 * ################################
 */
#list-member-schemes .tab{
	cursor: pointer;
}

#list-member-schemes .list{
	display: none;
}

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

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

#list-member-schemes .list td a{
	text-decoration: none;
}

.preview-exercise-image{
	max-width: 100%;
}

.preview-exercise-image img{
	max-width: 100%;
}


button.collapse{
	display: none;
}

.backend-list-overview .pagination li {
  display:inline-block;
  padding:5px;
}

/*
 * ADD CUSTOM MEMBER SCHEME FORM
 */
#form-add-custom-member-scheme-exercise table{
	width: 100%;
	border: none;
}

#form-add-custom-member-scheme-exercise table tr th{
	color: #ff4c00;
	font-weight: 400;
}

#form-add-custom-member-scheme-exercise table tr th,
#form-add-custom-member-scheme-exercise table tr td{
	vertical-align: middle;
	padding: 0.5em 0.416em;
	font-size: 14px;
	border: none;
}

#form-add-custom-member-scheme-exercise a{
	position: relative;
	display: block;
	cursor: pointer;
}

#form-add-custom-member-scheme-exercise .header{
	font-size: 14px;
}


#form-add-custom-member-scheme-exercise .header .filter-options{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#form-add-custom-member-scheme-exercise .header .filter-options > div{
	margin-bottom: 10px;
	width: 33.3333%;
}

#form-add-custom-member-scheme-exercise .header .filter-options > div:nth-child(2){
	margin-left: 1%;
	margin-right: 1%;
	width: 31.3333%;
}

#form-add-custom-member-scheme-exercise .header .filter-options > div label{
	font-size: 12px;
}


#form-add-custom-member-scheme-exercise .column-video{
	width: 80px;
	display: inline-block;
}

#form-add-custom-member-scheme-exercise .column-action{
	width: 60px;
	display: inline-block;
}

#form-add-custom-member-scheme-exercise .column-video a,
#form-add-custom-member-scheme-exercise .column-video button{
	background-color: transparent;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	color: #555;
}

#form-add-custom-member-scheme-exercise .exercise_action > div::after{
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	position: relative;
	display: block;
	background-color: #ccc;
	text-align: center;
	border-radius: 5px;	
	cursor: pointer;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

#form-add-custom-member-scheme-exercise .exercise_action > div.selected::after{
	content:  "\f00c";
	background-color: #5ec4a4;
}

.wp-admin .popup-exercise-video .video-overlay{
	width: 100%;
	height: 100%;
	background-color: rgba( 0,0,0, 0.6);
	z-index: 9998;
	left :0;
	top: 0;	
	position: fixed;
	display: block;
}

.wp-admin .popup-exercise-video .video-overlay .header{
	text-align: right;
}


#dialog-add-custom-member-scheme-exercise .video-overlay{
	width: 100%;
	height: 100%;
	background-color: rgba( 0,0,0, 0.6);
	z-index: 9998;
	left :0;
	top: 0;	
	position: fixed;
	display: none;
}

.wp-admin .popup-exercise-video,
#dialog-add-custom-member-scheme-exercise .popup-exercise-video{
	z-index: 9999;
	display: none;
	position: fixed;
	transition: .5s linear;
	z-index: 99999;
	max-width: 100%;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.wp-admin .popup-exercise-video .header button{
	margin-right: 20px;
	margin-top: 20px;
}

.wp-admin .popup-exercise-video iframe,
#dialog-add-custom-member-scheme-exercise .popup-exercise-video iframe{
	max-width: 500px;
	width: 95%;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	-webkit-transform: translate( -50%, -50% );
	position: fixed;
	border:none;
}



/*
 * EDIT CUSTOM MEMBER SCHEME FORM
 */
#form-edit-custom-member-scheme-exercise{
	max-width: 600px;
	margin: 0px auto;	
}

#form-edit-custom-member-scheme-exercise .omrs-input-group,
#form-edit-custom-member-scheme-exercise .omrs-select-group{
	max-width: 100%;
}

#form-edit-custom-member-scheme-exercise .omrs-media-group{
	margin-top: 20px;
}

#form-edit-custom-member-scheme-exercise input{
	width: 100% !important;
}

#form-edit-custom-member-scheme-exercise table{
	width: 100%;
	border: none;
}

#form-edit-custom-member-scheme-exercise table.form-table tr td,
#form-edit-custom-member-scheme-exercise table.form-table tr th{
	display: block;
	background-color: transparent;
	border: none
}

#select_exercise_name_chosen,
#select_exercise_method_chosen,
#select_exercise_day_chosen,
#select_exercise_periodization_chosen,
#select_exercise_increase_format_chosen{
	width: 20.4375rem !important;
	max-width: 100%;
}


@media ( max-width: 768px ){
	
	#form-edit-custom-member-scheme-exercise table{
		max-width: 100%;
		width: 100%;
	}
}

@media screen and ( max-width: 56.875em ){
	
	button.collapse{
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 30px;
		height: 30px;
	}
	
	#list-overview-macros table tr th.mobile-hide{
		display: none;
	}

}

@media screen and ( min-width: 56.875em ){
	
	
	.col-2 > section:first-child{
		margin-right: 20px;
	}
	
	.apex-col-3{
		display: flex;
	}
	
	.apex-col-3 > div:nth-child(1),
	.apex-col-3 > div:nth-child(2){
		margin-right: 20px;
	}
	
	.apex-col-3 > div{
		width: 100%;
	}
	
	#form-add-custom-member-scheme-exercise .header{
		font-size: 16px;
	}
	
	#form-add-custom-member-scheme-exercise .header .filter-options{
		display: flex;
		-webkit-display: flex;
		align-items: center;
	}

	#form-add-custom-member-scheme-exercise .header .filter-options .chosen-container{
		max-width: 100%;
		width: 100%;
	}
	
	#form-add-custom-member-scheme-exercise .header select,
	#form-add-custom-member-scheme-exercise .header input{
		display: inline-block;
		margin-bottom: 10px;
		border-radius: 3px;
	}
	
	#form-add-custom-member-scheme-exercise table.form-table tr td,
	#form-add-custom-member-scheme-exercise table.form-table tr th{
		display: table-cell;
	}
	
}

/*
 * Dialog Result comments
 */
#dialog-result-comment .comment{
	margin-bottom: 20px;
}

#dialog-result-comment .comment .header{
	display: flex;
	font-size: 14px;
	font-weight: 700;
}

#dialog-result-comment .comment .header .date{
	margin-left: auto;
}

#dialog-result-comment .comment .header .exercise_name.done{
	color: #63d441;
}

#dialog-result-comment .comment .response{
	height: 0;
	overflow: hidden;
}

#dialog-result-comment .comment .response.active{
	height: auto;
}

#dialog-result-comment .comment .actions{
	display: flex;
	-webkit-display: flex;
	align-items: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#dialog-result-comment .comment .actions > button{
	width: 100%;
	height: 40px;
}

#dialog-result-comment .comment .actions > button:first-child{
	margin-right: 10px;
}

#dialog-result-comment .comment .actions > button:last-child{
	margin-left: 10px;
}

#dialog-result-comment .comment .btn-react{
	background-color: #f1f1f1;
	border: 1px solid #ececec;
	border-radius: 3px;
	cursor: pointer;
	color: #555;
	padding: 10px 0;
	margin: 10px 0;
	text-transform: uppercase;
	width: 100%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.63);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.63);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.63);
}

#list-apex-member-comments-admin .item-apex-member-comment,
#list-apex-member-comments .item-apex-member-comment{
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
	padding: 20px;
}

#list-apex-member-comments-admin .item-apex-member-comment .comment,
#list-apex-member-comments .item-apex-member-comment .comment{
	margin-bottom: 20px;
}

#list-apex-member-comments-admin .item-apex-member-comment .footer,
#list-apex-member-comments .item-apex-member-comment .footer{
	display: flex;
	font-style: italic;
	font-size: 12px;
}

#list-apex-member-comments-admin .item-apex-member-comment .footer .posted_by,
#list-apex-member-comments .item-apex-member-comment .footer .posted_by{
	margin-right: 20px;	
}

#list-apex-member-comments-admin .item-apex-member-comment .footer .posted_by::after,
#list-apex-member-comments .item-apex-member-comment .footer .posted_by::after{
	 content: "-";
	 margin-left: 20px;
}

#list-apex-member-comments-admin .item-apex-member-comment .actions,
#list-apex-member-comments .item-apex-member-comment .actions{
	margin-top: 1px;
	font-size: 13px;
}

#list-apex-member-comments-admin .item-apex-member-comment .actions a,
#list-apex-member-comments .item-apex-member-comment .actions a{
	margin-right: 20px;
	cursor: pointer;
}

#list-apex-member-comments-admin .pagination,
#list-apex-member-comments .pagination{
	width: 100%;
}

#list-apex-member-comments-admin .pagination li,
#list-apex-member-comments .pagination li{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

/*
 * Exercise Comment
 */
#dialog-exercise-comments .list-comment{
	max-width: 600px;
	margin: 0px auto;
	margin-top: 10px;
}

#dialog-exercise-comments .list-comment .item-comment{
	padding: 10px;
}

#dialog-exercise-comments .list-comment .item-comment .comment{
	width: 65%;
	left: left;
}

#dialog-exercise-comments .list-comment .item-comment .comment > div:first-child{
	background-color: #efefef;
	border-radius: 10px;
	padding: 10px;
}

#dialog-exercise-comments .list-comment .item-comment .comment > div:last-child{
	font-size: 10px;
	margin-top: 2px;
	font-style: italic;
}

#dialog-exercise-comments .list-comment .item-comment .response {
	width: 65%;
	border-radius: 10px;
	background-color: #efefef;
	padding: 10px;
	float: right;
}

#dialog-exercise-comments .list-comment .item-comment .btn-read{
	margin-top: 5px;
	clear: both;
	background-color: transparent;
	border: none;
	color: #000;
	width: 100%;
	text-align: right;
	padding-left: 0;
	padding-right: 5px;
	cursor: pointer;
}

#dialog-exercise-comments .list-comment .item-comment .btn-read i{
	color: #15a215;
	margin-right: 5px;
}

/*###################################
 * BACKEND MEMBER SCHEME PAGE
 * ###################################
 */

.scheme-template-block{
	background-color: #efefef;
	margin-bottom: 20px;
	padding: 10px;
}

.scheme-template-block .scheme-template-block-title{
	font-weight: 700;
	font-weight: 22px;
	margin-bottom: 10px;
}

.scheme-template-block .input-exercise{
	max-width: 200px;
	width: 100%;
}

.apex-template-block-overview .form-table tr .column-hidden,
.apex-member-scheme-overview .form-table tr .column-hidden{
	width: 1px;
}

#apex-template-block-overview.form-table tr input,
.apex-member-scheme-overview .form-table tr input{
	min-height: 40px;
}

/*
 * LIST Memberscheme
 */
.list-member-scheme .list .item{
	margin-bottom: 10px;
	border-radius: 10px;
	max-width: 100%;
	border-bottom: 1px solid #ececec;
}

.list-member-scheme .list .slick-slide{
	text-align: center !important;
}

.list-member-scheme .list .item .top{
	position: relative;
	min-height: 180px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	z-index: 20;
}

.list-member-scheme .list .item .top .name{
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	width: 95%;
	left: 2.5%;
}

.list-member-scheme .list .item .top > .image{
	height: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	.list-member-scheme .list .item .top > .image{
		max-height: 200px;
	}
	
}

.list-member-scheme .list .item .top > .image img{
	max-width: 100%;
	height: 100%;
	width: 100%;
}

.list-member-scheme .list .item > .top > .image a .name{
	width: 100%;
	left: 0;
	transform: none;
	text-align: center;
}

.list-member-scheme .list .item .top .video-placeholder::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0; 
	top: 0;
	z-index: 1000;
	 background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.6278712168461135) 0%, rgba(0,0,0,0) 41%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.6278712168461135) 0%, rgba(0,0,0,0) 41%);
	background: linear-gradient(180deg, rgba(0,0,0,0.6278712168461135) 0%, rgba(0,0,0,0) 41%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
}


.list-member-scheme .list .item .top .video-placeholder .inner{
	top: 50%;
	transform: translateY(-50%);
	z-index: 1001;
}


.list-member-scheme .list .item .bottom{
	background-color: #fff;
	max-width: 100%;
	z-index: 20;
	position: relative;
}

.list-member-scheme .list .item .bottom .actions{
	display: flex;
	-webkit-display: flex;
	justify-content: center;
	position: relative;
	bottom: 17px;
	z-index: 1003;
}

.list-member-scheme .list .item .bottom .actions > button,
.list-member-scheme .list .item .bottom .actions .column-admin-actions > button{
	background-color: #232323;
	border-radius: 5px;
	padding: 8px;
	height: 35px;
	width: 35px;
	text-align: center;
	color: #fff;
	margin: 0 3px;
}

.list-member-scheme .list .item .bottom .actions > button.btn-add-result{
	background-color: #15a215;
}

.list-member-scheme .list .item .bottom .actions button i{
	color: #fff;
}

.list-member-scheme .list .item .column-admin-actions{
	position: relative;
}

.list-member-scheme .list .item .column-admin-actions button{
	color: #555;
	padding: 10px 5px;
}

.list-member-scheme .list .item .column-admin-actions .menu-training-item{
	display: none;
	position: absolute;
	top: 48px;
	right: 0;
	width: 13em;
	background-color: #555;
	z-index: 1001;
}

.list-member-scheme .list .item .column-admin-actions .menu-training-item.active{
	display: block;
}

.list-member-scheme .list .item .column-admin-actions button{
	display: block;
	width: 100%;
	text-align: left;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}

.list-member-scheme .list .item .column-admin-actions .menu-training-item button:focus,
.list-member-scheme .list .item .column-admin-actions .menu-training-item button:hover{
	background-color: #444;
}

.list-member-scheme .list .item .exercise-info{
	background: #555;
	padding: 5px 10px;
	font-size: 0.875rem;
	color: #fff;
}

.list-member-scheme .list .item  .exercise-info > div > button i{
	color: #fff !important;
}

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

.list-member-scheme .list .item .exercise-info > div.column-order{
	width: 10%;
	display: inline-block;
	vertical-align: middle;
}

.list-member-scheme .list .item .exercise-info > div.column-name{
	width: 85%;
	display: inline-block;
	vertical-align: middle;
}

.list-member-scheme .list .item .exercise-info > div.column-image,
.list-member-scheme .list .item .exercise-info > div.column-exercise-comments,
.list-member-scheme .list .item .exercise-info > div.column-info,
.list-member-scheme .list .item .exercise-info > div.column-result,
.list-member-scheme .list .item .exercise-info > div.column-exercise-edit,
.list-member-scheme .list .item .exercise-info > div.column-exercise-delete,
.list-member-scheme .list .item .exercise-info > div.column-admin-actions{
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.list-member-scheme .list .item .exercise-info > div{
	margin-left: 0;
	margin-right: auto;
	width: 100%;
	padding: 0;
}

.list-member-scheme .list .item .exercise-info > div button{
	padding: .6180469716em 1.116em
}

.list-member-scheme .list .item .exercise-info > div.column-periodization a{
	color: #fff;
}

.list-member-scheme .list .item .exercise-info > div.column-method a{
	color: #555;
	vertical-align: middle;
}

.list-member-scheme .list .item .exercise-info > div.column-method a i{
	vertical-align: middle;
}

.list-member-scheme .list .item .exercise-description{
	clear: both;
	display: none;
	width: 100%;
	padding: 10px;
	background-color: #f0f1f1;
}

.list-member-scheme .list .item .exercise-description.active{
	display: block;
}

.list-member-scheme .list .item .exercise-description > div{
	width: 100%;
}

div.column-order{
	flex: 0 0 30px;
}

div.column-name{
	min-width: 100px;
}

div.column-sets{
	flex: 0 0 70px;
}

div.column-increase{
	flex: 0 0 120px;
}

div.column-repeat{
	flex: 0 0 65px;
}


div.column-periodization{
	flex: 0 0 120px;
}


div.column-rest{
	flex: 0 0 52px;
}

div.column-tempo{
	flex: 0 0 80px;
}

div.column-image a{
	color: #fff;
}

div.column-exercise-comments,
div.column-exercise-delete,
div.column-exercise-edit,
div.column-image,
div.column-info,
div.column-result,
div.column-admin-actions{
	flex: 0 0 40px;
	text-align: center;	
	font-size: 16px;
}

div.column-exercise-comments a i,
div.column-exercise-delete a i,
div.column-exercise-edit a i,
div.column-info a i,
div.column-result a i,
div.column-image a i{
	vertical-align: middle;
	cursor: pointer;
}


@media screen and ( max-width: 768px ){
		
	.list-member-scheme .list .item .top>.image img{
		height: auto;
	}
	
		
	#section-memberscheme{
		padding-bottom: 100px;
	}

}

@media ( min-width: 680px ){

	.list-member-scheme .list .item .exercise-info{
		display: flex;
		align-items: center;
	}
	
	.list-member-scheme .list .item .exercise-info > div.column-name{
		width: 100%;
	}
	
}

@media screen and ( min-width: 768px ){
	
	.list-member-scheme .list .item{
		display: flex;
		-webkit-display: flex;
	}
	
	.list-member-scheme .list .item .top{
		flex: 0 0 25%;
	}
	
	body:not(.wp-admin) .list-member-scheme .list .item .bottom{
		flex: 0 0 75%;
		padding-top: 10px;
		max-width: 75%;
	}
	
	.wp-admin .list-member-scheme .list .item .bottom{
		flex: 0 0 calc( 90% - 250px );
		max-width: calc( 90% - 250px );
		padding-top: 10px;
	}
	
	.list-member-scheme .list .item .bottom .actions{
		bottom: auto;
		margin-bottom: 10px;
	}
	
}

@media screen and ( min-width: 1024px ){
	
	.list-member-scheme .list .item .top{
		flex: 0 0 300px;
		max-width: calc( 90% - 310px );
	}
}

/*
 * PRINT PDF TABLE
 */
.printpdf_table,
.printpdf_table tr td{
	border: 1px solid #ececec;
}

.dashboard-custom-menu{
	display: none;
	margin-bottom: 10px;
}


@media screen and ( max-width: 44.375em ){
	
	.custom-section{
		overflow:hidden;
		font-size: 12px;
		margin-bottom: 2em;
	}
	
	.custom-section ul{
		margin-left: 0;
		padding-left: 0;
	}

	.custom-section table.table-eat tr th,
	.custom-section table.table-eat tr td{
		padding: 5px 0.2em;
		max-width: 65px;
		text-align: center;
	}
	
	.custom-section table.table-eat tr td input{
		max-width: 65px;
	}
	
	.custom-section table.table-training tr th{
		display: none !important;
	}
	
	.custom-section table.table-training tr td{	
		width: 100%;
		display: block !important;
		padding: 0.5em;
	}
	
	.custom-section table.table-training tr td input{
		width: 100% !important;
		position: relative;
	}
	
	.custom-section table.table-training tr td.column_day_training{
		font-weight: 700;
	}
	
	.custom-section table.table-training tr td.column_light_training::before{
		content: "Lichte training";
		display: block;
	}
	
	.custom-section table.table-training tr td.column_medium_training::before{
		content: "Gemiddelde training";
		display: block;
	}
	
	.custom-section table.table-training tr td.column_hard_training::before{
		content: "Zware training";
		display: block;
	}

}



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

	/*
	 * Trainingschema
	 */
	.mobile-hide{
		display: none;
	}
	
	.mobile-only{
		display: block;
	}
	
	.dashboard-custom-menu{
		display: block;
		color: #fff;
		padding-left: 20px;
		padding-top: 3px;
		font-size: 22px;
		cursor: pointer;
		background-color: #555;
	}
	
}


.table-exercises{
	table-layout: fixed;
}

.table-exercises .chosen-container{
	max-width: 95%;
	width: 100%;
}

@media screen and ( min-width: 44.375em ){

	.mobile-only:not(.list-exercise-results .table-results.mobile-only){
		display: none !important;
	}
	
	
	div.column-exercise-comments,
	div.column-exercise-delete,
	div.column-exercise-edit,
	div.column-image,
	div.column-info,
	div.column-result{
		flex: 0 0 60px;
	}
	

}

@media screen and ( min-width: 56.875em ){
	
	.container-new-exercise{
		width: 100%;
		display: flex;
	}
	
	.container-new-exercise .table-exercises{
		max-width: 100%;
		width: 100%;
		
	}
	
	.container-new-exercise > div{
		width: 100%;
	}
	
	.preview-exercise-image{
		max-width: 33.333%;
		width: 100%;
	}
	
	.preview-exercise-image img{
		max-width: 100%;
	}
	
	.list-overview-full-measurement .item_measurement .additional > div{
		width: 50%;
		float: left;
	}
	
	.list-overview-full-measurement .item_measurement .additional label{
		width: 200px;
	}
	
	.list-overview-full-measurement .item_measurement .visible > div{
		font-size: 14px;
	}
	
	/*
	 * Member Page
	 */

	.table-result .result-exercise{
		width: 250px;
	}
	
	
	.custom-content-member{
		display: flex;
	}
	
	.custom-content-member .main{
		width: 100%;
	}
	
	.custom-content-member > div{
		padding: 2em 2em 2em 0;
	}

	
	/*
	 * Member Scheme
	 */
	.apex-template-block-overview .form-table tr,
	.apex-member-scheme-overview .form-table tr{
		display: flex;
		-webkit-display: flex;
		align-items: center;
	}
	
	.apex-member-scheme-overview .form-table tr:hover{
		cursor: move;
	}

	.apex-template-block-overview .form-table .column-order,
	.apex-template-block-overview .form-table .column-image,
	.apex-template-block-overview .form-table .column-rest-male,
	.apex-template-block-overview .form-table .column-rest-female,
	.apex-template-block-overview .form-table .column-sets,
	.apex-template-block-overview .form-table .column-repeat,
	.apex-template-block-overview .form-table .column-increase,	
	.apex-member-scheme-overview .form-table .column-order,
	.apex-member-scheme-overview .form-table .column-image,
	.apex-member-scheme-overview .form-table .column-rest-male,
	.apex-member-scheme-overview .form-table .column-rest-female,
	.apex-member-scheme-overview .form-table .column-sets,
	.apex-member-scheme-overview .form-table .column-repeat{
		width: 40px;
		margin-right: 5px;
	}
	
	.apex-member-scheme-overview .form-table .column-increase{
		width: 45px;
		margin-right: 5px;
	}
	
	.apex-template-block-overview .form-table .column-periodization,
	.apex-member-scheme-overview .form-table .column-periodization{
		width: 130px;
		margin-right: 5px;
	}
	
	.apex-template-block-overview .form-table .column-increase-format,
	.apex-template-block-overview .form-table .column-tempo,
	.apex-member-scheme-overview .form-table .column-increase-format,
	.apex-member-scheme-overview .form-table .column-tempo{
		width: 110px;
		margin-right: 5px;
	}
		
	.apex-template-block-overview .form-table th.column-increase,
	.apex-template-block-overview .form-table .column-cue,
	.apex-member-scheme-overview .form-table th.column-increase,
	.apex-member-scheme-overview .form-table .column-cue{
		width: 166px;
		margin-right: 5px;
	}
		
	.apex-template-block-overview .form-table .column-exercise-name,
	.apex-template-block-overview .form-table .column-method,
	.apex-member-scheme-overview .form-table .column-exercise-name,
	.apex-member-scheme-overview .form-table .column-method{
		width: 250px;
		margin-right: 5px;
	}
	
	.apex-template-block-overview .form-table .column-remove,
	.apex-member-scheme-overview .form-table .column-remove{
		margin-left: 10px;
		width: 20px;
	}
	
	
	.list-member-scheme .list .item .exercise-description.active{
		display: flex;
	}
	
	.list-member-scheme .list .item .exercise-description > div{
		width: 33%;
	}
	
	.list-exercise-results .table-results .edit-overlay{
		display: none;
		background-color: rgba(0,0,0, 0.4);
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		border-radius: 5px;
	}
	
	.list-exercise-results .table-results:hover .edit-overlay{
		display: block;
	}
	
	.list-exercise-results .table-results:hover .edit-overlay .actions{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
	}
	
	.list-exercise-results .table-results:hover .edit-overlay .actions a,
	.list-exercise-results .table-results:hover .edit-overlay .actions i{
		color: #fff;
	}

	
	/*
	 * add Result dialog
	 */
	#dialog-add-result .dialog-sets-header{
		display: block;
	}	
	
	#dialog-add-result .dialog-sets > div {
		display: block;
	}

	#dialog-add-result .dialog-sets-header > div:last-child,
	#dialog-add-result .dialog-sets > div > div:last-child{
		width: 40px;
	}
	
	#dialog-add-result .dialog-sets table tbody td input{
		width: auto !important;
	}


	#form-edit-custom-member-scheme-exercise table.form-table tr td,
	#form-edit-custom-member-scheme-exercise table.form-table tr th{
		display: table-cell;
	}

}

@media screen and ( min-width: 65em ){
	
	section.add-measurement form{
		width: 65.6666%;
		display: inline-block;
		vertical-align: top;	
	}
	
	section.add-measurement .instruction-measurement{
		padding: 0 10px;
		width: 33.3333%;
		display: inline-block;
		vertical-align: top;	
	}
	

}

@media screen and ( min-width: 110em ){
	
	.list-member-scheme .list .item .exercise-info > div{
		width: 100%;
	}
	
}


/*
 * DEFAULT ITEMS
 */

.slick-next::before, .slick-prev::before{
	z-index: 100;
}

/*Buttons */
.fa-check{
	color: #63d441;
}

.fa-check-circle{
	text-decoration: none;
	box-shadow: none;
}

.fa-trash,
.fa-trash-alt{
	color: #ff1f01;
	cursor: pointer;
}

.fa-flag{
	color: #ff5b51;
	cursor: pointer;
}

.btn-save{
	border-radius: 5px !important;
	background: #04AA6D !important;
	height: 40px !important;
	width: 40px !important;
	padding: 0 !important;
	cursor: pointer;
	border: none;
	position: relative;
}

.btn-save::after{
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	
}

.btn-save:hover,
.btn-save:focus{
	background: #059862 !important;
}

.btn-info,
.info-button{
	margin: 0 5px;
	cursor: pointer;
	background-color: transparent;
	border: none;
	font-size: 16px;
	padding: 0;
	width: 35px;
	height: 35px;
	display: inline-block;
	text-align: center;
	background-color: #000;
	border-radius: 3px;
	font-weight: 700;
	color: #fff;
	margin-left: auto;
}

.btn-info-small{
	margin: 0 5px;
	cursor: pointer;
	background-color: transparent;
	border: none;
	font-size: 13px;
	padding: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	text-align: center;
	background-color: #000;
	border-radius: 50%;
	font-weight: 700;
	color: #fff;
	margin-left: 5px;
}

.btn-menu{
	border: none;
}

.btn-clone,
.btn-delete,
.btn-edit{
	width: 40px;
	height: 40px;
	display: inline-block;
	padding: 0;
}


.btn-clone:focus,
.btn-delete:focus,
.btn-edit:focus,
.btn-clone:hover,
.btn-delete:hover,
.btn-edit:hover,
.btn-info:hover,
.info-button:hover,
.btn-info:focus,
.info-button:focus{
	color: #fff !important;
	background-color: #555 !important;
}

.btn-info:hover i,
.info-button:hover i,
.btn-info:focus i,
.info-button:focus i
.btn-clone:focus i,
.btn-delete:focus i,
.btn-edit:focus i,
.btn-clone:hover i,
.btn-delete:hover i,
.btn-edit:hover i{
		color: #fff !important;
}

.wrap .add-new-h2{
	display: inline-block;
	margin-bottom: 10px;
}

.btn-action.prev{
	margin-bottom: 20px;
	background-color: #ff5b51;
	padding: 10px 25px;
	display: block;
	width: 150px;
	text-align: center;
	border-radius: 10px;
}

input[type="submit"].btn-action-green{
	background-color: #5ec4a4;
	color: #fff;
	cursor: pointer;
	width: 200px;
	text-decoration: none;
	
}

input[type="submit"].btn-action-green:hover{
	color: #fff;
	background-color: #5ec4a4;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(85,85,85,0.45);
	-moz-box-shadow: 0px 0px 8px 0px rgba(85,85,85,0.45);
	box-shadow: 0px 0px 8px 0px rgba(85,85,85,0.45);
}


/*
 * JQUERY DIALOGS
 */
.ui-corner-all{
	border-radius: 0;
}

/*
 * ALL DASHBOARD PAGES FRONTEND
 */
.page-template-template-account-page #page{
	background-color: #fff !important;
}

.apex-notice{
	width: 100%;
	display: none;
	margin-bottom: 10px;
	font-size: 1.4rem;
	background-color: rgba(99, 212, 65, 0.6);
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	border-top: 2px solid rgba(99, 212, 65, 1);
	border-bottom: 2px solid  rgba(99, 212, 65, 1);
	line-height: 30px;
}

.apex-error{
	width: 100%;
	display: none;
	margin-bottom: 10px;
	font-size: 1.4rem;
	background-color: #ff1f01;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	border-top: 2px solid rgba(99, 212, 65, 1);
	border-bottom: 2px solid  rgba(99, 212, 65, 1);
	line-height: 30px;
}

/*
 * APEX CUSTOM SECTIONS
 */
.custom-section{
	padding: 5px 0;
	width: 100%;
	position: relative;
	margin-bottom: 2em;
}

.custom-section-title{
	height: 45px;
	padding: 5px 10px;
	margin: 0;
	font-weight: 700;
	display: flex;
	-webkit-display: flex;
	align-items: center;
}

.custom-section > .inner{
	padding: 10px;
}

.custom-section h3{
	font-size: 1.2rem !important;
	text-align: center;
}

.custom-section .section-footer{
	margin-top: 10px;
}

/*
 * DASHBOARD
 */

.dashboard-buttons > a{
	margin-bottom: 10px;
	padding: 5px;
	color: #fff;
	display: flex;
	-webkit-display: flex;
	cursor: pointer;
}

.dashboard-buttons > a:after{
	content: "\f06e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: auto;
	margin-right: 10px;
}

.dashboard-buttons > a:nth-child(1)::after{
	content: "\f067";
}

.dashboard-buttons > a:nth-child(2)::after{
	content: "\f44b";
}

.dashboard-buttons > a:nth-child(3)::after{
	content: "\f2e7";
}

.dashboard-buttons .btn-my-account i.fa-plus{
	color: #fff !important;
}

.dashboard-buttons a.btn-add-measurement{
	background-color: #5ec4a4;
	text-decoration: none;
}

.dashboard-buttons a.btn-add-measurement:hover{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(85,85,85,0.45);
	-moz-box-shadow: 0px 0px 8px 0px rgba(85,85,85,0.45);
	box-shadow: 0px 0px 8px 0px rgba(85,85,85,0.45);
	color: #fff;
}

.dashboard-buttons a i{
	text-align: right;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #fff;
}

.dashboard-main-content{
	margin-bottom: 2em;
}

.dashboard-main-content table th,
.dashboard-main-content table td,
.dashboard-sidebar .content table tr th:first-child,
.dashboard-sidebar .content table tr td:first-child{
	padding-left: 15px;
	padding-right: 15px;
}

.dashboard-main-content table th,
.dashboard-main-content table td{
	display: block;
	width: 100%;
}


/*
 * PROGRESS / VOORTGANG
 */
#dashboard-progress{
	text-align: center;
}

#dashboard-progress .inner{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#dashboard-progress .inner .radial{
	vertical-align: top;
	margin: 0 10px;
	flex: 0 0 23%;
	margin: 0px auto;
	margin-bottom: 10px;
	max-width: 23%;
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
}

#dashboard-progress .inner .radial label{
	min-height: 40px;
	display: block;
	position: relative;
	order: 2;
	color: #b1b1b1;
}

#dashboard-progress .inner .radial canvas{
	max-width: 80px;
	max-height: 80px;
	margin: 0px auto;
}

#dashboard-progress .inner .radial::before,
#dashboard-progress .inner .radial::after{
	display: block;
	text-align: center;
}

#dashboard-progress .inner .radial p span{
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
}




.dashboard-sidebar .link-faq{
	text-align: center;
	margin-bottom: 20px;
}

.dashboard-sidebar .link-faq a{
	color: #fff;
	text-align: center;
	position: relative;
	background-color: #555;
	padding: 20px 50px 20px 15px;
	display: block;
}

.dashboard-sidebar .link-faq a:hover{
	background-color: #666;
}

.dashboard-sidebar .link-faq a::after{
	content: "";
	width: 42px;
	height: 41px;
	background-image: url('/wp-content/plugins/apex-training/includes/images/icon-faq.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-right: 10px;
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/*
 * TUTORIAL
 */
#steps-tutorial{
	margin-bottom: 2em;
}
#steps-tutorial h2{
	display: none;
}

#steps-tutorial ul[role="tablist"]{
	list-style: none;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

#steps-tutorial ul[role="tablist"] li{
	display: block;
	vertical-align: top;
	background-color: #ccc;
	padding: 12px 25px;	
}

#steps-tutorial ul[role="tablist"] li a{
	color: #000;
}

#steps-tutorial ul[role="tablist"] li.current{
	background-color: #444;
}

#steps-tutorial ul[role="tablist"] li.current a{
	color:#fff;
}

#steps-tutorial ul[role="menu"]{
	list-style: none;
	width: 100%;
	display: block;
	margin: 0;
	margin-top: 20px;
}

#steps-tutorial ul[role="menu"] li{
	margin-bottom: 10px;
}

#steps-tutorial ul[role="menu"] li a{
	width: 100%;
	padding: 12px 25px;
	text-align: center;
	display: block;
}

#steps-tutorial ul[role="menu"] li:nth-child(1) a{
	background-color: #ff5b51;
	color: #fff;
	text-decoration: none;
}

#steps-tutorial ul[role="menu"] li:nth-child(1) a::hover,
#steps-tutorial ul[role="menu"] li:nth-child(2) a::hover,
#steps-tutorial ul[role="menu"] li:nth-child(3) a::hover{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(85,85,85,0.45);
	-moz-box-shadow: 0px 0px 8px 0px rgba(85,85,85,0.45);
	box-shadow: 0px 0px 8px 0px rgba(85,85,85,0.45);
}

#steps-tutorial ul[role="menu"] li:nth-child(2),
#steps-tutorial ul[role="menu"] li:nth-child(3){
	margin-left: auto;
	
}


#steps-tutorial ul[role="menu"] li:nth-child(2) a,
#steps-tutorial ul[role="menu"] li:nth-child(3) a{
	color: #fff;
	background-color: #5ec4a4;
	text-decoration: none;
}

#steps-tutorial ul[role="menu"] li:nth-child(1) a::before{
	content: "\f0d9";
	font-family: "Font Awesome 5 Free";
	padding-right:10px;
}

#steps-tutorial ul[role="menu"] li:nth-child(2) a::after,
#steps-tutorial ul[role="menu"] li:nth-child(3) a::after{
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	padding-left:10px;
}

.step-tutorial{
	position: relative;
	text-align: center;
}

.step-tutorial .step-content{
	background-color: #fff;
	padding: 20px 0;
}

.step-tutorial .tutorial-check{
	text-decoration: none !important;
}

.step-tutorial .tutorial-check i{
	color: #000;
	border-radius: 50%;
	margin: 0px auto;
	font-size: 50px;
	cursor: pointer;
	transition: .25s linear;
	z-index: 600;
	position: relative;
}

.step-tutorial .tutorial-check.checked i{
	color: #63d441;
	background-color: #fff;
	border: none;
	box-shadow: 0 0px 1px 2px rgba(255,255,255,0.4)
}

#paginated_gallery{
	position: relative;
}

#paginated_gallery .btn{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgba( 0,0,0,0.5);
}

#paginated_gallery .btn.next{
	right: 10px;
}

#paginated_gallery .btn.prev{
	left: 10px;
}


.video-lint{
	padding: 10px 45px !important;
	display: flex;
	-webkit-display: flex;
	overflow: hidden;
	scroll-behavior: smooth;
	margin-bottom: 20px;
}

.video-lint .item-tutorial {
	position: relative;
	text-align: center;
	margin: 0px auto;
}

.video-lint .item-tutorial .step-content{
	position: relative;
}

.video-lint .item-tutorial .tutorial-check{
	position: absolute;
	z-index: 100;
	top: 20px;
	right: 15%;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
}

.video-lint .item-tutorial .tutorial-check.checked i{
	color: #5ec4a4;
	border: none;
}

.video-lint .item-tutorial p{
	margin-bottom: 0;
}


@media screen and ( max-width: 1280px ){
	
	.video-lint .item-tutorial{
		flex: 0 0 300px;
	}
}

@media screen and ( max-width: 980px ){
	
	.video-lint .item-tutorial{
		flex: 0 0 50%;
		padding: 5px;
	}
}

@media screen and ( max-width: 550px ){
	
	.video-lint .item-tutorial{
		flex: 0 0 100%;
	}
	
}


/*
 * KENNISBANK PAGINA
 */
.kennisbank-videos{
	max-width: 1280px;
	margin: 0px auto;
}

.kennisbank-videos h3{
	border-bottom: 1px solid #555;
	margin-bottom: 1em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.kennisbank-videos .list-category{
	margin: 0px auto;
	margin-bottom: 30px;
	max-width: 75%;
}

.kennisbank-videos .list-category .slick-track{
	margin: 0 -5px;
	display: flex;
	-webkit-display: flex;
}

.kennisbank-videos .list-category .slick-track .slick-slide > div{
	margin: 0 5px;
}

.kennisbank-videos .list-category .video-placeholder img{
	width: 100%;
}



/*
 * METHODE PAGINA
 */
.list-methods .item-method{
	margin-bottom: 2em;
}

#section-energybalance-activity .omrs-select-group{
	max-width: 100%;
}

#section-energybalance-myfitnesspal{
	display: flex;
	-webkit-display: flex;
	align-content: center;
	align-items: center;
}

.form-table.table-energybalance-eat th,
.form-table.table-energybalance-training th{
	display: table-cell;
	width: 80px;
	font-weight: 700;
	border: none;
}


.form-table.table-energybalance-eat,
.form-table.table-energybalance-eat tr td,
.form-table.table-energybalance-training,
.form-table.table-energybalance-training tr td{
	border: none ;
	text-align: center;
}

.form-table.table-energybalance-eat tr td:first-child,
.form-table.table-energybalance-eat tr th:first-child,
.form-table.table-energybalance-training tr td:first-child,
.form-table.table-energybalance-training tr th:first-child{
	text-align: left;
}

#section-apex-member-calories table,
#section-apex-member-calories table tr td,
#section-apex-member-calories table tr th,
#section-koolhydraten table,
#section-koolhydraten table tr td,
#section-koolhydraten table tr th{
	border: none;
}

#section-apex-member-calories table tr th{
	text-align: left;
}

.form-table.table-energybalance-training tr td input[type="number"]{
	width: 75px;
}

@media screen and ( max-width: 768px ){
	
	#section-apex-member-calories table tr th,
	#section-apex-member-calories table tr td{
		display: table-cell !important;
	}
	
	.form-table.table-energybalance-training tr td input[type="number"]{
		width: 60px;
	}
	
}

/*##############################
 * APEX ENERGIEBALANS
 * #############################
 */
.form-table.table-energybalance input
.form-table.table-energybalance th,
.form-table.table-energybalance td{
	display: table-cell;
}

#section-apex-member-calories table thead th,
#section-apex-member-calories table tbody td,
#section-koolhydraten table thead th,
#section-koolhydraten table tbody td{
	padding: 0.41575em 0 !important;
}

.logo-myfitnesspal{
	max-width: 200px !important;
	margin: 0px auto;
	margin-bottom: 20px;
	display: block;
}

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

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

.list-container #subfilter{
	border: 1px solid #ff5b51;
	width: 300px;
	border-radius: 5px;
	margin-bottom: 10px;
	height: 35px;
	line-height: 35px;
}

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

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

.pagination a{
	color: #555;
}

.pagination li a{
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-right: 5px;
	background-color: #ececec;
}

.pagination li.active a{
	background-color: #000;
	color: #fff;
}

.apex-exercise-item{
	display: inline-block;
	vertical-align: top;
	width: 330px;
	margin: 10px 5px;
	padding: 20px; 
	background-color: #ff5b51;
	border-radius: 10px;
	height: 300px;
	overflow: hidden;
	position: relative;
}

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

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

.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;
}

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

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

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

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

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

.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 #ff5b51;
	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: 10px;
	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
 * ################################*/

.ae-single-item .ae-name{
	text-align: center;
}

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

.premiumContent{
	background-color: #444;
	line-height: 2rem;
	color: #fff;
	padding: 2em;
	border-radius: 10px;
}

.premiumContent a{
	color: #ff5b51
}



/*######################################
 * FRONTEND MEMBER SCHEME PAGE
 * #####################################
 */

.external-link::after{
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-weight: 900;
	vertical-align: middle;
	margin-left: 5px;
}

#container-member-scheme .container-member-scheme-inner > .actions{
	margin-bottom: 15px;
}

#container-member-scheme .container-member-scheme-inner > .actions button{
	padding: 12px 25px;
}

#container-member-scheme .table-results .actions > button{
	width: 100%;
	display: block;
	padding: .6180469716em 1.41575em;
	color: #fff;
	box-shadow: 0;
	background:transparent
}

.select-member-scheme-type{
	display: none;
	max-width: 980px;
	margin: 0px auto;
}

.select-member-scheme-type.active{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.select-member-scheme-type button{
	padding: 0;
	flex: 0 0 100%;
	position: relative;
	margin-bottom: 2%;
}

.select-member-scheme-type button img{
	width: 100%;
	height: 100%;
}

.select-member-scheme-type span.title{
	display: block;
	position: absolute;
	bottom: 10px;
	width: 90%;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	background-color: rgba( 255, 255, 255, 0.8);
	border-radius: 3px;
	transition: .25s ease-in-out;
	color: #000;
}

.select-member-scheme-type span.title::before{
	content: "\f061";
	display: inline-block;
	font-weight: 900;
	 font-family: "Font Awesome 5 Free";
	 color: #000;
	 margin-right: 10px;
}

.select-member-scheme-type button:hover span.title{
	background-color: rgba( 255, 255, 255, 1);
}

#container-member-scheme .container-form-create-custom-member-scheme{
	display: none;
}

#container-member-scheme .container-form-create-custom-member-scheme.active{
	display: block;
}

.btn-countdown{
	background-image: url('../images/icon-stopwatch.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #000 !important;
	background-color: transparent !important;
	padding: 0;
	width: 60px;
	height: 66px;
	text-align: center;
	line-height: 60px;
	border: none !important;
	cursor: pointer;
}

.btn-countdown span{
	display: block; 
	margin-top: 3px;
	color: #535353;
	margin-right: 0px !important;
	font-size: 18px !important;
}

.btn-countdown:hover{	
	background-color: transparent !important;
	color: 000;
}

#popup-countdown{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,0.6)
}

#popup-countdown.show{
	display: block;
}

#popup-countdown .inner{
	width: 300px;
	top: 50%;
	left: 50%;
	position: fixed;
	transform: translate(-50%, -50%);
	background-color: #fff;
	text-align: center;
}

#popup-countdown .inner .header{
	text-align: center;
	background-color: #ff4c00 ;
	color: #fff;
	padding: 5px 10px;
	line-height: 34px;
}

#popup-countdown .inner .header button{
	background-color: transparent !important;
	color: #fff !important;
	float: right;
	padding: 10px;
	cursor: pointer;
	border: none !important;
}

#popup-countdown .inner .header span{
	margin: 0px auto;
}

#popup-countdown .inner .content{
	padding: 20px;
}

#popup-countdown .inner .content button{
	background-color: #000 !important;
	color: #fff !important;
	padding:0 ;
	width: 60px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 0 10px;
	display: inline-block;
	border: none !important;
	cursor: pointer;
}

/*
 * CUSTOM MEMBER SCHEME CREATION
 */
.btn-collapse-list-custom-scheme-template-block{
	margin-left: auto;
	transition: .25s linear;
}

.btn-collapse-list-custom-scheme-template-block.collapsed{
	transform: rotate( 180deg);
	-webkit-transform:  rotate( 180deg );
}

#list-custom-member-scheme-template-block{
	height: auto;
	transition: .5s linear;
}

#list-custom-member-scheme-template-block.collapse{
	display: none;
}

#list-custom-member-scheme-template-block .pagination{
	margin-left: 0;
	
}

#list-custom-member-scheme-template-block table tr th,
#list-custom-member-scheme-template-block table tr td{
	padding: 1em 0.416em;
	font-size: 0.875em;
}

#list-custom-member-scheme-template-block .filters{
	margin-bottom: 20px;
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

#list-custom-member-scheme-template-block .filters .filter{
	flex: 0 0 100%;
	margin-bottom: 10px;
}

#list-custom-member-scheme-template-block .filters .filter label{
	display: block;
	font-weight: 700;
}

#list-custom-member-scheme-template-block .filters .filter input,
#list-custom-member-scheme-template-block .filters .filter select{
	width: 100%;
	
}

#list-custom-member-scheme-template-block .list{
	list-style: none;
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
}

#list-custom-member-scheme-template-block .list .item-template-block{
	flex: 0 0 100%;
	border: 1px solid #555;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #fff;
}

#list-custom-member-scheme-template-block .list .item-template-block .thumbnail{
	width: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	padding-top: 100%;
}


#list-custom-member-scheme-template-block .list .item-template-block .info{
	height: 180px;
	padding: 10px;
}

#list-custom-member-scheme-template-block .list .item-template-block .info .name{
	text-transform: uppercase;
	font-weight: 700;
}

#list-custom-member-scheme-template-block .list .item-template-block .info .column-days{
	display: inline-block;
	margin-right: 3px;
}

#form-add-custom-member-scheme .form-footer .btn-close-template-block{
	display: none;
}

#form-add-custom-member-scheme .form-footer.active .btn-close-template-block{
	display: inline-block;
}

#list-custom-member-scheme-template-block .item-template-block .btn-open-template-block.selected,
#list-custom-member-scheme-template-block .item-template-block.selected .btn-select-template-block,
#form-add-custom-member-scheme .form-footer .btn-select-template-block.selected{
	background-color: #1da379;
	color: #fff;
}

#form-add-custom-member-scheme  .btn-select-template-block,
#form-add-custom-member-scheme button[type="submit"]{
	background-color: #5ec4a4;
	color: #fff;
}

#list-custom-member-scheme-template-block .pagination li{
	margin-right: 10px;
}

#list-custom-member-scheme-template-block .list .item-template-block .action{
	padding: 0 10px;
}

#list-custom-member-scheme-template-block .list .item-template-block .action button{
	margin-bottom: 10px;
	padding: .6180469716em 0.816em
}

#form-add-custom-member-scheme .form-footer button{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}


#preview-template-block ul{
	list-style: none;
	margin: 0;
	display: flex;
	webkit-display: flex;
	flex-wrap: wrap;
}

#preview-template-block ul li{
	flex: 0 0 48%;
	font-size: 14px;
	border: 1px solid #555;
	border-radius: 5px;
	overflow: hidden;
	margin: 5px 1%;
	position: relative;
	background-color: #fff;
}

#preview-template-block ul li .thumbnail{
	padding: 0 !important;
	width: 100%;
}

#preview-template-block ul li .thumbnail button{
	width: 100%;
	display: block;
	padding: 0;
}

#preview-template-block ul li .thumbnail button img{
	width: 100%;
}

#preview-template-block ul li .order{
	font-weight: 900;
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 100;
	text-shadow: 1px 1px  #000;
}

#preview-template-block ul li .info{
	padding: 10px;
}

#preview-template-block ul li .info table{
	margin-bottom: 0;
	border: none;
}

#preview-template-block ul li .info table tr.name{
	display: block;
	min-height: 50px;
	text-transform: uppercase;
	font-weight: 700;
}

#preview-template-block ul li .info table tr td{
	padding: 2px 0;
	border: none;
}


@media screen and ( min-width: 580px ){
	
	#list-custom-member-scheme-template-block .list .item-template-block{
		flex: 0 0 48%;
		margin: 5px 1%;
	}

	#preview-template-block ul li{
		flex: 0 0 48%;
		margin: 5px 1%;
	}
	
	
	#list-custom-member-scheme-template-block .filters .filter{
		flex: 0 0 48%;
		margin: 5px 1%;
	}
}


@media ( min-width: 768px ){
	
	.item-tutorial .tutorial-check{
		right: 35px;
	}
	
	.select-member-scheme-type button{
		padding: 0;
		flex: 0 0 48%;
		margin: 0 1%;
		position: relative;
	}
	
}

@media screen and ( min-width: 56.875em ){
	

	
	#list-custom-member-scheme-template-block .list .item-template-block{
		flex: 0 0 31.3333%;
	}
	
	#preview-template-block ul li{
		flex: 0 0 31.3333%;
		font-size: 16px;
	}
	
	#list-custom-member-scheme-template-block .filters .filter{
		flex: 0 0 31.33333%;
		margin: 5px 1%;
	}
}

@media screen and ( min-width: 75em ){
	
	#list-custom-member-scheme-template-block .filters .filter{
		flex: 0 0 auto;
		margin: 5px 1%;
	}
}

@media screen and ( min-width: 110em ){
	
	#list-custom-member-scheme-template-block .list .item-template-block{
		flex: 0 0 23%;
	}
	
	#preview-template-block ul li{
		flex: 0 0 23%;
	}
	
	
}

/*
 * MEMBER SCHEME DIALOG COMMENT 
 */
.dialog-member-comment label{
	display: block;
	font-weight: 700;
}

/*#################################
 * FRONTEND MEMBER SCHEME PAGE  | DIALOG ADD RESULT
 * ################################
 */
#dialog-add-result{
	display: none;
}

#form-add-result {
	max-width: 600px;
	margin: 0px auto;
}

.ui-dialog[aria-describedby="dialog-add-result"] .ui-dialog-buttonpane .ui-dialog-buttonset{
	float: none !important;
	display: flex !important;
	-webkit-display: flex !important;
	padding: 0 15px;
	max-width: 585px;
	margin: 0px auto;
}

.ui-dialog[aria-describedby="dialog-add-result"] .ui-dialog-buttonpane .ui-dialog-buttonset button{
	margin-left: auto;
	margin-right: 0;
}

.ui-dialog[aria-describedby="dialog-add-result"] .ui-dialog-buttonpane .ui-dialog-buttonset .btn-action-delete{
	background: red ;
	color: #fff;
	border: none;
	height: 44px !important;
	width: 56px !important;
	border-radius: 10px;
	margin: .5em auto;
}

.ui-dialog[aria-describedby="dialog-add-result"] .ui-dialog-buttonpane .ui-dialog-buttonset .btn-action-delete::after{
	content: "\f2ed";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 18px;
}

.ui-dialog[aria-describedby="dialog-add-result"] .ui-dialog-buttonpane .ui-dialog-buttonset .btn-info{
	margin-left: 0;
	background: #000;
	border: none;
	color: #fff;
	font-size: 18px !important;
	margin-right: auto;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	font-weight: 900;
	padding: 0;
}

#form-add-result .method{
	margin-bottom: 20px;
	padding-left: 15px;
	text-align: center;
}

#dialog-add-result input[type="text"],
#dialog-add-result input[type="number"],
#dialog-add-result textarea{
	width: 100%;
}

#dialog-add-result input.aer_note{
	width: calc( 100% - 70px );
}

#dialog-add-result .exercise-info{
	margin-bottom: 10px;
	color: var(--omrs-color-ink-medium-contrast);
	display: flex;
	-webkit-display: flex;
	padding: 1.5em 0;
	align-items: center;
	align-content: center;
}

#dialog-add-result .exercise-info > div{
	margin-bottom: 5px;
	font-size: 14px;
	text-align: center;
	font-size: 16px;
	color: #000;
	margin: 0px auto;
}

#dialog-add-result .exercise-info > div span{
	margin-right: 10px;
}

#dialog-add-result .exercise-info > div a{
	text-decoration: underline;
	color: #000;
}

#dialog-add-result table{
	width: 100%;
	padding: 0;
	vertical-align: middle;
	border: none;
	margin-top: 30px;
}

#dialog-add-result table tr td,
#dialog-add-result table tr th{
	text-align: left;
	vertical-align: middle;
	border: none;
	padding: 0;
}

#dialog-add-result table tr td{
	padding: 0 5px;
}

#dialog-add-result table tr td .omrs-input-group{
	max-width: 100%;
	width: auto;
}

#dialog-add-result table tr td .omrs-input-underlined > .omrs-input-label{
	top: -1.3rem;
	font-size: .9375rem;
}

#dialog-add-result table tr td input,
#dialog-add-result table tr td textarea{
	background-color: #fff;
}

#dialog-add-result table tr td button{
	background-color: transparent;
	border: none;
	font-size: 16px !important;
	color: #000;
	padding-left: 0;
	padding-right: 0;
}

#dialog-add-result table tr th.hidden-column,
#dialog-add-result table tr td.hidden-column{
	padding: 0;
	width: 0;	
}

#dialog-add-result .dialog-sets-header{
	display: none;
}

#dialog-add-result .dialog-sets-header > div{
	padding-left: 10px;
	font-weight: 700;
}

#dialog-add-result .dialog-sets table tbody td{
	padding: 0;
}

#dialog-add-result .dialog-sets .btn-delete-row{
	cursor: pointer;
	border: none;
}

#dialog-add-result .dialog-sets  .col-action{
	max-width: 50px;
}

#dialog-add-result .btn-add-set{
	background-color: transparent;
	border: 3px dotted #ff4c00 ;
	display: block;
	text-align: center;
	padding: 0;
	line-height: 35px;
	height: 40px;
	width: 60%;
	color: #ff4c00;
	cursor: pointer;
	margin: 0px auto;
	margin-bottom: 2rem;
	border-radius: 10px;
}

#dialog-add-result .btn-add-set i{
	margin-left: 10px;
	color: #ff4c00 !important;
}

#dialog-add-result .aer_date{
	margin: 0px auto;
	max-width: 12em;
}

#dialog-add-result .aer-notes{
	margin-bottom: 20px;
	margin-top: 20px;
}

#dialog-add-result .aer-notes .item-note{
	display: flex;
	-webkit-display: flex;
	font-size: 12px !important;
	padding: 5px 0;
}

#dialog-add-result .aer-notes .item-note::before{
	content: "-";
	margin-right: 15px;
	display: inline-block;
}

#dialog-add-result .aer-notes .item-note button{
	background-color: transparent;
	border: none;
	padding: 0;
	color: #ff4c00;
	margin-left: auto;
	font-size: 12px !important;
}

#dialog-add-result .aer-notes .item-note button i{
	margin-right: 5px;
}

#dialog-add-result .group-aer-note,
#dialog-add-result .group-aer-comment{
	display: none;
	max-width: 100%;
}

#dialog-add-result .group-aer-note button{
	float: right;
	top: 10px;
	position: relative;
	background: none !important;
}

#dialog-add-result .group-aer-note button::after{
	color: #04aa6d !important;
	font-size: 18px;
}

#dialog-add-result .group-aer-note button::hover{
	background: none !important;
	color: #04aa6d !important;
}

#dialog-add-result .group-aer-note.active,
#dialog-add-result .group-aer-comment.active{
	display: block;
}

#dialog-add-result .buttons{
	max-width: 90%;
	margin: 0px auto;
}

#dialog-add-result .btn-add{
	background-color: transparent;
	border: none;
	color: #000;
	display: block;
	text-align: left;
	margin-bottom: 5px;
	padding-left: 0;
}

#dialog-add-result .btn-add::before{
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
}

#dialog-add-result .btn-add:last-child{
	margin-left: auto;
}

/*###########################################
 * FRONTENT MEMBER SCHEME PAGE | DIALOG MEMBER SCHEME EXERCISE INFO
 ############################################
 * */
.page-overlay{
	display: none;
}

.page-overlay.active{
	display: block;
	position: fixed;
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}

/*
 * Dialog member scheme exercise details
 */
.dialog-member-scheme-exercise{
	background-color: #fff;
	display: none;
	width: 100%;
	height: 100%;
	padding: 20px;
}

.dialog-member-scheme-exercise .table-member-scheme-exercise{
	padding: 10px;
	border: none;
	max-width: 600px;
	margin: 0px auto;
	width: 100%;
}

.dialog-member-scheme-exercise .table-member-scheme-exercise tr{
	padding-bottom: 10px !important;
	margin-bottom: 10px;
	border: none;
}

.dialog-member-scheme-exercise .table-member-scheme-exercise tr td{
	padding: 8px 5px;
	background-color: transparent !important;
	border: none;
}

.dialog-member-scheme-exercise .table-member-scheme-exercise iframe{
	max-width: 100%;
}

.member-scheme-exercises .header-day{
	margin-bottom: 2em;
}

.member-scheme-exercises .slick-prev{
	position: absolute;
	left: calc(50% - 70px);
	top: 75px;
	z-index: 50;
	padding: 0.918em 1.82416em;
}

.member-scheme-exercises .slick-next{
	position: absolute;
	right: calc(50% - 70px);
	top: 75px;
	padding: 0.918em 1.82416em;
}

.member-scheme-exercises .list-exercise-results .slick-arrow{
	z-index: 1000;
	position: absolute;
}

.member-scheme-exercises .list-exercise-results .slick-prev{
	left: calc( 50% - 100px );
	padding: .6180469716em 1.41575em;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	top: 0;
}

.member-scheme-exercises .list-exercise-results .slick-next{
	right: calc( 50% - 100px );
	padding: .6180469716em 1.41575em;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	top: 0;
}

.member-scheme-exercises .list-exercise-results .slick-next::before{
	content: "›"; 
	background-color: transparent;
	font-size: 30px;
	color: #000 !important;
}

.member-scheme-exercises .list-exercise-results .slick-prev::before{	
	content: "‹";
	background-color: transparent;
	font-size: 30px;
	color: #000 !important;
}


@media screen and ( min-width: 440px ) and ( max-width: 768px ){
	
	.member-scheme-exercises .list-exercise-results .slick-next{
		right: calc( 50% - 195px );
	}
	
	.member-scheme-exercises .list-exercise-results .slick-prev{
		left: calc( 50% - 195px );
	}
	
}

@media screen and ( min-width: 1200px ){
	
	.member-scheme-exercises .list-exercise-results .slick-next{
		right: 10px;
	}
	
	.member-scheme-exercises .list-exercise-results .slick-prev{
		left: 10px;
	}
	
}

/*
 * Frontend Exercise Results / LEDEN SCHEMA RESULTATEN
 */
.member-scheme-exercises .member-scheme-day{
	margin-bottom: 2em;
	position: relative;
}

.member-scheme-exercises .member-scheme-day .btn-member-scheme-nav{
	position: absolute;
	width: 100%;
}

.member-scheme-exercises .member-scheme-day .btn-member-scheme-nav button{
	width: 35px;
	height: 35px;
	display: inline-block;
	background-color: transparent;
	color: #ffffff;
	padding: 0;
	background-color: #232323;
	border-radius: 10px;
	border: none;
	cursor: pointer;
}

.member-scheme-exercises .member-scheme-day .btn-member-scheme-nav button:last-child{
	position: absolute;
	right: 0;
}

.member-scheme-exercises .member-scheme-day .member-scheme-actions{
	display: flex;
	-webkit-display: flex;
	margin-bottom: 10px;
}

.member-scheme-exercises .member-scheme-day .member-scheme-actions button{
	flex: 0 0 49%;
	padding: 5px 0;
	font-size: 12px;
	border-radius: 10px;
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	max-width: 250px;
}

.member-scheme-exercises .member-scheme-day .member-scheme-actions button span{
	display: inline-block;
	vertical-align: middle;
}

.member-scheme-exercises .member-scheme-day .member-scheme-actions button:first-child{
	margin-left: auto;
	margin-right: 5px;
	background-color: #15a215;
}

.member-scheme-exercises .member-scheme-day .member-scheme-actions button:first-child::before{
	content: "+";
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
	vertical-align: middle;
}

.member-scheme-exercises .member-scheme-day .member-scheme-actions button:last-child{
	margin-right: auto;
	margin-left: 5px;
	background-color: #e31414;
	
}

.member-scheme-exercises .member-scheme-day .member-scheme-actions button:last-child::before{
	content: "-";
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
	vertical-align: middle;
}

.member-scheme-exercises .member-scheme-day .header-day{
	max-width: 80%;
	margin: 0px auto;
	text-align: center;
	font-size: 18px;
}

.member-scheme-exercises .member-scheme-day .header-day h1{
	font-size: 24px;
	padding: 0 35px;
	min-height: 40px;
	font-weight: 700;
	margin-bottom: 10px;
}

.member-scheme-exercises .member-scheme-day .header-day h1 span.active_day{
	display: block;
	font-size: 14px;
	font-weight: 400;
}

.list-exercise-results{
	padding: 10px 0 10px;
	background-color: #fff;
	position: relative;
	max-width: 100%;
}

.list-exercise-results > div{
	display: inline-block;
	vertical-align: top;
	
}

.list-exercise-results > div.exercise-results{
	width: 100%;
}

.list-exercise-results > div.exercise-results .slick-track {    
    margin-left: 0;
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
}

.list-exercise-results h3{
	font-size: 16px;
	text-transform: none;
	font-weight: 700;
}

.list-exercise-results .table-results{
	position: relative;
	width: 89%;
}

.list-exercise-results .table-results:not(:last-child){
	width: 100%;
	padding-right: 0px;
}

.list-exercise-results .table-results .member-scheme-exercise-date{
	text-align: center;
	display: block;
	font-size: 14px;
	color: #ff4c00;
	font-weight: 700;
	margin-bottom: 5px;
}

.list-exercise-results .table-results .exercise-set-results{
	display: flex;
	text-align: center;
	justify-content: center;
}

.list-exercise-results .table-results .exercise-set-results .header{
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
	color: #ff4c00;
	text-transform: uppercase;
	line-height: 1.25;
	margin-right: 15px;
	text-align: left;
}

.list-exercise-results .table-results .exercise-set-results .header > div:not(:last-child){
	margin-bottom: 12px;
}

.list-exercise-results .table-results .exercise-set-results .header > div:first-child{
	line-height: 30px;
}

.list-exercise-results .table-results .exercise-set-results .exercise-set-result{
	padding: 0 3px;
	text-align: center;
	font-size: 14px;
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
	margin-right: 5;
}

.list-exercise-results .table-results .exercise-set-results .exercise-set-result > div:not(:last-child){
	margin-bottom: 11px;
}

.list-exercise-results .table-results .exercise-set-results .exercise-set-result .row-set{
	background-color: #ff4c00;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
}

.list-exercise-results .table-results .exercise-set-results .footer {
	margin-right: auto;
	margin-left: 2px;
}

.list-exercise-results .table-results .exercise-set-results .footer .btn-edit-result{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	background-color: #15a215;
	padding: 0;
	color: #fff;
}

@media screen and ( max-width: 768px ){
	
	.list-exercise-results > div.exercise-results .slick-track {
		margin-left: 0;
	}
	
	.list-exercise-results .table-results{
		width: 89% !important;
	}
	
	.list-exercise-results .table-results .exercise-set-results .header{
		margin-right: 10px;
		margin-left: auto;
	}
	
}

@media screen and ( min-width: 768px ){
	
	.list-exercise-results .table-results{
		width: auto !important;
	}
	
	.list-exercise-results .slick-slide:not(:first-child) .exercise-set-results .header{
		display: none;
	}
	
	.list-exercise-results .table-results .exercise-set-results .header > div:not(:last-child){
		margin-bottom: 9.5px;
	}
	
}

/*
 * APEX MEASUREMENT FRONTEND
 */
.measurement_results .measurement_images{
	background-color: #efefef;
	padding: 20px;
	width: 100%;
	display: flex;
}

.measurement_results .measurement_images > .results{
	width: 100%;
	max-width: 860px;
}

.measurement_results .measurement_images > .results > div{
	padding: 10px;
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	
}

.measurement_results .measurement_images > .results > div img{
	width: 100%;
}

.measurement_results .measurement_images > .results > div .before,
.measurement_results .measurement_images > .results > div .after{
	width: 50%;
	position: relative;
	padding-bottom: 45px;
	margin-bottom: 20px;
}

.measurement_results .measurement_images > .results > div .before::after{
	content: "Voor";
	display: block;
	text-align: center;
	padding: 10px;
	background-color: #555;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.measurement_results .measurement_images > .results > div .after::after{
	content: "Na";
	display: block;
	text-align: center;
	padding: 10px;
	background-color: #555;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.measurement_results .measurement_images > div > div > a{
	height: 100px;
	display: block;
	
}

.measurement_results .measurement_images > div > div > img{
	margin: 0px auto;
}

.measurement_results h3{
	display: inline-block;
	vertical-align: middle;
}

.measurement_results i{
	font-size: 22px;
	margin-left: 20px;
	cursor: pointer;
}

/*
 * ################################################
 * FORM Measurement
 * ################################################
 */
#form-full-measurement{
	max-width: 600px;
	margin: 0px auto;
}

#form-full-measurement.hide{
	height: 0;
	overflow: hidden;
	opacity: 0;
}

#form-full-measurement .omrs-input-group{
	max-width: 25rem;
	margin-bottom: 1.8rem;
}

#form-full-measurement .omrs-input-group.age{
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

#form-full-measurement .omrs-input-group select,
#form-full-measurement .omrs-input-group input{
	max-width: 20rem;
	margin-bottom: 5px;
}

@media screen and ( max-width: 440px ){
	#form-full-measurement .omrs-input-group select,
	#form-full-measurement .omrs-input-group input{
		max-width: 18rem;
	}
}

#form-full-measurement select{
	width: 85%;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTYuMDAzIDE4LjYyNmw3LjA4MS03LjA4MUwyNSAxMy40NmwtOC45OTcgOC45OTgtOS4wMDMtOSAxLjkxNy0xLjkxNnoiLz48L3N2Zz4=');;
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: 1.8em auto, 100%;
	padding-right: 30px !important;
	background-color: #fff;
}


#form-full-measurement .preview-image img{
	max-width: 165px;
	max-height: 165px;
	border: none;
	text-decoration: none;
	margin-bottom: 10px;
}

#form-full-measurement .file-uploads{
	display: flex;
	-webkit-display: flex;
}

#form-full-measurement .file-uploads > div{
	flex: 0 0 calc( 33.3333% - 5px );
	padding: 2px;
	cursor: pointer;
}

#form-full-measurement .file-uploads > div img{
	max-width: 100%;
	cursor: pointer;
}

#form-full-measurement .file-uploads > div .input-upload-file{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}


@media screen and ( min-width: 768px ){
	
	#form-full-measurement .omrs-input-group{
		max-width: 100%;
	}
	
	#form-full-measurement .omrs-input-group select,
	#form-full-measurement .omrs-input-group input{
		width: 75%;
	}

}

#section-recent-measurements h3{
	font-size: 18px;
}

#section-recent-measurements i{
	font-size: 20px;
	color: #555;
}

#section-recent-measurements table tr th,
#section-recent-measurements table tr td{
	padding: 5px !important;
	vertical-align: middle;
}

#section-recent-measurements table tr td{
	border-bottom: 1px solid #ececec;
}

#section-recent-measurements table tr td button{
	background: transparent;
	padding-top: 2px;
	padding-bottom: 2px;
}

#list-overview-daily-measurement-mobile {
 position: relative;
}

#list-overview-daily-measurement-mobile #filter-year{
	width: 100%;
}

#list-overview-daily-measurement-mobile .container-table{
	 overflow-x: scroll;
	  overflow-y: visible;
	  padding: 0;
	  max-width: 200;
	  margin-top: 1em;
}

#list-overview-daily-measurement-mobile .container-table table{
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid grey;
}

#list-overview-daily-measurement-mobile .container-table table tr th,
#list-overview-daily-measurement-mobile .container-table table tr td{
  margin: 0;
  border: 1px solid grey;
  white-space: nowrap;
}

#list-overview-daily-measurement-mobile .container-table table tr td{
	text-align: left;
	height: 30px !important;	
}

#list-overview-daily-measurement-mobile .container-table table tr th{
  position: sticky;
  width: 5em;
  left: 0;
  /*only relevant for first row*/
  height: 30px !important;	
  /*compensate for top border*/
}

#list-overview-daily-measurement-mobile .container-table table tr:nth-child(2) th,
#list-overview-daily-measurement-mobile .container-table table tr:nth-child(2) td,
#list-overview-daily-measurement-mobile .container-table table tr:nth-child(3) th,
#list-overview-daily-measurement-mobile .container-table table tr:nth-child(3) td{
	border-bottom: 1px solid #000
}


@media ( min-width: 44.475em ){
	
	table.table-member-scheme-exercise tr td:first-child{
		width: 135px;
	}

}

/*
 * APEX MEMBER GOALS / SUBGOALS
 */
.custom-section#goal{
	padding: 10px 0 0 0;
}

.custom-section#goal .inner{
	padding: 0 !important;
}

#form-member-backend .inner .goal-options,
#form-goal .inner .goal-options{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	justify-content: center;
	center-content: top;
	padding-bottom: 10px;
}

#form-member-backend .inner .goal-options button,
#form-goal .inner .goal-options button{
	flex: 0 0 49%;
	background-color: transparent;
	color: #000;
	padding: 5px;
	font-size: 12px;
	border: none;
	cursor: pointer;
}

#form-member-backend .inner .goal-options button span,
#form-goal .inner .goal-options button span{
	display: block;
}

#form-member-backend .inner .goal-options button span::before,
#form-goal .inner .goal-options button span::before{
	display: block;
	content: "";
	width: 65px;
	height: 65px;
	margin: 0px auto;
	text-align: center;
	margin-bottom: 10px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}

#form-member-backend .inner .goal-options button.snel-afvallen span::before,
#form-goal .inner .goal-options button.snel-afvallen span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-snel-afvallen.png");
}

#form-member-backend .inner .goal-options button.rustig-afvallen span::before,
#form-goal .inner .goal-options button.rustig-afvallen span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-rustig-afvallen.png");
}

#form-member-backend .inner .goal-options button.gebalanceerd span::before,
#form-goal .inner .goal-options button.gebalanceerd span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-prestatie.png");
}

#form-member-backend .inner .goal-options button.rustig-aankomen span::before,
#form-goal .inner .goal-options button.rustig-aankomen span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-rustig-aankomen.png");
}

#form-member-backend .inner .goal-options button.snel-aankomen span::before,
#form-goal .inner .goal-options button.snel-aankomen span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-snel-aankomen.png");
}

#form-member-backend .inner .goal-options button.snel-afvallen.active span::before,
#form-goal .inner .goal-options button.snel-afvallen.active span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-snel-afvallen-red.png");
}

#form-member-backend .inner .goal-options button.rustig-afvallen.active span::before,
#form-goal .inner .goal-options button.rustig-afvallen.active span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-rustig-afvallen-red.png");
}

#form-member-backend .inner .goal-options button.gebalanceerd.active span::before,
#form-goal .inner .goal-options button.gebalanceerd.active span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-prestatie-red.png");
}

#form-member-backend .inner .goal-options button.rustig-aankomen.active span::before,
#form-goal .inner .goal-options button.rustig-aankomen.active span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-rustig-aankomen-red.png");
}

#form-member-backend .inner .goal-options button.snel-aankomen.active span::before,
#form-goal .inner .goal-options button.snel-aankomen.active span::before{
	background-image: url("/wp-content/plugins/apex-training/assets/images/icon-snel-aankomen-red.png");
}

#form-member-backend .inner .goal-options button.active,
#form-goal .inner .goal-options button.active{
	color: #ff4c00;
}

#form-member-backend .custom-section#goal .footer,
#form-goal .footer {
	background-color: #000;
	padding: 10px 0;
}

#form-member-backend .custom-section#goal .footer .footer-inner,
#form-goal .footer .footer-inner{
	display: flex;
	-webkit-display: flex;	
	align-content: center;
	align-items: center;
	padding: 0 10px;
}

#form-member-backend .custom-section#goal .footer .footer-inner > div,
#form-goal .footer .footer-inner > div{
	text-align: center;
}

#form-goal .footer .footer-inner > div:first-child{
	flex: 0 0 75%
}

#form-goal .footer .footer-inner > div:last-child{
	flex: 0 0 25%
}

#form-member-backend .custom-section#goal .footer .footer-inner > div{
	flex: 0 0 100%;
}

#form-member-backend .custom-section#goal .footer .footer-inner > div textarea{
	width: 100%;
}

/*
 * From laptop
 */
@media screen and ( min-width: 1024px ){
	
	#form-member-backend .inner .goal-options button,
	#form-goal .inner .goal-options button{
		flex: 19%;
	}
	
}


/*
 * #################################################
 * Subgoals
 * #################################################
 */
table.list-member-subgoal{
	text-align: left;
	width: 100%;
	border: none;
}

table.list-member-subgoal tr th{
	color: #ff4c00;
}

table.list-member-subgoal tr th,
table.list-member-subgoal tr.item-subgoal td {
	padding: 0.41575em 2px 0.41575em;
	border: none;
	vertical-align: middle;
	min-width: 65px;
}

table.list-member-subgoal tr th:not(:first-child){
	text-align: center;
}

table.list-member-subgoal tr.item-subgoal td button{
	background-color: transparent;
	padding: 5px 0;
}

table.list-member-subgoal tr.item-subgoal td button i.fa-pencil-alt{
	color: #000;
}

table.list-member-subgoal tr.item-subgoal td .subgoal-comment{
	display: block;
	clear:left;
	font-size: 10px; 
	font-style: italic;
}

table.list-member-subgoal tr.item-subgoal.failed .title{
	color: #ff1f01;	
}

table.list-member-subgoal tr.item-subgoal.completed .title{
	color: #63d441;
}

table.list-member-subgoal tr.item-subgoal .date span{
	display: block;
	text-align: center;
}


table.list-member-subgoal tr.item-subgoal .status{
	text-align: center;
}

table.list-member-subgoal tr.item-subgoal .status button{
	background-color: transparent;
	border: none;
	border-radius: 10px;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

table.list-member-subgoal tr.item-subgoal .status i{
	font-size: 16px;	
	margin: 0 3px;
	cursor: pointer;
}

table.list-member-subgoal tr.item-subgoal .status button.btn-delete{
	background-color: #ff1f01;
}

table.list-member-subgoal tr.item-subgoal .status button.btn-edit{
	background-color: orange;
}

table.list-member-subgoal tr.item-subgoal .status button.btn-thumbs-up {
	background-color: #008000;
}


table.list-member-subgoal tr.item-subgoal .status button.btn-thumbs-down{
	background-color: #db2121;
}

table.list-member-subgoal tr.item-subgoal .status button.btn-delete i,
table.list-member-subgoal tr.item-subgoal .status button.btn-edit i,
table.list-member-subgoal tr.item-subgoal .status button.btn-thumbs-up i,
table.list-member-subgoal tr.item-subgoal .status button.btn-thumbs-down i{
	color: #fff;
}

table.list-member-subgoal tr.item-subgoal .status button.btn-thumbs-down i{
	transform: rotateY(-180deg );	
}


/*
 * ################################################
 * GEWOONTES
 * ################################################
 */
#section-habits .inner ul{
	list-style: none;
}

#section-habits .inner ul li{
	display: flex;
	-webkit-display: flex;
	align-content: center;
	align-items: center;
	border-bottom: 1px solid #ff4c00;
	padding: 5px 0;
}

#section-habits .inner ul li span{
	display: block;
}

#section-habits ul li button{
	background-color: transparent;
	border: none;
	box-shadow: none;
	flex: 0 0 40px;
	height: 40px;
	line-height: 40px;
	margin-left: auto;
	background-color: transparent;
	color: #15a215;
	cursor: pointer;
	padding: 0;
	text-align: center;
	border-radius: 10px;
}


/*
 * ##########################################
 * FORMULIER GEWOONTE TOEVOEGEN
 * ##########################################
 */
#dialog-habits input{
	width: 100%;
}


@media screen and ( min-width: 44.375em ){
	
	#steps-tutorial ul[role="tablist"]{
		display: flex;
	}
	
	#steps-tutorial ul[role="tablist"] li{
		width: 100%;
		text-align: center;
	}
	
	#steps-tutorial ul[role="menu"]{
		display: flex;
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none;
	}

	.measurement_results .measurement_images > div > div > a{
		height: 150px;
	}

	
}


@media screen and ( max-width: 56.875em ){
		
	.list-member-comments .header{ 
		display: none; 
	}
	
	.list-member-comments .list .item:not(:last-child){
		margin-bottom: 10px;
		border-bottom: 1px solid #f1f1f1;
		padding-bottom: 10px;
	}
	
	.list-member-comments .list .item > div {
		position: relative;
		display: block;
		margin-bottom: 10px;
	}
	
	.list-member-comments .list .item > div::before{
		width: 100%;
		display: block;
		font-weight: 600;
	}
	
	.list-member-comments .list .item .column-comment::before{ content: "Opmerking:"; }
	.list-member-comments .list .item .column-response::before{ content: "Antwoord:"; }
	.list-member-comments .list .item .column-date::before{ content: "Datum:"; }
	.list-member-comments .list .item .column-read::before{ content: "Gelezen"; }

	
	#preview-template-block table tr th,
	#preview-template-block table tr td{
		padding: 0.416em;
	}

}

/*
 * TABLET 
 */
@media screen and ( min-width: 56.875em ){
	
/*
 * #############################################
 * DASHBOARD
 * #############################################
 */
	.dashboard-container{
		display: flex;
	}
	
	.dashboard-main-content{
		padding: 0 15px 0 0;
		flex-grow: 1;
	}

	.dashboard-sidebar{
		flex: 0 0 300px;
	}

/*
 * ############################################
 * EXERCISE RESULT OVERVIEW 
 * ############################################
 */
	.list-member-comments .header{
		color: #ff4c00;
	}
	
	.list-member-comments .header,
	.list-member-comments .list .item{ 
		display: flex; 
	}
	
	.list-member-comments .header > div,
	.list-member-comments .list .item > div{ 
		width: 100%;
		padding: 5px 
	}
	
/*####################################
 * APEX ENERGIEBALANS
 * ###################################
 */



/*##############################
 * APEX Memberscheme
 * #############################
 */


	.member-scheme-exercises .header-day{
		text-align: center;
		margin-bottom: 2em;
	}
	
	.member-scheme-exercises .slick-next{
		right: 0;
		top: 0;	
	}
	
	.member-scheme-exercises .slick-prev{
		top: 0;
		right: auto;
		left: auto;
	}
	
	.member-scheme-exercises .member-scheme-day .header-day h3{
		font-size: 22px;
	}

/*
 * #####################################
 * APEX MEASURMENT
 * #####################################
 */	
	.custom-section.add-measurement .btn-add-measurement{
		max-width: 250px;
	}
	
	.custom-section #form-goal tr th,
	.custom-section #form-goal tr td{
		display: table-cell;
		padding: 5px;
	} 
	
	.measurement_results .measurement_images > div > div > a{
		height: 200px;
	}
	
	/*
	 * #####################################
	 * CUSTOM MEMBER SCHEME
	 * #####################################
	 */
	#form-add-custom-member-scheme .form-footer button{
		display: inline-block;
		width: auto;
		margin-bottom: 10px;
	}
		
}

.apex-footer{
	background-color: #cfcfcf;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}



/*
 * Pages
 */
#list-downloads{
	margin-top: 20px;
}

#list-downloads .tabs{
	margin-left: 0;
}

#list-downloads .tabs .tab{
	margin-right: 10px;
}

#list-downloads table,
#list-downloads table tr td{
	border: none;	
}

#list-downloads table thead th{
	text-align: left;
	font-weight: 700;
	border: none;
	border-bottom: 2px solid #000;
}

#list-downloads table tr th,
#list-downloads table tr td{
	padding: 10px 8px;
}

#list-downloads table tr td{
	border-bottom: 1px solid #efefef;
}

#list-downloads table tr td i{
	color: #000;
}

/*
 * Qompass
 */
#page-qompass .container-qompass-content > div.right form .fieldset .field input{
	min-height: 30px;
}

/*
 * SELF REFLECTION
 */
.form-row{
	margin-bottom: 1em;
	display: block;
}

.form-row .form-label{
	font-weight: 700;
	display: block;
}

.form-row .form-control .form-option{
	display: block;
}

.form-row .form-control label{
	width: 200px; 
	display: inline-block; 
	text-align: left;
}

.row-submission-entry{
	margin-bottom: 10px;
}

.row-submission-entry .row-submission-entry-label{
	font-weight: 700;
}

.form-row .form-control input{
	height: 40px !important;
	min-width: 200px;
}

@media screen and ( max-width: 768px ){
	
	.form-row .form-control input{
		width: 100%;
	}
	
}

@media screen and ( min-width: 768px )
{
	
	.form-row{
		display: flex;
		-webkit-display: flex;
		flex-wrap: wrap;
	}
	
	.form-row > .form-label{
		flex: 0 0 100%;
		margin-bottom: 10px;
	}
	
	.form-row:not(.has-image) .column-question{
		flex-grow: 1;
	}
	
	.form-row .column-image{
		margin-left: 20px;
	}
	
	.form-row .form-control label{
		width: 200px; 
		display: inline-block; 
		text-align: right;
	}
	
}

/*
 * ASSIGNMENTS
 */


.apex-page.opdrachten .main-content .columns{
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
	gap: 10px;
}

.apex-page.opdrachten .main-content .columns .column{
	padding: 20px;
	background-color: #fff;
	flex: 0 0 50%;
}


.apex-page.opdrachten .main-content .columns .column .content .item-assignment{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	padding: 15px 0;
	border-bottom: 1px solid #efefef;
}

.apex-page.opdrachten .main-content .columns .column .content .item-assignment .title{
	
}

.apex-page.opdrachten .main-content .columns .column .content .item-assignment .action{
	margin-left: auto;
	color: #000;
	text-decoration: underline;
}

.apex-page.opdrachten .main-content .columns .column .content .item-assignment .action a{
	color: #000;
}

.apex-page.opdrachten .main-content .columns .column .content .item-assignment .action .btn.delete{
	background-color: transparent;
	border: none;
	color: red;
	margin-left: 10px;
	padding: 0;
	text-decoration: underline;
}

.apex-page.opdrachten .main-content .columns .column .content .item-assignment .availability{
	flex: 0 0 100%;
	margin-top: 5px;
	font-size: 10px;
}

@media screen and (min-width: 768px), print{
	
	.apex-page.opdrachten .main-content .columns{
		flex-direction: row;
	}
	
}

.tabcontent#self-reflection-weekly .row,
.tabcontent#self-reflection-monthly .row{
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
	gap: 10px;
}

.tabcontent#self-reflection-weekly .row .column,
.tabcontent#self-reflection-monthly .row .column{
	padding: 20px;
	background-color: #fff;
	flex: 0 0 50%;
}

.tabcontent#self-reflection-weekly .row .column .list,
.tabcontent#self-reflection-monthly .row .column .list{
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

.tabcontent#self-reflection-weekly .row .column .list li,
.tabcontent#self-reflection-monthly .row .column .list li{
	display: flex;
	-webkit-display: flex;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #efefef;
	
}

.tabcontent#self-reflection-weekly .row .column .list li .action,
.tabcontent#self-reflection-monthly .row .column .list li .action{
	margin-left: auto;
	text-align: right;
}

.tabcontent#self-reflection-weekly .row .column .list li button,
.tabcontent#self-reflection-monthly .row .column .list li button{
	background-color: transparent;
	color: #000;
	text-decoration: underline;
	text-align: right;
	padding: 0;
}

.tabcontent#self-reflection-weekly .row .pagination,
.tabcontent#self-reflection-monthly .row .pagination{
	margin-left: 0;
}

@media screen and (min-width: 768px), print{
	
	.tabcontent#self-reflection-weekly .row,
	.tabcontent#self-reflection-monthly .row{
		flex-direction: row;
	}
	
}

#form-self-reflection .container-submit{
	position: fixed;
	background-color: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.5);
}


#form-self-reflection .container-submit .container-inner{
	padding: 0 20px;
	max-width: 1280px;
	margin: 0px auto;
	width: 100%;
	text-align: right;
}