
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; }

.reveal-modal { background: white; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 550px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.reveal-modal *:first-child { margin-top: 0; }
.reveal-modal *:last-child { margin-bottom: 0; }
.reveal-modal .close-reveal-modal { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
.reveal-modal.small { width: 30%; margin-left: -10%; }
.reveal-modal.medium { width: 40%; margin-left: -20%; }
.reveal-modal.large { width: 60%; margin-left: -30%; }
.reveal-modal.xlarge { width: 70%; margin-left: -35%; }
.reveal-modal.expand { width: 90%; margin-left: -45%; }
.reveal-modal .row { min-width: 0; }

/* Mobile */
@media only screen and (max-width: 767px) {
  .reveal-modal-bg { position: absolute; }
  .reveal-modal,
  .reveal-modal.small,
  .reveal-modal.medium,
  .reveal-modal.large,
  .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; }

}

.reveal-modal{
  padding-top: 40px;
}

textarea#file-content{
  max-height: 400px;
  resize: none;
}

#big_modal{
  top: 40px;
}

.modal-descr{
  margin: 0 0 20px 0;
}

.modal-content{
  margin: 20px 0 30px 0;
}

.modal-buttons{
  text-align: right;
}

.modal-buttons button{
  margin: 0 0 0 5px;
}

.close-reveal-modal{
  background: url("../img/icons30px.png") no-repeat scroll -150px -240px transparent;
  width: 30px;
  height: 30px;
}

.close-reveal-modal:hover{
  opacity:0.4;
}
.modal-descr {
  overflow:hidden;
}
#modal-mobile-sort .sort-button,
.bottom-actions-mobile .selection-buttons {
  width: 100%;
}
.modal-buttons.right { width: 100%; }