/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.ccsb.not-authorised {
	text-align:center !important;display:block;margin-left:auto;margin-right:auto;padding:15px;background-color:#fff;max-width: 250px;
	margin-top:40px;
	margin-bottom:40px;
}

body.page[class*="page-template-ccsb_manage_"] .acf-field[data-name="sales_period"] select {
	width:auto;
	float:right;
	padding-right: 24px;
}
body.page[class*="page-template-ccsb_manage_"] .acf-field[data-name="sales_period"] {
	padding:0;
}
body.page[class*="page-template-ccsb_"] .main-header {
	margin-bottom:0;
}
body.page[class*="page-template-ccsb_"] .entry-title {
	text-transform:uppercase;
	line-height: normal;
}
body.page[class*="page-template-ccsb_"] .main-page-wrapper {
	margin-top:0;
	padding-top:0;
}
/* .page.page-template-ccsb_agent_portfolio .main-page-wrapper > .container, */
/* .page.page-template-ccsb_agent_sales_performance .main-page-wrapper > .container, */
body.page[class*="page-template-ccsb_"] .main-page-wrapper > .container:first-child {
	width:100%;	
}

.ccsb-scrollable {
	overflow-x:scroll;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.ccsb-scrollable::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.ccsb-scrollable {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.page.page-template-ccsb_investor_portfolio .profile-menu .package a,
.page.page-template-ccsb_manage_users .profile-menu .manage-users a,
.page.page-template-ccsb_manage_products .profile-menu .manage-products a,
.page.page-template-ccsb_manage_agreements .profile-menu .manage-agreements a,
.page.page-template-ccsb_test_maturity_email .profile-menu .test-maturity-email a,
.page.page-template-ccsb_agent_profile .profile-menu .profile a,
.page.page-template-ccsb_agent_sales_performance .profile-menu .sales a,
.page.page-template-ccsb_agent_portfolio .profile-menu .portfolio a,
.profile-menu a:hover,
.profile-menu a:active {
	text-decoration:none;
	color: #35afff;
}

/* .page.page-template-ccsb_agent_sales_performance .main-page-wrapper { */
body.page[class*="page-template-ccsb_"] .main-page-wrapper {
	background-color:#f6f7f7;
}

.bg-white {
	background-color:#fff;
}
.pb-6 {
	padding-bottom:50px;
}
.pt-6 {
	padding-top:50px;
}
.pb-5 {
	padding-bottom:40px;
}
.pt-5 {
	padding-top:40px;
}
.mb-6 {
	margin-bottom:60px;
}
.mt-6 {
	margin-top:60px;
}
.mb-5 {
	margin-bottom:40px;
}
.mt-5 {
	margin-top:40px;
}

@media(max-width:767px) {
	.doge-wrapper {
		/* padding-left:15px; */
		/* padding-right:15px; */
	}
}

.ccsb-header.handshake-bg {
	background-image: url(/wp-content/uploads/2022/02/bg4-min-1.png);
    background-position: 70% 90%;
    background-repeat: no-repeat;
    background-size: cover;
	
	
}
.ccsb.profile {
	display:flex;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}
.ccsb.profile-pic {
	padding:5px 5px 5px 0;
}
.ccsb.profile-details {
	width:100%;
	max-width:300px;
}
.ccsb.profile p {
	margin-bottom:0;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	
}
i.ccsb-no-pic:before {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
i.ccsb-no-pic,
.ccsb.profile-pic img {
	background-color:#ccd2e0;	
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 34%);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 34%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.34);
	border:5px solid #fff;
	display:inline-block;
}
i.ccsb-no-pic {
	position:relative;
	color:#fff;
	font-size:60px;	
	width: 100px;
	height: 100px;	
}

.ccsb .greeting {
	text-transform:uppercase;
	font-weight:bold;
	color: #0e6cab;
}
.ccsb.profile-details {
	padding-left:10px;
}
.ccsb.profile-details .label {
	color: #8787a0;	
}
.ccsb p.name {
	text-transform:uppercase;
	font-weight:bold;
	font-size:2em;
	text-decoration:underline;
	line-height:1;
	margin-bottom:10px;
}
.ccsb.profile-wrapper {
	background-color: rgba(255,255,255,0.55);
}
@media(min-width:500px) {
	.ccsb.profile-details {
		margin-left:50px;		
	}
}
@media(max-width:400px) {
	.ccsb.profile-wrapper {
		background-color: rgba(255,255,255,0.85);
	}
	i.ccsb-no-pic {
		width: 80px;
		height: 80px;
	}
	.ccsb p.name {
		font-size:1em;
		line-height:initial;
		margin-bottom:0;
	}
}
.hide-on-small span {
	display:inline-block;
}
.hide-on-small {
	display:none;
}
.profile-menu {		
	background-color:#444;
}

.profile-menu a:focus,
.profile-menu a {
	color:#fff;
	padding:10px 15px;
	display:inline-block;
	width:100%;
}
.ccsb-menu-list {
	display:flex;
	margin-left:-15px;
}
.ccsb-menu-list li.ccsb {
	white-space:nowrap;
	display:inline-block;
	width:unset;
	padding: 0;
}
@media(min-width:450px) {
	.hide-on-small {
		display:inline-block;
	}
}

 .ccsb.login-form input[type="password"], .ccsb.login-form input[type="text"]  {
    min-width:200px;
	  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 34%);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 34%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.34);
}

