/*!
Theme Name: Tamkin Coaching
Theme URI: https://corbridgedental.co.uk/
Author: Purple Moon Designs
Author URI: https://www.purplemoondesigns.co.uk
Description: Corbridge Dental Practise 
Version: 1.0.0

*/


/*******************************
================================
GLOBAL
================================
*******************************/
html, body, div, span, applet, object, iframe, h1, h2, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: 'Poppins', sans-serif;
}
h3 {
	font-family: 'Poppins', sans-serif;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
body {
    margin: 0;
}
a {
    background-color: transparent;
    text-decoration: none;
}
img {
    width: auto;
    max-width: 100%;
    border-style: none;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

p.bold {
    font-weight: bold;
}
.white {
    color: white;
}

.none{
	display: none;
}

.hidden{
	visibility: hidden;
	display: none!important;
}

.content_wrap {
    max-width: 1400px;
    margin: 0 auto;
    width: 90%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
}


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

.space-between{
	justify-content: space-between;
}

.flex{
	display: flex;
}

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

.row.inline-table{
	display: inline-table;
}

.inline-table .cnt_33{
	display: inherit;
}

.table {
    display: table;
}
.cell {
    display: table-cell;
    vertical-align: middle;
}
.relative {
    position: relative;
}


.jcenter{
	justify-content: center;
}


.cnt_10{
	width: 100%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_15{
	width: 100%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_20{
	width: 100%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_25{
	width: 100%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
	display: inherit;
}

.cnt_30{
	width: 100%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.inline-table .cnt_30{
	display: inherit;
}

.cnt_33{
	width: 100%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_40 {
    width: 100%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_50 {
    width: 100%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_60 {
    width: 100%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_70 {
    width: 100%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_80 {
    width: 100%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_90 {
    width: 100%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_full{
    width: 100%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;	
}	

.margin-right{
	margin: 0 0 20px;
}	

.rtl .margin-right{
	margin: 20px 0 0;
}	


/*******************************
================================
Side Bar
================================
*******************************/


.default_sidebar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

li.sidebar-item-months.active ul.inner-list-nav.months {
    display: block;
    opacity: 1;
    max-height: 100%;
}
li.sidebar-item-months.always-active ul.inner-list-nav.months {
    display: block;
    opacity: 1;
    max-height: 100%;
}
li.sidebar-item-months.active  {
background-color: #EE7818;
}

li.sidebar-item-months.active a.has-arrow:after {
    transform: rotate(90deg) translateY(-50%);
}

li.sidebar-item-months.active a.has-arrow:before {
    width: 10px;
}

.ftb-footer button {
    padding: 15px;
}


.sidebar-button.afix.adminbutton.active {
	background-color: #EE7818;
    border-radius: 0;
    position: relative;
}

.sidebar-button.afix.adminbutton.active:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 2px;
    left: 15px;
    top: 50%;
    background-color: white;
    -webkit-transition: all .7s;
    -ms-transition: all .7s;
    transition: all .7s;
}





.sidebar-logo {
    margin-bottom: 120px;
	    text-align: center;
    box-sizing: border-box;
    padding: 0px 10px;
    padding-top: 10px;
}

.sidebar-logo .custom-logo-link {
	display: inline-block;
}

.sidebar-logo .custom-logo {
	max-width: 100%;
	height: auto;
}

.form-header .plan-form-logo .custom-logo-link {
	display: inline-block;
	margin-bottom: 20px;
}

.form-header .plan-form-logo .custom-logo,
.form-header .plan-form-logo img {
	max-width: 200px;
	height: auto;
	margin-bottom: 20px;
}



.fa-arrow-right-from-bracket::before {
    content: "\f08b";
    font-family: fontawesome;
}



.sidebarfooter {
    margin-bottom: 100px;
}


.default_sidebar li {
	display: flex;
    flex-direction: column;
}


.default_sidebar li a {
    color: white;
}


a.has-arrow:before {
    content: '';
    height: 100%;
    width: 0px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
	-webkit-transition: all .7s;
    -ms-transition: all .7s;
    transition: all .7s;
}

li.sidebar-item.active a.has-arrow:before {
    width: 10px;
}

a.has-arrow {
    position: relative;
    padding: 10px 40px;
}

ul.inner-list-nav {
       max-height: 0;
    opacity: 0;
    transition: all 0.7s ease-in-out;
	display: none;
}

ul.inner-list-nav.months {
    background-color: #004E69;
}

li.sidebar-item.months.active {
    background-color: #004E69;
}

li.sidebar-item.active ul {
    max-height: 100vh;
    opacity: 1;
	display: block;
}

li.sidebar-item {
    transition: max-height 0.7s ease, opacity 0.7s, transform 0.7s;
}


a.inner-list{
	padding: 10px 40px;
    position: relative;
}
a.has-arrow.no-arrow:after {
    content: '';
}
 a.inner-list:before {
	content: '';
    position: absolute;
    width: 5px;
    height: 2px;
    left: 15px;
    top: 50%;
    background-color: white;
	-webkit-transition: all .7s;
    -ms-transition: all .7s;
    transition: all .7s;
}

li.sidebar-item.active a.has-arrow:after {
    transform: rotate(90deg)  translateY(-50%);
}

li.sidebar-item.active {
    background-color:#EE7818;
}


a.has-arrow:after {
    content: '\f105';
    font-family: fontawesome;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0,-50%);
	-webkit-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    transform-origin: top;
}




/*******************************
================================
log in page
================================
*******************************/




.loginbox {
    width: 80%;
    margin: auto;
    border: 1px solid #707070;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 50px 0;
}



.loginbox h2 {
    color: #222222;
    font-size: 30px;
    font-weight: bold;
}

.loginbox h2 span.gold {
    color: #DF9B20;
}

.login-row span.orange {
    color: #DF9B20!important;
}


.loginbox h2 span {
    color: #0E445C;
    font-weight: 600;
    line-height: 1.5;
}


section.login {
    height: 100vh;
    /* background-image: url(/wp-content/uploads/2022/07/Group-8.png); */
    position: relative;
}

.loginbox {margin: auto;width: 30%;}

.loginbox form {
    display: flex;
    flex-direction: column;
	    width: 75%;
    max-width: 328px;
}

.loginbox button {
    width: 100%;
}


.loginbox p {
    margin: 5px 0;
}

section.login .cnt_50:first-child {
    display: none;
}

.loginbox button {
    width: 100%;
    border-radius: 5px;
    border: none;
    background-color: #0E445C;
    color: white;
    box-sizing: border-box;
    padding: 16px 0;
    margin-top: 15px;
}
.loginbox .sidebar-logo {
    margin-bottom: 30px;
    background-color: #0E445C;
}

.login-img-container {
    background-image: url(/wp-content/uploads/2022/07/Group-8.png);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

section.login .row {
    display: flex;
    align-items: center;
}

.loginbox form {
    display: flex;
    flex-direction: column;
    margin: auto;
	    width: 75%;
    max-width: 328px;
}



.loginbox {
    width: 80%;
    margin: auto;
    box-sizing: border-box;
    display: flex;
    padding: 0px 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    flex-wrap: wrap;
    flex-direction: column;
    border: none;
}



.loginbox input {
    width: 100%;
    box-sizing: border-box;
    padding: 14px;
    border-radius: 5px;
    border: 1px solid #CDCDCD;
}
.login-row.row .cnt_50:first-child {
    display: block;
}

.loginbox label {
    position: absolute;
    left: 10px;
    font-size: 10px;
    background-color: white;
    top: -5px;
}



.login-row {
    position: relative;
    margin-bottom: 30px;
	 width: 100%;
    max-width: 500px;
}

.loginbox h2 {
    margin-top: 0;
    margin-bottom: 45px;
    display: none;
}

.remember-container p {
    font-size: 11px;
    color: #03014C;
}

.remember-container {
    display: flex;
}

.remember-container input {
    border-radius: 50%;
    width: 10px;
    padding: 0;
}

.login-row.row .cnt_50:last-child {
    text-align: right;
}

.forgot a {
    font-size: 11px;
    color: #03014C;
}

.login-row:nth-child(3) {
    margin-bottom: 10px;
}

.login-row:nth-child(4) {
    margin-bottom: 10px;
}












/*******************************
================================
Monthly Plan
================================
*******************************/

button.month-top-function.spdf.intro {
    font-size: 20px;
}



a.meetlink {
    border: none!important;
    box-sizing: border-box!important;
    border-radius: 20px!important;
    background-color: #EE7818;
    min-width: 65px!important;
    font-weight: bold!important;
    transition-duration: 500ms;
    padding: 15px;
    color: white;
    font-size: 13px;
    margin: 5px;
}
a.meetlink:hover {
    background-color: #004E69;
}

.head-blue{
	color: #004E69;
}

.first-time-box {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    margin-top: 80px;
}

.ftb-header {
    background-color: #004E69;
    border-top-right-radius: 22px;
    border-top-left-radius: 22px;
}

.ftb-header .custom-logo,
.ftb-header .cnt_50 img {
	max-width: 220px;
	margin-left: 10px;
	height: auto;
}

.ftb-body {
    padding: 20px;
}

.ftb-footer button {
    width: 100%;
    padding: 20px;
}





select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width: 100%;
}

form.wpcf7-form.init input {
    width: 100%;
    box-sizing: border-box;
    height: 20px;
    padding: 20px;
    border-radius: 22px;
    border: 1px solid;
}

form.wpcf7-form.init textarea {
    width: 100%;
    box-sizing: border-box;
    height: 130px;
    padding: 20px;
    border-radius: 22px;
    border: 1px solid;
}

form.wpcf7-form.init p {
    width: 100%;
}

form.wpcf7-form.init select {
    width: 100%;
    box-sizing: border-box;
    padding: 11.5px;
    border-radius: 22px;
    border: 1px solid;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    line-height: 0;
	    background-color: green;
    color: white;
}



.row.con-close {
    flex-direction: row-reverse;
    padding: 10px;
    box-sizing: border-box;
}

button.contact-close:hover {
    background-color: red!important;
    color:white;
        transition-duration: 500ms;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background-color: #EE7818;
    transition-duration: 500ms;
}



button.addnew:hover {
    background-color: #EE7818;
    transition-duration: 500ms;
}



button.qedit:hover {
    background-color: white;
    color: black!important;
    transition-duration: 500ms;
}

.goal-functions button:hover {
    background-color: #7A86A1;
    color:white;
	    transition-duration: 500ms;
}



.profile_header.mphp .cnt_20:last-child button:first-child:hover {
    background-color: #004E69;
    color: white;
	 transition-duration: 500ms;
}

.profile_header.mphp .cnt_20:last-child button:last-child:hover {
    background-color: white;
    color: black;
	 transition-duration: 500ms;
}


.cmonthly_box.visible .profile-img-section {
    border: none;
}


.img-edit-container button.qedit {
    padding: 15px;
	color: white;
}


.cmonthly_box.visible .detail-box .detail-content {
    background-color: #DCE1E3;
}

.cmonthly_box.visible .detail-box .detail-content img {
    margin-right: 15px;
}

.cmonthly_box.visible .detail-box .detail-content h3 {
    font-size: 18px;
    margin: 10px 0;
    color: #004E69;
}

.cmonthly_box.visible .detail-box {
    background-color: #DCE1E3;
}



.profile_header.mphp {
    margin: 0;
    margin-bottom: 30px;
    padding: 25px 30px;
    background-color: #EE7818;
}


.profile_header.mphp .cnt_20:last-child {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


.profile_header.mphp .cnt_20:last-child button:first-child {
    margin-bottom: 10px;
    color: #EE7818;
    background-color: white;
    min-width: 130px;
}

.profile_header.mphp .cnt_20:last-child button:last-child {background-color: #004E69;min-width: 130px;}


.detail-section {
    margin-bottom: 20px;
	padding: 10px
}

.profile_header.mphp .profile_img_container {
    margin-left: 30px;
}

.profile_header.mphp .profile_img_container img {
    margin-right: 10px;
}


.profile_header.mphp .profile-credentials h3 {
    color: white;
    margin: 5px;
}


.mpmb {
    width: 100%;
}



.cnt_full.text-center h2 {
    margin: 20px 0;
    color: white;
    font-size: 35px;
}









.green{
	background-image: linear-gradient(green, green);
}
.yellow{
	background-image: linear-gradient(orange, orange);
}.red{
	background-image: linear-gradient(red, red);
}



input.perc-range {
    padding: 5px 5px!important;
    appearance: none;
    background-repeat: no-repeat;
}

.perc-box {
    padding: 10px;
}




.detail-content:nth-child(odd) {
    background-color: #f2f2f2;
}



.detail-content:last-child {
    background-color: transparent;
}



.glide__slide {
    height: 0;
}

.glide__slide--active {
    height: 100%;
}



.section-header {
    padding: 10px 0;
}



.align-middle {
    align-items: center;
}

.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}


button.qedit {
    color: white;
    border: none!important;
    box-sizing: border-box!important;
    padding: 10px 10px;
    border-radius: 20px!important;
    font-size: 10px;
    margin-left: 9px;
	 background-color: #EE7818;
	min-width: 65px!important;
    font-weight: bold!important;
	    transition-duration: 500ms;
}









.mge_popup {
    display: none;
}

.goal_functions li {
    display: contents;
}


section.plan_navigation ul {
    width: 30%;
    margin: auto;
}

section.plan_navigation li {
    display: contents;
}

section.plan_navigation li a {
    background-color: burlywood;
    border-radius: 10px;
    padding: 15px;
    color: black;
}


.sidebar-menu button {
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    padding: 14px;
    border-radius: 10px;
    border: none;
    color: white;
    background-color: transparent;
}




button.contact-close {
    color: black;
    border: 1px solid;
    width: 0px;
    height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    background-color: #DCE1E3;
	padding: 14px;
	border-radius: 10px;
    box-sizing: border-box;
}

.sidebar-menu .month_button.active {
    background-color: #EE7818;
}

section.monthly_section .default_sidebar li {
    margin: 0;
}



section.monthly_section .sidebar-logo {
    margin-bottom: 120px;
    text-align: center;
    box-sizing: border-box;
    padding: 0px 10px;
    padding-top: 10px;
}

.monthly_box {
	visibility: hidden;

    box-sizing: border-box;
	display: none;
	margin: 0px 0px;
}
.cmonthly_box {

    padding: 10px;
    box-sizing: border-box;
	display: none;
	margin: 0px 0px;
}
.learn_box {
	visibility: hidden;
    padding: 10px;
    box-sizing: border-box;
	display: none;
	margin: 0px 0px;
}

.add_box{
	display: none;
	visibility: hidden;
}

.monthly_box h2 {
    margin-top: 0;
}

.goal_repeat_box {
    margin-bottom: 10px;
}

.visible{
	visibility: visible!important;
	display: block!important;
}

.learn_box .profile_header {
    margin: 0;
}

.comment_popup {
    display: none;
}

.popup{
	display: none;
}

.detail-box {
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(105,95,151,0.08);
    box-shadow: 5px 5px 15px 5px rgba(105,95,151,0.08);
	margin-bottom: 30px;
}

.detail-header {
    background-color: #004E69;
    padding: 22px;
    box-sizing: border-box;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.detail-header h3 {
    margin: 0;
    color: white;
    font-size: 18px;
    font-weight: 600;
}

.detail-content p {
    font-size: 17px;
    margin: 0;
    line-height: 1.2;
}

.detail-content {
    box-sizing: border-box;
    padding: 22px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}





button.month-top-function {
    color: white;
    border: none;
    box-sizing: border-box;
    padding: 10px 18px;
    border-radius: 20px;
    font-size: 10px;
    margin-left: 9px;
}

button.month-top-function.spdf {
    background-color: #EE7818;
}

button.month-top-function.reload {background-color: #004E69;}




.detail-content-cta .row {
    align-items: center;
}

.goal-functions button {
    padding: 10px;
    border-radius: 50%;
    color: #7A86A1;
    border: 1px solid #7A86A1;
    background-color: transparent;
}

.goal-meta p i {color: #7A86A1;}

p.context {
    color: #7A86A1;
    margin-bottom: 1px;
}
button.addnew {
    font-size: 12px;
    box-sizing: border-box;
    padding: 12px 16px;
    background-color: #004E69;
    color: white;
    border: none;
    border-radius: 25px;
}
.detail-content-cta {
    margin-top: 15px;
    margin-left: 20px;
    max-width: 550px;
}

.detail-footer {
    margin-top: 20px;
}

.comment-button button {
    font-size: 12px;
    box-sizing: border-box;
    padding: 12px 16px;
    background-color: transparent;
    color: #7A86A1;
    border: 1px solid #7A86A1;
    border-radius: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}

button.commentblue {
    color: white;
    background-color: #004E69;
}

button.commentblue:hover {
    background-color: #EE7818;
	    transition-duration: 500ms;
}


.detail-header h3:nth-child(2) {
    margin-top: 10px;
}

.goal-box .detail-content p {
    font-weight: bold;
    color: #000000;
}


.goal-meta p {
    font-size: 14px;

}
.goal-functions {
	text-align: left;
    margin-top: 20px;
}

.detail-footer {
    display: flex;
    justify-content: space-between;
}

.progress-bar {
    position: relative;
    height: 20px;
    background: #CCDCE1;
    border-radius: 6px;
    margin-top: 10px;
	margin-right: 40px;
}

.progress-bar span.percent-notice {
    position: absolute;
    top: -2px;
    right: -40px;
    color: #7A86A1;
}

.progress {
    height: 100%;
    border-radius: 6px;
	width: 0px;
}




.popup.visible {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	    display: flex!important;
    justify-content: center;
    align-items: center;
	overflow: scroll;
}

.mge-container {
    width: 100%;
    background-color: rgba(100,100,100, 0.5);
    height: 100%;
	 position: absolute;
}

.popup.visible form {
    width: 90%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    flex-direction: column;
    max-width: 900px;
    padding: 10px;
    box-sizing: border-box;
    z-index: 39;
	margin: auto;
}
div#wpcf7-f2131-o1 {
    width: 100%;
}

.popup.visible .profile-field-container {
    padding: 0 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.popup.visible .profile-field-checkbox p {
    margin-bottom: 8px;
}

.popup.visible .admin-access-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    color: #131313;
}

.popup.visible .admin-access-checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    flex-shrink: 0;
}

.popup.visible .admin-access-checkbox span {
    line-height: 1.4;
}

.popup.visible {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popup.visible {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* accordions */

.accordion {
  	width: 100%;
  	padding: 0 0 20px 0;
  	border-radius: 15px;
  	background: white;
	box-shadow: 0 0 5rem lightgrey; 
}

.tab-title {
    border-radius: 15px 15px 0 0;
    padding: 20px 20px 10px;
}

span.accordion__icon i {
    color: var(--blue);
}

.accordion__heading {
  margin-bottom: 1rem;
  padding: 0 1.4rem;
}

.accordion__item:not(:last-child) {
  border-bottom: 1px solid lightgrey;
}


.accordion__item {
	border-radius: 20px;
    -webkit-box-shadow: 5px 5px 15px 5px rgb(105 95 151 / 8%);
    box-shadow: 5px 5px 15px 5px rgb(105 95 151 / 8%);
    margin-bottom: 30px;
}


.accordion__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
padding: 22px;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.1s;
color: white;
background-color: #004E69;
font-size: 18px;
font-weight: bold;
border-radius: 20px;
}


.accordion__icon {
  border-radius: 50%;
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
  opacity: 0.9;
}
.accordion__item--active .accordion__icon {
  transform: rotate(180deg);
}
.accordion__content {
  font-weight: 300;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(16px);
  transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;
}
.accordion__content p {
  padding: 1rem 1.8rem;
}
.accordion__item--active .accordion__content {
  opacity: 1;
  transform: translateX(0px);
  max-height: 100vh;
}



.accordion__item.accordion__item--active button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.accordion__item.active .accordion__content {
  opacity: 1;
  transform: translateX(0px);
  max-height: 100vh;
}



.accordion__item.active button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}





table.accord {
    width: 100%;
    cellspacing: 0;
    border-spacing: 0;
    margin-top: 15px;
	border-collapse: collapse;
    table-layout: fixed;
    display: flex;
    border-bottom: 1px solid;
	margin-bottom: 15px;
}




.accordion__content .detail-content {
    padding: 0;
}



table.accord td {
    font-size: 14px;
	display: block;
    margin-bottom: 10px;
    text-decoration: underline;
}


thead {
    display: block;
    margin-left: 10px;
}

tbody tr {
display: block;
    margin-right: 10px;
margin-left: 10px;
}

table.accord th {
    text-align: left;
    /* padding: 8px 25px; */
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

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

select.theme {
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
    padding: 17px;
    border-radius: 5px;
    border: 1px solid rgb(19,19,19, 0.25);
}


div#first-time {
    height: 100%;
    width: 100%;
    z-index: 50;
    position: fixed;
    background-color: white;
}


ul.emplist li {list-style: auto;margin-bottom: 15px;list-style-position: inside;}


button.mt-20 {
    margin-top: 20px!important;
}


/*******************************
================================
profile
================================
*******************************/

.submit-container button:hover {
    background-color: #EE7818;
    transition-duration: 500ms;
}


.pdc {
    margin-left: 20px;
    width: 100%;
}

.pdc input {
    width: 80%;
}

.img-edit-container {
    text-align: center;
}

.profile_img_container {
       display: flex;
    align-items: center;
}

.profile_img_container img {
    border-radius: 50%;
	margin-top: 16px;
	max-width: 133px;
}

label.custom-file-upload {
    box-sizing: border-box;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid #004E69;
    color: #004E69;
    font-size: 13px;
    font-weight: 600;
}

.img-edit-container input {
    display: none;
}


p.pagetitle {
    font-size: 20px;
    color: #EE7818;
    font-weight: 600;
}

.default_sidebar {
    background-color: #004E69;
    height: 100vh;
    box-sizing: border-box;
}

.profile-pic {
    margin-right: 20px;
}

.profile-img-section {
    box-sizing: border-box;
    border-bottom: 1px solid #EBEBEB;
    margin: 0 30px;
    padding: 10px 0 30px;
}

h3 {}

.profile-credentials h3 {
    font-size: 20px;
}

.profile-credentials p {
    font-size: 14px;
    font-weight: lighter;
}

.profile-img-section .cnt_50:last-child {
    text-align: right;
}

.profile-img-section .row {
    display: flex;
    align-items: center;
}

.img-edit-container button {
    box-sizing: border-box;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid #004E69;
    color: #004E69;
    font-size: 13px;
    font-weight: 600;
}

.profile-body {margin: 0 30px;box-sizing: border-box;padding: 30px 0;}



.profile-field-container input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 22px;
    border: 1px solid #EBEBEB;
    padding: 14px;
    font-size: 14px;
    color: #131313;
}


.profile-field-container p {
    font-size: 14px;
    color: #000000;
    margin-bottom: 20px;
}

.profile-body .row {
    margin-bottom: 30px;
}

.submit-container button {
    box-sizing: border-box;
    background-color: #004E69;
    border-radius: 22px;
    padding: 17px 0px;
    color: white;
    border: none;
	width: 100%;
	max-width: 1000px;
}

.submit-container {width: 100%;text-align: center;margin-top: 25px;}


.profile_header {
     margin: 0px 30px;
}

.profile_header .cnt_50:last-child {
    text-align: right;
}

button.profile-bell {
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #EBEBEB;
	display: none;
	visibility: none;
}

.profile_header .row {
    display: flex;
    align-items: center;
}
.profile-body .row:last-child {
    margin-bottom: 0px;
}



/*******************************
================================
BGA CITB
================================
*******************************/

span.sec10{
	font-size: 23px;
}

.section-heading {
    color: #f19c39;
    margin-bottom: 35px;
    font-size: 18pt;
}

span.sub-head.bold {
    color: #f19c39;
    font-size: 18px;
}

span.bold {
    font-weight: bold;
}
p.semi {
    font-weight: 400;
}
span.blue-exa {
    color: #001af5;
    font-size: 16px;
    line-height: 1.5;
}

.bga-space {
    max-width: 1000px;
    margin: auto;
}


span.orange {
    color: #EE7818!important;
}


a.bga-download {
    color: #551A8B;
    font-size: 28px;
}


span.red-high {
    color: #ea3223;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
}

.centre {
    text-align: center;
}


span.red {
    color: ea3223;
}

.quote-con {
    text-align: center;
    margin: 30px 0;
    font-size: 18px;
}

ul.bga-list li {
    list-style: inside;
    color: #707070;
    margin-bottom: 10px;
}

ul.bga-list {
    margin-left: 20px;
}

.section-header.bga-space {
    margin-bottom: 20px;
}

.section2-red-con {
    margin: 70px 0;
}

.bga-link-con {
    margin: 50px 0;
}


textarea.bga {
    width: 100%;
    border-radius: 20px;
    border: 1px solid rgb(19,19,19, 0.25);
	max-width: 930px;
}

.question_content {-webkit-box-shadow: 5px 5px 15px 5px rgb(105 95 151 / 8%);box-shadow: 5px 5px 15px 5px rgb(105 95 151 / 8%);margin-bottom: 30px;border-radius: 20px;box-sizing: border-box;padding: 20px;}

.question-functions button {
    border: none;
    font-size: 15px;
    box-sizing: border-box;
    border-radius: 20px;
    width: 140px;
    padding: 12px 0;
    color: white;
    margin-right: 20px;
	width: 74px;
    margin: 0 5px;
}

.question-functions {
    margin-top: 40px;
}

button.previous {
    background-color: rgb(0,78,105, 0.2);
    color: #004E69;
}

button.save {
    background-color: #EE7818;
}

button.next {
    background-color: #004E69;
}

p.input-heading {
	font-size: 18px;
    font-weight: bold;
}

section.content-header .cnt_50:first-child {
    margin-right: 10px;
}

section.content-header .cnt_50:last-child {
    margin-left: 10px;
}

p {
    line-height: 1.4;
}


p.example {
    font-style: italic;
}

.section-content p {
    color: #707070;
}




.section-heading {
    color: #004E69;
	margin-bottom: 35px;
}


.margin-bottom {
    margin-bottom: 20px;
}


.five-input-fields input {
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
    padding: 17px;
    border-radius: 5px;
    border: 1px solid rgb(19,19,19, 0.25);
}

.bga-space {
    margin-bottom: 50px;
}
a.bga-8-link {color: #004E69;text-decoration: underline;}

.top-5-section {
    margin-top: 50px;
}

.five-input-fields {
    margin-top: 50px;
}

p.orange-heading {
    color: #EE7818;
    font-weight: 600;
    font-size: 24px;
}

.proud p {
    font-size: 21px;
}

.proud {
    margin-top: 35px;
}
p.semi {
    font-weight: 600;
}


section.section1 {
    margin-bottom: 100px;
}

section.section2 {
    margin-bottom: 100px;
}

section.section3 {
    margin-bottom: 100px;
}

.margin-top{
	margin-top: 20px;
}


ul.bga-list li {
    list-style: inside;
    color: #707070;
}

p.sub-heading {
    font-size: 24px;
    color: #004E69;
    font-weight: 600;
}

.bga-section8-img {
    margin: 60px 0;
}

input.score {
    width: 120px;
}
.five-input-field.s-8-f {
    margin-bottom: 50px;
}





.example-annual input {
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
    padding: 17px;
    border-radius: 5px;
    border: 1px solid rgb(19,19,19, 0.25);
    font-weight: bold;
}


input.theme {
    width: 100%;
    max-width: 480px;
}

.question-functions.end-function {
    text-align: center;
}

button.submit {
    background-color: #004E69;
}



.question-functions {
    display: flex;
    justify-content: center;
}




.wrap{
	flex-wrap: wrap;
}

.wrapo{
	flex-wrap: wrap;
}


/*******************************
================================
Coach Dashboard
================================
*******************************/

.list-body .row.align-middle.mb20:nth-child(odd) {
    background-color: #f2f2f2;
}

.list-body .row.align-middle.mb20:nth-child(odd) button {
    background-color: white;
}
.list-body .row.align-middle.mb20:nth-child(odd) button:hover {
    background: red;
}
.list-body .row.align-middle {
    padding: 5px;
}

.list-body .row.align-middle.mb20:nth-child(odd) button.plan-edit-btn {
    background-color: white;
}
.list-body .row.align-middle.mb20:nth-child(odd) button.plan-edit-btn:hover {
   	background-color: #EE7818;
	color: white;
	transition-duration: 500ms;
}


button.plan-edit-btn {
    padding: 10px;
    border: none;
    border-radius: 5px;
}


button.plan-edit-btn:hover {
	background-color: #EE7818;
	color: white;
	transition-duration: 500ms;
}


button.edit-tab.unassign {
    border-radius: 20px;
    border: none;
    padding: 10px;
    box-sizing: border-box;
}

button.edit-tab.unassign:hover {
    background-color: red;
    color: white;
    transition-duration: 500ms;
}

select.theme-2{
width: 100%;
    box-sizing: border-box;
    border-radius: 22px;
    border: 1px solid #EBEBEB;
    padding: 14px;
    font-size: 14px;
    color: #131313;
}




.dropdown-button i {
    color: white;
    margin-left: 10px;
}

.dropdown-button {
    display: flex;
    align-items: center;
}

.dropdown-button p {
    color: white;
}

.dropdown-content button {
    color: white;
    background-color: #EE7818;
    border: 1px solid black;
    padding: 10px;
    width: 80px;
}

.dropdown-content button:hover {
    color: black;
    background-color: white;
    transition-duration: 500ms;
}

.dropdown-content button:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}




.wht-bck.dash-form button:hover {
    background-color: green;
    color: white;
    transition-duration: 500ms;
}

form.dash-form .comment-button button:hover {
    background-color: green;
    color: white;
    transition-duration: 500ms;
}

form.coach-form .comment-button button:hover {
    background-color: green;
    color: white;
    transition-duration: 500ms;
}

form .comment-button button:hover {
    background-color: green;
    color: white;
    transition-duration: 500ms;
}








button.client-button {
    color: white;
    border: none!important;
    box-sizing: border-box!important;
    padding: 10px 20px;
    border-radius: 20px!important;
    font-size: 15px;
    margin-left: 9px;
    background-color: #EE7818;
    min-width: 85px!important;
    font-weight: bold!important;
    transition-duration: 500ms;
    margin-bottom: 10px;
}

button.client-button:hover {
    background-color: #004E69;
}



.dashboard-list-con {
    width: 100%;
}

.list-header {
    background-color: #004E69;
    padding: 22px;
    box-sizing: border-box;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.list-header h3 {
    color: white;
}

.list-body {
    padding: 22px;
}

.list-footer {
    padding: 22px;
}


.dash-form {
    padding: 0px!important;
    border-radius: 22px!important;
}



.mb20{
	margin-bottom: 20px;
}



.client-card.valid {
box-shadow: 10px 10px 20px 10px rgb(105 95 151 / 40%);

}

.wht-bck {
    width: 90%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    flex-direction: column;
    max-width: 900px;
    padding: 10px;
    box-sizing: border-box;
    z-index: 39;
}


.client-body  h3 {
    color: #004E69;
}

.client-body  h3:hover {
    color: #EE7818;
}
.sidebar-button {
    padding: 10px 40px!important;
    font-size: 16px;
}

.client-card-container {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
	height: 100%;
}

.client-card {
    width: 100%;
    text-align: center;
    position: relative;
	-webkit-box-shadow: 5px 5px 15px 5px rgba(105,95,151,0.08);
    box-shadow: 5px 5px 15px 5px rgba(105,95,151,0.08);
    border-radius: 20px;
	box-sizing: border-box;
	transition-duration: 500ms;
	height: 100%;
	max-width: 360px;
	margin: auto;
	
}


.client-card:before {
    content: '';
    width: 100%;
    height: 125px;
    background-color: #004E69;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px 20px 0 0;
    z-index: -1;
}



.client-body img {
    margin-top: 25px;
    max-width: 133px;
    max-height: 133px;
    border-radius: 50%;
    width: 150px;
    object-fit: cover;
}






.client-header {
    position: absolute;
    right: 10px;
    top: 10px;
}

.coach_content.admin-box {
    display: none;
    visibility: hidden;
}

.dropdown-content a {
    text-align: left;
    width: 100%;
    padding: 10px;
}

.dropdown {
    position: relative;
}

.client-body img {margin-top: 25px;    max-width: 133px;}

.client-card:hover {
      -webkit-box-shadow: 5px 5px 15px 5px rgba(105,95,151,0.20);
    box-shadow: 5px 5px 15px 5px rgba(105,95,151,0.20);
}


.coach_content .row .cnt_50:last-child {

}

.new-client button {
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 600;
    color: white;
    background-color: #004E69;
	    transition-duration: 500ms;
}

.new-client button:hover {background-color: #EE7818;}

.coach_content {
    padding: 30px;
    max-width: 1400px;
}

.coach_conten {}




.search-container {
    display: flex;
    align-items: center;
	width: 100%;
	margin-bottom: 10px;
}


.nvalid{
	border-color: red!important;
}
.isvalid{
	border-color: green!important;
}




.page-select-container a {
    padding: 10px 10%;
}

.page-select-container {
    display: flex;
    justify-content: space-between; 
	margin: auto;
    margin-bottom: 10px;
}


input.form-control {
    width: 100%;
    height: 60px;
    border-radius: 20px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid;
}

.search-container a {
    box-sizing: border-box;
    padding: 20px 10px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid;
    border-left: none;
	color: black;
}

.coach_content .row.space-between.wrap.align-center {
    margin-bottom: 20px;
}






.dropdown-content {
    border-radius: 10px;
    flex-direction: column;
    position: absolute;
    display: none;
    background-color: white;
    transform: translate(-35px, 50px);
    -webkit-box-shadow: 5px 5px 15px 5px rgb(105 95 151 / 8%);
    box-shadow: 5px 5px 15px 5px rgb(105 95 151 / 8%);
}


.dropdown.flex .dropdown-content {
    display: flex;
}


button.p-fun {
    border-radius: 20px;
    width: 120px;
    border: none;
    height: 40px;
}

.post-per-page-functions {
    text-align: center;
}



.page-select-container li {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
}

.page-select-container {
    border-radius: 20px;
    border: 1px solid;
	max-width: 200px;
}

.page-select-container ul {display: flex;justify-content: space-between;}



button.p-fun.next {
    color: white;
}

.post-per-page {
    margin-left: 0px;
}

.post-per-page p {
    font-size: 20px;
	text-align: center;
}

.client-container {
    margin-bottom: 50px;
	width: 100%;
}

button.p-fun.previous {
    margin-bottom: 10px;
}

.post-per-page-functions .row{
	flex-wrap: wrap;
}

.new-client {
    width: 100%;
}

/*******************************
================================
Media
================================
*******************************/



@media (min-width: 450px) {

}

@media (min-width: 600px){

	
}

@media (min-width: 768px) {
	
	thead tr{
	background-color: rgb(0, 78, 105, 0.5);	
}
table.accord th {
    padding: 8px 25px;
	margin-bottom: 0px;
	display: table-cell;
}
	table.accord td {
    padding: 25px;
	display: table-cell;
    margin-bottom: 0px;
    text-decoration: none;
}

	table.accord {
    table-layout: auto;
    display: table;
}
	tbody tr {
    display: table-row;
    margin-right: 0px;
    margin-left: 0px;
}
	
	thead {
     display: table-header-group;
    margin-left: 10px;
}
		.loginbox {
	position: static;
			padding: 50px 0px;
			transform: translate(0px, 0px);
	
}
	
	section.login .cnt_50:first-child {
    display: block;
}
	.loginbox .sidebar-logo {
		display: none;
}
	.loginbox h2 {
	display: block;
}
/* global */	
	
.cnt_10{
	width: 25%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}



.cnt_25{
	width: 50%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_30{
	width: 50%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_33{
	width: 50%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}
	
}

@media (min-width: 960px) {

}

@media (min-width: 1024px) {
	.detail-section {
    margin-right: 30px;
    margin-left: 30px;
}
	.wrapo{
	flex-wrap: nowrap;
}
	.mpmb {
    width: 50%;
}

.mpmb:nth-child(odd) {
    margin-right: 10px;
}

.mpmb:nth-child(even) {
    margin-left: 10px;
}
	
	
	.mpmb .detail-box {
    min-height: 260px;
}
	


.cnt_15{
	width: 15%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_20{
	width: 20%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_35{
	width: 35%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}
	

.footer-social {
    margin-top: 30px;
    text-align: center;
}


.header-btn {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
	text-align: center;
}	

ul#primary-menu {
    text-align: center;
}
	
.full-width {
    background-color: var(--blue);
    padding: 50px;
    max-width: 650px;
    margin: 0 0 0 auto;
}
/* global */


.margin-right{
	margin: 0 20px 0 0;
}	
	
.margin-left{
	margin: 0 0 0 20px;
}	
	
.row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.table {
    display: table;
}

.cell {
	display: table-cell;
	vertical-align: middle;
}

.block{
	display: inline-block;
}

.short {
    width: 90%;
    margin: 0 auto;
}

.cnt_10{
	width: 10%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_20{
	width: 20%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_25{
	width: 25%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_30{
	width: 30%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_33{
	width: 33.33333%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_40 {
    width: 40%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_50 {
    width: 50%;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_60 {
    width: 60%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_70 {
    width: 70%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_80 {
    width: 80%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_90 {
    width: 90%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.cnt_full{
    width: 100%;
	-ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    justify-content: inherit;	
}	

	.question_content {margin-left: 50px; margin-right: 50px; padding: 30px 100px;}
	
	.margin-top {
    margin-top: 60px;
}

.margin-bottom {
    margin-bottom: 60px;
}
	.example-annual .cnt_30 {
    margin-right: 10px;
}

.example-annual .cnt_70 {
    margin-left: 10px;
}
p.input-heading {
	font-size: 21px;
	font-weight: 600;}

.section-content {margin-left: 20px;}
	
	.question-functions button {
    width: 140px;
    padding: 12px 0;
    margin-right: 20px;

}
	.bga-space {
    margin-bottom: 100px;
}
	.question-functions {
   display: block;
}
	.monthly_box {
}		.cmonthly_box {
	margin: 0px 30px;
}	
.learn_box {
	margin: 0px 30px;
}
	.profile-body .cnt_50:first-child .profile-field-container {margin-right: 10px;}
	.profile-body .cnt_50:last-child .profile-field-container {
    margin-left: 10px;
}
	.default_sidebar {
	width: 20%;
	overflow-y: scroll;
    position: fixed;
}
	.img-edit-container {
    text-align: inherit;
}
	.comment-button button {
	margin-top: 0px;
	margin-bottom: 0px;
}
	button.p-fun.previous {
    margin-bottom: 0px;
}
	.post-per-page {
    margin-left: 30px;
		text-align: left;
}
	.post-per-page-functions .row{
	flex-wrap: nowrap;
}
	.page-select-container {
    margin-bottom: 0px;
		max-width: none;
}
.new-client {
    width:auto;
}
	.new-client button {
    width: 200px;
}
	.search-container {
    max-width: 270px;
	margin-bottom: 0px;
}
	.goal-functions {
    text-align: right;
margin-top : 0px;
}
	.fcolumn{
		    flex-direction: column;
	}
}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}

.client-body span {
    background: #004E69;
    padding: 4px 10px;
    border-radius: 5px;
    color: #fff !important;
}

.detail-content p {
    margin: 0 0 10px;
}