@import url('https://fonts.googleapis.com/css?family=Roboto');
#menus
{
	margin-top: auto;
	text-align: center;
	margin-bottom: auto;
	color: #4d4d4d;
}

	#menus div .desc
	{
			position:absolute;
	 border:none !important;
		filter: alpha(opacity=40);
		background: transparent;
		margin-left: -90px;
		margin-top: -87px;
		z-index: 999;
	 
		 opacity:0;
   transition:opacity 0.5s linear;
	}
    #menus #Internextern
	{
		background-color: #c8ebff;
		 
	}
	#menus div
	{
		display: inline-block;
		margin: 10px;
		border: solid 5px #D3E7ED;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		 
		width: 130px;
		height:130px;
		padding: 20px;
		z-index: 0;
		cursor: pointer;
			 transition:opacity 0.5s linear;
		 transition:border-color 0.5s linear;
		   transition:border-style .5s linear;
	}
		#menus div .desc p
		{
			text-align:center;
			margin-left:10px;
			font-size:12pt;
			color:#000;
			font-weight:bold;
		   margin-top:35%;
			opacity:1 !important;
		}
	#menus:hover
	{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
	}
	#menus div i, #menus div p
	{
		opacity:1;
		 transition:opacity 0.5s linear;
	}
	#menus div:hover i,#menus div:hover p
	{
	 	 opacity:0.2;
   transition:opacity 0.5s linear;
	}
	#menus div:hover
	{
		border-style:dotted;
		border-color:#0275b3;
		 transition:border-color .5s linear;
		 
		  transition:border-style .5s linear;
	}
	 
	 
	@keyframes  random {
    5% { background-color: #c8ebff; } 
    10% { background-color: #d3ffa8; } 
	20% { background-color: #f5c4e6; } 
	30% { background-color: #ffd5c8; } 
	40% { background-color: #c8fff0; } 
	50% { background-color: #f4ffc8; } 
	60% { background-color: rgba(222, 192, 177, 0.57); } 
	70% { background-color: #c8ebff; } 
	 
     
}

	@keyframes  random1 {
    
    5% { background-color: #c8ebff; } 
    10% { background-color: rgba(222, 192, 177, 0.57); } 
	20% { background-color: #f4ffc8; } 
	30% { background-color: #c8fff0; } 
	40% { background-color: #ffd5c8; } 
	50% { background-color: #f5c4e6; } 
	60% { background-color: #d3ffa8; } 
	70% { background-color: #c8ebff; } 
	 
    
}
	#menus div:hover .desc
	{
		 opacity:0.8;
	  
	}

	#menus div p
	{
		display: inline-block;
		font-size: 9pt;
		font-weight: bold;
		line-height: 1;
	}

	#menus #profile
	{
		background-color: #c8ebff;
		
	}

	#menus #indvlookup
	{
		background-color: #d3ffa8;
		 
	}

	#menus #intialapp
	{
		background-color: #f5c4e6;
	 
	}

	#menus #Feefine
	{
		background-color: #ffd5c8;
		 
	}

	#menus #businesslookup
	{
		background-color: #c8fff0;
		 
	}

#menus #renewal
{
	background-color: #f4ffc8;
}

	#menus #subscriber
	{
		background-color: rgba(222, 192, 177, 0.57);
	 
	}

	#menus #inspections
	{
		background-color: #c8ebff;
		 
	}
    #menus #wholesaler {
    background-color:#99d6ff;
}
    #menus #scoretransfer {
        background-color: #c8ebff;
    }
    #menus #businessmanufacturer {
        background-color: #D3E7ED;
    }
    #menus #businesspharmacy {
        background-color: #d4c2f7;
    }
    #menus #medicalgas {
        background-color: #97adff;
    }
    #menus #nonprescription {
        background-color: #ffd5c8;
    }
    #menus #fullexam {
        background-color: #f4ffc8;
    }
    #menus #Internapp {
        background-color: #b5dcf2;
    }
    #menus #reciprocity {
        background-color: #f8ddf0;
    }
    #menus #pharmacytech {
        background-color: #e7f1c2;
    }
    #menus #pharmacytechtrain {
        background-color: rgba(247, 204, 182, 0.57);
    }