.ccsb.login-form label[for=user_login], .ccsb.login-form label[for=user_pass] {
    display: none;
}
.ccsb.login-form p.login-submit {
	text-align:center !important;
}
.ccsb.login-form .login-remember label {
	text-align:center;
}
.ccsb.login-form .logo {
	margin-bottom:25px;
}

body.page[class*="page-template-ccsb_"] .ccsb.login-form {
	margin-top:40px;
}
.ccsb.login-form {
	display: flex;
    align-items: center;
    flex-direction: column;
	background-color:#fff;  
	padding: 25px;
	margin-bottom: 40px;
}
.acf-input .description {
	order:2;
}
.ccsb.login-form .login-submit input:not(:hover),
.acf-button[type="submit"]:not(:hover) {
    background-color: #006cac;
    color: #fff;
}
.ccsb.login-form .login-submit input,
.acf-button[type="submit"] {
	border-radius:4px;
}
@media(min-width:500px) {
	.ccsb.login-form {
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	.ccsb.login-form form {
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
	}
	.ccsb.login-form form p {
		width:48%;
	}
	.ccsb.login-form p.login-password {
		padding-left:7.5px
	}
	.ccsb.login-form p.login-username {
		padding-right:7.5px
	}
	.ccsb.login-form p.login-remember label {
		text-align: left !important;
		padding-left:10px;
	}
	.ccsb.login-form p.login-submit {
		text-align: right !important;
	}
}


.acf-fields .acf-field .acf-label {    
    margin-bottom: 0;
}


.acf-input input {
	background-color:#fff;
}

form[id*="ccsb-manage-"] .acf-form-submit {
	text-align:center;
}
form[id*="ccsb-manage-"] .acf-fields .acf-field[data-name="user_avatar"] {
	width:250px;
}
form[id*="ccsb-manage-"] .acf-input.acf-accordion-content > .acf-fields .acf-field[data-name="change_password"] {
	width:100%;
}
form[id*="ccsb-manage-"] .acf-field.acf-accordion .acf-input.acf-accordion-content>.acf-fields,
form[id*="ccsb-manage-"] .acf-fields>.acf-field {
	border-top:0px none;
}
form[id*="ccsb-manage-"] .acf-field.acf-accordion {
    margin: 0 0;
    padding: 0 !important;
    border: 0px none;
	width: calc( 100% - 250px );
}
form[id*="ccsb-manage-"] #acf-form-data + .acf-fields.acf-form-fields {
	display:flex;
	flex-wrap:nowrap;
	width:100%;
}


