/**
 * @file
 * Styles for modal windows.
 */

/* Root variables */

:root{
  --footer-height: 266px;
}

/* The default font family. */

/* The font attributes */

/* widths */

/* paddings/margins */

/* misc */

/* Colors */

.ui-dialog--narrow {
  max-width: 500px;
}

@media screen and (max-width: 600px) {
  .ui-dialog--narrow {
    min-width: 95%;
    max-width: 95%;
  }
}

@media screen and (min-width: 601px) {
  .ui-dialog {
    min-width: 480px;
  }
}

.ui-dialog-buttonset{
  float:none;
}

.ui-dialog-buttonset button{
    border:0;
    background:transparent;
    padding:0;
    margin:0;
    text-decoration:none;
    font-weight:normal !important;
    color: black;
    text-align:center;
    width:100%;
    font-size:0.8em!important;
    outline:0;
  }

.ui-dialog-buttonset button:hover, .ui-dialog-buttonset button:active, .ui-dialog-buttonset button:focus, .ui-dialog-buttonset button:visited{
      outline:0;
      text-decoration:none;
      font-size:0.8em!important;
      background:transparent;
      border:0;
      color: black;
      font-weight:normal !importantt;
    }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
  float:none;
}

.ui-dialog .ui-widget-content.ui-dialog-content{
  padding-top:1rem;
  padding-bottom:1rem;
}

.node-preview-container .form-item-view-mode{
    display:none;
  }