.modal, .modal-container, .shield {
  display:  none;
}

.shield {
  background: rgba(0, 0, 0, 0.85);
  position:   fixed;
  bottom:     0px;
  right:      0px;
  width:      100%;
  height:     100%;
}

.modal {
  position:     fixed;
}

.general {
  left:         50%;
  top:          14%;
  width:        450px;
  margin-left:  -225px;
}

.click-grabber {
  background: rgba(0, 0 ,255, 0);
  display:    block;
  position:   absolute;
  cursor:     pointer;
}

.modal-header, .modal-content, .modal-footer {
  float:  left;
  width:  100%;
}

.modal-header {
  height: 65px;
}

.container {
  background: rgba(192, 192, 192, 1);
  border:     2px solid rgb(0, 0, 0);
  top:        45%;
  left:       5%;
  width:      88%;
  float:      left;
  height:     120px;
  overflow-y: hidden;
  overflow-x: scroll;
  padding:    10px 10px;
}

.modal.container .modal-content {
  width:          910px;
  padding-bottom: 5px;
  overflow:       hidden;
}

.modal.container .modal-content img {
  float:  left;
  margin: 0px 10px;
  cursor: pointer;
}

.general .modal-content {
  background: rgba(255, 255, 255, 1);
}

.modal-header {
  clear:          both;
}

.modal-menu {
  float:  left;
}

.modal-close {
  float:  right;
}

.modal-close.text, .modal-footer {
  color:          rgb(255, 255, 255);
  text-transform: uppercase;
  font-family:    'lato_regular';
  padding:        5px;
  cursor:         pointer;
  font-size:      120%;
  line-height:    60px;
  vertical-align: middle;
}

.modal-footer {
  text-align:     center;
  padding-bottom: 20px;
}

.modal-footer *[data-state=off] {
  text-decoration: line-through;
}