form[id*="ccsb-manage-"] .acf-button[type="submit"] {
	margin-top:20px;
}
form[id*="ccsb-manage-"] .acf-accordion {
	background-color:rgba(0,0,0,0);
}
form[id*="ccsb-manage-"] .acf-field.acf-accordion .acf-label.acf-accordion-title {
	display:none;
}
form[id*="ccsb-manage-"] .acf-input.acf-accordion-content > .acf-fields {
	display:flex;
	flex-wrap:wrap;
}
form[id*="ccsb-manage-"] .acf-input.acf-accordion-content > .acf-fields .acf-field {
	width:33.3%;	
}

form[id*="ccsb-manage-user"] .acf-input.acf-accordion-content > .acf-fields .acf-field[data-name="billing_address_1"] {
	width: 100%;
}


form[id*="ccsb-manage-user"] .acf-input.acf-accordion-content > .acf-fields .acf-field[data-name="user_type"] {
	width: 100%;
}
form[id*="ccsb-manage-user"] .acf-input.acf-accordion-content > .acf-fields .acf-field[data-name="sponsor"] {
	width: 100%;
}

form[id*="ccsb-manage-agreement"] .acf-input-prepend,
form[id*="ccsb-manage-agreement"] .acf-input-append,
form[id*="ccsb-manage-product"] .acf-input-append {
	vertical-align: middle;
	height:40px;
	font-size: 14px;
	padding: 0px 8px;
	line-height: 40px;
	border-color: rgba(129, 129, 129, 0.25);
}
form[id*="ccsb-manage-agreement"] .acf-field .acf-input,
form[id*="ccsb-manage-product"] .acf-field .acf-input {
	display:block;
}

form[id*="ccsb-manage-agreement"] .acf-field.acf-error,
form[id*="ccsb-manage-product"] .acf-field.acf-error {
	margin-bottom:58px;
}
form[id*="ccsb-manage-agreement"] .acf-field .acf-notice.-error,
form[id*="ccsb-manage-product"] .acf-field .acf-notice.-error {
	position:absolute;
	top:40px;
	left:0;	
}

form[id*="ccsb-manage-product"] .acf-field[data-name="_post_title"] {
	width:70%;
}

form[id*="ccsb-manage-product"] .acf-field[data-name="duration"] {
	width:15% !important;
	min-width:115px !important;
}

form[id*="ccsb-manage-product"] .acf-field[data-name="dividend"] {
	width:15% !important;
	min-width:115px !important;
}

form[id*="ccsb-manage-agreement"] .acf-field[data-name="date"] {
	width:120px !important;
}
form[id*="ccsb-manage-agreement"] .acf-field[data-name="product"] {
	width:calc( 100% - 120px - 120px - 170px ) !important;
}
form[id*="ccsb-manage-agreement"] .acf-field[data-name="amount"] {
	width:170px !important;
}
form[id*="ccsb-manage-agreement"] .acf-field[data-name="maturity"] {
	width:120px !important;
}
form[id*="ccsb-manage-agreement"] .acf-field[data-name="clients"] {
	min-width:100%;
}
form[id*="ccsb-manage-agreement"] .acf-field[data-name="agent"] {
	width:400px !important;
}
form[id*="ccsb-manage-agreement"] .acf-field[data-name="beneficiary"] {
	width:calc( 100% - 400px ) !important;
	min-width:400px;
}
form[id*="ccsb-manage-agreement"] .acf-input-prepend,
form[id*="ccsb-manage-agreement"] .acf-input-append,
form[id*="ccsb-manage-product"] .acf-input-append {
	order:2;
}
form[id*="ccsb-manage-agreement"] #acf-form-data + .acf-fields.acf-form-fields,
form[id*="ccsb-manage-product"] #acf-form-data + .acf-fields.acf-form-fields {
	display:flex;
	    flex-wrap: wrap;
}
form[id*="ccsb-manage-agreement"] .acf-field[data-width]+.acf-field[data-width],
form[id*="ccsb-manage-product"] .acf-field[data-width]+.acf-field[data-width] {
	border-left: 0px none;
}

