*{
	padding: 0;
    margin: 0;
}

#content {
	padding: 3px 3px;
}

.mi {
	font-family: Courier New !important;
}

html {
	    overflow-y: scroll;
		scroll-behavior: smooth;
}

body {
	    font: 12px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
		color: #494949;
		background: #EEF1F6;
		-webkit-text-size-adjust: none;
        text-size-adjust: none;
		top:0px !important;
}

body > .skiptranslate {
    display: none !important;
}
	
#home a {
	text-decoration: none;
	color: #000 !important;
	font-weight:500;
}

#home a:hover {
		 color: #0F488A !important;
}

#home {
	   margin-bottom: 2rem;
	   border-bottom: 1px #DDD solid;
	   background-color: #DDD;
	   padding-left: 5px;
	   padding-top: 5px;
}

.MathJax_Display {
	display: inline !important;
    text-align: left !important;
	font-size: 0.8rem !important;
}

.h6 {
	margin-top: 1.2rem;
}

.row a {
    color: #000;
}

.row a:hover {
	text-decoration:none;
    color: #336699;
}

.pageLink a {
	color: #06C;
}

.pageLink a:hover {
	text-decoration:underline;
    color: #993300;
}

/* ----------------  */
#subjects-row .card {
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}

.card-body-home {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.row {
	margin: 0px;
}

.text-center {
    text-align: center !important;
}

.px-1 {
    padding-left: .25rem !important;
}

.pb-1 {
    padding-bottom: 1rem !important;
}

.px-1 {
    padding-right: .25rem !important;
}

.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.fa-3x {
    font-size: 3em;
	margin-bottom :10px;
}

.material-icons {
	line-height: 0.7;
}

/* Material icons */
/* Rules for icon sizes: */
.material-icons.md-18 { font-size: 18px;  }
.material-icons.md-24 { font-size: 1.5em; margin-top:6px; } /* Default */
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-3x { font-size: 4em; } /* font-size to be used */

.bg-transparent {
    background-color: transparent !important;
}

.bg-transparent:hover {
    background-color: #D3D3D3 !important;
}

.mb-4 {
	margin-bottom: 0.5rem !important;
}

strong {
    font-weight: 600;	
}

#subjects-row .card-body-home {
    -webkit-transition: -webkit-transform 150ms linear,
        -webkit-box-shadow 150ms linear;
    -moz-transition: -moz-transform 150ms linear,
        -moz-box-shadow 150ms linear;
    -ms-transition: -ms-transform 150ms linear,
        box-shadow 150ms linear;
    -o-transition: -o-transform 150ms linear,
        box-shadow 150ms linear;
}

#subjects-row .card-body-home:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

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

#main {
	     margin: 0 auto;
}

#header {
	     font-family: Arial, Helvetica, sans-serif;
		 font-weight:bold;
	     background: #D9D9D9;
		 position: inherit;
		 top: 0px ;
	     width: 100%;
		 z-index: 999;
	
}

#header a {
	
	     font-family: Arial, Helvetica, sans-serif;
		 font-weight:bold;
		 color: #666666;
}

#hwrap  {
	     width: 970px;
		 margin: 0 auto;
		 padding: 0 20px;
		 overflow: hidden;
}

#logo {
		float: left;
		margin-top: 10px;
}

#logo a{
	  
	    font-family: Orbitron, Sans-serif;
		line-height: 40px;
		font-size: 32px;
		font-weight: normal;
		margin: 0px 20px 0 0;
		text-decoration:none;
}

#logo a span{
	    color: #BFCB9C;
}

#search {
	    float: right;
		padding: 10px 0;	
}

.google_translate_element {
	    margin
	    float: right;
		padding: 0px 0;
}

#stext {
	   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	   width:220px;
	   float:left;
	   height: 20px;
	   padding:5px;
	   border:none;
	   opacity:0.75;
}

#stext:focus {
	    outline:none;
		background: #fff;
}


#sandwitch{
	     width: 970px;
		 padding: 5px 0;
		 margin: 0px auto 0 auto;
}

#content {
	     box-shadow: 0 0 10px #b0b8c5;
		 max-width: 970px;
		 margin: 0px auto;
	     background-color: #FFF;
		 padding: 0px 8px 8px 8px;
		 overflow: auto;
}


.math {
	width: 725px !important;
	text-align:left !important;
	overflow-x:auto;
	overflow-y:hidden;
	font-family: Courier New;
}

.MathJax_Display {
	display: inline !important;
    text-align: left !important;
	font-size: 0.8rem !important;
}


.MathJax span {
	color: #494949 !important;
	font-size: 18px;
	font-family: Courier New !important;
	font-weight: 600;
}

/* Main Page */

.prefixTable {
    width: 380px;
	margin-bottom: 1rem;
}

#headPrefix {
    background-color: #006699;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
}

#mainPrefix {
	background-color: #ccc;
	color: #000000;
	font-size: 15px;
	border: 1px solid #FFFFFF;
	text-align: center;
	padding-left: 0px;
}

.prefixTable td {
    font-size: 14px;
    padding-left: 10px;	
}


.pageTable {
    width: 380px;
	margin-bottom: 1rem;	
}

.pageTable th {
    background-color: #D3D3D3;
	color: #000000;
	font-size: 14px;
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.pageTable td {
    font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.inPageTable {
    overflow: auto;
}

.hidden {
  display: none;
}

#unitsMenu a.selected-tab {
    background-color: #eeeeee;
    color: #86592d;
}

#unitsMenuDiv {
	background-color: #eeeeee;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
}

#unitsMenu {
	font-size: 16px;
	margin: -16px 5px 5px 5px auto 5px auto;
	padding: 16px 0px 8px 0px;
	border-bottom: 1px solid #888888;
}

#unitsMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}

#unitsMenu li {
	display: inline;
	margin-left: 0px;
}

#unitsMenu a {
	padding: 8px;
	border: 1px solid #888888;
	border-bottom: 0px solid #888888;
	background-color: #527a7a;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#unitsMenu a:hover {
	background-color: #eeeeee;
	color: #86592d;
}

#unitsMenuon {
	font-size: 16px;
	width: 500px;
	margin: 5px auto 5px auto;
	padding: 2px 0px 0px 0px;
	border-bottom: 1px solid #eeeeee;
}

#unitsMenuon ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}

#unitsMenuon li {
	display: inline;
	margin-left: 1px;
}

#unitsMenuon a {
	padding: 8px;
	border: 1px solid #888888;
	border-bottom: 1px solid #eeeeee;
	background-color: #eeeeee;
	text-decoration: none;
	font-weight: bold;
	color: #86592d;
}

#unitsMenuon a:hover {
	background-color: #eeeeee;
	color: #86592d;
}

#unitsMenuDiv{
	background-color: #eeeeee;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	min-height: 500px;
}

#unitsMenuDiv table {
    width: 100%;
}

#unitsMenuDiv td {
    vertical-align: top;
    padding: 10px;
}

.link-list ul li {
    list-style-type: none;
	margin-bottom: 0.2rem;
}

.link-list ul li a {
	font-size: 0.95rem;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #527a7a;
}

.link-list ul li a:hover {
    color: #734d26;
}

/* End Main Page */

.bg-light {
     background-color: #666666 !important;
}

.bg-dark {
    background-color: #666666 !important;	
}

.bg-dark .container {
    /*margin-right: 5rem;*/
    padding-left: 0px;	
}

#FollowUs {
    height: 180px;
    margin-left: 10px;
    margin-top: 10px;
    /*display: none;*/
}

#FollowUs h4 {
    font-family: ScalaOT Bold, ScalaOT;
	font-weight: 900;
    font-size: 1.3rem;
}

.socialList li {
    margin-bottom: 0.8rem;	
}

.AboutList li a, .TopicList li a, .socialList li a {
	font-size: 0.85rem;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #94b8b8;
}

.AboutList li a:hover, .TopicList li a:hover, .socialList li a:hover {
    color: #75a3a3;	
}

.socialList li {
  display: flex;
  align-items: center;
  gap: 10px; /* spacing between icon and text */
  margin-bottom: 10px;
}

.social-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 4px; /* optional rounded look */
  color: white; /* icon color */
}

.social-icon i {
  font-size: 1.5rem;
  line-height: 1;
}

.text-muted {
    color: #bbb !important;	
}

.navbar-light, .navbar-toggler {
  border: 1px solid #ccc;
  border-color: rgba(255,255,255,0.3) !important;
  transition: border-color 0s ease;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-toggler.expanded-border {
  border-color: rgba(255,255,255,0.9) !important;
}

.nav-link {
    color: rgba(255,255,255,0.5) !important;
}

.nav-link {
    font-size: 1rem;	
}

.d-lg-none .nav-link:hover {
  color: #FFFFFF !important;
}

.ml-auto, .mx-auto {
    margin-left: 2px !important;
}

.btn-group .btn-secondary {
    background-color: #79a6d2;
    border-color: #538cc6;	
}

.btn-group .btn-secondary:hover {
    background-color: #538cc6;
}

.btn-group .btn-secondary:focus {
    background-color: #538cc6;
}

.btn-group .show>.btn-secondary.dropdown-toggle
{
    background-color: #79a6d2;
    border-color: #538cc6;
}

.btn-group .btn:focus {
    box-shadow: 0 0 0 0.2rem #538cc6;	
}

#authorAndTime {
    color: #6c757d !important;
}

#page {
	     width:725px;
		 float: left;
		 /*min-height:560px;*/
		 min-height: 400px;
		 overflow: auto;
		 margin-left: 5px;
}

#page p {
	     margin: 10px 0;
		 /*font-family: ScalaOT Regular, ScalaOT;*/
		 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		 /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/ 
	     font-size: 0.95rem;
		 line-height: 1.5em;
		 margin-bottom: 1rem;
}

#page p.nindent {
	
	     padding-left:20px;
		 text-indent:-20px;
}

.wrapper {
	    min-height: 160px;
		margin-top: 2px;
		padding: 10px;
		border: 1px solid #BFCB9C;
		background-color: #F0EEDD;
	    display: flex;
		justify-content: space-evenly;
		gap: 2em;
}

.dataWrapper {
	    min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		background-color: #E3ECf5;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
}

.dataWrapperBits {
	    min-height: 160px;
		margin-top: 2px;
		padding: 10px;
		border: 1px solid #CCC;
		background-color: #E3ECf5;
	    display: inline-block;
		justify-content: space-evenly;
		width: 100%;
}

/* Angle wrapper*/
.angleWrapper {
	    min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		background-color: #ECE7DF;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
}

/* Temperature Wrapper */
.tempWrapper {
		min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		background-color: #E4E4E4;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
}

/* Weight Wrapper */
.weightWrapper {
		min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		background-color: #F0F2F5;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
		padding-bottom: 10px;
}

/* Length Wrapper */
.lengthWrapper {
		min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		background-color: #EFEEEB;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
		padding-bottom: 10px;
}

/* Pressure Wrapper */
.pressureWrapper {
		min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		background-color: #EEEAE2;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
		padding-bottom: 10px;
}

/* Speed Wrapper */
.speedWrapper {
		min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		background-color: #dcd5d5;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
		padding-bottom: 10px;
}

/* power Wrapper */
.powerWrapper {
		min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		/*background-color: #e0e0d1;*/
		background-color: #d7d7c1;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
		padding-bottom: 10px;
}

/* area Wrapper */
.areaWrapper {
		min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		/*background-color: #e0e0d1;*/
		background-color: #e0dcd1;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
		padding-bottom: 10px;
}

/* volume Wrapper */
.volumeWrapper {
		min-height: 160px;
		margin-top: 2px;
		padding: 10px 3px 10px 5px;
		border: 1px solid #CCC;
		background-color: #D6DAC8;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
		padding-bottom: 10px;
}

#unitsRow {
	width: 725px;
	gap: 0.6em;
	display: flex;
	justify-content: space-evenly;
	padding: 10px 3px 10px 5px;
}

#unitsTypes {
    width: 49%;
    padding-left: 10px;
}

/* Units Class */
.unitClass {
	  margin-top: 5px;
      background-color: #e0e0d1;
	  border: 1px solid #CCC;
      padding: 5px;
      border-radius: 3px;
      width: 725px;
	  height: 330px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.unitClassVolume {
	  margin-top: 5px;
      background-color: #e0e0d1;
	  border: 1px solid #CCC;
      padding: 5px;
      border-radius: 3px;
      width: 725px;
	  height: 650px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.form-control option {
	height: 1.8rem;
}

#unitFullDiv {
    width: 100%;	
}

#unitHalfDiv {
	 width: 49%;
}

.mb-3  {
    margin-bottom: 0.3em !important;	
}


/* Unit Wrapper */
.unitWrapper {
		min-height: 50px;
		margin-top: 2px;
		padding: 10px 3px 10px 5px;
	    display: flex;
		justify-content: space-evenly;
		gap: 0.6em;
}

/* tofromUnitWrapper */
.toFromUnitWrapper {
		min-height: 100px;
		padding: 0px 3px 0px 3px;
	    display: flex;
		justify-content: space-evenly;
		gap: 0.6em;
}

