.popup_dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  opacity: 0;
  z-index: 100;
  transition: all .3s ease-in-out;
  transition-duration: .10s; }

.popup {
  background: white;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 20px 10px; }
  .popup .btn_wrapper {
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #deded; }
    .popup .btn_wrapper .btn {
      margin: 0 5px; }
  .popup .btn {
    height: 40px;
    padding: 0 20px;
    border: none;
    outline: none;
    cursor: pointer; }
    .popup .btn:disabled, .popup .btn:disabled:hover {
      background: #ddd !important;
      color: #aaa !important; }
  .popup .btn_primary {
    background: #64A4FE;
    color: white; }
    .popup .btn_primary:hover, .popup .btn_primary:active {
      background: #64A4FE; }
  .popup .btn_primary.btn_transparent {
    color: #64A4FE;
    background: transparent; }
    .popup .btn_primary.btn_transparent:hover, .popup .btn_primary.btn_transparent:active {
      color: #64A4FE;
      background: transparent !important; }
  .popup .btn_secondary {
    background: #ededed;
    color: black; }
    .popup .btn_secondary:hover, .popup .btn_secondary:active {
      background: #e0e0e0; }