/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 10, 2018, 10:09:58 AM
    Author     : giridhar
*/

    
    #heading1:hover #choices1 {
       color: blue;
    }
    
    #heading2:hover #choices2 {
        visibility:visible;
    }
    
    #choices1 {
        color: purple;
    }
    
    #selection optgroup option {
       display: none;
        
    }

/*pop up */

.poPup { }
.poPup:hover {text-decoration:none;} 
.poPup span {
    z-index:10;display:none; padding:14px 20px;
    width:300px; line-height:16px; border-radius:4px; max-height: 150px;
    box-shadow: 5px 5px 8px #CCC;border:1px solid #DCA; background:#fffAF0;position:absolute; color:#111;
    overflow-y: scroll;
 }

.poPup:hover span{
    display:inline; 
    }

.poPup:hover div{
    display:inline; 
    }

.bar {
	height: 8px;
	margin: 1px;
	display: inline-block;
	position: relative;
	background-color: red;
        
.toHide {
         width: 80%; 
         display: none; 
         margin: auto; 
         background:#FFF8F8; 
         padding: 20px; 
         margin-top: 50px;    
            
        }
}

.drugMoaText {
   display:none;
   
}


/*for table with rotated head , use nesteed div
 https://css-tricks.com/rotated-table-column-headers/*/

th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.popup_rel_links{
position:absolute;
z-index:10;
max-width: 80%;
height: 25%;

background-color:#e8e9ea  ;
opacity:1  ;
border:#cfd0d1;
border-width: 2px;
border-radius:5px;
border-style: solid;
padding: 20px;
display:none;
overflow-y: scroll;
   
}

 .popup_msg{
position:absolute;
z-index:10;
max-width: 300px;
width:300px;
height:102px;
text-align:center;
color:yellow;
font: 14px Verdana, Arial, Helvetica, sans-serif;
background-color:#7892c2  ;
opacity:0.95;
border:1px solid #605f5d;
border-radius:15px;
padding: 5px;
display:none;
overflow-y: scroll;
/*word-break:break-all;
word-wrap:break-word;*/
}

.popup_msg_moa {
   
max-width: 400px;
width:375px;
height:102px;
text-align:left ;
color:black;
font: 14px Verdana, Arial, Helvetica, sans-serif;
background-color:white  ;
opacity:0.95;

}

span.details :hover a {
    display: block;
    
}