/*  BMI Calculator CSS Styling. */
.BMIWrapper {
		min-height: 160px;
		margin-top: 2px;
		padding: 3px;
		border: 1px solid #CCC;
		/*background-color: #e0e0d1;*/
		background-color: #e5e5cc;
	    display: flex;
		/*display: inline-grid; */
		justify-content: space-evenly;
		gap: 0.6em;
		padding-bottom: 10px;
		/*flex-wrap: wrap; */
	    box-sizing: border-box;
}

.BMIWrapper .FIRSTHALF {
	   /*width: 400px;*/
	   width: 100%;
	   max-width: 380px;
	   /*justify-content: space-evenly;*/
}

.BMIWrapper #BMITable
{
	width: 100%;
	max-width: 380px;
    /*box-sizing: border-box;*/
}


/*.BMIWrapper #BMITable2
{
	width: 100%;
	max-width: 290px;
    /*box-sizing: border-box;*/
	/*border-collapse: collapse;
}*/


/*
.BMIWrapper .SECONDHALF {
	margin-left:10px;
	width: 100%;
	max-width: 290px;
	/*box-sizing: border-box;*/
/*}
*/

/****************NEW PART */
/*.BMIWrapper .SECONDHALF {
    width: 100%;
    max-width: 290px;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto; /* Center align 
}*/

#BMITable2 {
    width: 100%;
    max-width: 290px;
    border-collapse: collapse;
    /*margin: 0 auto; /* Center align */
}

#BMITable2 td {
    padding: 5px;
    vertical-align: top;
}

#BMITable2 label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#BMITable2 textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    font-size: 14px;
}



/**........................*/


.BMIWrapper .FIRSTHALF, .BMIWrapper .SECONDHALF {
	   gap: 0.5em;
	   margin-left: 5px;
	   box-sizing: border-box;
}

.addBMIWrapper {
	  margin-left: 10px;
	   /*width: 280px; */
	   width: 100%;
	   max-width: 280px;
	  box-sizing: border-box;
		   
}

.HeightBMIWrapper {
   /* width: 280px; */	
   width: 100%;
   max-width: 280px;
		   box-sizing: border-box;
}

.AgeWrapper, .PoundBMIWrapper, .HeightBMIWrapper, .KgBMIWrapper {
	margin-left: 10px;
    box-sizing: border-box;
}

.GenderBMI {
    margin-top: 20px;
	/*width: 70px; */
	width: 100%;
	max-width: 70px;
	box-sizing: border-box;
}

.UnitBMI {
    margin-top: 30px;
}

.AgeBMI {
    margin-top: 50px;
}

.HeightBMI{
	margin-top: 50px;
	/*width: 70px; */
	width: 100%;
	max-width: 70px;
}

.WeightBMI {
	margin-top: 50px;
}

.HeightBMI label, .GenderBMI label, .AgeBMI label, .WeightBMI label, .UnitBMI label {
   color: #595959;
}


/*   BMI Calculator Chart Styling. */ 

   .chartMenu {
        width: 100vw;
        height: 40px;
        background: #1A1A1A;
        color: rgba(54, 162, 235, 1);
   }
	  
   .chartMenu p {
        padding: 10px;
        font-size: 20px;
    }
	  
   .chartCard {
        /*width: 55vw;
        height: calc(100vh - 40px); */
        width: 360px;
        height: 200px;
        background: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	  
    .chartBox {
        /*width: 80%;
        padding: 20px;*/
		width: 360px;
		padding: 1px;
        border-radius: 20px;
        border: none;
        background: white;
    }
	  
/*  End of BMI Calculator. */ 

/* Buttons groups settings. */
.w-100 {
	margin-left: 8px;
	/*width: 274px !important;  */
	width: 100%;
	max-width: 274px !important;
	margin-right:8px;
}

#BMITable td, #BMITable2 td {
	padding-bottom: 5px;
}

#btnBMICalculate {
    background-color: #339966;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 2px; 
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #2d8659;
	font-size:16px;
}

#btnBMICalculate:hover {
	background-color: #2d8659;
}

#buttonReset {
    background-color: #999966;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 32px;
	border: 1px solid #8a8a5c;
	font-size:16px;
}

#buttonReset:hover {
	background-color: #8a8a5c;
}

#BMITable2 {
	margin-top: 55px;
}


/*  End BMI Calculator Css. */
.poundWrapper, .stoneWrapper, .kilogramWrapper, .addWrapper, .additionWrapper, .addBMIWrapper {
	display: flex;
	justify-content: space-evenly;
	gap: 0.3em;
}

.firstHalf, .secondHalf {
	width:50%;
	display: inline-block;
}

/* Pound + Ounces */
.firstHalf #Pounds, .secondHalf #Ounces, .firstHalf #Stones, .secondHalf #Pounds, .firstHalf #Kilograms, .secondHalf #Grams, .firstHalf #Meters, .secondHalf #Centimeters, .firstHalf #Feets, .secondHalf #Inches, .secondHalf #Millimeters
{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 1rem;
	padding: 5px;
	width: 126px;
	height: 33px;
	display: flex;
	resize: both;
	overflow: hidden;
}

/*  MultiData */
.multiWrapper {
		margin-top: 2px;
		padding: 10px;
	    border: 1px solid #CCC;
		background-color: #E3ECF5;
		justify-content: space-evenly;
		gap: 0.6em;
}

.multiData1 {
	width:50%;
	display: inline-block;
}

.multiData2 {
	display: inline-block;
	margin-top: 38px;
	float: right;
	width:50%;
}


/* Decimal Binary Wrapper */
.decibinWrapper {
	margin-top: 2px;
	padding: 10px;
}

.deciData {
	margin-top: 10px;
	min-height: 100px;
	width:100%;
	display: inline-block;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #E3ECF5;
}

.binData {
	margin-top: 10px;
	min-height: 100px;
	width: 100%;
	display: inline-block;
	float: right;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #E3ECF5;
}

.deciData2 {
	margin-top: 10px;
	min-height: 100px;
	width: 100%;
	display: inline-block;
	float: right;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #E3ECF5;
}

hr {
	width: 300px;
	float: left;
	border-top: 1px solid #000;
	margin-top: 15px;
}

#deciB, #deciKB, #deciMB, #deciGB, #deciTB, #deciPB, #binB, #binKB, #binMB, #binGB, #binTB, #binPB, #decibit, #decikbit, #deciMbit, #deciGbit, #deciTbit {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 16px;
	padding: 5px;
	width: 300px;
	height: 35px;
	display: flex;
	resize: both;
	overflow: hidden;
	margin: 14px 1px;
}

/* Multi Data */
#btnMultiData {
    background-color: #1979E6;
	margin: 0px 10px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #1565C0;
	font-size:16px;
	vertical-align: baseline;
}

#btnMultiData:hover {
	background-color: #1565C0;
}

#KilobyteConversions, #KibibyteConversions, #MegabyteConversions, #MebibyteConversions, #GigabyteConversions, #GibibyteConversions, #TerabyteConversions, #TebibyteConversions, #PetabyteConversions, #PebibyteConversions, #KilobitConversions, #MegabitConversions, #GigabitConversions, #TerabitConversions {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 16px;
	padding: 5px;
	width: 300px;
	height: 35px;
	display: flex;
	resize: both;
	overflow: hidden;
}

#KilobyteConversions, #KibibyteConversions, #MegabyteConversions, #MebibyteConversions, #GigabyteConversions, #GibibyteConversions, #TerabyteConversions, #TebibyteConversions, #PetabyteConversions, #PebibyteConversions, #KilobitConversions, #MegabitConversions, #GigabitConversions, #TerabitConversions, #btnMultiData {
	display: inline-block;
}


/* Data Bits | Bytes | Nibble */
#btnData {
	background-color: #1979E6;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #1565C0;
	font-size:16px;
}

#btnData:hover {
	background-color: #1565C0;
}

#btnSwapData {
	background-color: #666666;
	margin: 10px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #4D4D4D;
	font-size:16px;
}

#btnSwapData:hover {
	background-color: #4D4D4D;
}

/* Angle: Degree, Radian */
#btnAngle {
    background-color: #40BF80;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #339966;
	font-size:16px;
}

#btnAngle:hover {
	background-color: #339966;
}

#btnSwapAngle {
	background-color: #999966;
	margin: 10px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #7A7A52;
	font-size:16px;
}

#btnSwapAngle:hover {
	background-color: #7A7A52;
}

/* Temperature Buttons */
#btnTemp {
    background-color: #4580BA;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #376695;
	font-size:16px;
}

#btnTemp:hover {
	background-color: #376695;
}

#btnSwapTemp {
	background-color: #EA9462;
	margin: 10px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #E37535;
	font-size:16px;
}

#btnSwapTemp:hover {
	background-color: #E37535;
}

/* Weight Button */
#btnWeight {
    background-color: #509295;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #3E7174;
	font-size:16px;
}

#btnWeight:hover {
	background-color: #3E7174;
}

#btnSwapWeight {
	background-color: #B38765;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #AB7A54;
	font-size:16px;
}

#btnSwapWeight:hover {
	background-color: #AB7A54;
}

/* Length Button */
#btnLength {
    background-color: #03AED2;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #0393B0;
	font-size:16px;
}

#btnLength:hover {
	background-color: #0393B0;
}

#btnSwapLength {
	background-color: #A57373;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #9C6363;
	font-size:16px;
}

#btnSwapLength:hover {
	background-color: #9C6363;
}

/* Pressure button */
#btnPressure {
    background-color: #1A8CFF;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #0073E6;
	font-size:16px;
}

#btnPressure:hover {
	background-color: #0073E6;
}

#btnSwapPressure {
	background-color: #B37700;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #805500;
	font-size:16px;
}

#btnSwapPressure:hover {
	background-color: #805500;
}

/* Speed, Pressure button */
#btnSpeed, #btnPower {
    background-color: #0088cc;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #006699;
	font-size:16px;
}

#btnSpeed:hover, #btnPower:hover {
	background-color: #006699;
}

#btnSwapSpeed, #btnSwapPower {
	background-color: #b38600;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #806000;
	font-size:16px;
}

#btnSwapSpeed:hover, #btnSwapPower:hover {
	background-color: #806000;
}

/* Button Energy */
#btnEnergy {
    background-color: #248f8f;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #196666;
	font-size:16px;
}

#btnEnergy:hover {
	background-color: #196666;
}

#btnSwapEnergy {
	background-color: #b35900;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #86592d;
	font-size:16px;
}

#btnSwapEnergy:hover {
	background-color: #86592d;
}

/* Area Button */
#btnArea {
    background-color: #339966;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #26734d;
	font-size:16px;
}

#btnArea:hover {
	background-color: #26734d;
}

#btnSwapArea {
	background-color: #997300;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #664d00;
	font-size:16px;
}

#btnSwapArea:hover {
	background-color: #664d00;
}

/* Volume Button */
#btnVolume {
    background-color: #41758b;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #315868;
	font-size:16px;
}

#btnVolume:hover {
	background-color: #315868;
}

#btnSwapVolume {
	background-color: #957550;
	margin: 15px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #745b3e;
	font-size:16px;
}

#btnSwapVolume:hover {
	background-color: #745b3e;
}

/* Reset Button */
#btnReset {
    background-color:  #6A8295;
	margin: 10px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 17px;
	border: 1px solid #5F7586;
	font-size:16px;
}

#btnReset:hover {
	background-color: #5F7586;
}

#btnPi {
	background-color: #f2f2f2;
	margin: 7px 2px;
	border-radius: 5px;
	color: #000;
	padding: 7px 20px;
	border: 1px solid #CCCCCC;
	font-size:16px;
}

#btnPi:hover {
    background-color: #CCCCCC;
}

label {
	display: block;
	/*margin-top: 0.5em; */
	/*margin-bottom: 0.5em; */
    margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 1.1rem;
}

/*textarea {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 17px;
    padding: 5px;
	width: 320px;
	height: 100px;
	display: flex;
	resize: both;
	overflow: hidden;
}*/

#input, #output, #outputNoPadding {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.95rem;
    padding: 5px;
	width: 320px;
	height: 60px;
	display: flex;
	resize: both;
	overflow: hidden;
}


/* Temperature, Degree, Radian, Bits / Bytes / Nibble design. */
#Celsius, #Fahrenheit, #Kelvin, #Rankine, #Degree, #Radian, #Bits, #BitsBinary, #Bytes, #BytesBinary, #Nibbles, #NibblesBinary, #Kilobytes,#KilobytesBinary, #Kibibytes, #Megabytes, #MegabytesBinary, #Mebibytes, #Gigabytes, #GigabytesBinary, #Gibibytes, #Terabytes, #TerabytesBinary, #Tebibytes, #Petabytes, #PetabytesBinary, #Pebibytes, #Kilobits, #Kibibits, #Megabits, #Mebibits, #Gigabits, #Gibibits, #Terabits, #Tebibits, #Petabits, #Pebibits, #Kilobitspersecond, #Kilobytespersecond, #Megabitspersecond, #Megabytespersecond, #Gigabitspersecond, #Gigabytespersecond 
{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.96rem;
	padding: 5px;
	width: 260px;
	height: 53px;
	display: flex;
	resize: both;
	overflow: hidden;
}

