/* client/src/common.css */
* {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Roboto,
    "Segoe UI",
    Calibri,
    sans-serif;
}
body {
  margin: 0;
  color: #1c1c1c;
  background: #ffffff;
}
body {
  font-size: 16px;
  line-height: 1.5em;
}
input {
  font-size: 1em;
}
textarea {
  font-size: 1em;
  min-height: 8em;
}
button {
  font-size: 1em;
}
.title {
  font-size: 2em;
}
h2 {
  font-size: 1.2em;
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 20px;
  }
  .action-buttons {
    flex-direction: row !important;
    justify-content: center;
  }
  .title {
    font-size: 3em;
  }
  .dialog-content {
    max-width: 500px !important;
  }
  .card-request-form {
    padding: 2em;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
  }
}
a {
  text-decoration: none;
  color: #005cbb;
}
.hide {
  display: none !important;
}
.spacer {
  width: 1em;
  height: 1em;
}
.filler {
  flex: 1;
}
.shadow {
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.button {
  display: inline-block;
  padding: 0.5em;
  margin-right: 0.4em;
  background: none;
  border: 1px solid #1c1c1c;
  color: #1c1c1c;
  cursor: pointer;
  outline: none !important;
}
.button:hover {
  color: #0059b5;
  border-color: #0059b5;
}
.button:active {
  transform: translate(2px, 2px);
}
.text-field {
  display: block;
  width: 100%;
  height: 2em;
  background: none;
  color: #1c1c1c;
  border: 2px solid #333;
  outline: none !important;
  padding-left: 0.5em;
}
.text-field:focus {
  border-color: #666;
}
input[type=checkbox] {
  width: 20px;
  height: 20px;
}
label {
  margin-left: 0.5em;
}
.text-area {
  display: block;
  width: 100%;
  height: 10vh;
  background: none;
  color: #1c1c1c;
  border: 2px solid #333;
  resize: vertical;
  outline: none !important;
  padding-left: 0.5em;
}
text-area:focus {
  border-color: #666;
}
.dialog {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.6);
}
.dialog-content {
  background: #ffffff;
  margin: 0 auto;
  padding: 1em;
  max-width: 400px;
  box-shadow: 0px 0px 10px black;
}
.dialog-header {
  font-weight: 400;
}
.main-content {
  padding: 2em;
  padding-top: 1em;
  margin: 0 auto;
  max-width: 960px;
}
#status-radios {
  margin-left: -8px;
}
#status-radios > input {
  display: none;
}
#status-radios > label {
  padding: 5px;
  cursor: pointer;
  border: 1px solid #1c1c1c;
}
.title {
  display: inline-block;
  background: #005dbb;
  color: #fdd500;
  padding: 0.4em 0.5em;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
}
.action-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2em;
  margin-bottom: 3em;
}
.action-buttons > .button {
  width: 14em;
  height: 4em;
  line-height: 3em;
  font-weight: 900;
  text-align: center;
  border: none;
  background: #fdd500;
  color: #1c1c1c;
}
.media {
  padding: 2em;
}
.media-carousel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.media-carousel > a {
  display: block;
  text-align: center;
  max-width: 30%;
  height: 100%;
}
.media-carousel > a > img {
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.twitter-timeline {
  padding: 1em !important;
}
.video-wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 2em;
}
iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.flag-buttons {
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-top: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}
.flag-button {
  width: 32px;
  height: 24px;
  margin-left: 0.5em;
  border: none;
  cursor: pointer;
  filter: brightness(75%);
}
.flag-button-selected {
  filter: none;
}
.flag-at {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icons-at' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M640 480H0V0h640z'/%3E%3Cpath fill='%23c8102e' d='M640 480H0V320h640zm0-319.9H0V.1h640z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.flag-ua {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icons-ua' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd' stroke-width='1pt'%3E%3Cpath fill='%23ffd700' d='M0 0h640v480H0z'/%3E%3Cpath fill='%230057b8' d='M0 0h640v240H0z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.flag-ru {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icons-ru' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd' stroke-width='1pt'%3E%3Cpath fill='%23fff' d='M0 0h640v480H0z'/%3E%3Cpath fill='%230039a6' d='M0 160h640v320H0z'/%3E%3Cpath fill='%23d52b1e' d='M0 320h640v160H0z'/%3E%3C/g%3E%3C/svg%3E");
  border: 1px solid #cccccc;
}
.flag-uk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icons-gb' viewBox='0 0 640 480'%3E%3Cpath fill='%23012169' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FFF' d='m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0h75z'/%3E%3Cpath fill='%23C8102E' d='m424 281 216 159v40L369 281h55zm-184 20 6 35L54 480H0l240-179zM640 0v3L391 191l2-44L590 0h50zM0 0l239 176h-60L0 42V0z'/%3E%3Cpath fill='%23FFF' d='M241 0v480h160V0H241zM0 160v160h640V160H0z'/%3E%3Cpath fill='%23C8102E' d='M0 193v96h640v-96H0zM273 0v480h96V0h-96z'/%3E%3C/svg%3E%0A");
}
.paypal-button {
  width: 20em;
  margin: 0 auto;
}
#login-form {
  display: flex;
  flex-direction: column;
  margin: 1em auto;
  max-width: 400px;
}
td,
th {
  text-align: left;
  height: 2em;
}
.error {
  color: #bb0000;
}
select {
  font-size: 1em;
  height: 2em;
}
#request-list {
  border-collapse: collapse;
}
#request-list td,
#request-list th {
  border: 1px solid #ddd;
  padding: 8px;
  white-space: nowrap;
}
#request-list tr {
  cursor: pointer;
}
#request-list tr:nth-child(even) {
  background-color: #f2f2f2;
}
#request-list tr:hover {
  background-color: #ddd;
}
.unclickable {
  cursor: default !important;
}
/*# sourceMappingURL=index.css.map */