@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: Agency FB;
	src: url(01182_AgencyFB.ttf);
}

@font-face{
	font-family: TW Cen MT;
	src:url(Tw Cen MT.ttf);
}

.head{ width:auto;
height:auto;
background-color:#FFFFFF;
}

.mainlogo{
    margin-left: 10px;
}

@media screen and (max-width:710px){
    .mainlogo{
        margin-left: 20px;
    }
}
/* for links */

A.reporterror {color:black;}
A.reporterror:link  {text-decoration: none; color:black;}
A.reporterror:visited {text-decoration: none; color: black;}
A.reporterror:hover {text-decoration: none; color: white;}
A.reporterror:active {text-decoration: none; color: white;}

/*close links*/

/*definition menubar */

    #Definition {
            width: auto;
            height: auto;
        }   
             
	   
    #Calculators {
            width:100%;
            height: auto;
            margin:auto;
margin-bottom: 20px;
        font-family:Agency FB;
        font-size:16px;
        font-weight:bold;
        }
        
    #Moreinfo {
            height: auto;
            margin: auto;
            background-color: white;
        }
        
        #Relatedtopics {
          height: auto;
            width: auto;
            margin: auto;
            background-color: white;
        }

#Calculator{
    width:auto;
    height: auto;
    margin: auto;
}

/* main menu bar*/

body {margin:0;}
ul.respond1 {
list-style-type: none;
 margin: auto;
margin-left:0;
 padding: 5px;
 overflow: hidden;
 background-color: #468C32;
}

ul.respond1 li {float: left;}

ul.respond1 li a {
  display: inline-block;
margin-left: 10px;
  color: #FFFFFF;
  text-align: center;
  padding: 6px 10px;
  text-decoration: none;
  transition: 0.5s;
  font-size: 17px;
}

ul.respond1 li a:hover {background-color:none ;}

ul.respond1 li.icon {display: none;}

@media screen and (max-width:710px) {
  ul.respond1 li:not(:first-child) {display: none;}
  ul.respond1 li.icon {
    float: left;
    display: inline-block;
  }
}

@media screen and (max-width:710px) {
  ul.respond1.responsive1 {position: relative;}
  ul.respond1.responsive1 li.icon {
    position: sticky;
    right: 0;
    top: 0;
  }
  ul.respond1.responsive1 li {
    float: none;
    display: inline;
  }
  ul.respond1.responsive1 li a {
    display: block;
    text-align:left;
  }
}
/* close main menubar*/

/* for body heading search for normal screen */
	
	.headnav {align-content: center;
	width: 25px;
		height: 15px;
		margin-right: 2%;
		margin-top: 20px;
        font-size: 11px;
		float: right;
	line-height: 05px;
        color: black;
        display: block;
	}
	


	.headnav2 {align-content: center;
	width: 25px;
		height: 15px;
        display: block;
		margin-right: 5%;
		margin-top: 20px;
        font-size: 11px;
		float: right;
	line-height: 05px;
        text-decoration: none;
        color: black;
	}
.headnav2:hover {
    color: green;
    text-decoration: none;
}
.headnav:hover{
    color: green;
    text-decoration: none;
}
	
	.headnav1 {align-content: center;
		height: 15px;
		margin-right: 6px;
		margin-top: 10px;
		align-items:flex-end;
		float: right;
	   line-height: 10px;
	}

	/*moblie version for haeding and seacrh bar*/
	@media only screen and (max-width: 680px) {

    .headnav {
        margin: 1.0121457489878542510121457489879%;
        padding: 1.0121457489878542510121457489879%;
        visibility:hidden;
        display:none;
		
    }
                    
                      .headnav1 {
        margin: 1.0121457489878542510121457489879%;
        padding: 1.0121457489878542510121457489879%;
        visibility:hidden;
        display:none;
                    }

	
        .headnav2 {
              margin: 1.0121457489878542510121457489879%;
        padding: 1.0121457489878542510121457489879%;
        visibility:hidden;
        display:none;
        }
        
	}
	
.enter{
    margin: 20%;
}

.hello-result{
    font-size: 20px;
    text-align: right;
    margin: auto;
}

.add-result{
    font-size: 20px;
}

.left-tbl{
	margin-left:60%;
}

.text-result{
    background-color:white; 
    text-align:center; 
    height:30px; 
    border:#468c32 solid 2px;
    padding-left: 5px;
    width: 220px;
    margin-left: 10px;
}

