.appr_reqd {
	color:red;
	font-weight: bold;
	
}



.bannerdisplay {
	width: 90%;
	max-width:640px;
	height:auto;
	font-weight:normal;		
	text-align:center;
	padding:15px;
	padding-right:25px;
	margin:auto;
	color:black;
	line-height:1.5;
	min-height:40px;
	vertical-align:middle;		
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden;
	
	
}


.bannerp{
	
	margin:auto;
	font-family:arial;
	font-size: 20px;
	padding-right:15px;
	text-decoration:none;
	
	
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 0ms;
}




.bannerdisplay p{
	
	margin:auto;
	/* font-family:arial; */
	/* font-size: 20px; */
	padding-right:15px;
	text-decoration:none;
	
	
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 0ms;
}



@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
} 


.banner-image{
	width:75%;
	margin:auto;
	text-align:center;
	height:auto;
	display:block;
	max-width:320px;
	opacity:1;
}

.cbfnl_image_wrapper {
	opacity:.8;
	text-align:center;
	margin:auto;
}

.cbfnl_image_wrapper:hover{
	opacity:1;
	cursor: pointer;
	
}


.cbfnl_popup{
	
	width:600px;
	height:400px;
	z-index: 10000;
	background-color: white;
	display: none;			
	position: fixed;
	top:200px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:0px;
	-webkit-box-shadow: 5px 5px 15px 5px #000000; 
	box-shadow: 5px 5px 15px 5px #000000;
	padding:00px;
	text-align:center;
	
}

#cbfnl_mask{
	height:100%;
	width:100%;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;	
	z-index:1000;
	display:none;
	
	position:fixed;
	text-align:center;
	-webkit-backdrop-filter: blur(4px);
	-o-backdrop-filter: blur(4px);
	-moz-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);	
	
	-webkit-animation: bluring .5s linear forwards;
	animation: bluring .5s linear forwards;
	
}

@-webkit-keyframes bluring{
	from{-webkit-backdrop-filter: blur(0px);}
	to{-webkit-backdrop-filter: blur(5px);}
}

@keyframes bluring{
	from{backdrop-filter: blur(0px);}
	to{backdrop-filter: blur(5px);}
}


#cbfnl_mask2 {
	height:100vh;
	width:100vw;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;	
	z-index:1001;
	display:block;	
	position:absolute;
	text-align:center;
	background-color:#444;
	opacity:.5;
}

#popup_cta_button{
	
	width:90%;
	height:50px;
	
	/* position: relative; */
	/* top: 0px; */
	
	box-shadow: 0px 1px 0px 0px #fff6af;
	/* background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%); */
	/* background-color:#ffec64; */
	background-color:#fff;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	/* text-shadow:0px 1px 0px #ffee66; */
	
}


#popup_cta_button:hover {
	/* background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); */
	/* background-color:#ffab23; */
	background-color:#ffec64 ;
}


#cbfnl_email_add{
	
	width:90%;
	margin:auto;
	margin-top: 5px;
	margin-bottom:5px;
	padding: 5px;
	font-family: arial;
	font-size: 18px;
	font-weight:normal;
	background-color:#eee;
	
	
}

#popup_cta_button:hover{
	
	opacity:1;
	margin:auto;
	margin-top: 5px;
	margin-bottom:5px;
	
}


#cbfnl_popup_heading, #cbfnl_popup_welcome_heading{
	
	font-family: arial;
	font-size: 20px;
	font-weight:bold;
	height: auto;
	text-align:center;
	margin:auto;
	color: #fff;
	background-color:#222;
	padding:5px;
	width:100.5%;
	margin-top:-5px;
	min-height: 60px;
	vertical-align: middle;
	
	
}

.headerlabel{
	width:auto;
	font-family: arial;
	font-size: 16px;
	font-weight:normal;
	display:inline-block;
	margin:7px;
	
}



#cbfnl_report_grid { 
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	width:100%;
	
}


.cbfnl_report_grid {
	display: grid;
	grid-gap: 5px;
}			

.head, .cell, .celltoday, .footer { 
	padding: 5px; 
	font-family: arial;
	font-size:16px;
	
}
.head {
	
	border: 1px solid #00bfff;
	background: #00bfff;
	text-align:center;
	font-weight:bold;
	color: black;
}

.footer {
	
	border: 1px solid #888;
	border-top: 2px solid black;
	background: #888;
	text-align:center;
	font-weight:bold;
	color:white;
}