@media(max-width:609px) {
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="product"] {
		min-width:calc( 100% - 120px );
	}
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="amount"],
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="maturity"] {
		width:50%!important;
	}
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="agent"],
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="beneficiary"] {
		width:100% !important;
	}
}
@media(max-width:400px) {
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="product"] {
		min-width:100%;
	}
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="amount"] {
		width:calc( 100% - 120px ) !important;
	}
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="maturity"] {
		width:120px !important;
	}
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="agent"],
	form[id*="ccsb-manage-agreement"] .acf-field[data-name="beneficiary"] {
		width:100% !important;
	}
}
@media(max-width:450px) {
	form[id*="ccsb-manage-product"] .acf-field[data-name="_post_title"] {
		width:100%;
	}
}

@media(min-width:768px) {
	form#ccsb-manage-user-create .acf-form-submit {
		text-align: center;
		width: calc( 100% - 250px );
	}
}
.acf-field .acf-notice.-error {
	order:3;
}
.acf-field .acf-input .acf-input-wrap {
	order:1;
}
.acf-field .acf-input {
    display: flex;
    flex-direction: column;
}

@media(max-width:767px) {
	form[id*="ccsb-manage-"] #acf-form-data + .acf-fields.acf-form-fields {
		flex-wrap:wrap;
	}
	form[id*="ccsb-manage-"] .acf-fields .acf-field[data-name="user_avatar"] {
		width: unset;
	}
	form[id*="ccsb-manage-"] .acf-field.acf-accordion {
		width: 100%;
	}
	
	form[id*="ccsb-manage-"] .acf-input.acf-accordion-content > .acf-fields .acf-field {
		width: 100%;
	}
}

.acf-field[data-name="sales_period"] { padding:0;margin-bottom:1em;width:178px;float:right;}
.acf-field[data-name="sales_period"] .acf-label { display:none; }
.acf-field[data-name="month"] { display:none; }
.acf-field[data-name="year"] { display:none; }
.page-template-ccsb_agent_sales_performance h4.doge-title {
	text-transform:uppercase;
}
#performance-row > .container {
	position:relative;
}
#performance-row {
	margin-top:70px;
}
.sales-wrapper span {
	display:inline-block;
}
.sales-wrapper .figure {		
	font-size:2.5em;
	line-height:1;
	font-weight:700;
}
.sales-wrapper .updated {
	margin-top:10px; 
}
.sales-wrapper .title {
	white-space: nowrap;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	font-size:1em;
	margin-bottom:0;
}
.sales-wrapper {
	font-size:1em;
	display:flex;
	color:#fff;
	position:absolute;
	right:15px;
	top:0;
	transform:translateY(-50%);
}
.sales-wrapper > div {
	padding:10px 15px;
	display:flex;
	flex-direction:column;
	min-width:230px;
	min-height:100px;
	justify-content:center;
}
.personal-sales {
	background-color:#0f6dab;
	margin-right:8px;
}
.group-sales {
	background-color:#0f2d4c;
}
@media(max-width:780px) {
	.sales-wrapper {
		position: relative;
		right: unset;
		top: unset;
		transform: unset;
	}
	.entry-title {
		/* position: absolute; */
	}
}
@media(max-width:500px) {
	.sales-wrapper {
		display:flex;
		position:absolute;
		top:0;
		transform:translateY(-50%);
		left:15px;
		right:15px;
	}
	.sales-wrapper > div {
		width:50%;
		min-width:calc( 50% - 8px );
	}
	.sales-wrapper .figure {
		font-size:1.8em;
	}
	.page-template-ccsb_agent_sales_performance h4.doge-title {
		margin-top:20px;
	}
	#performance-row {
		margin-top:85px;
	}
}

.page-template-ccsb_agent_sales_performance .entry-title {		
	max-width: 250px;
	position:absolute;
}

.acf-notice a.create-user {
	color:#fff;
	white-space:nowrap;
	text-decoration:underline;
}