/* Weight, Length, Pressure, Speed, Power, Energy, Area, Volume */
#Kilogram, #Microgram, #Milligram, #Gram, #Tonne, #Ounce, #Pound, #Stone, #Ton, #Kilometer, #Millimeter, #Centimeter, #Meter, #Inch, #Feet, #Yard, #Mile, #Bar, #Pascal, #Kilopascal,
 #Megapascal, #Psi, #Atm, #Torr, #mmHg, #KilometersPerHour, #MilesPerHour, #MetersPerSecond, #FeetPerSecond, #Knot, #Milliwatts, #Watts, #Kilowatts, #Megawatts, #Gigawatts, #dBm, #dBW,
 #hpE, #hpI, #hpM, #BTU, #BHP, #TonRefrigeration, #Horsepower, #Joules, #Kilojoules, #Megajoules, #Gigajoules, #Watthour, #Kilowatthour, #Megawatthour, #kBTU, #eV, #keV, #MeV, #GeV, #smallCalorie, #largeCalorie,
 #Foot-pound, #Newton-meter, #cal-th, #cal-15, #cal-20, #cal-IT, #Cal, #Calorie, #hpType, #barrelType, #gallonType, #quartType, #pintType, #cupType, #ozType, #Horsepower, #calType, #kcal, #Acre, #Hectare, #mm-square, #cm-square, #meter-square,
 #km-square, #inch-square, #ft-square, #yd-square, #mi-square, #Liter, #Milliliter, #Cubic-centimeter, #Cubic-meter, #Cubic-inch, #Cubic-foot, #Cubic-feet, #Cubic-yard, #Barrel, #Barrel-US, #Barrel-UK, #Barrel-Oil,
 #Gallon, #Gallons-US, #Gallons-UK, #Quart, #Quarts-US, #Quarts-UK, #Pint, #Pints-US, #Pints-UK, #Cup, #Cups-US, #Cups-UK, #Cups-Metric, #Ounces-US, #Ounces-UK, #tbspType, #Tablespoon, #Tablespoon-US, #Tablespoon-UK, #Tablespoon-Metric,
 #Teaspoon, #Teaspoon-US, #Teaspoon-UK, #Teaspoon-Metric, #tspType
{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.96rem;
	padding: 5px;
	width: 270px;
	height: 47px;
	display: flex;
	resize: both;
	overflow: hidden;
}

/* BMI Calculator Settings. */
#Age, #PoundBMI, #CmBMI, #KgBMI, #BodyMassIndex, #BMICategory, #NormalBMI, #NormalWeight {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.96rem;
	padding: 5px;
	max-width: 270px;
	width: 100%;
	height: 40px;
	display: flex;
	resize: both;
	overflow: hidden;
	box-sizing: bordex-box;
}

.addBMIWrapper .firstHalf #Feets, .addBMIWrapper .secondHalf #Inches
{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.96rem;
	padding: 5px;
	max-width: 126px;
	width: 100%;
	height: 40px;
	display: flex;
	resize: both;
	overflow: hidden;
	box-sizing: bordex-box;
}

/* Horsepower Calculator Form. */
#calculatorForm {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.96rem;
	padding: 5px;
	width: 300px;
	height: 33px;
	display: contents;
	resize: both;
	overflow: hidden;
}

/*#hpType, #barrelType, #gallonType, #quartType, #pintType, #cupType, #ozType,   #calType {
	height: 39px;
}*/

#btn {
	background-color: #32CD56;
	margin: 10px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #28A745;
	font-size:16px;
}

#btn:hover {
	background-color: #28A745;
}

#btnSwap {
	background-color: #A86929;
	margin: 10px 2px;
	border-radius: 5px;
	color: #FFF;
	padding: 7px 20px;
	border: 1px solid #A84929;
	font-size:16px;
}

#btnSwap:hover {
	background-color: #A84929;
}

#btnConversions {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-size: 18px;
	font-weight: bold;
	background-color: #e0e0e9;
	margin: 12px 2px;
	border-radius: 10px;
	color: #000;
	padding: 5px 60px 5px 60px;
	border: 1px solid #e0e0e9;
}

#sidebarButton {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-size: 18px;
	font-weight: bold;
    border: 1px solid #B3B3B3;
	background-color: #D9D9D9;
	width: 270px;
	height:35px;
    margin: 12px 0px;
	border-radius: 10px;
}

/* Data : Bits, Bytes etc. */
.resultBar {
	margin: 20px 0;
	padding: 10px;
	font-family: Courier New;
	font-size: 0.95rem;
	font-weight: 500;
	color: #000;
    border: 1px solid #CCC;
	background-color: #F0F5F0;
	width: 685px;
}

/* Angle: Degree, Radian  */
.resultAngle {
	margin: 20px 0;
	padding: 10px;
	font-family: Courier New;
	font-size: 0.95rem;
	font-weight: 500;
	color: #000;
    border: 1px solid #CCC;
	background-color: #E6E6E6;
	/*width: 685px; */
	width: 100%;
}

/* Temp */
.resultTemp {
	margin: 20px 0;
	padding: 10px;
	font-family: Courier New;
	font-size: 0.95rem;
	font-weight: 500;
	color: #000;
    border: 1px solid #CCC;
	background-color: #F0F5F4;
	/*width: 685px; */
	width: 100%;
}

/* Weight */
.resultWeight
{
	margin: 20px 0;
	padding: 10px;
	font-family: Courier New;
	font-size: 0.95rem;
	font-weight: 500;
	color: #000;
    border: 1px solid #CCC;
	background-color: #F4F3F1;
	/*width: 685px; */
	width: 100%;
}

/* Length, Area */
.resultLength, .resultArea
{
	margin: 20px 0;
	padding: 10px;
	font-family: Courier New;
	font-size: 0.98rem;
	font-weight: 500;
	color: #000;
    border: 1px solid #CCC;
	background-color: #F5F7FA;
	/*width: 685px; */
	width: 100%;
}

/* Pressure */
.resultPressure
{
	margin: 20px 0;
	padding: 10px;
	font-family: Courier New;
	font-size: 0.95rem;
	font-weight: 500;
	color: #000;
    border: 1px solid #CCC;
	background-color: #F2F2F2;
	/*width: 685px; */
	width: 100%;
}

/* Speed */
.resultSpeed
{
	margin: 20px 0;
	padding: 10px;
	font-family: Courier New;
	font-size: 0.95rem;
	font-weight: 500;
	color: #000;
    border: 1px solid #CCC;
	background-color: #f6f3ee;
	/*width: 685px; */
	width: 100%;
}

/* Power */
.resultPower, .resultVolume
{
	margin: 20px 0;
	/*padding: 10px;*/
	padding: 10px 1px 10px 2px;
	font-family: Courier New;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000;
    border: 1px solid #CCC;
	background-color: #f5f5f0;
	line-height: 1.5rem;
	letter-spacing: -0.8px;
	word-spacing: -2px;
	/*width: 685px; */
	width: 100%;
}

.ResultVolume
{
	margin: 20px 0;
	/*padding: 1px 3px 1px 8px;*/
	padding: 5px 3px 5px 5px;
    border: 1px solid #CCC;
	background-color: #f5f5f0;
	/*width: 685px; */
	width: 100%;
}

/*  result Number */
.resultNumber {
	margin: 20px 0;
	padding: 10px;
	font-family: Courier New;
	font-size: 0.95rem;
	font-weight: 500;
	color: #000;
    border: 1px solid #CCC;
	background-color: #f5f5f0;
	/*width: 685px; */
	width: 100%;	
}

  .fraction {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  
  .fraction .numerator {
    display: block;
  }
  
  .fraction .denominator {
    display: block;
    border-top: 1px solid #000;
    margin-top: 0.1rem;
    padding-top: 0.1rem;
  }

  #ResultVal p, #result p {
	font-family: 'Courier New', monospace;
    font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: -0.8px;
	word-spacing: -2px;
	margin: 0rem;
    color: #000;
	line-height: 1.4rem;
  }

.hscroll {
    width: 100%;
	padding:10px 0;
	overflow-x:auto;
	overflow-y:hidden;
}

#breadcrumb {
	     font-size:11px;
	     line-height:11px;
	     color:#aaa;
}

h1, h2, h3 {
	font-weight:normal;
}

/*h5 {
	display: inline-flex;
}*/

#home h1 {
	font-family: ScalaOT Bold, ScalaOT;
	font-size:22px;
	font-color: #212529;
}


#page h1 {
	font-family: ScalaOT Bold, ScalaOT;
	/*font-family: Georgia,Times,"Times New Roman",serif;*/
	font-size:30px;
	font-color: #212529;
	line-height:34px;
	font-weight: 500;
	margin:5px 0 10px 0;
}

#content h1 {
	font-family: ScalaOT Bold, ScalaOT;
	/*font-family: Georgia,Times,"Times New Roman",serif;*/
	font-size:28px;
	font-color: #212529;
	line-height:34px;
	font-weight: 600;
	margin:5px 0 10px 0;
}

#content h2 {
	font-family: ScalaOT Bold, ScalaOT;
	/*font-family: Georgia,Times,"Times New Roman",serif;*/
	font-size:22px;
	font-color: #212529;
	line-height:34px;
	font-weight: 600;
	margin:5px 0 10px 0;
}

#content p {
	font-size: 14px;
}

#page h2 {
	font-family: ScalaOT Bold, ScalaOT;
	font-size:24px;
	margin:20px 0;
}

#page h3 {
	font-family: ScalaOT Bold, ScalaOT;
	font-size:21px;
	margin:15px 0;
}

#page h4 {
	font-family: ScalaOT Bold, ScalaOT;
	font-size:19px;
	margin:15px 0;
}

#page pre {
        font-family: "Courier New";
	    background-color: #f0f0ef;
	    font-size: 0.95rem;
		border: 1px solid #DDD;
		margin: 0px;
		display: block;
		white-space: pre-wrap;
}

#page .exampleSteps {
        font-family: "Courier New";
	    background-color: #f0f0ef;
	    font-size: 0.95rem;
		border: 1px solid #DDD;
		margin: 0px;
		display: block;
		white-space: pre-line;
		overflow:auto;
		padding-left: 8px;
}

#page .exampleSteps ul li {
    margin: 0px;	
}

#page .formula {
	font-family: "Times New Roman";
	font-size: 1.15rem;
	line-height: 1.5em;
    margin-bottom: 1rem;
}

.preListing {
    list-style-type: square;
	padding-left: 20px;
}

.preListing li{
        margin-bottom: 10px;
		font-size: 0.95rem;
}


.pageListing {
    list-style-type: square;
	padding-left: 20px;
}

.pageListing li{
        margin-bottom: 10px;
		font-size: 1rem;
}

.pageListing a{
		 color: #1565C0;
		 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
		 font-size: 0.95rem;
}

.pageListing a:hover {
	     color: #0F488A;
}

.pageSubListing {
	list-style-type: circle;
	padding-left: 20px;
}

.pageSubListing li{
        margin-bottom: 10px;
		font-size: 1rem;
}

#page ol {
	list-style-type:decimal;
	padding-left:5px;
}

#page ol.alpha {
	list-style-type: lower-alpha;
}

#page ol li {
	margin-left: 22px;
	padding:5px 0 5px 8px;
}

.tableDetail {  
	      border-collapse:collapse;
		  margin-bottom: 10px;
          width: 100%;		  
}

.search-container {
    margin-bottom: 5px;
}

#searchInput {
	margin-top:8px;
    width: 300px;
    padding: 8px;
    font-size: 16px;
}

.search-container .form-inline {
	flex-flow: column !important;
}

.ASCIIResponsive, .ALTResponsive {
    overflow-x:auto;	
}

.ASCIITable {  
	    border-collapse:collapse;
		margin-bottom: 10px;
        width: 100%; 		  
}

.ALTTable {
		border-collapse:collapse;
		margin-bottom: 10px;
        width: 600px;
		border: 1px solid gray;
}

.ALTTable th {
		border: 1px solid lightgrey;
	    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
		padding: 4px;
		text-align:center;
		font-size: 14px;
		background-color: #E5E1DA;
}

.ALTTable td {
		border: 1px solid lightgrey;
	    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
		padding: 4px;
		text-align:center;
		font-size: 16px;
}

  /* Style for the hover effect */
  .highlight-hover:hover {
    background-color: #f3f4f6;
  }

  /* Style for the output display area */
  .output-container {
    display: inline-flex;
    justify-content: center;
    gap: 1rem;
	margin-bottom: 1rem;
  }

  .output-box {
    padding: 0.2rem;
    border: 1px solid #999999;
    border-radius: 0.2rem;
    text-align: center;
    min-width: 120px;
    background-color: #f9fafb;
  }

  .output-box-title {
    font-weight: 700;
    margin-bottom: 0.3rem;
	font-size: 0.9rem;
    color: #0077b3;
  }

  .output-box-content {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
	margin-bottom:0.5rem;
  }

.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable {
	      border-collapse:collapse;
		  margin-bottom: 10px;
          width: 680px;
}

.tablePre {
		  border-collapse:collapse;
		  margin-bottom: 10px;
          width: 500px;
		  text-align:center;
}

