.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #595959;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
        
.modal-body
        {
            background-color: ghostwhite;
        }
        


.divWrapper {
	min-height:500px;
}
		
.modal {
  text-align: center;
  padding: 0!important;
       
}

        .modal-footer{
            background-color: #595959; 
        }
        
.modal:before {
  content: '';  
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

      
        
.modal-dialog {
    
    background-color: black;
  display: inline-block;
  text-align: left;
      width: 90%;
  vertical-align: middle;
  margin-top: -10px;
}

/* .row.vdivide [class*='col-']:not(:last-child):after {
  background: #000000;
  width: 2px;
  content: "";
  display: inline-block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  max-height: inherit;
} */
        
    
.imag{
    
      width: 300px;
    height: 300px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 30;
    right: 0;

    margin: auto;
}
       
        .okay1
        {
            background-color: #FFC000;

        }
        
         .okay2
        {
            background-color: #7F7F7F;
        }

         .okay3
        {
            background-color: #00B0F0;
        }

         .okay4
        {
            background-color: #00B050;
        }

        
       
        .btn span.glyphicon {    			
	opacity: 0;				
}
.btn.active span.glyphicon {				
	opacity: 1;				
}