/*________General Aspects_______*/
	*{
		margin:0px;
		padding:0px;
		left: 0px;
		right:0px;
		text-align:center;
		font-family:verdana sans-serif;
		/*font-size:14px;*/
		color:black;
		border:none;
		outline:none;
		list-style:none;
		background:none;
		text-decoration: none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

/*___navigation buttons______*/
	button[class ="navi_btn"]{
		width:10.8vw;
		height:55px;
		font-size:2.1vw;
		color:orange;
		font-family:impact;
		text-transform:uppercase;
		background:rgba(0,0,0,0.5);
		cursor:pointer;
		border-radius:5px;
		border:solid 1px lightgreen;
	}
	button[class ="navi_btn"]:hover{
		background:linear-gradient(transparent, rgba(0,0,0,0.5));
		color:lightgreen;
		border:solid 1px orange;
	}
	button[class ="navi_btn"]:active{
	  background:linear-gradient(transparent, white);
	  color:red;
	  border:solid 1px yellow;
	  box-shadow:2px 3px 5px black inset;
	}
	button[class ="navi_btn"]:hover i{
	     color:lightgreen;
	}
	button[class ="navi_btn"]:active i{
	     color:red;
	}
	button[class ="navi_btn"] i{
	     color:orange;
	}

/*_____Generals Aspects Of forms______*/
     input[class="fm_inputs"]{
        background:rgba(0,0,0,0.5);width:368px;height:60px;border:1px solid black;font-size:18px;color:white;
        font-family:verdana;border-radius:5px;
     }
     input[class="fm_inputs"]:focus{
       background:aqua;color:black;
     }
     input[class="fm_inputs"]::placeholder{
        color:orange;
     }
     button[class="btn_fm"]{
       background:dodgerblue;width:250px;height:50px;color:white;font-size:18px;box-shadow:2px 3px 5px black;
       font-size:18px;font-family:arial black;border-radius:5px;cursor:pointer;
     }
     button[class="btn_fm"]:hover{
        background:skyblue;color:blue;text-shadow:2px 1px 5px white;
     }
     button[class="btn_fm"]:active{
        background:transparent;color:yellow;text-shadow:2px 1px 5px red;box-shadow:2px 3px 5px black inset;
     }

/*_____the table veiw____*/
	   div[class ="table"]{
	     margin:auto;
	     padding:auto;
	     width:100%;
	     height:auto;
	     border-radius:0px;
	     /*border:1.5px solid white;*/
	     display:table;
	     background:none;
	   }
	   div[class ="colum"]{
	       display:table-row;
	       margin:auto;
	       padding:auto;
	       height:auto;
	       width:100%;
	       background:none;
	   }
	   div[class ="cells"]{
	      margin:auto;
	      padding:auto;
	      padding:8px;
	      display:table-cell;
	      background:none;
	   }

body{
	background:silver;
}
div[class ="wb_body"]{
    margin:auto;
    padding:auto;
    width:100%;
    height:auto;
    background:transparent;
    /*position:absolute;*/
    overflow:hidden;
    padding:8px;
    z-index:5;
    position:relative;
}
/*//////////Mobile view________*/
	 @media screen and (max-width:650px){
	 	input[class="fm_inputs"]{
	          width:90%;
	      }
	     button[class ="navi_btn"]{
	     	width:13.7vw;
			height:45px;
			font-size:2.5vw;
	     }
	     
	     /*_____The Table veiw_____*/
	       div[class ="table"]{
	       	  background:transparent;
              display:block;
		    }
		     div[class ="colum"]{
		     	  background:transparent;
              display:block;
		    }
		     div[class ="cells"]{
		     	  background:transparent;
              display:block;
		    }  
	 }