.tablePre1 {
		  border-collapse:collapse;
		  margin-bottom: 10px;
          width: 800px;
		  text-align:center;
		  white-space: pre;
}

.tablePre1 td {
	width: 30px;
}

.tablePre3 {
		  border-collapse:collapse;
		  margin-bottom: 10px;
          width: 300px;
		  text-align:center;
}

.tablePre3 td {
	width: 30px;
}

.tablePre4 {
		  border-collapse:collapse;
		  margin-bottom: 10px;
          width: 500px;
		  text-align:center;
		  white-space: pre;
}

.tablePre4 td {
	width: 20px;
}

.tablePre5 {
		  border-collapse:collapse;
		  margin-bottom: 10px;
          width: 650px;
		  text-align:center;
		  white-space: pre;
}

.tablePre5 td {
	width: 20px;
}

.tablePre6 {
		  border-collapse:collapse;
		  margin-bottom: 10px;
          width: 300px;
		  text-align:center;
		  white-space: pre;
}

.tablePre6 td {
	width: 20px;
}

.tablePre7 {
		  border-collapse:collapse;
		  margin-bottom: 10px;
          width: 400px;
		  text-align:center;
}

.tablePre7 td {
	width: 30px;
}


thead {
	display: table-header-group;
	vertical-align: middle;
    border-color: inherit;
}

tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}


.tableDetail th {
	background-color: #888844;
	padding: 5px;
	color: #FFF;
	border: solid 1px #FFF;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
}

.tableDetail td {
	padding: 5px;
    text-align: center;
    border: solid 1px #CCC;
	font-weight:normal;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
}

.ASCIITable th {
	background-color: cadetblue;
	padding: 5px;
	color: #FFF;
	border: solid 1px #FFF;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
}

.ASCIITable td {
	padding: 5px;
    text-align: center;
    border: solid 1px #CCC;
	font-weight:normal;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
}

/* Data Tables */
.dataTable th {
	background-color: #B3D9FF;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:break-all;
}

.dataTable td, .angleTable td, .tempTable td, .weightTable td, .lengthTable td, .pressureTable td, .speedTable td, .powerTable td, .powerTableHP td, .horsePowerTableHP td, .volumeTable td, .volumeTableTHR td {
	padding: 5px;
    text-align: center;
    border: solid 1px #CCC;
	font-weight:normal;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;	
	word-break:break-all;
}

/* Angle Table */
.angleTable th {
	background-color: #9CAFAA;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:break-all;
}

/* Temeprature Table */
.tempTable th {
	background-color: #F6E1D5;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:break-all;
}

/* Weight Table */
.weightTable th {
	background-color: #B3CCE6;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:break-all;
}

/* Length Table */
.lengthTable th {
	background-color: #DFD3C3;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:keep-all;
}

/* Pressure Table */
.pressureTable th {
	background-color: #C9CCD5;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:keep-all;
	width: 50%;
}

/* Speed Table */
.speedTable th {
	background-color: #C9CCD5;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:keep-all;
	width: 50%;
}

/* Power Table, Volume Table */
.powerTable th, .volumeTable th {
	background-color: #CDC2AE;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:keep-all;
	width: 50%;
}

.volumeTableTHR th {
	background-color: #CDC2AE;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:keep-all;
}

/*.volumeTableTHR {
	display: block;
}*/

/* Power Table Horsepower*/
.powerTableHP th {
	background-color: #CDC2AE;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:keep-all;
}

.horsePowerTableHP th {
	background-color: #CDC2AE;
	padding: 5px;
	color: #000;
	border: solid 1px #CCC;
	text-align: center;
	font-weight:600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	word-break:keep-all;
}


.fourTabs {
	width: 24.5%;
	display: inline-table;
}

.threeTabs {
	width: 33%;
	display: inline-flex;
	margin-bottom: 10px;
}

.threeTabsTable {
	width: 33%;
	display: inline-flex;
	margin-bottom: 10px;
}

.twoTabs {
	width: 49%;
	display: inline-flex;
	margin-bottom: 10px;
}

.twoTabsAngle {
	width: 49%;
	display: inline-flex;
	margin-bottom: 10px;
}

#sidebar {
	     margin-top: 10px;
	     overflow:hidden;
		 width:270px;
		 float:right;
}

#sidebar a{
	     color: #06C;
		 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		 font-size: 0.9rem;
}

#sidebar a:hover {
	     color: #993300;
}


#sidebar h2 {
	      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	      font-size:8px;
		  font-weight: bold;
	      font-color: #111;
}

#accordion {
    transform: scaleY();	
}

.mb-2 {
	margin-bottom: 0.2vh !important;
}

.card-header {
		cursor: pointer;
}

.btn-link {
	color: #004080;
    font-family: Calibri;
    font-size: 1rem;
	font-weight: 500;
    text-decoration: none;
	padding-left: 1px;
	padding-right: 1px;
	text-align:left;
	height: 34px;
	width: 100%;
	display: inline-flex;
}

.btn-link:hover {
	color: #0059B3;
	text-decoration: none;
}

.btn-link.focus, .btn-link:focus {
    text-decoration: none;
}

.card-body a:hover {
	color: #993300;
	text-decoration:underline;
}

.btn.focus, .btn:focus {
    outline: 0;
	box-shadow: 0 0 0 .15rem rgba(0,0,0,0.3);
}

.card {
	border: 1px solid rgba(0,0,0,0.2);
	margin: 3px;
}

.card-header {
	background-color: rgba(0,0,0,.09);
}

.card-header:hover {
	background-color: rgba(0,0,0,0.2);
	text-decoration:
}

.card-header.focus, .card-header:focus {
	border: 2px solid rgba(0,0,0,0.2);
}

.card-body {
    padding: 0.3rem;
	font-size:13px;
}

.fa-lg {
	margin-top: 4px;
    font-size: 1.3em;
    line-height: 0.75em;
}

.fa-2x {
	font-size: 1.8em;
	line-height: 0.75em;
}

.listNumbers {
	list-style: none;
}

.listNumbers li {
	margin-bottom: 5px;
	margin-left: 8px;
}

.sidebarTxt {
	text-align: left;
	font-family:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 16px;
}

.collapsing {
	  -webkit-transition-duration: .4s;
      -moz-transition-duration: .4s;
      -o-transition-duration: .4s;
      transition-duration: .4s;
}

.collapse.show,
.collapsing {
    transition-duration: 0.4s !important;
      transition-timing-function: ease;
}


.tooltip {
	pointer-events: none;
}

#footer {
	     width: 100%;
		 /*height:300px;*/
		 padding-top:0px;
		 margin: 0px auto 0px auto;
		 overflow: auto;
		 background-color: #C2D6D6;
}

.footerSize {
	     padding-left: 20px;
		 padding-right: 20px;
		 padding-top: 40px;
		 padding-bottom:0px;
		 font-family: ScalaOT Bold, ScalaOT;
	     font-size: 14px;
}

b {
    font-weight: 600;	
}

p b {
	 font-weight: 500;	
}

#chapters-map a {
	color: #3086E8;
	font-size: 0.85rem;
}

#chapters-map a:hover {
	text-decoration: underline;
	color: #0F488A;
}

.active-article {
	color: #808080;
	font-size: 0.85rem;
}

.dataTable tr:nth-child(even), .angleTable tr:nth-child(even),  .tableDetail tr:nth-child(even), .ASCIITable tr:nth-child(even), .tempTable tr:nth-child(even), .weightTable tr:nth-child(even), .lengthTable tr:nth-child(even),
 .pressureTable tr:nth-child(even), .speedTable tr:nth-child(even), .powerTable tr:nth-child(even), .powerTableHP tr:nth-child(even), .horsePowerTableHP tr:nth-child(even), .volumeTable tr:nth-child(even), .volumeTableTHR tr:nth-child(even){
    background-color: #F7F7F7;
}

.dataTable tr, .angleTable tr,  .tableDetail tr, .ASCIITable tr, .tempTable tr, .weightTable tr, .lengthTable tr,
 .pressureTable tr, .speedTable tr, .powerTable tr, .powerTableHP tr, .horsePowerTableHP tr, .volumeTable tr, .volumeTableTHR tr {
    transition: background-color 0.3s;
}

.dataTable tr:hover, .angleTable tr:hover,  .tableDetail tr:hover, .ASCIITable tr:hover, .tempTable tr:hover, .weightTable tr:hover, .lengthTable tr:hover,
 .pressureTable tr:hover, .speedTable tr:hover, .powerTable tr:hover, .powerTableHP tr:hover, .horsePowerTableHP tr:hover, .volumeTable tr:hover, .volumeTableTHR tr:hover {
    background-color: #f2e6d9;
    /*cursor: pointer; /* Change cursor to pointer */
}

/* Anchor design for the incremental and decremental converisons. */
.conversionLinks {
    margin-top: 10px;
	margin-bottom: 10px;
}

.conversionLinks ul {
	list-style: none;
    margin: 0px;
}

.conversionLinks li {
    display: inline-block;
	font-size: 0.95rem;
	padding-left: 10px;
}

.conversionLinks a:before {
	content: "\00bb";
	padding-right: 5px;
	color: #8c8c8c;
	font-size: 1.5rem;
	text-decoration: none;
	display: inline-block;
}


.conversionLinks a {
    color: #0F488A;
	text-decoration: none;
	text-decoration-skip-ink: auto;
}

.conversionLinks a:hover {
    text-decoration: underline;
	color: #993300;
}

.conversionLinks a:hover:before {
    text-decoration: none;
}

/* Internal Links for pages for SEO perspective */

.InternalLinks {
    background-color: #E1E5EA;
}

.InternalLinks li {
    display: inline-block;
	font-size: 0.95rem;
	padding-left: 10px;
}

.InternalLinks a:before {
	content: "\00bb";
	padding-right: 5px;
	color: #8c8c8c;
	font-size: 1.5rem;
	text-decoration: none;
	display: inline-block;
}


.InternalLinks a {
    color: #0F488A;
	text-decoration: none;
	text-decoration-skip-ink: auto;
}

.InternalLinks a:hover {
    text-decoration: underline;
	color: #993300;
}

.InternalLinks a:hover:before {
    text-decoration: none;
}



/*-----------------------------------------------------*/
/*  Different Media Adjustments for Responsive Design. */
/*-----------------------------------------------------*/

@media only screen and (max-width: 309.98px) {
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#sandwitch {
width: 100%;
}

#hwrap  {
	     width: 260px;
}

#search {
	    float: left;
		padding: 10px 0;	
}

#content {
		max-width: 260px; 
		 min-width: 150px;
		 max-width: 100%;
		 margin: 10px auto;
	     background-color: #fff;
		 padding: 10px 10px 10px 10px;
		 overflow: auto;
}

#page {
		 max-width:260px;
	     /*min-width: 150px; */
		 width: 100%;
		 float: left;
		 /*min-height:800px; */
		 min-height: 400 px;
		 overflow: hidden;
}

label {
		font-size: 15px;
}

#page p {
	font-size: 14px;
}

#page pre, #page .exampleSteps {
	font-size: 14px;
}

#page h1 {
	 font-size: 24px;
}

#page h2 {
	 font-size: 20px;
}

#page h3 {
	 font-size: 18px;
}

#page h4 {
	 font-size: 16x;
}

.pageListing a {
	font-size: 14px;
}


.wrapper {
	    min-height: 160px;
		min-width: 150px;
		max-width: 372px;
		width: auto;
		margin-top; 2px
		padding: 5px;
}

/*textarea {
	font-family: Courier New;
	font-size: 14px;
	width: 100%;
	height: 100px;
	display: flex;
	resize: both;
	overflow: hidden;
}*/

#input, #output, #outputNoPadding {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.95rem;
	height: 60px;
	width: 100%;
	display: flex;
	resize: both;
	overflow: hidden;
}

#sidebar {
	     margin-top: 10px;
		 max-width: 372px;
		 min-width: 100px;
		 width: 100%;
}

#sidebarButton {
	max-width: 520px;
    min-width: 100px;
	width: 100%;
}

#btnConversions {
	    padding: 5px 35%;
}

/* Data section */
#Celsius, #Fahrenheit, #Kelvin, #Rankine, #Degree, #Radian, #Bits, #BitsBinary, #Bytes, #BytesBinary, #Nibbles, #NibblesBinary, #Kilobytes,#KilobytesBinary, #Kibibytes, #Megabytes, #MegabytesBinary, #Mebibytes, #Gigabytes, #GigabytesBinary, #Gibibytes, #Terabytes, #TerabytesBinary, #Tebibytes, #Petabytes, #PetabytesBinary, #Pebibytes, #Kilobits, #Kibibits, #Megabits, #Mebibits, #Gigabits, #Gibibits, #Terabits, #Tebibits, #Petabits, #Pebibits,  #Kilobitspersecond, #Kilobytespersecond, #Megabitspersecond, #Megabytespersecond, #Gigabitspersecond, #Gigabytespersecond
{
	/*max-width: 100px;
	min-width: 100px; */
	width:100%;
	font-size: 14px;
}