.cell {
	border: 1px solid #c2ba3c;
	background: #fff;
	text-align:center
}

.cell1 {
	border: 1px solid #888;
	background: #ff8;
}

#reportContainer{
	
	width: 60%;
	height:auto;
	min-width: 480px;
	max-width:800px;
	margin:auto;
	display:none;
	
}

#reportHeading{
	font-family: arial;
	font-weight:18px;
	margin:auto;
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	
}

#reportButtons{
	
	text-align:center;
	
}


#cbfnl_loading{
	
	position: relative;
	top:30px;
	left:30px;
	height:100px;
	width:100px;
	z-index: 1000;
	display: none;
	
	
}

#cbfnl_select_report{
	
	text-align:center;
	margin:5px;
	font-size:16px;
	
}

#cbfnl_select_date_range, #cbfnl_select_source{
	
	font-size:16px;
	font-weight: normal;
	font-family:arial;
	width: 150px;
	height: 30px;
	
	
}

.reloadreport{
	font-size:16px;
	font-weight: bold;
	font-family:arial;
	width: 200px;
	height: 30px;
	color:blue;
}

.reloadreport:hover{
	color:red;
}

.section_heading{	
	font-weight:bold;
	font-size: 14px;
	color: #444;
	width:400px;
}


#savedStatus{
	color: red;
	
}

#cbfnl_select_shortcode{
	
	margin-bottom:10px;
	width:300px;
	
}

#display_shortcode{
	
	font-weight:normal;
	font-size:16px;
	color:blue;
	
}

#cbfnl_copy_shortcode{
	
	margin:auto;
	text-align:center;
	
}


.cbfnl_popup_close_button{
	
	width:35px;
	
	margin-left:102%;
	margin-top:-40px;
	opacity:.5;
	
	
}

.cbfnl_popup_close_button:hover{
	
	cursor:pointer;
	opacity:1;
}


.cbfnl_popup {
	
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
} 



.cbfnl_popup_hide {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
} 

#cbfnl_popup_desc, #cbfnl_popup_welcome_desc{
	
	font-weight:normal;
	font-size: 18px;
	color: #000;
	width:90%;
	margin:auto;
	text-align:left;	
	
}

#cbfnl_security_desc{
	
	font-weight:normal;
	font-size: 16px;
	color: #000;
	width:90%;
	margin:auto;
	text-align:right;
	color: grey;
	
}

#form_message{
	
	color:red;
	
}

#heading_container{
	
	display:block;
	max-height:80px;
	width:100%;
	min-height:80px;
	
	
}

#desc_container {
	
	display:grid;
	grid-template-columns: 8% 92%;
	margin:auto;
	width:90%;
	padding:5px;
}

#security_container{
	
	display:grid;
	grid-template-columns: 92% 8%;
	margin:auto;
	width:70%;
	padding:5px;
	margin-top:10px;
	
}

#cbfnl_security_desc{
	
}


#cbfnl_popup_form input[type=text] {
	
	height:0px;
}

#cbfnl_popup_form p{
	
	margin:0px;
	
}

#cbfnl_popup_welcome_desc{
	
	margin-top:30px;
}


#privacy-container{
	background-color: white;
	width:100%;
	height: 100%;
	top:0px;
	left:0px;
	position:absolute;
	overflow:auto;
	padding: 10px;
	text-align:left;
	
	
}

#privacy-container p{
	line-height: 1.5;
	margin:8px;
	font-size:16px;
	
}

#exit-privacy-policy2, #exit-privacy-policy {
	width:100%;
	text-align:right;
	font-weight:bold;
	color:blue;
	
}

#exit-privacy-policy2:hover, #exit-privacy-policy:hover{
	color:red;
	cursor:pointer;
	
}

#security_image{
	opacity:.7;
}

#security_image:hover{
	opacity:1;
	cursor:pointer;
}

.button-red{
	
	background-color:;
	border-color:red;
	color:white;
	opacity:.7;
	padding:5px;
	padding-inline: 6px;
	border-radius:3px;
	box-sizing: border-box;
	
}

.button-red:hover{
	opacity:1;
	cursor:pointer;
	
	
}

.button-grey{
	
	background-color:grey;
	border-color:grey;
	color:white;
	opacity:1;
	padding:5px;
	padding-inline: 6px;
	border-radius:3px;
	box-sizing: border-box;
	pointer-events: none;
	
}