/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}
*, *:before, *:after {
  box-sizing: inherit;
}
@font-face {
  font-family: poppins-bold;
  src: url('Poppins-Bold.ttf') format("truetype");
  font-display: swap;
}
@font-face {
  font-family: poppins-semibold;
  src: url('Poppins-SemiBold.ttf') format("truetype");
  font-display: swap;
}
@font-face {
  font-family: poppins;
  src: url('Poppins-Regular.ttf') format("truetype");
  font-display: swap;
}
.seats .cls-1 {
  fill: #090;
}
.seats .cls-1, .seats .cls-2, .seats .cls-3, .seats .cls-4 {
  fill-rule: evenodd;
}
.seats .cls-2 {
  fill: gray;
}
.seats .cls-2.changed {
  fill: gray !important;
}
.seats .cls-2.selected, .seats .cls-6.selected, .seats .cls-9.selected,
.seats .cls-7.selected, .seats .cls-8.selected {
  fill: #60269E;
}
.seats .cls-4 {
  fill: #dbdbdb !important;
}
.seats .cls-5 {
  fill: #a5bf31 !important;
}
.seats .cls-6 {
  fill: #5bd4d4;
  cursor: pointer;
}
.seats .cls-6.changed {
  fill: #5bd4d4 !important;
}
.seats .cls-7 {
  fill: #ad1010;
  cursor: pointer;
}
.seats .cls-7.changed {
  fill: #ad1010 !important;
}
.seats .cls-77 {
  fill: #d5d105;
  cursor: pointer;
}
.seats .cls-77.changed {
  fill: #d5d105 !important;
}
.seats .cls-8 {
  fill: #072463;
  cursor: pointer;
}
.seats .cls-8.changed {
  fill: #072463 !important;
}
.seats .cls-9 {
  fill: blue;
  cursor: pointer;
}
.seats .cls-9.changed {
  fill: blue !important;
}
.seats .cls-1:hover {
  fill: #60269E;
  cursor: pointer;
}
.seats .selected {
  fill: #60269E;
}
.seats .cls-1.reserved {
  fill: #e79b42;
}