#Kilogram, #Microgram, #Milligram, #Gram, #Tonne, #Ounce, #Pound, #Stone, #Ton, #Kilometer, #Millimeter, #Centimeter, #Meter, #Inch, #Feet, #Yard, #Mile, #Bar, #Pascal, #Kilopascal,
 #Megapascal, #Psi, #Atm, #Torr, #mmHg, #KilometersPerHour, #MilesPerHour, #MetersPerSecond, #FeetPerSecond, #Knot, #Milliwatts, #Watts, #Kilowatts, #Megawatts, #Gigawatts, #dBm, #dBW,
 #hpE, #hpI, #hpM, #BTU, #BHP, #TonRefrigeration, #Horsepower, #Age, #Joules, #Kilojoules, #Megajoules, #Gigajoules, #Watthour, #Kilowatthour, #Megawatthour, #kBTU, #eV, #keV, #MeV, #GeV, #smallCalorie, #largeCalorie, 
 #Foot-pound, #Newton-meter, #cal-th, #cal-15, #cal-20, #cal-IT, #Cal, #Calorie, #hpType, #barrelType, #gallonType, #quartType, #pintType, #cupType, #ozType, #Horsepower, #calType, #kcal, #Acre, #Hectare, #mm-square, #cm-square, #meter-square,
 #km-square, #inch-square, #ft-square, #yd-square, #mi-square, #Liter, #Milliliter, #Cubic-centimeter, #Cubic-meter, #Cubic-inch, #Cubic-foot, #Cubic-feet, #Cubic-yard, #Barrel, #Barrel-US, #Barrel-UK, #Barrel-Oil,
 #Gallon, #Gallons-US, #Gallons-UK, #Quart, #Quarts-US, #Quarts-UK, #Pint, #Pints-US, #Pints-UK, #Cup, #Cups-US, #Cups-UK, #Cups-Metric, #Ounces-US, #Ounces-UK, #tbspType, #Tablespoon, #Tablespoon-US, #Tablespoon-UK, #Tablespoon-Metric,
 #Teaspoon, #Teaspoon-US, #Teaspoon-UK, #Teaspoon-Metric, #tspType
{
	max-width:250px;
	min-width:100px;
	width:100%;
	font-size: 14px;
}

.firstHalf #Pounds, .secondHalf #Ounces, .firstHalf #Stones, .secondHalf #Pounds, .firstHalf #Kilograms, .secondHalf #Grams, .firstHalf #Meters, .secondHalf #Centimeters, .firstHalf #Feets, .secondHalf #Inches, .secondHalf #Millimeters {
	width: 100%;
	font-size: 14px;
}


#btnSwapData, #btnSwapAngle, #btnSwapTemp, #btnSwapWeight, #btnSwapLength {
	padding: 7px 10px;
}

.dataTable th, .angleTable th, .tempTable th, .weightTable th, .lengthTable th, .pressureTable th, .speedTable th, .powerTable th, .powerTableHP th, .horsePowerTableHP th, .volumeTable th, .volumeTableTHR th {
    font-size: 0.7rem;
	word-break: break-word;
}

.dataTable td, .angleTable td, .tempTable td, .weightTable td, .lengthTable td, .pressureTable td, .speedTable td, .powerTable td, .powerTableHP td, .horsePowerTableHP td , .volumeTable td, .volumeTableTHR td {
    font-size: 0.7rem;
	word-break: break-word;
}

.tableDetail {
  min-width: 150px;
  max-width: 450px;
  width: 100%;	
}

.tableDetail th {
	font-size: 14px;
}

.tableDetail td {
	font-size: 14px;
}

.ASCIITable {
  min-width: 150px;
  max-width: 450px;
  width: 100%;
}

.ASCIITable th {
	font-size: 14px;
}

.ASCIITable td {
	font-size: 14px;
}

.resultBar {
	max-width: 450px;
	/*min-width: 150px; */
	width: 100%;
	font-size: 16px;
}

/* Multi Data*/
.decibinWrapper {
	height: 1000px;
	margin-top: 2px;
	padding: 10px;
	min-width: 150px;
	max-width: 480px;
	width: 100%;
}

.decibinWrapperBits {
	height: 930px;
	margin-top: 2px;
	padding: 1px;
	min-width: 120px;
	max-width: 480px;
	width: 100%;
}

.deciData {
	width: 100%;
	padding: 10px;
	float:left;
}

.binData {
	width: 100%;
	padding: 10px;
	float: left;
}

.deciData2 {
    width: 100%;
	padding: 10px;
	float: left;
}

#KilobyteConversions, #KibibyteConversions, #MegabyteConversions, #MebibyteConversions, #GigabyteConversions, #GibibyteConversions, #TerabyteConversions, #TebibyteConversions, #PetabyteConversions, #PebibyteConversions, #KilobitConversions, #MegabitConversions, #GigabitConversions, #TerabitConversions {
	/*max-width: 210px;
	min-width: 100px;*/
	width: 100%;
}

.multiWrapper {
    min-width: 140px;
	max-width: 480px;
	width: 100%;
	padding: 3px;
	display:inline-grid;
}

.multiData1 {
	width: 100%;
}

.multiData2{
    margin-top: 1px;
}

#btnMultiData {
	padding: 7px 15px;
}

.dataWrapper, .angleWrapper, .wrapper, .tempWrapper, .weightWrapper, .lengthWrapper, .pressureWrapper, .speedWrapper, .powerWrapper, .energyWrapper, .areaWrapper, .volumeWrapper {
	padding: 2px;
	width: 100%;
	display: inline-block;
}
 
.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable, .pressureTable, .speedTable, .powerTable, .powerTableHP, .horsePowerTableHP, .volumeTable, .volumeTableTHR {
	      border-collapse:collapse;
		  margin-bottom: 10px;
          min-width: 150px;
		  max-width: 450px;
		  width: 100%;
}

#deciB, #deciKB, #deciMB, #deciGB, #deciTB, #deciPB, #binB, #binKB, #binMB, #binGB, #binTB, #binPB, #decibit, #decikbit, #deciMbit, #deciGbit, #deciTbit {
	/*max-width: 480px;
	min-width: 150px;*/
	width: 100%;
}

hr {
	max-width: 400px;
	min-width: 100px;
	width: 100%;
	float: left;
	border-top: 1px solid #000;
	margin-top: 15px;
}

.btn-link {
	font-size: 0.9rem;
}

.sidebarTxt {
	font-size: 14px;
}

.threeTabs {
	width: 100%;
}

.threeTabsTable {
	width: 100%;
}

.twoTabs {
	width: 100%;
}

.twoTabsAngle {
	width: 100%;
}

}

@media only screen and (min-width: 310px) and (max-width: 411.98px) {
	
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#sandwitch {
width: 100%;
}

#hwrap  {
	     width: 372px;
}

#search {
	    float: left;
		padding: 10px 0;	
}

#content {
		 max-width: 372px; 
		 min-width: 150px;
		 margin: 10px auto;
	     background-color: #fff;
		 padding: 10px 10px 10px 5px;
		 overflow: hidden;
}

#page {
		 max-width:372px;
	     min-width: 150px;
		 width: 100%;
		 float: left;
		 /*min-height:800px; */
		 min-height: 400 px;
		 overflow: hidden;
}

label {
		font-size: 15px;
}

#page p {
	font-size: 14px;
}

#page pre, #page .exampleSteps {
	font-size: 0.82rem;
	white-space: pre-wrap;
}

#page h1 {
	 font-size: 24px;
}

#page h2 {
	 font-size: 20px;
}

#page h3 {
	 font-size: 18px;
}

#page h4 {
	 font-size: 16x;
}

.pageListing a {
	font-size: 14px;
}

.preListing li{
        margin-bottom: 10px;
		font-size: 0.85rem;
}

.listPreWrap {
	white-space: pre;
}

.wrapper {
	    min-height: 160px;
		min-width: 150px;
		max-width: 372px;
		width: auto;
		margin-top; 2px
		padding: 5px;
}

/*textarea {
	font-family: Courier New;
	font-size: 14px;
	width: 100%;
	height: 100px;
	display: flex;
	resize: both;
	overflow: hidden;
}*/

#input, #output, #outputNoPadding {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.95rem;
	max-width:160px;
	width: 100%;
	height: 60px;
	display: flex;
	resize: both;
	overflow: hidden;
}

#sidebar {
	     margin-top: 10px;
		 max-width: 372px;
		 min-width: 100px;
		 width: 100%;
}

.weight1, .halfPartOne {
	width: 42%;
}

.weight2, .halfPartTwo {
	width: 58%;
}

#sidebarButton {
	max-width: 520px;
    min-width: 100px;
	width: 100%;
}

#btnConversions {
	    padding: 5px 35%;
}

/* Data section */
#Celsius, #Fahrenheit, #Kelvin, #Rankine, #Degree, #Radian, #Bits, #BitsBinary, #Bytes, #BytesBinary, #Nibbles, #NibblesBinary, #Kilobytes,#KilobytesBinary, #Kibibytes, #Megabytes, #MegabytesBinary, #Mebibytes, #Gigabytes, #GigabytesBinary, #Gibibytes, #Terabytes, #TerabytesBinary, #Tebibytes, #Petabytes, #PetabytesBinary, #Pebibytes, #Kilobits, #Kibibits, #Megabits, #Mebibits, #Gigabits, #Gibibits, #Terabits, #Tebibits, #Petabits, #Pebibits,  #Kilobitspersecond, #Kilobytespersecond, #Megabitspersecond, #Megabytespersecond, #Gigabitspersecond, #Gigabytespersecond
{
    max-width: 230px;
    min-width: 100px;
	width:100%;
	font-size: 14px;
}

#Kilogram, #Microgram, #Milligram, #Gram, #Tonne, #Ounce, #Pound, #Stone, #Ton, #Kilometer, #Millimeter, #Centimeter, #Meter, #Inch, #Feet, #Yard, #Mile, #Bar, #Pascal, #Kilopascal,
 #Megapascal, #Psi, #Atm, #Torr, #mmHg, #KilometersPerHour, #MilesPerHour, #MetersPerSecond, #FeetPerSecond, #Knot, #Milliwatts, #Watts, #Kilowatts, #Megawatts, #Gigawatts, #dBm, #dBW,
 #hpE, #hpI, #hpM, #BTU, #BHP, #TonRefrigeration, #Horsepower, #Joules, #Kilojoules, #Megajoules, #Gigajoules, #Watthour, #Kilowatthour, #Megawatthour, #kBTU, #eV, #keV, #MeV, #GeV, #smallCalorie, #largeCalorie,
 #Foot-pound, #Newton-meter, #cal-th, #cal-15, #cal-20, #cal-IT, #Cal, #Calorie, #hpType, #barrelType, #gallonType, #quartType, #pintType, #cupType, #ozType, #Horsepower, #calType, #kcal, #Acre, #Hectare, #mm-square, #cm-square, #meter-square,
 #km-square, #inch-square, #ft-square, #yd-square, #mi-square, #Liter, #Milliliter, #Cubic-centimeter, #Cubic-meter, #Cubic-inch, #Cubic-foot, #Cubic-feet, #Cubic-yard, #Barrel, #Barrel-US, #Barrel-UK, #Barrel-Oil,
 #Gallon, #Gallons-US, #Gallons-UK, #Quart, #Quarts-US, #Quarts-UK, #Pint, #Pints-US, #Pints-UK, #Cup, #Cups-US, #Cups-UK, #Cups-Metric, #Ounces-US, #Ounces-UK, #tbspType, #Tablespoon, #Tablespoon-US, #Tablespoon-UK, #Tablespoon-Metric,
 #Teaspoon, #Teaspoon-US, #Teaspoon-UK, #Teaspoon-Metric, #tspType
{
    max-width: 230px;
	min-width: 100px;
    width:100%;
	font-size: 14px;
}

.firstHalf #Pounds, .secondHalf #Ounces, .firstHalf #Stones, .secondHalf #Pounds, .firstHalf #Kilograms, .secondHalf #Grams, .firstHalf #Meters, .secondHalf #Centimeters, .firstHalf #Feets, .secondHalf #Inches, .secondHalf #Millimeters {
	width: 100%;
	font-size: 14px;
}

.addWrapper {
	display: block;
}

.addWrapper .firstHalf, .addWrapper .secondHalf {
  width: 100%;
}

.plusLabel {
	margin-bottom: 0px;
	margin-top: 0px;
}

.resultBar {
	max-width: 450px;
	min-width: 150px;
	width: 100%;
	font-size: 16px;
}

/* Multi Data*/
.decibinWrapper {
	height: 1000px;
	margin-top: 2px;
	padding: 10px;
	min-width: 230px;
	max-width: 480px;
	width: 100%;
}

.decibinWrapperBits {
	height: 930px;
	margin-top: 2px;
	padding: 1px;
	min-width: 120px;
	max-width: 480px;
	width: 100%;
}

.deciData {
	width: 100%;
	padding: 10px;
	float:left;
}

.binData {
	width: 100%;
	padding: 10px;
	float: left;
}

.deciData2 {
    width: 100%;
	padding: 10px;
	float: left;
}

