:root 
			{
				--text-color: #000000;
				--text-color-hover: #000000;
				--bg-color: #ffffff;
				--button-bg-color: #000000;
				--button-hover-bg-color: #5c5c5c;
				--div-bg-color: #ffffff;
				--div-color: #000000;
				--h1-color: #000000;
				--container-bg-color: #1c1d6a;
				--navbar-bg-color: #1c1d6a;
				--navbar-color: #000000;
				--overlay-color: rgba(0, 0, 0, 0);
				--links-color: rgba(0, 0, 0, 0.8);
				--section-bg-color: #ffffff;
				--highlight-bg-color:#ffffff;
				--highlight-color: #000000;
				--list-color: #1c1d6a;
				--bb-color:1px solid rgba(0, 0, 0, 0.1);
				--border-color:2px solid #1c1d6a; 
				--fine-b-color: solid #dddad2;
				--widget-border-color: 4.5px solid #ffffff;
				--widget-color: #ffffff;
				--icon-color:#1c1d6a;
				--table-color: #000000;
				--cal-color: #ece4a0;
				--cal-blank-color: #d4d4d4;
				--cell-color: #776262;
				--items-color: #ece4a0;
			}
			
		/* Minimize items Begin */	
			#miniButton 
			{
				font-weight: bold; 
				cursor: pointer;
				background-color: var(--button-bg-color);
				color: var(--bg-color);
				padding: 10px 15px;
				border: none;
				border-radius: 5px;
				font-size: 16px;
			}

			#miniSized 
			{
				display: block; /* Initially visible */
				margin-top: -55px;
			}

			#miniSized.minimized 
			{
				display: none; /* Hidden when minimized */
			}
			
			#widgetFunction
			{
				display: none; /* Initially hidden */
				word-wrap: break-all;
				overflow-wrap: break-all;
			}

			.conMini 
			{
				position: relative;
				margin: 20px;
			}

			.btn-container-mini 
			{
				position: absolute;
				top: -30px;
				left: 0; /* Adjusted to move button to the left */
			}
		/* Minimize items Begin */
			
			.a
			{
				color: var(--links-color) !important;
			}
			
			.a, a:hover
			{
				color: var(--links-color) !important;
			}
			
			.cid-tlQXHmI8uh ul li::before
			{
				color: var(--list-color) !important;
			}
			
			.strong
			{
				color: var(--links-color) !important;
			}
			
			.body 
			{
				transition: background-color 0.3s ease;
				color: var(--h1-color), var(--text-color) !important;
				background-color: var(--section-bg-color) !important;
			}
			
			.button 
			{
				background-color: var(--button-bg-color) !important;
				color: var(--h1-color) !important;
				cursor: pointer;
				text-align: center;
				padding: 10px 20px;
				border: none;
				border-radius: 5px 0 5px 0;
				font-size: 12px;
			}
			
			.button:hover 
			{
				background-color: var(--button-hover-bg-color)!important;
			}
			
			.button2 
			{
				position: fixed;
				color: #000000;
				top: 25px;
				border-radius:100%;
				right: 25px;
				width: 50px;
				height: 50px;
				cursor: pointer;
				z-index: 10000;
				background-image: url('https://s3.us-east-1.amazonaws.com/files.florenceco.org/public/Logos/2024/Icons/Accessibility%20Icon.png');
				background-size: cover;
				background-position: center;
			}

			.button2:hover {
				background-color: rgba(0, 0, 0, 0.8);
			}
			
			.button-cell 
			{
				cursor: pointer;
				text-align: center;
			}
			
			.card-header
			{
				border-bottom: var(--bb-color) !important;
			}

			.close-button
			{
				position: absolute;
				top: 2px;
				right: 2px;
				cursor: pointer;
				background-color: var(--button-bg-color);
				color: var(--bg-color);
				padding: 10px 15px;
				border: none;
				border-radius: 5px;
				font-size: 12px;
			}
			
			.container1
			{
				background-color: var(--div-bg-color);
				border: 1px solid #afafaf;
				border-radius: 10px;
				padding: 20px;
				margin-bottom: 20px;
				background-color: var(--container-bg-color); 
			}
			
			.content 
			{
				z-index: 3;
			}
			
			
			/*
			.custom
			{
				cursor: url('https://s3.us-east-1.amazonaws.com/files.florenceco.org/public/Logos/2024/Pointers/FC_PointerOutline.png'), auto;
				cursor: url('https://s3.us-east-1.amazonaws.com/files.florenceco.org/public/Logos/2024/Pointers/FC_PointerOutline.svg') 25 25, move;
				cursor: url('https://s3.us-east-1.amazonaws.com/files.florenceco.org/public/Logos/2024/Pointers/FC_PointerOutline.svg') 200 200, progress;
			}
			
			.custom:hover 
			{
				cursor: auto;
			}
			*/
			
			.dark-mode-enabled 
			{
				background-color: var(--section-bg-color) !important;
				color: var(--h1-color) !important;
				border-color:var(--fine-b-color) !important;
			}
			
			.dark-mode-enabled .forgefont
			{
				color: var(--icon-color) !important;
			}
			
			.div {
					background-color: var(--div-bg-color);
					color: var(--div-color);
				}
			
			.fineLines
			{
				border-color: var(--fine-b-color) !important;
			}
			
			.focusable 
			{
				transition: background-color 0.3s ease; /* Smooth transition for background color */
			}
			
			
			.focusable-body 
			{
				position: relative;
				z-index: 1;
				background-color: #4d4d4d; /* Dark background */
				color: #000000; /* Light text color */
				cursor: pointer;
			}
			
			.focusable-container 
			{
				position: relative;
				z-index: 1;
				background-color: #4d4d4d; /* Dark background */
				color: #000000; /* Light text color */
				cursor: pointer;
			}
			
			.font-size-adjusted 
			{
				font-size: 1.2em;
			}
			
			#text, h1, h2, h3, h4, h5, h6, p, li, ul, ol
			{
				color: var(--h1-color) !important;
			}
			
			.table, td, th, tr
			{
				color: var(--table-color) !important;
			}
			
			.high_lighted 
			{
				background-color: #FFFFFF;
				color: #000000; 
				border: 2px solid #0000FF !important;
				position: relative;
				z-index: 9998;
			}
			  
			input:checked+.slider 
			{
				background-color: var(--button-hover-bg-color);
			}

			input:focus+.slider 
			{
				box-shadow: 0 0 1px #2196F3;
			}

			input:checked+.slider:before 
			{
				transform: translateX(26px);
			}
			  
			.icon-bar 
			{
				position: fixed;
				top: 75%;
				transform: translateY(50%);
			}

			.icon-bar a 
			{
				display: block;
				text-align: center;
				padding: 16px;
				transition: all 0.3s ease;
				color: white;
				font-size: 20px;
			}

			.icon-bar a:hover 
			{
				background-color: #000000;
			}  
			
			.img a 
			{
				color: var(--links-color) !important;
				z-index: 3;
			}

			.keyNav-enabled
			{
				background-color: var(--bg-color) !important;
				border-color:var(--fine-b-color) !important; background-color:var(--bg-color) !important;
				color: var(--text-color) !important;
			}
			
			/* #keyfocusable p 
			{
				margin: 10px;
				padding: 5px;
				background-color: lightgray;
				color: black;
				border: 1px solid gray;
			}

			#keyfocusable button 
			{
				margin: 5px;
				padding: 8px;
				background-color: blue;
				color: white;
				border: none;
				cursor: pointer;
			}

			#keyfocusable img 
			{
				margin: 10px;
				border: 2px solid black;
			} */
			
			.highlighted
			{
				color: #FF0000 !important;
				border: 2px solid #FF0000 !important;
			}
			
			.focus-indicator 
			{
				border: var(--border-color) !important; 
			}
			
			 .highlight 
			{
				outline: 2px solid #FF0000 !important;
			}
			
			.font-fam-enabled 
			{
				font-family: 'opendyslexic3regular';
			}
			
			.cid-sRT1ngiqGo .navbar-expand-lg .navbar-nav .nav-link  .nav-item .navbar .dropdown-menu .dropdown-submenu
			{
				background-color: var(--navbar-bg-color) !important;
				color: var(--navbar-color) !important;
			}

			.overlay 
			{
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: var(--overlay-color) ;
				z-index: 2;
				pointer-events: none;
			}
			
			.popup 
			{
				display: none;
				position: fixed;
				top: 50% !important;
				left: 50% !important;
				transform: translate(-50%, -50%);
				background-color: var(--bg-color);
				color: var(--text-color);
				padding: 20px;
				border: 1px solid #ccc;
				border-radius: 4px;
				z-index: 1000;
				width:80%;
				Height: 50%;
				font-size: 16px;
				text-align: left;
				overflow: auto;
				font-family: Arial, Helvetica, sans-serif; 
			}
			
			.button3
			{
			padding: 10px 20px;
			background-color: var(--button-bg-color);
			color: #ffffff;
			border: none;
			border-radius: 5px;
			cursor: pointer;
				
			}
			
			.button3:hover 
			{
				background-color: var(--button-hover-bg-color);
			}

			.section
			{
				background-color: var(--section-bg-color) !important;
				color: var(--h1-color);
			}

			.slider 
			{
				position: absolute;
				cursor: pointer;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: var(--button-bg-color);
				transition: .4s;
			}
			
			.slider:after
			{
				background-color: var(--button-hover-bg-color);
			}

			.slider:before 
			{
				position: absolute;
				content: '';
				height: 26px;
				width: 26px;
				left: 4px;
				bottom: 4px;
				background-color: #ffffff;
				transition: .4s;
			}

			/* Rounded sliders */
			.slider.round 
			{
				border-radius: 34px;
			}

			.slider.round:before 
			{
				border-radius: 50%;
			}
			  
			.switch 
			{
				position: relative;
				display: inline-block;
				width: 60px;
				height: 34px; 
				display: flex;
				align-items: center;
				gap: 9ch;
				justify-content: space-between;
				flex: 1;
				text-align: right;
				white-space: nowrap;
			}

			.switch input 
			{
				opacity: 0;
				width: 0;
				height: 0;
			}

			.tab-button 
			{
				background-color: var(--button-bg-color);
				color: var(--text-color);
				cursor: pointer;
				padding: 10px 20px;
				border: none;
				border-radius: 5px 0 5px 0;
			}
			
			.tab-button:hover 
			{
				background-color: var(--button-hover-bg-color);
			}
			
			.text-box 
			{
				border: 2px solid transparent; /* Initially transparent border */
				z-index: 1;
				color: #ffffff;
				background-color: #000000;
				position: relative;
				display: inline-block;
			}

			.text-box:focus 
			{
				outline: none; /* Remove default focus outline */
			}
			
			.borderBox 
			{
				border-color: blue !important;
			}
			
			.tooltip-container
			{
				display: none;
				position: fixed;
				color: var(--text-color);
				border: var(--widget-border-color);
				border-style: double;
				padding: 10px;
				margin-right: 10px;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
				background-color: var(--container-bg-color);
				border-radius: 10px; 
				z-index: 9999;
				font-family: Arial, Helvetica, sans-serif !important; 
			}
			
			.widget-container 
			{
				position: fixed;
				right: 30px;
				top: 115px;
				border:var(--widget-border-color);
				border-style: double;
				padding: 20px;
				margin-right: 10px;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
				background-color: var(--container-bg-color);
				border-radius: 10px; 
				font-family: Arial, Helvetica, sans-serif !important; 
				width: max-content;
				height: max-content;
				font-size: 16px;
				z-index: 9999;
				justify-content: left;
			}
			
			.widget-text
			{
				color:var(--widget-color) !important; 
			}
	
			.visual-mode-enabled
			{
				background-color: var(--bg-color) !important;
				color: var(--text-color) !important;
				z-index: 4;
				border:var(--widget-border-color) !important;
			}
			
			.visual-mode-enabled .focusable.hover
			{
				color: var(--text-color-hover) !important;
			}
			
			.vision-mode-enabled
			{
				background-color: var(--bg-color) !important;
				color: var(--div-color) !important;
				border-color:var(--fine-b-color) !important;
				border:var (--widget-border-color) !important;
			}
			
			.vision-mode-enabled .forgefont
			{
				color: var(--icon-color) !important;
			}