@import 'materialize.min';
@import 'fonts';
@import 'override';

body {
  direction: rtl;
  font-family: Farhang;
  background-color: #F0F0F0;

  @media screen and (max-width: 960px) {
    background-color: white;
  }
}

button, input, optgroup, select, textarea {
  font-family: inherit;
}

.spacer {
  height: 30px;
}
.spacer-10 {
  height: 10px;
}

.dialog {
  max-width: 600px;
  margin: 200px auto 0 auto;
  background-color: white;

  @media screen and (max-width: 960px) {
    margin: 0;
    box-shadow: none;
  }

  .content {
    padding: 20px;
  }
}

.panes {
  position: relative;
  overflow-x: hidden;

  .panes-wrapper {
    position: absolute;
    inset: 0 0 auto auto;
    display: flex;
    width: 300%;

    .pane {
      flex: 1;
    }
  }
}