@media screen and  (max-width:680px){
    .enter{
        margin: 0%;
    }
	
	.left-tbl{
		margin-left:0;
	}
		
}

 .calculate-button{
            width: 230px;
            height: 35px;
            background-color: orange;
            color: white;
            border: white solid 1px;
        }
        
        .calculate-button:hover{
            color: black;
            background-color: #ff8000;
            height: 35px;
			border:#ff8000 solid 2px;
           
        }
        
        .clear-button:hover{
            color: black;
            border: #Ff8000 solid 2px;
            background-color: #ff8000;
            height: 35px;
        }
        
        .clear-button{
            width: 120px;
            height: 35px;
            background-color: orange;
           border: white solid 1px;
     color: white;
        }
        

    
    
    .hello{
        text-align: right;   
    }

.example{
	font-weight: bold;
	font-size: 18px;
}

.overline{
	text-decoration: overline;
}

        .text{
        width: 220px;
        height: 20px;
        margin-left: 10px;
        border: #468c32 solid 1px;
        background-color: white;
        padding-left: 5px;
    }

.text-add{
    width: auto;
    height: auto;
    margin-left: 10px;
}

.text-adds{
    width: 200px;
    height: 20px;
    margin-left: 10px;
    border: #468c32 solid 1px;
    background-color: white;
    padding-left: 5px;
}

.text-adds:hover{
    border: #468c32 solid 2px;
}

.text-adds:focus{
    border: #468c32 solid 2px;
}

.text:hover{
    border: #468c32 solid 2px;
}

.text:focus{
    border: #468c32 solid 2px;
}

.inner-text{
    width:40px; 
    height:25px; 
    text-align:center; 
    background-color:white;
}

    @media screen and (max-width:680px){
        .text{
            width: 220px;
            height: 20px;
            margin-left: 0px;
                }
        
        .text-adds{
            width: 130px;
            height: 20px;
            margin-left: 0px;
        }
        
        .text-result{
            margin-left: 0;
			width:250px;
        }
        
        .hello{
            text-align: left;
        }
        
        .calculate-button{
            width: 130px;
        }
        
        .clear-button{
            width: 70px;
        }
        .hello-result{
            text-align: left;
            margin: auto;
        }
        
       
    }
    
  
        .alldata{
            font-family: TW Cen MT;
            font-weight:500;
            color: black;
            font-size: 18px;
            margin-top: 0;
            height:auto;
			margin: auto;
            margin-bottom: 10px;
            line-height: 120%;
        }
    
.body-adj{align-content: center;
	width: 80%;
	height: 100%;
	padding: 2px;
	margin: auto;    
	}
        
        .footer {
            width: auto;
            height: 100px;
            margin: auto;
            background-color: rgb(50,50,50);
        }   
		
           
         
                    body {
      position: relative; 
  }
  .affix {
      top:0;
      width: 100%;
      z-index: 9999 !important;
    
  }
  .navbar {
      margin-bottom: 0px;

  }

  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }


.searchme1{
    width: 350px;
    height: 25px;
    float: right;
    margin-right: 0px;
    margin-top: 5px;
    border: #000000 solid 2px;
    font-family: Segoe UI;
    font-weight: 500;
}

.searchme2{
    width: 40px;
    height: 25px;
    float: right;
    margin-right: 0px;
    margin-top: 5px;
	line-height: 0px;
	background-color: #468c32;
	border: #468c32 solid 1px;
	
}

.searchme2:hover{
	color: black;
}
.searchme1:focus{
    border: #000000 solid 3px;
}

@media screen and (max-width:680px){
    .searchme1{
        width: 60%;
    }
	
}

.text-select{
    width: 200px;
    height: 25px;
    border: #468c32 solid 1px;
    background-color: white;
    padding-left: 5px;
}

.text-select:hover{
    border: #468c32 solid 2px;
}

.text-select:focus{
    border: #468c32 solid 2px;
}

 @media screen and (max-width:680px){
     .text-select{
            width: 140px;
            height: 25px;
	 }
}

 .st-text{
            width: 70px;
            text-align: center;
            border: #000000 solid 1px;
        }
        
        .nd-text{
            width: 70px;
            text-align: right;
            border: #000000 solid 1px;
			padding-right: 15px;
        }
.rd-text{
    width: 70px;
    text-align: right;
    border: #000000 solid 1px;
	padding-right: 15px;
}

.hello-tbl{
	margin-bottom:20px;
    float: right;
    
}

.move-right{
            margin-right: 75px;
        }

.move-right1{
    margin-right: 10px;
}

.button-inner{
        background-color: white;
           border-color: green;
		   width:200px;
       }
	   
	   .button-inner-st{
		   background-color:rgb(230,230,230);
		   border-color:green;
		   width:200px;
	   }
	   .click-btn{
		   background-color: rgb(235,235,235);
		   width:180px;
		   height:30px; 
		   border:rgb(166,200,255) solid 2px;
	   }
	   
	    .remove-btn{
		   background-color: rgb(235,235,235);
		   width:130px;
		   height:30px; 
		   border:rgb(166,200,255) solid 2px;
	   }