#KilobyteConversions, #KibibyteConversions, #MegabyteConversions, #MebibyteConversions, #GigabyteConversions, #GibibyteConversions, #TerabyteConversions, #TebibyteConversions, #PetabyteConversions, #PebibyteConversions, #KilobitConversions, #MegabitConversions, #GigabitConversions, #TerabitConversions {
	max-width: 210px;
	min-width: 100px;
	width: 100%;
}

.multiWrapper {
    min-width: 220px;
	max-width: 480px;
	width: 100%;
	padding: 3px;
}

.multiData1 {
	width: 53%;
}

.multiData2{
	width: 47%;
}

#btnMultiData {
	padding: 7px 15px;
}

.dataWrapper, .angleWrapper {
	padding: 2px;
}
 
.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable, .pressureTable, .speedTable, .powerTable, .powerTableHP, .horsePowerTableHP, .volumeTable, .volumeTableTHR {  
	      border-collapse:collapse;
		  margin-bottom: 10px;
          min-width: 150px;
		  max-width: 450px;
		  width: 100%;
}

.dataTable th, .angleTable th, .tempTable th, .weightTable th, .lengthTable th, .pressureTable th, .speedTable th, .powerTable th, .powerTableHP th, .horsePowerTableHP th, .volumeTable th, .volumeTableTHR th {
    font-size: 0.75rem;
	word-break: break-word;
}

.dataTable td, .angleTable td, .tempTable td, .weightTable td, .lengthTable td, .pressureTable td, .speedTable td, .powerTable td, .powerTableHP td, .horsePowerTableHP td, .volumeTable td, .volumeTableTHR td {
    font-size: 0.75rem;
	word-break: break-word;
}

.tableDetail th {
	font-size: 14px;
}

.tableDetail td {
	font-size: 14px;
}

.ASCIITable th {
	font-size: 14px;
}

.ASCIITable td {
	font-size: 14px;
}

#deciB, #deciKB, #deciMB, #deciGB, #deciTB, #deciPB, #binB, #binKB, #binMB, #binGB, #binTB, #binPB, #decibit, #decikbit, #deciMbit, #deciGbit, #deciTbit {
	max-width: 480px;
	min-width: 150px;
	width: 100%;
}

hr {
	max-width: 400px;
	min-width: 100px;
	width: 100%;
	float: left;
	border-top: 1px solid #000;
	margin-top: 15px;
}

.threeTabs {
	width: 100%;
}

.threeTabsTable {
	width: 100%;
}

.twoTabs {
	width: 100%;
}

.twoTabsAngle {
	width: 100%;
}

}

@media only screen and (max-width: 411.98px) {
	
/*  BMI Calculator CSS settings. */
.BMIWrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.BMIWrapper .FIRSTHALF {
    margin-left: 1px;
	box-sizing: border-box;
	flex: 1 1 100%;
}

.BMIWrapper .SECONDHALF {
    margin-left: 55px;	
	/*width: 300px; */
	/*width: 100%; */
	box-sizing: border-box;
	flex: 1 1 100%;
}

.unitClass {
      max-width: 411.6px;
	  min-width: 150px;
	  width: 100%;
}

.unitClassVolume {
      max-width: 411.6px;
	  min-width: 150px;
	  width: 100%;
}

#units, .toFromUnitWrapper {
	max-width: 360px;
	min-width: 130px;
	width: 100%;
}

#units, .toFromUnitWrapper {
	max-width: 380px;
	min-width: 146px;
	width: 100%;
}

#unitsRow {
	max-width: 360px;
    min-width: 150px;
	width: 100%;
	display: inline-block;
}

#unitsTypes {
    width: 100%;	
}

#valueOfUnit {
	max-width: 205px;
	min-width: 74px;
}

 #BMITable {
	width: 100%;
	border-collapse: collapse;
}

 #BMITable2 {
   margin-top: 0px;	
   width: 100%;
   border-collapse: collapse;
}

#Age, #PoundBMI, #CmBMI, #KgBMI, #BodyMassIndex, #BMICategory, #NormalBMI, #NormalWeight {
        /*font-size: 12px;
        padding: 6px;
        height: 38px;*/
        max-width: 100%;
    }

.btn-group {
	margin-left: 0px;
}

   .GenderBMI, .UnitBMI, .AgeBMI, .HeightBMI, .WeightBMI {
        width: auto;
    }

.w-100 {
    /*width: 189px !important; */
	width: 100%;
	max-width: 100% !important;
}

.addBMIWrapper .firstHalf #Feets, .addBMIWrapper .secondHalf #Inches {
     width: 100%;	
}

.AgeWrapper, .PoundBMIWrapper, .HeightBMIWrapper, .KgBMIWrapper, .addBMIWrapper {
    margin-left: 0px;
	/*width: 100%; */
	flex: 1 1 100%;
}

#unitsMenu {
    font-size: 12px;
	padding-bottom: 4px;
	min-width: 385px;
}

#unitsMenuon {
	font-size: 12px;
}

#unitsMenuDiv {
    min-width: 385px;
}

#unitsMenu .menuSpeed, #unitsMenu .menuPressure, #unitsMenu .menuEnergy, #unitsMenu .menuArea, #unitsMenu .menuTime {
    display: none;
}

.link-list ul li a {
	font-size: 0.85rem;
}

.navbar-brand {
    margin-left: -30px;	
}

.bg-dark .navbar-brand {
    margin-left: -10px;	
}

#content {
    overflow: auto;	
}
}


@media only screen and (min-width: 412px) and (max-width: 479.98px) {

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#sandwitch {
width: 100%;
}

#hwrap  {
	     width: 412px;
}

#search {
	    float: left;
		padding: 10px 0;	
}

#content {
		 max-width: 412px;
		 min-width: 361px;
		 margin: 10px auto;
	     background-color: #fff;
		 padding: 10px 10px 10px 10px;
		 overflow: hidden;
}

#page {
		 max-width:412px;
	     min-width: 150px;
		 width: 100%;
		 float: left;
		 /*min-height:800px; */
		 min-height: 400 px;
		 overflow: hidden;
}

label {
		font-size: 14px;
}

#page p {
	font-size: 14px;
}

#page pre, #page .exampleSteps {
	font-size: 14px;
}

#page h1 {
	 font-size: 24px;
}

#page h2 {
	 font-size: 20px;
}

#page h3 {
	 font-size: 18px;
}

#page h4 {
	 font-size: 16x;
}

.pageListing a {
	font-size: 14px;
}

.unitClass {
      max-width: 412px;
	  min-width: 380px;
	  width: 100%;
}

.unitClassVolume {
      max-width: 412px;
	  min-width: 380px;
	  width: 100%;
}

#units, .toFromUnitWrapper {
	max-width: 380px;
	min-width: 360px;
	width: 100%;
}

#unitsRow {
	width: 360px;
	display: inline-block;
}

#unitsTypes {
    width: 100%;	
}

.wrapper {
	    min-height: 160px;
		min-width: 150px;
		max-width: 412px;
		width: auto;
		margin-top; 2px
		padding: 5px;
}

/*textarea {
	font-family: Courier New;
	font-size: 14px;
	width: 150px;
	height: 100px;
	display: flex;
	resize: both;
	overflow: hidden;
}*/

#input, #output, #outputNoPadding {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.95rem;
	width: 165px;
	height: 60px;
	display: flex;
	resize: both;
	overflow: hidden;
}

#sidebar {
	     margin-top: 10px;
		 max-width: 412px;
		 min-width: 100px;
		 width: 100%;
}

#sidebarButton {
	max-width: 520px;
    min-width: 100px;
	width: 100%;
}

#btnConversions {
	    padding: 5px 35%;
}

/* Data section */
#Celsius, #Fahrenheit, #Kelvin, #Rankine, #Degree, #Radian, #Bits, #BitsBinary, #Bytes, #BytesBinary, #Nibbles, #NibblesBinary, #Kilobytes,#KilobytesBinary, #Kibibytes, #Megabytes, #MegabytesBinary, #Mebibytes, #Gigabytes, #GigabytesBinary, #Gibibytes, #Terabytes, #TerabytesBinary, #Tebibytes, #Petabytes, #PetabytesBinary, #Pebibytes, #Kilobits, #Kibibits, #Megabits, #Mebibits, #Gigabits, #Gibibits, #Terabits, #Tebibits, #Petabits, #Pebibits,  #Kilobitspersecond, #Kilobytespersecond, #Megabitspersecond, #Megabytespersecond, #Gigabitspersecond, #Gigabytespersecond
{
	max-width: 230px;
	min-width: 100px;
	width: 100%;
	font-size: 14px;
}

#Kilogram, #Microgram, #Milligram, #Gram, #Tonne, #Ounce, #Pound, #Stone, #Ton, #Kilometer, #Millimeter, #Centimeter, #Meter, #Inch, #Feet, #Yard, #Mile, #Bar, #Pascal,
 #Kilopascal, #Megapascal, #Psi, #Atm, #Torr, #mmHg, #KilometersPerHour, #MilesPerHour, #MetersPerSecond, #FeetPerSecond, #Knot, #Milliwatts, #Watts, #Kilowatts, #Megawatts, #Gigawatts, #dBm, #dBW,
 #hpE, #hpI, #hpM, #BTU, #BHP, #TonRefrigeration, #Horsepower, #Joules, #Kilojoules, #Megajoules, #Gigajoules, #Watthour, #Kilowatthour, #Megawatthour, #kBTU, #eV, #keV, #MeV, #GeV, #smallCalorie, #largeCalorie,
 #Foot-pound, #Newton-meter, #cal-th, #cal-15, #cal-20, #cal-IT, #Cal, #Calorie, #hpType, #barrelType, #gallonType, #quartType, #pintType, #cupType, #ozType, #Horsepower, #calType, #kcal, #Acre, #Hectare, #mm-square, #cm-square, #meter-square,
 #km-square, #inch-square, #ft-square, #yd-square, #mi-square, #Liter, #Milliliter, #Cubic-centimeter, #Cubic-meter, #Cubic-inch, #Cubic-foot, #Cubic-feet, #Cubic-yard, #Barrel, #Barrel-US, #Barrel-UK, #Barrel-Oil,
 #Gallon, #Gallons-US, #Gallons-UK, #Quart, #Quarts-US, #Quarts-UK, #Pint, #Pints-US, #Pints-UK, #Cup, #Cups-US, #Cups-UK, #Cups-Metric, #Ounces-US, #Ounces-UK, #tbspType, #Tablespoon, #Tablespoon-US, #Tablespoon-UK, #Tablespoon-Metric, 
 #Teaspoon, #Teaspoon-US, #Teaspoon-UK, #Teaspoon-Metric, #tspType
{
	max-width: 250px;
	min-width: 100px;
	width: 100%;
	font-size: 14px;	
}

.firstHalf #Pounds, .secondHalf #Ounces, .firstHalf #Stones, .secondHalf #Pounds, .firstHalf #Kilograms, .secondHalf #Grams, .firstHalf #Meters, .secondHalf #Centimeters, .firstHalf #Feets, .secondHalf #Inches, .secondHalf #Millimeters {
	width: 115px;
}

.addWrapper {
	display: block;
}

.addWrapper .firstHalf, .addWrapper .secondHalf {
  width: 100%;
}

.plusLabel {
	margin-bottom: 0px;
	margin-top: 0px;
}

.resultBar {
	max-width: 450px;
	min-width: 150px;
	width: 100%;
	font-size: 16px;
}

/* Multi Data*/
.decibinWrapper {
	height: 1000px;
	margin-top: 2px;
	padding: 10px;
	min-width: 290px;
	max-width: 480px;
	width: 100%;
}

.decibinWrapperBits {
	height: 930px;
	margin-top: 2px;
	padding: 10px;
	min-width: 290px;
	max-width: 480px;
	width: 100%;
}

.deciData {
	width: 100%;
	padding: 10px;
	float:left;
}

.binData {
	width: 100%;
	padding: 10px;
	float: left;
}

.deciData2 {
    width: 100%;
	padding: 10px;
	float: left;
}

#KilobyteConversions, #KibibyteConversions, #MegabyteConversions, #MebibyteConversions, #GigabyteConversions, #GibibyteConversions, #TerabyteConversions, #TebibyteConversions, #PetabyteConversions, #PebibyteConversions, #KilobitConversions, #MegabitConversions, #GigabitConversions, #TerabitConversions {
	max-width: 210px;
	min-width: 123px;
	width: 100%;
}

.multiWrapper {
    min-width: 268px;
	max-width: 480px;
	width: 100%;
}

.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable, .pressureTable, .speedTable, .powerTable, .powerTableHP, .horsePowerTableHP, .volumeTable, .volumeTableTHR {
	      border-collapse:collapse;
		  margin-bottom: 10px;
          min-width: 150px;
		  max-width: 450px;
		  width: 100%;
}

#deciB, #deciKB, #deciMB, #deciGB, #deciTB, #deciPB, #binB, #binKB, #binMB, #binGB, #binTB, #binPB, #decibit, #decikbit, #deciMbit, #deciGbit, #deciTbit {
	max-width: 480px;
	min-width: 248px;
	width: 100%;
}

hr {
	max-width: 400px;
	min-width: 250px;
	width: 100%;
	float: left;
	border-top: 1px solid #000;
	margin-top: 15px;
}

