.exp{
		position: absolute;
		top: 0em;
		left:0em;
		width:84em;
		height:66em;
		border:5px;
		border-style:groove;
		background-color:white;
	}
	.button {
		margin:auto;
		display:block;
	}
	.font {
		font-size:15px;
	}
	.top{
		height:400px;
		width:400px;
		position:absolute;
		top:90;
		left:0;
		font-size:20px;
	}

.graph{
    width:400px;
    height:500px;
    position:absolute;
    top:500;
    left:50;
    z-index:10;
}
#axis{
    z-index:11;
    width:2.05em;
    height:328px;
    background-color:white;
    position: absolute;
    top:36.39em;
    left:3.23em;
}
#gp{
    border:1px solid black;
    margin-top: 10px;
}
	.calc{
		position:absolute;
		right:72px;
		top:350px;
	}
	.no-js #loader { display: none;  }
	.js #loader { display: block; position: absolute; left: 100px; top: 0; }
	#se-pre-con {
		position: fixed;
		left: 0px;
		background-color:white;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		text-align:center;
	} 
.ft{
    position: absolute;
    top:19.6em;
    left:1.2em;
    font-size: 15;
    font-weight: 600;
}
.snd{
    position: absolute;
    top:12em;
    left:0.1em;
    font-size:13;
    font-weight: 600;
}
.thrd{
    position: absolute;
    top:7em;
    font-size: 12;
    font-weight: 600;
}
.frth{
    position: absolute;
    top:1.8em;
    left:0.8em;
    font-weight: 600;
}
.fith{
    position: absolute;
    left:0.7em;
    font-size: 15;
    font-weight: 600;
}
.yaxis{
    position:absolute;
    top:20em;
    left:20em;
}
.scale{
    position: absolute;
    left:13em;
    top:-2em;
    width:11em;
    font-weight: 450;
    border:1px solid black;
}
	.load{
		top: 50%;
    position: absolute;
	font-family:cursive;
	font-size:1.3em;
    left: 50%;
    transform: translate(-50%, -50%);
}
	
        /* toggle in label designing */
        .toggle {
            position : relative ;
            display : inline-block;
            width : 50px;
            height : 20px;
			top:7px;
            background-color: red;
            border-radius: 30px;
            border: 2px solid gray;
        }
                
        /* After slide changes */
        .toggle:after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: white;
            top: 0.3px; 
            left: 0px;
            transition:  all 0.5s;
        }
      
        /* Checkbox cheked effect */
        .checkbox:checked + .toggle::after {
            left : 29px; 
        }
                
        /* Checkbox cheked toggle label bg color */
        .checkbox:checked + .toggle {
            background-color: #044ca3;
        }
                
        /* Checkbox vanished */
        .checkbox { 
            display : none;
        }
	.modal {
		display: none;
		position: fixed;
		z-index: 11;
		padding-top: 100px;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%; 
		overflow: auto;
		background-color: rgb(0,0,0); 
		background-color: rgba(0,0,0,0.4);
	}
	.modal-content {
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
		width: 80%;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		-webkit-animation-name: animatetop;
		-webkit-animation-duration: 0.4s;
		animation-name: animatetop;
		animation-duration: 0.4s
	}
	@-webkit-keyframes animatetop {
		from {top:-300px; opacity:0} 
		to {top:0; opacity:1}
	}
	@keyframes animatetop {
		from {top:-300px; opacity:0}
		to {top:0; opacity:1}
	}
	.close {
		color: #ffffff;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}
	.close:hover,
	.close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}
	.modal-header {
		padding: 2px 16px;
		background-color: #044ca3;
		color: white;
	}
	.modal-body {padding: 2px 16px;}
	.modal-footer {
		padding: 2px 16px;
		background-color: #044ca3;
		color: white;
	}