/*****************/
/* modal popovers*/
/*****************/

  .modal-header {
    background-color: #f5f5f5;
  }
  
  .modal-header.panel-heading {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  
  .modal-wrapper {
    display: flex;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1040
  }
  
  .modal-backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.6;
    z-index: 1;
    -webkit-animation: fade-in 0.2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in 0.2s; /* Firefox < 16 */
    -ms-animation: fade-in 0.2s; /* Internet Explorer */
    -o-animation: fade-in 0.2s; /* Opera < 12.1 */
    animation: fade-in 0.2s;
  }
  
  .modal-child {
    margin: auto;
    margin-top: 30px;
    z-index: 2;
    -webkit-animation: fade-in-child 0.2s;
    -moz-animation: fade-in-child 0.2s;
    -ms-animation: fade-in-child 0.2s;
    -o-animation: fade-in-child 0.2s;
    animation: fade-in-child 0.2s;
  }
  
  @keyframes fade-in {
    from {opacity: 0;}
    to   {opacity: 0.6;}
  }
  
  @keyframes fade-in-child {
    from {opacity: 0;}
    to   {opacity: 1;}
  }