html {
	scroll-behavior: smooth;
}
body {
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  font-family: 'Roboto';
}
text { cursor: pointer;	font-weight: Bold; }

input::-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px LavenderBlush inset;
	-webkit-text-fill-color: #000;
}
input::-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px Snow inset;
	-webkit-text-fill-color: #000;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

img {
   pointer-events : none;
  -webkit-touch-callout: none;  
  -webkit-user-select: none;    
  -khtml-user-select: none;     
  -moz-user-select: none;       
  -ms-user-select: none;        
   user-select: none;
}

/*--------- degrees show hide -----------*/

/* common */
.hidden {
  display: none !important;
}
.fade-hide {
  opacity: 0;
}
.fade-show {
  opacity: 1;
}

/* Fading animation */
.fade-toggle {
  transition: opacity 0.25s ease-in-out;
}

/* Sliding and fading animation */
.slide-toggle {
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.slide-left {
  transform: translateX(-20px);
}
.slide-right {
  transform: translateX(20px);
}
.slide-mid {
  transform: translateX(0);
}

/*--------- solar system -----------*/

.solar-loader {
  position: relative;
  overflow: hidden; 
}

.solar-com {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.orbit {
  border: 1px solid rgba(0, 0, 255, 0.1);
}

/* Spin */
@keyframes spin-reverse {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(-360deg); }
}

/*----------------------------*/

@media print {
	 body {
		-webkit-print-color-adjust: exact; /* Ensures high-quality background printing */
		print-color-adjust: exact;         /* Modern browsers */
	}

	@page {
		size: letter portrait;  /* Page size + orientation */
		margin: 5mm 5mm 5mm 5mm;  /* Custom margins (Top Right Bottom Left) */
	}

	.content {
		transform: scale(1); /* Scale content */
	}

	.header-footer {
		display: block; /* Ensure headers/footers are visible */
	}

	.page-break {
		page-break-before: always; /* Ensures the element starts on a new page */
		break-before: page;        /* Modern browsers */
	}
	.no-break {
		break-inside: avoid;  /* Prevents breaking inside the element */
	}
}
	
.txt{
-webkit-user-select: text; /* Safari */
  -ms-user-select: text; /* IE 10 and IE 11 */
  user-select: text; /* Standard syntax */
}

.qm{
position: absolute;
}
.ptr{
cursor: pointer;
}

.bgi{
	position:fixed;
	z-index:-1;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sticky-top-2 {
	position: -webkit-sticky;
	position: sticky;
	z-index: 1025;
	top:48px;
}

.fixed-top-2 {
	position: fixed; 
    z-index: 1025;
	top: 48px;
}


.scroll1
{
max-height: 310px;
overflow-y: scroll;
}
.scroll2
{
max-height: 362px;
overflow-y: scroll;
}
.scroll3
{
max-height: 347px;
overflow-y: scroll;
}
.scroll4
{
max-height: 640px;
overflow-y: scroll;
}

.glow{
	border: 2px solid;
	animation: glower 3s linear infinite;
}
@keyframes glower {
   0%  {border-color: Indigo;}
  12%  {border-color: Purple;}
  25%  {border-color: MediumVioletRed;}
  37%  {border-color: Red;}
  50%  {border-color: Gold;}
  62%  {border-color: Green;}
  75%  {border-color: DeepSkyBlue;}
  87%  {border-color: Blue;}
  100% {border-color: Indigo;}
}
.glow2{
	font-family: Helvetica;
	animation: glower2 3s linear infinite;
}
@keyframes glower2 {
    0%  {color: Indigo;}
  12%  {color: Purple;}
  25%  {color: MediumVioletRed;}
  37%  {color: Red;}
  50%  {color: Gold;}
  62%  {color: Green;}
  75%  {color: DeepSkyBlue;}
  87%  {color: Blue;}
  100% {color: Indigo;}
}
.glow3{
	animation: glower3 3s linear infinite;
}
@keyframes glower3 {
	0%  {
-webkit-box-shadow: 0 0 5px 2px #060;
   -moz-box-shadow: 0 0 5px 2px #060;
        box-shadow: 0 0 5px 2px #060;	  
  }
	20%  {
-webkit-box-shadow: 0 0 5px 2px #f00;
   -moz-box-shadow: 0 0 5px 2px #f00;
        box-shadow: 0 0 5px 2px #f00;
	}
	
	40%  {
  -webkit-box-shadow: 0 0 5px 1px #66f;
     -moz-box-shadow: 0 0 5px 1px #66f;
		  box-shadow: 0 0 5px 1px #66f;
  }
	60%  {
-webkit-box-shadow: 0 0 5px 2px #00f;
   -moz-box-shadow: 0 0 5px 2px #00f;
        box-shadow: 0 0 5px 2px #00f;
  }
	80%  {
-webkit-box-shadow: 0 0 5px 1px #28f;
   -moz-box-shadow: 0 0 5px 1px #28f;
        box-shadow: 0 0 5px 1px #28f;	  
  }
	100%  {
-webkit-box-shadow: 0 0 5px 2px #060;
   -moz-box-shadow: 0 0 5px 2px #060;
        box-shadow: 0 0 5px 2px #060;	  
  }
}



.fs-7 { font-size:15px; }
.fs-8 { font-size:14px; }
.fs-9 { font-size:13px; }
.fs-10 { font-size:12px; }

.bc0 { background: DeepPink; }
.bc1 { background: OrangeRed; }
.bc2 { background: RoyalBlue; }
.bc3 { background: Red; }
.bc4 { background: Green; }
.bc5 { background: Coral; }
.bc6 { background: DarkViolet; }
.bc7 { background: MidnightBlue; }
.bc8 { background: Gray; }
.bc9 { background: SteelBlue; }
.bc10 { background: LightSeaGreen; }
.bc11 { background: CornflowerBlue; }
.bc12 { background: PaleVioletRed; }

.bc100 { background-color: #0A1A31; }

.violet,.violet-hvr:hover{background-color:rgba(180,50,255,0.12);}
.blue,.blue-hvr:hover{background-color:rgba(0,120,210,0.12);}
.sky,.sky-hvr:hover{background-color:rgba(0,175,175,0.12);}
.cray,.cray-hvr:hover{background-color:rgba(0,220,255,0.12);}
.green,.green-hvr:hover{background-color:rgba(0,200,0,0.15);}
.marine,.marine-hvr:hover{background-color:rgba(150,200,80,0.15);}

.pink,.pink-hvr:hover{background-color:rgba(255,100,200,0.15);}
.skin,.skin-hvr:hover{background-color:rgba(255,140,0,0.15);}
.rose,.rose-hvr:hover{background-color: rgba(255, 200, 100, 0.2);}
.yellow,.yellow-hvr:hover{background-color:rgba(255,200,0,0.15);}
.orange,.orange-hvr:hover{background-color:rgba(255,180,0,0.2);}

.gray,.gray-hvr:hover{background-color:rgba(0,0,0,0.06);}
.silver,.silver-hvr:hover{background-color:rgba(0,0,0,0.04);}
.light,.light-hvr:hover{background-color:rgba(0,0,0,0.02);}
.white,.white-hvr:hover{background-color:rgba(255,255,255,0.7);}

.zc1 { color: Red; }
.zc2 { color: Lavender; }
.zc3 { color: Green; }
.zc4 { color: LightPink; }
.zc5 { color: Moccasin; }
.zc6 { background: linear-gradient(to right, orange,orange,green,Blue,SlateBlue,Purple,red); }
.zc7 { color: Black; }
.zc8 { color: OrangeRed; }
.zc9 { color: Gold; }
.zc10 { color: LightSteelBlue; }
.zc11 { color: RosyBrown; }
.zc12 { color: Lavender; }

.apc0 { color: DeepPink; }
.apc1 { color: DarkRed; }
.apc2 { color: LightBlue; }
.apc3 { color: Red; }
.apc4 { color: DarkGreen; }
.apc5 { color: Moccasin; }
.apc6 { color: DarkSlateGray; }
.apc7 { color: MidnightBlue; }
.apc8 { color: Gray; }
.apc9 { color: Gray; }
.apc10 { color: LightSeaGreen; }
.apc11 { color: CornflowerBlue; }
.apc12 { color: PaleVioletRed; }

.pc0 { color: DeepPink; }
.pc1 { color: OrangeRed; }
.pc2 { color: RoyalBlue; }
.pc3 { color: Red; }
.pc4 { color: Green; }
.pc5 { color: Coral; }
.pc6 { color: DarkViolet; }
.pc7 { color: MidnightBlue; }
.pc8 { color: Gray; }
.pc9 { color: Gray; }
.pc10 { color: LightSeaGreen; }
.pc11 { color: CornflowerBlue; }
.pc12 { color: PaleVioletRed; }

.pc13 { color: Coral; }
.pc14 { color: Black; }
.pc15 { color: RoyalBlue; }
.pc16 { color: PaleVioletRed; }
.pc17 { color: Red; }
.pc18 { color: Green; }
.pc19 { color: Coral; }
.pc20 { color: MediumPurple; }
.pc21 { color: SteelBlue; }
.pc22 { color: DarkViolet; }
.pc23 { color: MidnightBlue; }

.pc24 { color: DeepPink; }
.pc25 { color: DimGray; }
.pc26 { color: SteelBlue; }
.pc27 { color: MidnightBlue; }
.pc28 { color: OrangeRed; }
.pc29 { color: Sienna; }
.pc30 { color: Chocolate; }
.pc31 { color: DodgerBlue; }

.pc32 { color: LightSlateGray; }
.pc33 { color: LightSlateGray; }
.pc34 { color: SteelBlue; }
.pc35 { color: SteelBlue; }
.pc36 { color: SteelBlue; }
.pc37 { color: PaleVioletRed; }
.pc38 { color: MidnightBlue; }
.pc39 { color: MidnightBlue; }
.pc40 { color: OrangeRed; }
.pc41 { color: Red; }
.pc42 { color: Green; }
.pc43 { color: Coral; }

.pc44 { color: RoyalBlue; }
.pc45 { color: PaleVioletRed; }
.pc46 { color: SteelBlue; }
.pc47 { color: Sienna; }
.pc48 { color: Green; }
.pc49 { color: Red; }

.pc50 { color: Teal; }
.pc51 { color: Teal; }
.pc52 { color: Teal; }
.pc53 { color: Teal; }
.pc54 { color: Sienna; }
.pc55 { color: Sienna; }
.pc56 { color: Sienna; }
.pc57 { color: SteelBlue; }
.pc58 { color: SteelBlue; }
.pc59 { color: SteelBlue; }

.pc60 { color: Gray; }
.pc61 { color: Gray; }
.pc62 { color: Gray; }
.pc63 { color: Black; }
.pc64 { color: RoyalBlue; }
.pc65 { color: Sienna; }
.pc66 { color: SteelBlue; }

.pc67 { color: Brown; }
.pc68 { color: SteelBlue; }
.pc69 { color: LightSlateGray; }
.pc70 { color: LightSteelBlue; }
.pc71 { color: Blue; }
.pc72 { color: Magenta; }
.pc73 { color: RoyalBlue; }
.pc74 { color: PaleVioletRed; }
.pc75 { color: MidnightBlue; }