@media screen and (max-width:680px){
    
	.click-btn{
		width:220px;
		margin:auto;
	}
	
	.remove-btn{
		width:220px;
		margin:auto;
	}
	
	.hello-tbl{
	float:left;
    margin-bottom:20px;
		}
    
    .move-right{
            margin-right: 0px;
        }
    
    .move-right1{
        margin-right: 0px;
    }
    
    .button-inner{
        width: 260px;
    }
	.button-inner-st{
		width: 260px;
	}
}

.menu-bar-home{
    font-family: Trebuchet MS;
    font-weight: bold;

}

.menu-bar-menu{
    font-family: Trebuchet MS;
    font-weight: 900;
    font-size: 13px;
    font-style: italic;
    color: white;

}


.Whatstrigno{
    width: 80%;
    height: auto;
    margin: auto;
}


.trigno{
    width: 80%;
    text-align: center;
    margin: auto;
    font-size: 24px;
    font-family: Trebuchet MS;
    font-weight: bold;
}

.trignosource-st{
    width: 80%;
    height: auto;
    margin: auto;
    text-align: center;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 20px;
}

.cal-image{
    width:120px;
    height:130px;
    margin-top: 10px;
}

.explore{
    width: 100%;
    margin: auto;
    text-align: center;
}

.margin-auto{
    background-color: rgb(249,198,33);
}

.margin-auto1{
    background-color: rgb(182,64,50);
}

.text-align{
    float: left;
}

.trignosource-nd{
    width: auto;
    font-family: Trebuchet MS;
    font-weight: bold;
    text-align: left;
    font-size:  15px;
}

.trignosource-rd{
    width: auto;
    font-family: Trebuchet MS;
    font-weight: bold;
    text-align: center;
    font-size:  15px;
}

.trignosource-th{
    width: auto;
    font-family: Trebuchet MS;
    font-weight: bold;
    text-align: right;
    font-size:  15px;
}

.calpic{
    width: 160px;
}

.calpic1{
    width: 160px;
}

.in-more{
    width: 80%;
    font-size: 18px;
    font-family: Trebuchet MS;
    font-weight: 900;
    margin: auto;
    text-align: center;
}

.trigno-color{
    background-color: #F5FFCB;
    margin-top: -20px;
}

.bulb-img{
    width: 180px;
    height: 200px;
    margin: auto;
}

.trignosource-cal{
    font-family: Trebuchet MS;
    font-size: 20px;
}

.img-center{
    margin: auto;
    width: 80%;
    text-align:  center;
}

.trigno123{
    margin: auto;
    text-align: center;
	font-family: Trebuchet MS;
    font-size: 20px;
}

.here{
    background-color: rgb(255,255,128);
    width: auto;
    height: 50%;
    
    
}

.here2{
    background-color: rgb(255,204,153);
    width: auto;
    height: 50%;  
    
}

.right-left{
    background-color: aqua;
    height: auto
}

.right-topics{
    width: 100%;
    height: auto;
    background-color: white;
}

.left-topics{
    width: 100%;
    height: auto;
    background-color: white;
}

.stats{
    font-family: Trebuchet MS;
    font-weight: 900;
    margin: auto;
    font-size: 20px;
}

.color-yellow{
	background-color:rgb(255,255,0);
	font-weight: bold;
	font-size: 45px;
	font-family:Trebuchet MS;
	margin-left: 0px;
}

.center-align{
    text-align: center;
    text-decoration: none;
    color: blue;
    font-family: TW Cen MT;
    font-size: 18px;
}

.center-align:hover{
    text-decoration: none;
}

.color-lightgreen{
	background-color: rgb(100,220,0);
	font-weight: bold;
	font-size: 45px;
	font-family:Trebuchet MS;
	margin-left: 0px;
}

.color-orange{
	background-color: rgb(255,153,0);;
	font-weight: bold;
	font-size: 45px;
	font-family:Trebuchet MS;
	margin-left: 0px;
}

.color-red{
	background-color: rgb(153,0,0);
	font-weight: bold;
	font-size: 45px;
	font-family:Trebuchet MS;
	margin-left: 0px;
}

.yellow{
	margin-left: 15%;
}

.green{
	margin-left: 30%;
}

.orange{
	margin-left: 52%;
}

.red{
	margin-left: 70%;
	color: white;
}

.stats-right{
    float: left;
    width: 50%;
}