.threeTabs {
	width: 100%;
}

.threeTabsTable {
	width: 100%;
}

.twoTabs {
	width: 100%;
}

.twoTabsAngle {
	width: 100%;
}


/*  BMI Calculator CSS settings. */

.BMIWrapper {
	display: block;
}

.BMIWrapper .FIRSTHALF {
    margin-left: 8px;
}

.BMIWrapper .SECONDHALF {
    margin-left: 70px;	
	width: 300px;
}

#BMITable2 {
   margin-top: 2px;	
   width: 290px;
}

#Age {
	width: 270px;
}

#unitsMenu {
    font-size: 12px;
	padding-bottom: 5px;
}

#unitsMenuon {
	font-size: 12px;
}

#unitsMenu .menuSpeed, #unitsMenu .menuPressure, #unitsMenu .menuEnergy, #unitsMenu .menuArea, #unitsMenu .menuTime {
    display: none;
}

.link-list ul li a {
	font-size: 0.85rem;
}

.navbar-brand {
    margin-left: -30px;	
}

.bg-dark .navbar-brand {
    margin-left: -10px;	
}

}


@media screen and (min-width:480px) and (max-width:575.98px) {

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#sandwitch {
width: 100%;
}

#hwrap  {
	     width: 470px;
}

#search {
	    float: left;
		padding: 10px 0;	
}

#content {
		 max-width: 470px;
		 min-width: 413px;
		 margin: 10px auto;
	     background-color: #fff;
		 padding: 10px auto;
		 overflow: hidden;
}

#page {
	     max-width:450px;
	     min-width: 413px; 
		 width: 100%;
		 float: left;
		 /*min-height:800px; */
		 min-height: 400 px;
		 overflow: hidden;
}

#page pre, #page .exampleSteps {
	font-size: 14px;
}

.unitClass {
	  width: 450px;
}

.unitClassVolume {
	  width: 450px;
}

#unitsRow {
	width: 450px;
	display: inline-block;
}

#unitsTypes {
    width: 100%;	
}

.wrapper {
	    min-height: 160px;
		min-width: 150px;
		max-width: 480px;
		width: auto;
		margin-top; 2px
		padding: 5px;
	    display: flex;
		justify-content: space-evenly;
		gap: 2em;
}

/*textarea {
	font-family: Courier New;
	font-size: 14px;
	width: 150px;
	height: 100px;
	display: flex;
	resize: both;
	overflow: hidden;
}*/

#input, #output, #outputNoPadding {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.95rem;
	width: 175px;
	height: 60px;
	display: flex;
	resize: both;
	overflow: hidden;
}

#sidebar {
	     margin-top: 10px;
		 max-width: 450px;
		 min-width: 100px;
		 width: 100%;
}

#sidebarButton {
	max-width: 520px;
    min-width: 100px;
	width: 100%;
}

#btnConversions {
	    padding: 5px 35%;
}

/* Data section */
#Celsius, #Fahrenheit, #Kelvin, #Rankine, #Degree, #Radian, #Bits, #BitsBinary, #Bytes, #BytesBinary, #Nibbles, #NibblesBinary, #Kilobytes,#KilobytesBinary, #Kibibytes, #Megabytes, #MegabytesBinary, #Mebibytes, #Gigabytes, #GigabytesBinary, #Gibibytes, #Terabytes, #TerabytesBinary, #Tebibytes, #Petabytes, #PetabytesBinary, #Pebibytes, #Kilobits, #Kibibits, #Megabits, #Mebibits, #Gigabits, #Gibibits, #Terabits, #Tebibits, #Petabits, #Pebibits,  #Kilobitspersecond, #Kilobytespersecond, #Megabitspersecond, #Megabytespersecond, #Gigabitspersecond, #Gigabytespersecond
{
	max-width: 230px;
	min-width: 100px;
	width: 100%;
}

#Kilogram, #Microgram, #Milligram, #Gram, #Tonne, #Ounce, #Pound, #Stone, #Ton, #Kilometer, #Millimeter, #Centimeter, #Meter, #Inch, #Feet, #Yard, #Mile, #Bar, #Pascal,
 #Kilopascal, #Megapascal, #Psi, #Atm, #Torr, #mmHg, #KilometersPerHour, #MilesPerHour, #MetersPerSecond, #FeetPerSecond, #Knot, #Milliwatts, #Watts, #Kilowatts, #Megawatts, #Gigawatts, #dBm, #dBW,
 #hpE, #hpI, #hpM, #BTU, #BHP, #TonRefrigeration, #Horsepower, #Joules, #Kilojoules, #Megajoules, #Gigajoules, #Watthour, #Kilowatthour, #Megawatthour, #kBTU, #eV, #keV, #MeV, #GeV, #smallCalorie, #largeCalorie,
 #Foot-pound, #Newton-meter, #cal-th, #cal-15, #cal-20, #cal-IT, #Cal, #Calorie, #hpType, #barrelType, #gallonType, #quartType, #pintType, #cupType, #ozType, #Horsepower, #calType, #kcal, #Acre, #Hectare, #mm-square, #cm-square, #meter-square,
 #km-square, #inch-square, #ft-square, #yd-square, #mi-square, #Liter, #Milliliter, #Cubic-centimeter, #Cubic-meter, #Cubic-inch, #Cubic-foot, #Cubic-feet, #Cubic-yard, #Barrel, #Barrel-US, #Barrel-UK, #Barrel-Oil,
 #Gallon, #Gallons-US, #Gallons-UK, #Quart, #Quarts-US, #Quarts-UK, #Pint, #Pints-US, #Pints-UK, #Cup, #Cups-US, #Cups-UK, #Cups-Metric, #Ounces-US, #Ounces-UK, #tbspType, #Tablespoon, #Tablespoon-US, #Tablespoon-UK, #Tablespoon-Metric,
 #Teaspoon, #Teaspoon-US, #Teaspoon-UK, #Teaspoon-Metric, #tspType
{
	max-width: 250px;
	min-width: 100px;
	width: 100%;
}

.firstHalf #Pounds, .secondHalf #Ounces, .firstHalf #Stones, .secondHalf #Pounds, .firstHalf #Kilograms, .secondHalf #Grams, .firstHalf #Meters, .secondHalf #Centimeters, .firstHalf #Feets, .secondHalf #Inches, .secondHalf #Millimeters {
	width: 99px;
}

.addWrapper .firstHalf #Pounds, .addWrapper .secondHalf #Ounces, .addWrapper .firstHalf #Kilograms, .addWrapper .secondHalf #Grams {
	width: 90px;
}

.addWrapper #Kilograms {
max-width: 235px;
}

.kilogramWrapper .firstHalf #Kilograms, .kilogramWrapper .secondHalf #Grams {
width: 109px;	
}

.resultBar {
	max-width: 450px;
	min-width: 150px;
	width: 100%;
}

/* Multi Data*/
.decibinWrapper {
	height: 1000px;
	margin-top: 2px;
	padding: 10px;
	min-width: 290px;
	max-width: 480px;
	width: 100%;
}

.decibinWrapperBits {
	height: 800px;
	margin-top: 2px;
	padding: 10px;
	min-width: 290px;
	max-width: 480px;
	width: 100%;
}

.deciData {
	width: 100%;
	padding: 10px;
	float:left;
}

.binData {
	width: 100%;
	padding: 10px;
	float: left;
}

.deciData2 {
    width: 100%;
	padding: 10px;
	float: left;
}

#KilobyteConversions, #KibibyteConversions, #MegabyteConversions, #MebibyteConversions, #GigabyteConversions, #GibibyteConversions, #TerabyteConversions, #TebibyteConversions, #PetabyteConversions, #PebibyteConversions, #KilobitConversions, #MegabitConversions, #GigabitConversions, #TerabitConversions {
	max-width: 210px;
	min-width: 123px;
	width: 100%;
}

.multiWrapper {
    min-width: 268px;
	max-width: 480px;
	width: 100%;
}

.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable, .pressureTable, .speedTable, .powerTable, .powerTableHP, .horsePowerTableHP, .volumeTable, .volumeTableTHR {
	      border-collapse:collapse;
		  margin-bottom: 10px;
          min-width: 150px;
		  max-width: 450px;
		  width: 100%;
}

.horsePowerTableHP th {
	padding: 2px;
}

#deciB, #deciKB, #deciMB, #deciGB, #deciTB, #deciPB, #binB, #binKB, #binMB, #binGB, #binTB, #binPB, #decibit, #decikbit, #deciMbit, #deciGbit, #deciTbit {
	max-width: 480px;
	min-width: 248px;
	width: 100%;
}

hr {
	max-width: 400px;
	min-width: 250px;
	width: 100%;
	float: left;
	border-top: 1px solid #000;
	margin-top: 15px;
}

.threeTabs {
	width: 49%;
}

.threeTabsTable {
	width: 90%;
}

.twoTabs {
	width: 49%;
}

.twoTabsAngle {
	width: 100%;
}

/*  BMI Calculator CSS settings. */

.BMIWrapper {
	display: block;
}

.BMIWrapper .FIRSTHALF {
    margin-left: 30px;	
}

.BMIWrapper .SECONDHALF {
    margin-left: 108px;	
	width: 300px;
}

#BMITable2 {
 margin-top: 2px;	
 width: 100%;
}

#Age {
	width: 270px;
}

#unitsMenu {
    font-size: 12px;
	padding-bottom: 5px;
}

#unitsMenuon {
	font-size: 12px;
}

#unitsMenu .menuSpeed, #unitsMenu .menuPressure, #unitsMenu .menuEnergy, #unitsMenu .menuArea, #unitsMenu .menuTime {
    display: none;
}

.link-list ul li a {
	font-size: 0.85rem;
}

.navbar-brand {
    margin-left: -15px;	
}

.bg-dark .navbar-brand {
    margin-left: -10px;	
}

}


@media only screen and (min-width: 576px) and (max-width: 767.98px) {

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#sandwitch {
width: 100%;
}

#hwrap  {
	     width: 550px;
}

#content {
		 max-width: 550px;
		 margin: 10px auto;
	     background-color: #fff;
		 padding: 10px 10px 10px 10px;
		 overflow: auto;
}

#page {
	     width:520px;
		 float: left;
		 /*min-height:800px; */
		 min-height: 400 px;
		 overflow: auto;
}

#page pre, #page .exampleSteps {
	font-size: 14px;
}

.unitClass {
      width: 520px;
}

.unitClassVolume {
      width: 520px;
}

#unitsRow {
	width: 520px;
	display: inline-block;
}

#unitsTypes {
    width: 100%;	
}

/*textarea {
	font-family: Courier New;
	font-size: 14px;
	width: 200px;
	height: 100px;
	display: flex;
	resize: both;
	overflow: hidden;
}*/

#input, #output, #outputNoPadding {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
	font-size: 0.95rem;
	width: 200px;
	height: 60px;
	display: flex;
	resize: both;
	overflow: hidden;
}

#sidebar {
	     margin-top: 10px;
	     overflow:hidden;
		 width:535px;
}

#sidebarButton {
	width: 535px;
}

#btnConversions {
	    padding: 5px 190px 5px 190px;
}

#Celsius, #Fahrenheit, #Kelvin, #Rankine, #Degree, #Radian, #Bits, #BitsBinary, #Bytes, #BytesBinary, #Nibbles, #NibblesBinary, #Kilobytes,#KilobytesBinary, #Kibibytes, #Megabytes, #MegabytesBinary, #Mebibytes, #Gigabytes, #GigabytesBinary, #Gibibytes, #Terabytes, #TerabytesBinary, #Tebibytes, #Petabytes, #PetabytesBinary, #Pebibytes, #Kilobits, #Kibibits, #Megabits, #Mebibits, #Gigabits, #Gibibits, #Terabits, #Tebibits, #Petabits, #Pebibits,  #Kilobitspersecond, #Kilobytespersecond, #Megabitspersecond, #Megabytespersecond, #Gigabitspersecond, #Gigabytespersecond
{
	width: 230px;
	font-size: 0.95rem;
}

#Kilogram, #Microgram, #Milligram, #Gram, #Tonne, #Ounce, #Pound, #Stone, #Ton, #Kilometer, #Millimeter, #Centimeter, #Meter, #Inch, #Feet, #Yard, #Mile, #Bar, #Pascal,
 #Kilopascal, #Megapascal, #Psi, #Atm, #Torr, #mmHg, #KilometersPerHour, #MilesPerHour, #MetersPerSecond, #FeetPerSecond, #Knot, #Milliwatts, #Watts, #Kilowatts, #Megawatts, #Gigawatts, #dBm, #dBW,
 #hpE, #hpI, #hpM, #BTU, #BHP, #TonRefrigeration, #Horsepower, #Joules, #Kilojoules, #Megajoules, #Gigajoules, #Watthour, #Kilowatthour, #Megawatthour, #kBTU, #eV, #keV, #MeV, #GeV, #smallCalorie, #largeCalorie, 
 #Foot-pound, #Newton-meter, #cal-th, #cal-15, #cal-20, #cal-IT, #Cal, #Calorie, #hpType, #barrelType, #gallonType, #quartType, #pintType, #cupType, #ozType, #Horsepower, #calType, #kcal, #Acre, #Hectare, #mm-square, #cm-square, #meter-square,
 #km-square, #inch-square, #ft-square, #yd-square, #mi-square, #Liter, #Milliliter, #Cubic-centimeter, #Cubic-meter, #Cubic-inch, #Cubic-foot, #Cubic-feet, #Cubic-yard, #Barrel, #Barrel-US, #Barrel-UK, #Barrel-Oil,
 #Gallon, #Gallons-US, #Gallons-UK, #Quart, #Quarts-US, #Quarts-UK, #Pint, #Pints-US, #Pints-UK, #Cup, #Cups-US, #Cups-UK, #Cups-Metric, #Ounces-US, #Ounces-UK, #tbspType, #Tablespoon, #Tablespoon-US, #Tablespoon-UK, #Tablespoon-Metric,
 #Teaspoon, #Teaspoon-US, #Teaspoon-UK, #Teaspoon-Metric, #tspType
{
	width: 250px;
	font-size: 0.95rem;
}

