/* 
    Created on : Mar 7, 2016, 4:03:31 PM
    Author     : JT
*/
   
form {
    
     padding-top: 10px;
     width: 100%;
     height: 100%;
   
 }
 form legend {
    background-color: blue;
    color: white;
    padding: 5px;
    margin-top:0;
    margin-left: 8px;
    
}
form fieldset {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: 
  "col-1 col-2 col-3";
  column-gap: 5px;
  row-gap: 10px;
  width: 98%;
  margin: 10px;
  padding:5px;   
}

form input[type=text] , form select, form input[type=textarea] , form input[type=date] {
  width: 100%;
}
#patientDB #isActive {
  grid-area: col-3;
} 

#formButtons {
    grid-area: buttons;
    display:grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 30px;;
    background-color: blue;
    padding: 10px;
   
}
#formButtons div {
    display:flex;
    align-items: center;
    justify-content: center;
}

 #formButtons button {
    width: 45%;
    padding: 5px;
    border: 1px solid blue;
    border-radius: 0.5em;
    background-color: white;
    color: blue;
    margin:0 5px 0 5px;
 }   
 
#formButtons button:focus  {
      outline:none;
}
 #formButtons button:hover:enabled  {

     color:black;
     font-weight: bold;
     background-color: lightblue;
 }

  #formButtons button:disabled {
     
     color:graytext;
     font-weight: lighter;
     background-color: lightgrey;
  }
  
       
#searchDB {	 
    display:none;
    margin: 5px auto 5px auto;
    padding: 5px 10px 0 10px;
    max-height: 90%;
}

#searchDB fieldset {
    
    padding-top:10px;
}   

 #searchDB legend {	
    background-color: blue;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;     
     
 }
 #searchDB input , #searchDB select {
   
    margin-bottom: 10px;
 }
 #searchDB select {
    width: 100%;
 }
 
 #searchDB button {
     border: 1px solid blue;
     border-radius: 0.5em;
     background-color: blue;
     color: white;
     padding:2px !important;
     margin: 5px 0 10px 0;
     width: 100%;
     
 }
 #searchDB button:hover:enabled  {
     color:black;
     font-weight: bold;
     background-color: lightblue;
  
 }
 #searchDB button:focus {
      outline:none;
 }
 #searchDB button:disabled {
     
     color:graytext;
     font-weight: lighter;
     background-color: lightgrey;

 }
  
 #searchDB label, p {
   
    margin-bottom: 3px;
    margin-right: 5px; 
    font-weight: bold;
 }      
 
 #searchDB #lblRecords {
    display: block;
 }