/* Style for Title and description */
.title{
        margin: 10px 5px;
        
        font-weight: bold;
        font-size: 1.1em;
}
.description{
        margin: 10px 5px;
        
        color: rgba(0, 0, 0, 0.7);
        font-style: italic;
}

/* Style for the Update button*/
.button-container {
        text-align: center
}
.button {
        display: inline-block;
        height: 27px;
        padding: 0 20px 0 20px;

        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 2px;

        background-color: rgb(209, 72, 54);
        background-image: -webkit-linear-gradient(top, rgb(221, 75, 57), rgb(209, 72, 54));
        color: white !important;

        font-size: 11px;
        line-height:27px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap
}
/* Hide the button in case there are no link */
a.button[href=""""]{
        display: none;
}
.modalDialog {
        position: fixed;
        font-family: Arial, Helvetica, sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 99999;
        opacity:0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
}
.modalDialog:target {
        opacity:1;
        pointer-events: auto;
}
.modalDialog > div {
        width: 70%;
        min-width:250px;
        height:70%;
        
        position: relative;
        margin: 10% auto;
        padding: 5px 20px 13px 20px;
        border-radius: 10px;
        background: #fff;

  -webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}
.modal-content {
  background: #fefefe;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 5% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 5px;
}
.close {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }
iframe{
border:0px;
width:100%;
}
.modal-trigger{
  text-decoration: none;
  padding:1rem;
  background:#FF9900;
  display:inline-block;
  border-radius:3px;
  margin-top:50px;
  color:#fff;
  font-family: "Helvetica", sans-serif;
  margin: 0 auto;
}