.firstHalf #Pounds, .secondHalf #Ounces, .firstHalf #Stones, .secondHalf #Pounds, .firstHalf #Kilograms, .secondHalf #Grams, .firstHalf #Meters, .secondHalf #Centimeters, .firstHalf #Feets, .secondHalf #Inches, .secondHalf #Millimeters {
	width: 115px;
	font-size: 0.95rem;
}

/* Data section */
.resultBar {
	width: 520px;
}

/* Deci Binary Multi Data */
.decibinWrapper {
	height: 1000px;
	margin-top: 2px;
	padding: 10px;
}

.decibinWrapperBits {
	height: 800px;
	margin-top: 2px;
	padding: 10px;
}

.deciData {
	width: 100%;
	padding: 10px;
	float:left;
}

.binData {
	width: 100%;
	padding: 10px;
	float: left;
}

.deciData2 {
	width: 100%;
	padding: 10px;
	float: left;
}

/* dataTable */
.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable, .pressureTable, .speedTable, .powerTable, .powerTableHP, .horsePowerTableHP, .volumeTable, .volumeTableTHR {
	width: 520px;
}

#KilobyteConversions, #KibibyteConversions, #MegabyteConversions, #MebibyteConversions, #GigabyteConversions, #GibibyteConversions, #TerabyteConversions, #TebibyteConversions, #PetabyteConversions, #PebibyteConversions,#KilobitConversions, #MegabitConversions, #GigabitConversions, #TerabitConversions {
	width: 250px;
}

.threeTabs {
	width: 49%;
}

.threeTabsTable {
	width: 90%;
}


/*  BMI Calculator CSS settings. */

.BMIWrapper {
	display: block;
}

.BMIWrapper .FIRSTHALF {
    margin-left: 50px;	
}

.BMIWrapper .SECONDHALF {
    margin-left: 127px;	
	width: 300px;
}

#BMITable2 {
 margin-top: 2px;	
 width: 100%;
}

#Age {
	width: 270px;
}

#unitsMenu {
    font-size: 14px;
	padding-bottom: 7px;
}

#unitsMenuon {
	font-size: 14px;
}

#unitsMenu .menuSpeed, #unitsMenu .menuPressure, #unitsMenu .menuEnergy, #unitsMenu .menuArea, #unitsMenu .menuTime {
    display: none;
}

.link-list ul li a {
	font-size: 0.9rem;
}

.navbar-brand {
    margin-left: -20px;	
}

.bg-dark .navbar-brand {
    margin-left: -10px;	
}

.twoTabsAngle {
	width: 100%;
}
}

@media only screen and (min-width:768px) and (max-width:991.98px) {

/* Your styles */
	
.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

#sandwitch {
width: 100%;
}

#hwrap  {
	     width: 740px;
}

#content {
		 max-width: 740px;
		 margin: 10px auto;
	     background-color: #fff;
		 padding: 5px 5px 5px 5px;
		 overflow: auto;
}

#page {
	     width:725px;
		 float: left;
		 /*min-height:800px; */
		 min-height: 400 px;
		 overflow: auto;
}

#page pre, #page .exampleSteps {
	font-size: 14px;
}

#sidebar {
	     margin-top: 10px;
	     overflow:hidden;
		 width:730px;
}

#btnConversions {
	    padding: 5px 280px 5px 280px;
}

#sidebarButton {
	width: 730px;
}

/* MultiData */
.decibinWrapper {
	height: 1000px;
	margin-top: 2px;
	padding: 10px;
}

.decibinWrapperBits {
	height: 800px;
	margin-top: 2px;
	padding: 10px;
}

.deciData {
	width: 100%;
	padding: 10px;
	float:left;
}

.binData {
	width: 100%;
	padding: 10px;
	float: left;
}

.deciData2 {
	width: 100%;
	padding: 10px;
	float: left;
}

/* dataTable */
.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable, .pressureTable, .speedTable, .powerTable, .powerTableHP, .horsePowerTableHP, .volumeTable, .volumeTableTHR {
	width: 710px;
}

.threeTabsTable {
	width: 49%;
}

#unitsMenu .menuEnergy, #unitsMenu .menuArea, #unitsMenu .menuTime {
    display: none;
}

.navbar-brand {
    margin-left: -30px;	
}

.bg-dark .navbar-brand {
    margin-left: -10px;	
}

.addWrapper1 {
    margin-top: 2px;
    padding: 10px;
    justify-content: space-between;
	display: flex;
    gap: 0.6em;
}

.addWrapper1 .halfOne {
	width: 365px;
}

.addWrapper1 .halfTwo {
	width: 340px;
}

.addWrapper2 {
    margin-top: 10px;
}

}

@media only screen and (min-width: 992px) and (max-width: 1199.98px)
{
	
/* Your Styles... */
.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

#sandwitch {
width: 100%;
}

#hwrap  {
	     width: 970px;
}

#content {
	     box-shadow: 0 0 10px #b0b8c5;
		 max-width: 970px;
		 margin: 10px auto;
	     background-color: #fff;
		 padding: 6px 6px 6px 6px;
		 overflow: auto;
}

#page {
	     width:647px;
		 float: left;
		 /*min-height:800px;*/
		 min-height: 400px;
		 overflow: auto;
}

#page pre, #page .exampleSteps {
	font-size: 0.92rem;
}


#sidebar {
	     width: 306px;
	     margin-top: 10px;
	     overflow:hidden;
}

#accordion {
	margin-left: 10px;
	width: 280px;
}

#sidebarButton {
	margin-left: 10px;
	width: 280px;
}

.unitClass {
      width: 647px;
}

.unitClassVolume {
	  width: 647px;
}

#unitsRow {
	width: 647px;
}

#deciB, #deciKB, #deciMB, #deciGB, #deciTB, #deciPB, #binB, #binKB, #binMB, #binGB, #binTB, #binPB, #decibit, #decikbit, #deciMbit, #deciGbit, #deciTbit {
	width: 280px;
}

hr {
 width: 280px;	
}

/* Data section */

/*textarea {
	width: 270px;
}*/

#input, #output, #outputNoPadding {
	width: 270px;
}

.resultBar {
	width: 647px;
}

.deciData {
	width: 48%;
	display: inline-block;
	padding: 10px;
}

.binData {
	width: 48%;
	display: inline-block;
	float: right;
	padding: 10px;
}

.deciData2 {
	width: 48%;
	display: inline-block;
	float: right;
	padding: 10px;
}

/* dataTable */
.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable, .pressureTable, .speedTable, .powerTable, .powerTableHP, .horsePowerTableHP, .volumeTable, .volumeTableTHR {
	width: 647px;
}

.tableDetail th {
   padding: 4px;	
}

.ASCIITable th {
  padding: 4px;	
}

.horsePowerTableHP th, .horsePowerTableHP td {
	font-size: 0.91rem;
}

.threeTabsTable {
	width: 49%;
}

#unitsMenu .menuTime {
    display: none;
}

#mainSidebar {
    display: none;	
}

.col-md {
    max-width: 30%;	
}

.navbar-brand {
    margin-left: -40px;	
}

.bg-dark .navbar-brand {
    margin-left: -10px;	
}

.twoTabsAngle .angleTable tbody td { 
    font-size: 14px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1439.98px)
{ 

/* Your Styles... */
.col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#sandwitch {
width: 100%;
}

#hwrap  {
	     width: 1150px;
}

#content {
	     box-shadow: 0 0 10px #b0b8c5;
		 max-width: 1150px;
		 margin: 10px auto;
	     background-color: #fff;
		 padding: 10px 10px 10px 10px;
		 overflow: auto;
}


#page {
	     width:815px;
		 float: left;
		 /*min-height:800px; */
		 min-height: 400 px;
		 overflow: auto;
}

.unitClass {
      width: 815px;
}

.unitClassVolume {
    width: 815px;	
}

#unitsRow {
	width: 815px;
}

#page pre, #page .exampleSteps {
	font-size: 0.92rem;
}


#sidebar {
	     width: 310px;
		 display: inline-block;
}

#accordion {
	margin-left: 10px;
	width: 300px;
}

#sidebarButton {
	margin-left: 10px;
	width: 300px;
}

/* Data section */
.resultBar {
	width: 815px;
}

/*  Multi Data */
.deciData {
	width: 48%;
	display: inline-block;
	padding: 10px;
}

.binData {
	width: 48%;
	display: inline-block;
	float: right;
	padding: 10px;
}

.deciData2 {
	width: 48%;
	display: inline-block;
	float: right;
	padding: 10px;
}

.threeTabsTable {
	width: 49%;
}

/* dataTable */
.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable, .pressureTable, .speedTable, .powerTable, .powerTableHP, .horsePowerTableHP, .volumeTable, .volumeTableTHR {
	width: 815px;
}

#KilobyteConversions, #KibibyteConversions, #MegabyteConversions, #MebibyteConversions, #GigabyteConversions, #GibibyteConversions, #TerabyteConversions, #TebibyteConversions, #PetabyteConversions, #PebibyteConversions, #KilobitConversions, #MegabitConversions, #GigabitConversions, #TerabitConversions {
	width: 400px;
}

.BMIWrapper .FIRSTHALF, .BMIWrapper .SECONDHALF {
	   margin-left: 50px;
}

#mainSidebar {
    display: none;	
}

.col-md {
    max-width: 20%;	
}

.navbar-brand {
    margin-left: -50px;	
}

.bg-dark .navbar-brand {
    margin-left: -10px;	
}

}


@media only screen and (min-width: 1440px)
{ 
/* Your Styles... */ 
#content {
	     box-shadow: 0 0 10px #b0b8c5;
		 max-width: 1390px;
		 margin: 10px auto;
	     background-color: #fff;
		 padding: 10px 10px 10px 10px;
		 overflow: auto;
}

.col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.navbar-light {
    margin-left: -120px;	
}

.navbar-expand-lg > .container {
    flex-flow: row nowrap;
    margin-left: auto;
    margin-right: auto;	
}

.bg-dark {
	margin-left: -250px;
}

.bg-dark .container {
    margin-left: auto;	
}


#page {
	     width:1055px;
		 float: left;
		 /*min-height:800px; */
		 min-height: 400 px;
		 overflow: auto;
}

#page pre, #page .exampleSteps {
	font-size: 0.92rem;
}

#page p {
	     margin: 10px 0;
}

#sidebar {
	       width: 310px;
		   display: inline-block;
}

.unitClass {
      width: 1055px;
}

.unitClassVolume {
    width: 1055px;	
}

#unitsRow {
	width: 1055px;
}


#accordion {
	margin-left: 10px;
	width: 300px;
}

#sidebarButton {
	margin-left: 10px;
	width: 300px;
}

.sidebarTxt {
	font-size: 1rem;
}

/* Data section */
.resultBar {
	width: 1055px;
}

/* Multi-Data */

.deciData {
	width: 48%;
	display: inline-block;
	padding: 10px;
}

.binData {
	width: 48%;
	display: inline-block;
	float: right;
	padding: 10px;
}

.deciData2 {
	width: 48%;
	display: inline-block;
	float: right;
	padding: 10px;
}

/* dataTable */
.dataTable, .angleTable, .tempTable, .weightTable, .lengthTable, .pressureTable, .speedTable, .powerTable, .powerTableHP, .horsePowerTableHP, .volumeTable, .volumeTableTHR {
	width: 1055px;
}

#KilobyteConversions, #KibibyteConversions, #MegabyteConversions, #MebibyteConversions, #GigabyteConversions, #GibibyteConversions, #TerabyteConversions, #TebibyteConversions, #PetabyteConversions, #PebibyteConversions, #KilobitConversions, #MegabitConversions, #GigabitConversions, #TerabitConversions {
	width: 500px;
}

.threeTabs {
	width: 31%;
}

.BMIWrapper .FIRSTHALF, .BMIWrapper .SECONDHALF {
	   margin-left: 60px;
}

#mainSidebar {
    display: none;	
}

.col-md {
    max-width: 20%;	
}

.navbar-brand {
    margin-left: -99px;	
}

.bg-dark .navbar-brand {
    margin-left: -10px;	
}

}