.table1 { margin: 10px 0px; border: 1px solid rgb(221, 221, 221); font-size: 18px; border-collapse: collapse; border-spacing: 0px; }
.table1 td, .table1 th { border-top: 1px solid rgb(221, 221, 221); padding: 5px 8px; }
.table1 tr { height: 25px; }
.table1 th { background: rgb(35, 120, 190) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-align: left; font-weight: bold; }
.table1 td { vertical-align: middle; color:#130f88; color: black;}
.table1 tr.even { background-color: rgb(254, 239, 203); }
.table1 a:hover {color:white;}

.table2 { margin-left: auto;  margin-right: auto; border: 1px solid rgb(221, 221, 221); font-size: 18px; border-collapse: collapse; border-spacing: 0px; }
.table2 td, .table2 th { border: 1px solid rgb(221, 221, 221); padding: 5px 8px; }
.table2 tr { height: 25px; }
.table2 th { background: rgb(35, 120, 190) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-align: left; font-weight: bold; }
.table2 td { vertical-align: middle; color:#130f88;}
.table2 tr.even { background-color: rgb(254, 239, 203); }
.table2 a:hover {color:white;}

.table3 { margin: 10px 0px; border: 1px solid rgb(221, 221, 221); font-size: 18px; border-collapse: collapse; border-spacing: 0px; }
.table3 td, .table2 th { border: 1px solid rgb(221, 221, 221); padding: 5px 8px; }
.table3 tr { height: 25px; }
.table3 th { background: rgb(35, 120, 190) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-align: center; font-weight: bold; }
.table3 td { vertical-align: middle; color:#130f88;}
.table3 tr.even { background-color: rgb(254, 239, 203); }
.table3 a:hover {color:white;}

.tableraasi { width:500px; margin-left: auto;  margin-right: auto;  font-size: 18px;  border-spacing: 0px; }
.tableraasi td {width:125px;background-color: rgb(254, 239, 203);border-radius: 15px;  border: 1px solid rgb(221, 221, 221); padding: 5px 8px; text-align:center; vertical-align: middle; color:#130f88;}
.tableraasi tr { height: 125px; }
.tableraasi td.laknam { background-color: rgb(254, 209, 180); }
.tableraasi td.raasi { background-color: rgb(254, 189, 203); }
.tableraasi td.centerarea { background-color: rgb(220, 220, 220); }
.tableraasi a:hover {color:white;}

body {background-color: fefce1;	color: #black;	padding: 20px;	font-family: Arial, Verdana, sans-serif;}
img.align-center {	display: block;	margin: 0px auto;}
img.medium {	width: 250px;	height: 250px;}
#textcenter {text-align:"center"}

h1 {color: rgb(204,0,102); font-size:1.0em;}
h2 {color: rgb(230,126,34); font-size:0.90em; text-indent: 2%;}
h3 {color: Red; font-size:0.80em; text-indent: 4%;}
h4 {color: green; font-size:0.70em; text-indent: 6%;}
h5 {color: brown; font-size:0.60em; text-indent: 8%;}
h6 {color: rgb(255,128,0); font-size:0.60em; text-indent: 10%;}

p {	background-color: #c1ff00;
 font-size:0.5em;
 background-color: hsla(0,100%,100%,0.5);
 color: #64645A;
 padding: 0;
 text-indent: 50px;
 text-align: justify;
 letter-spacing: 0px}
 
 p.h1p {	background-color: #c1ff00;
 font-size:0.5em;
 background-color: hsla(0,100%,100%,0.5);
 color: #64645A;
 padding: 0;
 margin-left: 2%;
 text-align: justify;
 letter-spacing: 0px}
 
 p.h2p {	background-color: #c1ff00;
 font-size:0.5em;
 background-color: hsla(0,100%,100%,0.5);
 color: #64645A;
 padding: 0;
 margin-left: 4%;
 text-align: justify;
 letter-spacing: 0px}
 
 p.h3p {	background-color: #c1ff00;
 font-size:0.5em;
 background-color: hsla(0,100%,100%,0.5);
 color: #64645A;
 padding: 0;
 margin-left: 6%;
 text-align: justify;
 letter-spacing: 0px}
 
 p.h4p {	background-color: #c1ff00;
 font-size:0.5em;
 background-color: hsla(0,100%,100%,0.5);
 color: #64645A;
 padding: 0;
 margin-left: 8%;
 text-align: justify;
 letter-spacing: 0px}
 
 p.h5p {	background-color: #c1ff00;
 font-size:0.5em;
 background-color: hsla(0,100%,100%,0.5);
 color: #64645A;
 padding: 0;
 margin-left: 10%;
 text-align: justify;
 letter-spacing: 0px}
 
 p.h6p {	background-color: #c1ff00;
 font-size:0.5em;
 background-color: hsla(0,100%,100%,0.5);
 color: #64645A;
 padding: 0;
 margin-left: 12%;
 text-align: justify;
 letter-spacing: 0px}
  
OL.list,  UL.list,OL.h1list,  UL.h1list {
	font-size:0.6em;
	color: #64645A;
	padding: 2;
	text-align: justify;
	letter-spacing: 0px;
	}


OL.h1list a,  UL.h1list a, OL.h2list a,  UL.h2list a,OL.h3list a,  UL.h3list a,OL.h4list a,  UL.h4list a,OL.h5list a,  UL.h5list a,OL.h6list a,  UL.h6list a {color: #ff2764;}




OL.h1list,  UL.h1list {font-size:0.6em;	color: #64645A;	padding: 2;	    text-align: justify letter-spacing: 0px;margin-left: 4%;}
OL.h2list,  UL.h2list {font-size:0.6em;	color: #64645A;	padding: 2;	    text-align: justify letter-spacing: 0px;margin-left: 4%;}
OL.h3list,  UL.h3list {font-size:0.6em;	color: #64645A;	padding: 2;	    text-align: justify	letter-spacing: 0px;margin-left: 6%;}
OL.h4list,  UL.h4list {font-size:0.6em;	color: #64645A;	padding: 2;	    text-align: justify	letter-spacing: 0px;margin-left: 8%;}
OL.h5list,  UL.h5list {font-size:0.6em;	color: #64645A;	padding: 2;	    text-align: justify	letter-spacing: 0px;margin-left: 10%;}
OL.h6list,  UL.h6list {font-size:0.6em;	color: #64645A;	padding: 2;	    text-align: justify	letter-spacing: 0px;margin-left: 12%;}

pre {	
	background-color: #c1ff00;
	font-size:0.5em;
	background-color: hsla(0,100%,100%,0.5);
	color: #06BD00;
	padding: 0;
	text-indent: 50px;
    text-align: justify;
	letter-spacing: 0px}
	


body {  margin: 0;  font-size: 28px;}
dl.text {	background-color: #c1ff00; font-size:0.6em;	background-color: hsla(0,100%,100%,0.5);	color: #64645A;	padding: 0;	 	letter-spacing: 0px}
dl.textmid {	background-color: #c1ff00; font-size:0.6em;	background-color: hsla(0,100%,100%,0.5);	color: #64645A;	padding: 0;	 	letter-spacing: 0px; text-align="center"}


.header {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: #f1f1f1;
}


.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
}

.progress-bar {
  height: 8px;
  background: #4caf50;
  width: 0%;
}




/* navigation*****/

.sidenav {width: 18%;position:fixed;font-size:0.6em;    z-index: 1;    top: 10px;    right: 5px;    background: #eee;    overflow-x: hidden;    padding: 1px;}

.sidenav a , .sidenav ul  { display: block; padding: 0.1em 0.1em ;	border : 0.0625em solid white;	border-radius: 0.25em;	color: rgb(128,192,64);	font-family     : 'Patua One',sans-serif;	text-decoration : none;	transition      : all 0.5s;}

.active  {border-color: rgb(96,144,48);background: #cce6b3;}

.contentrsn {
  position  : relative;
  max-width : 56.5em;
  margin    : 0 auto;
  padding   : 0 0.5em 0 0.5em;
  margin-right: 18%;
}

.content {
  position  : relative;
  max-width : 56.5em;
  margin    : 0 auto;
  padding   : 0 0.5em 0 0.5em;
  }


.sidenavleft {width: 130px;  position: fixed;  z-index: 1;  top: 20px;  left: 10px;  background: #eee;  overflow-x: hidden;  padding: 8px 0;}
.sidenavleft a {  padding: 6px 8px 6px 16px;  text-decoration: none;  font-size: 25px;  color: #2196F3;  display: block;}
.sidenavleft a:hover {  color: #064579;}
.sidenavleft ul {  float : right;  clear : right;}
.sidenavleft li {margin:0.75em 0 0;margin:0.43375em -0.5em -0.31625em;padding: 0;  list-style-type : none;}
.sidenavleft a:hover{text-decoration :underline;}

.sidenavright {  width: 130px;  position: fixed;  z-index: 1;  top: 20px;  right: 10px;  background: #eee;  overflow-x: hidden;  padding: 8px 0;}
.sidenavright a {  padding: 6px 8px 6px 16px;  text-decoration: none;  font-size: 25px;  color: #2196F3;  display: block;}
.sidenavright a:hover {  color: #064579;}
.sidenavright ul {  float : right;  clear : right;}
.sidenavright li {margin:0.75em 0 0;margin:0.43375em -0.5em -0.31625em;padding: 0;  list-style-type : none;}
.sidenavright a:hover{text-decoration :underline;}

.mainleft {  
margin-left: 140px; /* Same width as the sidebar + left position in px */  
font-size: 28px; /* Increased text to enable scrolling */  
padding: 0px 10px;}

.mainright {
  margin-right: 140px; /* Same width as the sidebar + left position in px */
  font-size: 28px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

.main {
  margin-left: 10px;
  font-size: 28px;
  padding: 0px 10px;
}

@media screen and (max-height: 450px) {
  .sidenavleft {padding-top: 15px;}
  .sidenavleft a {font-size: 18px;}
  .sidenavright {padding-top: 15px;}
  .sidenavright a {font-size: 18px;}
}




 /* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
  margin-right: 18%;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
} 


/* Below CSS Is used for seperate design for programming & special use */


/* Accupuncture Table */
.accutable {text-align:center;	vertical-align:middle;	font-size:18px;	border-collapse: collapse;}
.accutable td {border:1px solid #F4B084;}
.accutable tr.ahead {color: black;  background:#FCE4D6;  }
.accutable tr.fire {color: black; background:red;  }
.accutable tr.earth {color: black;  background:yellow;}
.accutable tr.metal {color: black; 	background:white;}
.accutable tr.water {color: white;  background:black;}
.accutable tr.wood {color: black;  background:green;}

/* General Codes */
pre.codes {
	background-color: #ffffff;
	color: #401e7a;
	font-weight: normal!important;
	font-style: normal!important;}
	
pre.codes .red {	
	color: #ff3030;
}

pre.codes .green {	
	color: #297314;
}
	
pre.codes .blue {	
	color: #0000ff;
}

pre.codes .lightgreen {	
	color: #38ad24;
}

pre.codes .pink {	
	color: #f900a6;
}


/* Cnc Codes */
.cncrapid{
	color:red;
}

.cncfeedline{
	color:DarkGreen;
}

.cncfeedarc{
	color:Chartreuse;
}

.cncmacroline{
	color:Chocolate;
}

.cnccycle{
	color:DeepPink;
}

.cnccomment{
	color:DarkBlue ;
}
.cncmcode{
color:Brown;
}