/* {
    box-sizing:border-box;
}*/

body {
    padding-top: 50px;
    padding-bottom: 0px;
    /*background-image:url("~/images/Photo1.jpg");*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 0px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.hTitle {
    color:navy; background: lightgray;text-align:center;
}

.accordion2 {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;  
}



.active2, .accordion2:hover {
  background-color: #ccc;
}

.accordion2:after {
  content:'\...';/* '\002B';*/
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active2:after {
  content: '\...';/* "\2212";*/
}

.panel2{
  padding: 3px 10px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  font-size:15px;
  transition: max-height 0.2s ease-out;
}

.modal-header,  .close {
    background-color: #5cb85c;
    color:white !important;
    text-align: center;
    font-size: 20px;
  }
  .modal-footer {/*/h4,*/
    background-color: #f9f9f9;
    margin-top:0px;
    padding-right:10px;
    padding-bottom:10px;
  
  }