@import "client/common.css.scss";

.dialog {
    display:none;
    background-color: #333;
    border: 1px solid $ColorScreenPrimary;
    color:#fff;
    min-width: 400px;
    min-height: 350px;
    z-index: 100;
}

.dialog-inner {
    padding:25px;
    color:#aaa;
    font-size:15px;
}

.dialog-tabs {
    text-align:center;
    margin-bottom:10px;
    border-bottom:solid 1px #999;
}

.dialog-tabs a {
    padding:10px;
    background-color:#666;
    color:#999;
    text-decoration:none;
}

.dialog-tabs a.selected, .dialog-tabs a:hover {
    background-color:#999;
    color:#fff;
}

.dialog .tab {
}

.dialog-fixed {
  min-height:600px;
}

.dialog-overlay-sm {
  width:600px;
  height:auto;
  position:fixed;
  left:50%;
  top:20%;
  margin-left:-300px;
  background-color:#333;
  border: 1px solid #ed3618;
  z-index: 1000;
}

.dialog-overlay .dialog-inner {
  width:750px;
  height:auto;
  padding:25px;
  font-size:15px;
  color:#aaa;
}

.dialog-overlay-sm .dialog-inner {
  width:550px;
  height:auto;
  padding:25px;
  font-size:15px;
  color:#aaa;
}