@media screen and (max-width:680px){
      .calpic1{
    width: 100px;
    visibility: hidden;
    display: none;
}
    .stats-right{
    float: left;
    width: 100%;
}
    .calpic{
        width: 120px;
    }
	
	
}

@media screen and (max-width:1300px){
	.yellow{
	margin-left: 10%;
	font-size: 35px;
}

.green{
	margin-left: 20%;
	font-size: 35px;
}

.orange{
	margin-left: 30%;
	font-size: 35px;
}

.red{
	margin-left: 40%;
	font-size: 35px;
	color: white;
}
}

@media screen and (max-width:550px){
	.yellow{
	margin-left: 12%;
	font-size: 30px;
}

.green{
	margin-left: 4%;
	font-size: 30px;
}

.orange{
	margin-left: 4%;
	font-size: 30px;
}

.red{
	margin-left: 4%;
	font-size: 30px;
	color: white;
}
}

.image-hidden1{
    visibility: hidden;
    display: none;
}

@media screen and (max-width:700px){
    .image-hidden{
        visibility: hidden;
        display: none;
    }
    
    .image-hidden1{
        visibility: visible;
    display: block;
    }
}

 .footer-sub{
            text-align: center;
            color: rgb(235,235,235);
            font-family: TW Cen MT;
        }
        
        .footnav2{
            font-size: 18px;
        }

.a-link{
    color: white;
}

.a-link:hover{
    color: white;
}

.image-formula{
	width: 400px;
	height: auto;
}


	.image-formula-ex-ex{
	width: 500px;
	height: auto;
	}

.image-formula-mb-lg{
		width: 350px;
		height: auto;
	}

.image-formula-small{
	width:110px;
	height:auto;
}

.image-formula-small-mb{
	width: 90px;
	height: auto;
}

.image-formula-medium{
	width:150px;
	height:auto;
}

.image-formula-medium-mb{
	width:180px;
	height:auto;
}

.image-formula-mb{
	width: 300px;
	height: auto;
}

.image-formula-lg{
	width: 250px;
	height: auto;
}

.image-formula-ex{
	width: 500px;
	height: auto;
}

.image-formula-small-mb-mb{
	width: 50px;
	height: 50px;
}

.image-formula-medium-mb-mb{
	width:150px;
	height:auto;
}

.image-table-mb{
	width: 350px;
	height: auto;
}

.image-formula-lg-mb{
	width: 190px;
	height: auto;
}

@media screen and (max-width:500px){
	.image-formula{
		width: 280px;
		height: 130px;
	}
	
	
	.image-formula-ex-ex{
	width: 280px;
	height: 130px;
	}
	
	
.image-table-mb{
	width: 280px;
	height: auto;
}
	
	.image-formula-small-mb-mb{
		width: 35px;
		height: 35px;
	}
	
.image-formula-ex{
	width: 290px;
	height: auto;
}
	
	.image-formula-lg{
	width: 220px;
	height: auto;
}

	.image-formula-lg-mb{
	width: 180px;
	height: auto;
}
	
	.image-formula-mb{
	width: 250px;
	height: auto;
}

	.image-formula-small-mb{
	width: 70px;
	height: auto;

	}
.image-formula-small{
	width:90px;
	height:auto;
}

.image-formula-medium{
	width:110px;
	height:auto;
}
	
	.image-formula-medium-mb-mb{
	width:150px;
	height:auto;
}
	
.image-formula-medium-mb{
	width:150px;
	height:auto;
}
	
	.image-formula-mb-lg{
		width: 270px;
		height: auto;
	}
}

	.image-formula-small-mb-lg{
	width: 60px;
	height: auto;

	}

.footer-color{
	color: white;
	text-decoration: none;
}

.footer-color:hover{
	color: white;
}

.sukruth{
	height: auto;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 35px;
width:600px;
margin:auto;
background-color:white;

}



.move-tag{
margin-left:20%;
}

.move-tag1{	
margin-left:30%;
}
.suhas{
	height: auto;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 30px;
width:600px;
margin:auto;
background-color:white;

}

.owner{font-size:20px;
						margin-left: 60%;
			}
					
					.cofounder{
						font-size: 15px;
						margin-left: 60%;
					}
					
					@media screen and (max-width:600px){
						.owner{
						font-size:20px;
						margin-left: 15%;
					}
					
					.cofounder{
						font-size: 15px;
						margin-left: 15%;
					}
						
						.move-tag{
							margin-left: 0%;
						}
						
						
						.move-tag1{
							margin-left: 0%;
						}
						
						.sukruth{
							width: 300px;
						}
						
						.suhas {
							width: 300px;
						}
						
						
						
					
					}

.formula{
	font-weight:bold;
}
.mathjax{
    font-size: 18px;
    color: black;
}