/*PANEL TEMPLATE CSS */

/*LINK TO LOAD GOOGLE FONTS. YOU CAN SELECT A DIFFERENT FONT IF YOU WISH. */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");

body{  
	margin: 50px;           
	}
  header{
	border-bottom: 1px solid blue;  
	margin: 0%;           
	padding: 2%;
	text-align: center;
	} 
	nav{
	border-bottom: 1px solid rgb(246, 4, 233);  
	margin: 0%;           
	padding: 2%;
	text-align: center;
	}  
	main{
	border-bottom: 1px solid rgb(226, 30, 30);  
	margin: 0%;           
	padding: 1%;
	padding-top: 10px;
	text-align: center;
	}
	footer{
	border-bottom: 1px solid rgb(128, 126, 0);  
	margin: 0%;           
	padding: 1%;
	text-align: center;
	}

	    button{
			border-radius: 10px 10px;
			box-shadow: 2px 1px 1px 1px rgb(10, 2, 251) inset;     
			margin-top: 3px;       
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 20px;
			padding-right: 20px;
			text-align: center; 
			text-decoration-line: none;
			}

			.href{    
				margin: 20px;           
				padding: 2%;
				text-align: center; 
				text-decoration-line: none ;
				}
			
			a.one:link, a:visited {
				color: blue;
				margin-top: 20px; 
				padding: 2%;
				text-align: center;
				text-decoration: none;
				}
			
				a.one:hover, a:active {
				background-color: rgb(189, 2, 251);
				}
		
	
		a.two:link, a:visited {
		border-radius: 10px 10px;
		box-shadow: 2px 1px 1px 1px rgb(10, 2, 251) inset;
		color: black;
		margin-top: 3px; 
		padding: 2px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		}
	
		a.two:hover, a:active {
		background-color: rgb(143, 142, 168);
		}




	.count{
	display: inline;
	border-radius: 20px 20px;
	box-shadow: 20px 20px 50px 10px blue inset;     
	margin: 5px;           
	padding: 40px;
	text-align: center; 
	text-decoration-line: none ;
	}
	.request{
		border-radius: 20px 20px;
		box-shadow: 2px 1px 1px 1px rgb(10, 2, 251) inset;     
		margin: 10px;           
		padding: 10px;
		text-align: center; 
		text-decoration-line: none ;
		}
	.request2{
		border-radius: 0px 0px;
		box-shadow: 20px 10px 25px 2px rgb(238, 198, 246) inset;     
		margin: 10px;           
		padding: 10px;
		text-align: center; 
		text-decoration-line: none ;
		}
	.button{
		border-radius: 10px 10px;
		box-shadow: 2px 1px 1px 1px rgb(10, 2, 251) inset;     
		margin: 0px;     
        margin-left: 50px;   
        margin-right: 50px;    
		padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
		text-align: center; 
		text-decoration-line: none;
		}
	.select{
		border-radius: 8px 8px;
		box-shadow: 5px 2px 5px 1px rgb(10, 2, 251) inset;     
		margin: 1px;           
		padding: 1px;
		text-align: left; 
		text-decoration-line: none ;
		}		
	.text{
		border-radius: 10px 10px;
		box-shadow: 5px 2px 5px 1px rgb(223, 219, 248) inset;     
		margin: 0px;           
		padding: 0px;
		text-align: left; 
		text-decoration-line: none ;
		}

	  .th1
		{ 
		padding-top: 35px;
		color:blue; 
		 
	  } 
	  .labelCSS{    
		margin: 0px;           
		padding: 0px;
		text-align: center; 
		}
    .selectCSS{
		border-radius: 8px 8px;    
		margin: 5px;           
		padding: 8px;
		text-align: center; 
		text-decoration-line: none ;
    box-shadow: 2px 1px 1px 1px rgb(10, 2, 251) inset;   
		}