/*    .divtop { 
	    position: fixed; 
        width: 20%;  
        z-index: 2;  
        top: 50%;
        left: 50%;
       
        
      
        border: 2px solid #555555;
        background-color: #ccc;
        border-radius: 5px;
        text-align: center;
		 	 
} 

    .divtop2 { 
	    position: fixed; 
        width: 20%;  
        z-index: 2;  
        top: 50%;
        left: 50%;
		color:#FFFFFF;
       
   
        border: 1px solid #999999;
        background-color:#009933;
        text-align: center;
		padding:10px;
		 	 
}
  #red{ color:#FF6600;}
  #sky { color:#66CCFF;}*/
     .divtop { 
	    position: fixed; 
        width: 70%; /* Set your desired with */
        z-index: 20000; /* Make sure its above other items. */
        top: 50%;
        left:20%;
       
        /* You will not need the below, its only
           for styling   purposes.*/
      
        border: 2px solid #555555;
        background-color: #ccc;
        border-radius: 5px;
        text-align: center;
		 	 
} 
    .divtop_full{ 
position: fixed;
    /* z-index: 2000; */
    top: -2px;
    left: 3px;
    right: 3px;
    bottom: 0px;
    /* border: 0px solid #afaaa3; */
    background-color: #0c0000a1;
       
		 	 
}    
  #red{ color:#FF6600;}
  #sky { color:#66CCFF;}
  
  
  .loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid blue;
  border-right: 6px solid green;
  border-bottom: 6px solid red;
  border-left: 6px solid pink;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;  

}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}