.react-responsive-modal-root {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.react-responsive-modal-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.react-responsive-modal-container {
  height: 100%;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
}

/* Used to trick the browser to center the modal content properly  */
.react-responsive-modal-containerCenter:after {
  width: 0;
  height: 100%;
  content: '';
  display: inline-block;
  vertical-align: middle;
}

.react-responsive-modal-modal {
  max-width: 800px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  background: #ffffff;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
  margin: 1.2rem;
  padding: 1.2rem;
  position: relative;
  overflow-y: auto;
}

.react-responsive-modal-closeButton {
  position: absolute;
  top: 14px;
  right: 14px;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  display: flex;
}

@keyframes react-responsive-modal-overlay-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes react-responsive-modal-overlay-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes react-responsive-modal-modal-in {
  0% {
    transform: scale(0.96);
    opacity: 0;
  }
  100% {
    transform: scale(100%);
    opacity: 1;
  }
}

@keyframes react-responsive-modal-modal-out {
  0% {
    transform: scale(100%);
    opacity: 1;
  }
  100% {
    transform: scale(0.96);
    opacity: 0;
  }
}

@font-face{font-family:"Century Gothic";src:url("/static/fonts/CenturyGothic.woff2") format("woff2"),url("/static/fonts/CenturyGothic.woff") format("woff"),url("/static/fonts/CenturyGothic.ttf") format("truetype")}
.modal__layout{background-color:#edecec;margin:0}@media(max-width: 599px){.modal__layout{width:100%;min-height:100vh;height:100vh;overflow-y:auto}}#modal-overlay{background:rgba(0,0,0,.5)}@media(max-width: 599px){#modal-overlay{padding:0}}
body{margin:0;padding:0;font-family:"Century Gothic",sans-serif;user-select:none}@media(max-width: 599px){.only-desktop{display:none !important}}@media(min-width: 600px){.only-mobile{display:none !important}}
.login{padding:40px 30px}@media(min-width: 600px){.login{width:400px}}.login__title{margin:0 0 30px;text-align:center;font-size:24px}.login__row{display:flex;flex-direction:column;margin-bottom:20px;font-size:18px}.login__input{height:30px;margin-top:10px;padding:0 10px;border:1px solid #e4e4e4;outline:none;box-shadow:none;font-size:18px;line-height:20px}.login__error{color:#e11223}.login__button{width:200px;height:40px;margin-top:20px;cursor:pointer;background-color:#7cbdeb;color:#fff;border:none;outline:none;font-size:20px}
.layout{position:relative;overflow:auto}
.form{padding:40px 20px;background-color:#edecec}@media(max-width: 599px){.form{min-height:100vh}}@media(min-width: 600px){.form{width:600px;padding:40px 30px}}.form__title{margin:0 0 30px;text-align:center;font-size:22px}@media(min-width: 600px){.form__title{font-size:24}}.form__block{display:flex;flex-direction:column;margin-bottom:20px;font-size:16px}@media(min-width: 600px){.form__block{font-size:18px}}.form__block--textarea{align-items:flex-start}.form__input{height:30px;margin-top:5px;padding:0 10px;border:1px solid #e4e4e4;outline:none;box-shadow:none;font-family:"Century Gothic",sans-serif;font-size:18px;line-height:20px}.form__input--number{width:50px;padding-right:0}.form__input--description{width:calc(100% - 20px);height:60px;padding:10px}@media(min-width: 600px){.form__input--description{width:300px}}.form__select{background-color:#fff;border-radius:0;-webkit-border-radius:0}.form__select--grade{width:80px;height:32px}.form__route-colors{display:flex;flex-wrap:wrap;align-items:center}.form__route-colors-item{width:70px;height:30px;margin-left:2px;transition:background-color .2s linear}.form__route-colors-item:first-child{margin-left:10px}.form__route-colors-clear{margin-left:10px;cursor:pointer;color:gray;transform:rotateZ(45deg);font-size:30px}.form__color-picker{margin-top:15px}@media(max-width: 370px){.form__color-picker .circle-picker{width:320px !important}}.form__error{color:#e11223}.form__button{width:100%;height:40px;margin-top:20px;cursor:pointer;background-color:#7cbdeb;color:#fff;border:none;outline:none;font-size:18px}@media(min-width: 600px){.form__button{width:200px;font-size:20px}}
.autosuggest__text-input{width:calc(100% - 20px);height:30px;margin-top:5px;padding:0 10px;box-shadow:none;border:1px solid #e4e4e4;outline:none;font-family:"Century Gothic",sans-serif;font-size:16px}@media(min-width: 600px){.autosuggest__text-input{width:300px;font-size:18px}}.autosuggest__container{position:relative}.autosuggest__container.has-suggestions .autosuggest__container__text-input{border-bottom-color:rgba(0,0,0,0);border-radius:0}.autosuggest__suggestions-container{position:absolute;z-index:1;width:100%;margin-top:-1px}.autosuggest__suggestions-list{position:relative;overflow:hidden;width:100%;max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto;background-color:#fff;border:1px solid #e4e4e4;border-radius:0;box-shadow:none;outline:none}.autosuggest__suggestions-list-item{padding:10px 12px;cursor:pointer}.autosuggest__suggestions-list-item.is-focused{background-color:#7cbdeb}
.route-info{width:calc(100% - 40px);padding:40px 20px}@media(min-width: 600px){.route-info{width:450px;padding:40px 30px}}.route-info__title{margin:0 0 30px;text-align:center;font-size:24px}.route-info__content{font-size:18px}.route-info__row:not(:last-child){margin-bottom:20px}.route-info__row strong{color:#046868}.route-info__label{display:flex;align-items:center}.route-info__setter{display:flex;align-items:center}.route-info__setter-img{flex-shrink:0;width:80px;height:80px;margin-left:10px;background-size:contain;background-position:center;border-radius:50%}
.header{width:100%;margin-bottom:10px;box-shadow:0 2px 2px 1px rgba(0,0,0,.1)}@media(min-width: 600px){.header{margin-bottom:20px}}.header__content{display:flex;justify-content:space-between;align-items:center;height:40px;padding:10px 20px}@media(max-width: 460px){.header__content{padding:10px}}.header__title{margin:0;font-size:18px;font-weight:normal}@media(min-width: 600px){.header__title{font-size:25px}}.header__filters{min-width:265px}@media(max-width: 370px){.header__filters{min-width:230px}}.header__filter{width:50px;height:40px;padding:0;cursor:pointer;color:#fff;background-color:#c5c3c3;text-align:center;border:none;outline:none;font-size:20px}@media(max-width: 460px){.header__filter{width:35px;height:35px}}.header__filter+.header__filter{margin-left:10px}@media(max-width: 460px){.header__filter+.header__filter{margin-left:7px}}.header__filter--grade-5.is-active{background-color:#b6db04}.header__filter--grade-6-a.is-active{background-color:#009688}.header__filter--grade-6-b.is-active{background-color:#00b8ff}.header__filter--grade-6-c.is-active{background-color:#8243d6}.header__filter--grade-7.is-active{background-color:#f13c73}.header__filter--new{width:70px}.header__filter--new.is-active{background-color:#7cbdeb}.header__login{cursor:pointer;color:#c5c3c3;text-decoration:none}.header__login--highlighted{animation:1s pulse infinite;padding:5px;border-radius:5px}@keyframes pulse{0%{box-shadow:0 0 0 0 #e11223}70%{box-shadow:5px 0px 19px 2px #e11223}100%{box-shadow:0 0 0 0 #e11223}}
.admin__navigation{display:flex;margin:0 10px 15px}@media(min-width: 600px){.admin__navigation{margin:0 20px 15px}}.admin__navigation a{color:gray;margin-right:10px}.admin__content{display:flex;flex-direction:column}.admin__outdated{max-width:700px;margin:0 10px 15px;padding:10px 5px;color:#fff;background-color:rgba(225,18,35,.8)}@media(min-width: 600px){.admin__outdated{margin:0 20px 15px}}.admin__outdated strong{color:#000}.admin-actions{display:flex;flex-wrap:wrap;margin:0 10px 15px}@media(min-width: 600px){.admin-actions{margin:0 20px 15px}}.admin-actions__button{margin:0 20px 20px 0;background-color:#c5c3c3;box-shadow:0 3px 3px 0 #a9a8a8}@media(max-width: 599px){.admin-actions__button{flex-grow:1;margin:0 10px 10px 0;width:calc(50% - 20px);height:30px;font-size:14px}}.admin-actions__button.is-active{background-color:#7cbdeb;box-shadow:inset 0 3px 3px 0 #5d95bc}.admin-actions__button--flat{box-shadow:none;background-color:#7cbdeb}.admin-actions__delete{display:flex;flex-direction:column}@media(max-width: 599px){.admin-actions__delete{width:50%}}.admin-actions__form{display:flex}.admin-actions__form-row{display:inline-flex;align-items:center;height:30px;margin-bottom:0}@media(min-width: 600px){.admin-actions__form-row{height:40px}}.admin-actions__form-row input{width:30px;height:28px;margin-top:0}@media(max-width: 599px){.admin-actions__form-row input{font-size:12px}}@media(min-width: 600px){.admin-actions__form-row input{width:45px;height:38px}}.admin-actions__form-button{width:40px;margin-top:0;margin-left:10px;background-color:#e11223}@media(max-width: 599px){.admin-actions__form-button{height:30px;font-size:16px}}@media(min-width: 600px){.admin-actions__form-button{width:50px}}.admin__update-button{display:flex;justify-content:center;align-items:center;cursor:pointer;width:40px;height:40px;border-radius:50%;position:fixed;bottom:10px;left:10px;background-color:skyblue;box-shadow:0 3px 3px 0 #5d95bc;font-size:12px}@media(min-width: 600px){.admin__update-button{bottom:30px;left:30px;width:80px;height:80px}.admin__update-button img{width:30px}}
.setters__layout{padding:0 15px 20px}.setters__back{padding-top:20px}.setters__back a{color:gray;text-decoration:none}.setters-item{display:inline-flex;margin-right:20px;margin-bottom:20px;overflow:hidden;background-color:rgba(128,128,128,.05);border:1px solid rgba(128,128,128,.38);border-radius:10px}.setters-item input,.setters-item button{border:none;outline:none}.setters-item__image{width:85px;height:85px}@media(min-width: 600px){.setters-item__image{width:120px;height:120px}}.setters-item__content{display:flex;flex-direction:column;justify-content:space-between;width:190px;padding:15px 0 15px 15px}@media(min-width: 600px){.setters-item__content{width:220px}}.setters-item__name{height:30px;background-color:rgba(0,0,0,0);font-size:16px}.setters-item__button{cursor:pointer;width:50px;background-color:rgba(133,216,185,.5)}.setters-item__button img{width:20px}
.statistic__layout{padding-bottom:20px}@media(min-width: 600px){.statistic__layout{padding:0 15px}}.statistic__back{padding-top:20px}.statistic__back a{color:gray;text-decoration:none}.statistic-setters table{border-collapse:collapse;border-spacing:0;text-align:left}.statistic-setters tr{height:25px}.statistic-setters tr,.statistic-setters th,.statistic-setters td{border:1px solid rgba(133,216,185,.5)}th:not(.statistic-setters__name),td:not(.statistic-setters__name){text-align:center}.statistic-setters__header{background-color:salmon}.statistic-setters__name{padding-right:20px}.statistic-setters__count{width:40px;font-weight:bold}.statistic-setters__count:last-child{background-color:rgba(133,216,185,.5)}.statistic-setters__total{background-color:rgba(133,216,185,.5);font-weight:bold;font-size:18px}