*,*::after,*::before{box-sizing:border-box}a{color:inherit;text-decoration:none}body{margin:0;font-family:"Roboto", sans-serif;background:#eee;min-height:100vh}main{text-align:center}.badge{margin-left:10px;cursor:default;background-color:#e61b22;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 10px;color:white;border-radius:5px;box-shadow:0 0 0 1px black}.badge__icon{margin:0;cursor:default;margin-right:5px}.btn{background-color:#e61b22;color:#fff;border:none;padding:10px 0;font-size:1.1rem;border:1px solid #e61b22;cursor:pointer;outline:none;border-radius:5px;text-align:center;display:block;display:flex;align-items:center;justify-content:center;width:100%;transition:all 0.2s}.btn:hover,.btn:focus{background-color:#fff;color:#e61b22;box-shadow:0 0 10px #838383}.btn--outline{background-color:#fff;color:#e61b22}.btn--outline:hover,.btn--outline:focus{background-color:#e61b22;color:#fff;box-shadow:0 0 10px #838383}.btn--wide{width:100%;margin:0 auto;padding:10px}.btn--user{display:flex;justify-content:space-evenly;margin:0 auto 20px;width:250px}.btn:disabled,.btn:disabled:hover{background-color:gray;color:#f1f1f1;box-shadow:none;border-color:black}.buttons-container{display:flex;justify-content:center;max-width:600px;margin:40px auto}.buttons-container .btn{margin:0 5px}.card{box-shadow:0 0 5px rgba(0,0,0,0.6);background-color:#fff;border-radius:0.4rem;overflow:hidden}.card__header{color:#fff;padding:7px 12px;background-color:#e61b22;display:flex;justify-content:space-between;border-bottom:1px solid #222}.card__content{overflow:auto;padding:5px 12px 8px}.card__task{display:-ms-grid;display:grid;padding:3px 0;-ms-grid-columns:auto 50px 40px;grid-template-columns:auto 50px 40px;grid-column-gap:5px}.card__task.remove-tick{-ms-grid-columns:auto 50px;grid-template-columns:auto 50px;grid-row-gap:5px;padding:6px 0}.card__task:not(:last-child){border-bottom:1px solid #444}.card__name{font-size:1rem;font-weight:bold;-ms-grid-row-align:center;align-self:center}.card__date{font-weight:bold;text-align:right;-ms-grid-row-align:center;align-self:center}.card__tick{display:flex;justify-content:flex-end;align-items:center;align-self:center}.card__tick.span2{grid-row:span 2}.card__description{grid-column:span 2;font-size:0.85rem}.card__empty{text-align:center;margin:20px 0}.container{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);padding:20px;grid-gap:20px}@media (max-width: 1150px){.container{min-height:calc(100vh - 60px);-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);padding:15px;grid-gap:15px}}@media (max-width: 900px){.container{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);padding:15px;grid-gap:15px}}@media (max-width: 660px){.container{-ms-grid-columns:1fr;grid-template-columns:1fr;padding:15px;grid-gap:15px}}@media (min-width: 1700px){.container{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5, 1fr);padding:20px;grid-gap:20px}}.event{display:-ms-grid;display:grid;-ms-grid-columns:3fr 2fr;grid-template-columns:3fr 2fr;width:95%;max-width:600px;background-color:white;padding:15px;grid-gap:10px;margin:10px auto 20px;box-shadow:0 0 5px rgba(0,0,0,0.5);place-items:center}.event__name{font-size:1.5rem;font-weight:bold}.event__date{font-size:1.2rem}.event__code{grid-row:span 2;font-size:2.5rem;align-self:center;border:3px solid black;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.event__code>.small{font-size:1.4rem;font-weight:300;margin-bottom:5px}.event-main{margin-top:4rem}.form{margin:80px auto;display:flex;flex-direction:column;padding:10px 20px 30px;border-radius:5px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.6);text-align:center;width:100%;max-width:500px}.form__input,.form__select,.form__textarea{max-width:100%;outline:none;padding:10px 20px;margin-bottom:20px;font-size:1.1rem;border:1px solid black;font-family:inherit;border-radius:5px}.form__input:focus,.form__select:focus,.form__textarea:focus{border-color:#e61b22;box-shadow:0 0 5px rgba(0,0,0,0.6)}.form__input--large,.form__select--large,.form__textarea--large{font-size:2rem;text-align:center;text-transform:uppercase}.form__input__upper,.form__select__upper,.form__textarea__upper{text-transform:uppercase}.form__input__upper::-webkit-input-placeholder,.form__select__upper::-webkit-input-placeholder,.form__textarea__upper::-webkit-input-placeholder{text-transform:initial}.form__input__upper:-ms-input-placeholder,.form__select__upper:-ms-input-placeholder,.form__textarea__upper:-ms-input-placeholder{text-transform:initial}.form__input__upper::-ms-input-placeholder,.form__select__upper::-ms-input-placeholder,.form__textarea__upper::-ms-input-placeholder{text-transform:initial}.form__input__upper::placeholder,.form__select__upper::placeholder,.form__textarea__upper::placeholder{text-transform:initial}@media (max-width: 380px){.form__input,.form__select,.form__textarea{font-size:1rem}}.form__select,.form__option{padding:10px 15px}.form__textarea{resize:none}.form__hidden-button{border:none;background-color:transparent;outline:none;cursor:pointer}.form--transparent{background-color:transparent;box-shadow:none}.form--inline{margin:20px auto;display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;padding:0 10px;place-items:center;grid-gap:10px}.form--inline .form__input{margin-bottom:0}@media (max-width: 420px){.form--inline .form__input{max-width:200px}}@media (max-width: 380px){.form--inline .form__input{max-width:170px}}.form--inline--checkbox{-ms-grid-columns:auto 60px 1fr;grid-template-columns:auto 60px 1fr;grid-gap:0}.form--inline--checkbox input[type="checkbox"]{margin:0;width:15px;height:15px;vertical-align:middle}.form--abonament{display:-ms-grid;display:grid;-ms-grid-columns:1fr auto auto;grid-template-columns:1fr auto auto;gap:5px;max-width:700px}.form--abonament .form__input{margin-bottom:0}.form--abonament .btn{min-width:80px;max-width:200px;margin:0 auto}@media (max-width: 660px){.form--abonament{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-row-gap:15px}.form--abonament .form__input{grid-column:span 2}}.form__checkbox-group{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);margin-bottom:1.2rem}.form__checkbox{margin:0;width:15px;height:15px;vertical-align:middle;margin-right:5px}.form__label{display:flex;justify-content:center;align-items:center;font-size:1.2rem}.form--stretch{-ms-grid-column-align:stretch;justify-self:stretch}.form-inline{display:flex;width:100%}.form-inline input{margin-right:5px;flex:1}@media (max-width: 450px){.form-inline input{max-width:100px}}.form-inline .btn{min-width:70px;padding:3px 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header{background-color:#e61b22;color:#fff;padding:0 20px;display:flex;box-shadow:0 0 10px 2px rgba(0,0,0,0.4);display:-ms-grid;display:grid;-ms-grid-columns:1fr auto 1fr;grid-template-columns:1fr auto 1fr}.header__title{display:flex;justify-content:center;align-items:center;font-size:1.9rem;font-weight:bold;text-transform:uppercase;text-shadow:0 1.5px #777, 0 3px black;flex:1;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3}.header__logo{background:#fff;background:radial-gradient(circle, #fff 16%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);height:60px;width:60px;padding:10px;margin:0 12px;border-radius:50%}.header__link{display:flex;justify-content:center;align-items:center}.header__logo img{width:100%}.header__controls{display:flex}.header__controls--reversed{flex-direction:row-reverse}.header__controls>a{display:flex;justify-items:center;align-items:center}.header__controls>a:not(:first-child){margin-left:10px}@media (max-width: 660px){.header{padding:0 10px}.header .header__text{font-size:1.4rem}.header .hide-sm{display:none}}@media (max-width: 360px){.header__logo{height:50px;width:50px;margin:0 6px}.header .header__text{font-size:1.2rem}}.history-container{width:800px;max-width:95%;margin:40px auto}.history-title{text-align:center}.history{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[5] 90px;grid-template-columns:repeat(5, 1fr) 90px;grid-gap:10px;padding:10px;background-color:white;border-bottom:1px solid #333;align-items:center;box-shadow:0 0 10px #969696}.history__message{text-align:center;font-size:1.2rem;margin-top:80px}.history__name{-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1 / span 3;font-weight:600}.history__buttons{display:flex;align-items:center;justify-content:space-around}@media (max-width: 660px){.history{-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;-ms-grid-columns:1fr 1fr 90px;grid-template-columns:1fr 1fr 90px}}.home{margin:50px auto;max-width:900px;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;place-items:center;grid-gap:40px}@media (max-width: 900px){.home{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);max-width:600px}}@media (max-width: 600px){.home{-ms-grid-columns:1fr;grid-template-columns:1fr;max-width:300px}}.shortcut{color:black;padding:20px 15px;width:100%;height:100%;font-weight:bold;background-color:white;border:5px solid #e61b22;border-radius:30px;box-shadow:0 0 8px rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none;transition:transform 0.2s}.shortcut__icon{font-size:55px;margin-bottom:20px}.shortcut__title{color:#e61b22;font-size:1.65rem;text-transform:uppercase;letter-spacing:-0.5px}.shortcut:hover,.shortcut:focus{transform:scale(1.05)}i{cursor:pointer}.material-icons.md-28{font-size:28px}.material-icons.md-30{font-size:30px}.material-icons.md-32{font-size:32px}.material-icons.md-35{font-size:35px}@media (max-width: 900px){.material-icons.md-28{font-size:23px}.material-icons.md-30{font-size:25px}.material-icons.md-32{font-size:30px}.material-icons.md-35{font-size:32px}}.list{text-align:left;padding:0;font-size:1.1rem;line-height:1.5}.list-container{width:95%;max-width:400px;margin:0 auto}.message{--fade-out-delay: 3s;--top: 80;position:absolute;top:calc(var(--top) * 1px);left:50%;transform:translateX(-50%);padding:8px 15px;background-color:white;border:1px solid #222;border-radius:10px;color:#00a841;font-weight:bold;box-shadow:0 0 10px rgba(0,0,0,0.5);animation:fadeout 0.4s ease-out var(--fade-out-delay) 1 normal forwards;z-index:100;text-align:center;transition:top 0.4s ease-out}.message--error{color:red}.message--abonament{--top: 120px;--fade-out-delay: 5s}@keyframes fadeout{from{opacity:1}to{opacity:0}}.navbar{display:flex;justify-content:space-evenly;position:-webkit-sticky;position:sticky;top:0;max-width:600px;margin:0 auto;font-size:1.2rem}.navbar--wide{max-width:900px;width:100%;overflow-x:auto}.navbar__link{background-color:white;padding:13px 15px 8px;text-align:center;min-width:150px;border:1px solid rgba(0,0,0,0.5);border-top:none;position:relative;margin:0 5px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;justify-content:center;align-items:center}.navbar__link--active,.navbar__link.active{box-shadow:inset 0 0 0 2px black;background-color:#c2fd77}@media (max-width: 900px){.navbar__link{padding:13px 10px 8px}}@media (max-width: 660px){.navbar__link{min-width:unset;width:100%}.navbar__link .hide-sm{display:none}}.profile{width:90%;max-width:700px;background-color:white;margin:50px auto;padding:20px 40px 30px;border:2px solid black;border-radius:30px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr;grid-gap:40px}.profile__side{display:flex;justify-content:center;align-items:center;flex-direction:column}.profile__icon{display:flex;justify-content:center;align-items:center}.profile__icon>i{text-align:center;font-size:10rem;margin-bottom:0}.profile__name{font-size:1.8rem;font-weight:bold;text-align:center}.profile__form{padding:20px 0 0;display:flex;flex-direction:column}.profile__label{margin-bottom:5px;font-size:1.3rem}.profile__button{margin-top:10px}.profile__notification{grid-column:span 2;display:flex;justify-content:space-evenly;padding:20px 0}.profile__notification .notification{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:80px;height:80px;background-color:gray;display:flex;justify-content:center;align-items:center;border-radius:100%;cursor:pointer;transition:0.5s ease-in-out}.profile__notification .notification.active{background-color:#e61b22;box-shadow:0 0 0 5px white,0 0 0 10px #e61b22}.profile__notification .notification i{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:3rem;color:white}@media (max-width: 660px){.profile{grid-gap:20px 10px;padding:10px 20px 20px 5px}.profile__notification{padding:20px 0}}@media (max-width: 500px){.profile{-ms-grid-columns:1fr;grid-template-columns:1fr;padding:20px}.profile__notification{grid-column:span 1;padding:15px 0}}.search{margin:30px auto 20px;max-width:600px;width:95%}.search__box{font-size:1.2rem;padding:0.5rem 1rem}.table{max-width:500px;width:95%;margin:0 auto 20px;background-color:white;border-collapse:collapse;box-shadow:0 0 5px rgba(0,0,0,0.5)}.table--wide{max-width:500px}.table__head th{padding:10px 3px}.table__head th,.table__body td{padding:5px 3px;border-bottom:1px solid rgba(0,0,0,0.4);vertical-align:middle}.table__empty td{padding:30px}.table-title{text-align:center;margin:2rem 0 1rem}.table tr td:first-child,.table tr td:last-child{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:10px;padding-right:10px}.table tbody tr td:nth-child(2){text-align:left;padding:3px 10px}.table input[type="checkbox"]{margin:0;width:15px;height:15px;vertical-align:middle}.table--abonament{margin:50px auto;font-size:1.1rem}.table--abonament tbody tr td,.table--abonament tbody tr td:nth-child(2){padding:10px 25px;text-align:center}.table--abonament tbody tr:last-child{background-color:#ffdf53;font-weight:bold}.user-container{width:95%;margin:40px auto;max-width:800px}.user-title{margin:4rem 0 1rem;text-align:center}.user{display:-ms-grid;display:grid;-ms-grid-columns:40px 100px auto 1fr auto auto;grid-template-columns:40px 100px auto 1fr auto auto;background-color:white;border-bottom:1px solid #333;align-items:center;justify-items:center;box-shadow:0 0 10px #969696;padding:7px;grid-gap:10px}.user__name{display:block;font-size:1.1rem;font-weight:600;display:flex;justify-content:center;align-items:center;height:100%}.user__email{text-overflow:ellipsis;overflow:hidden;max-width:100%}.user__badges{display:flex;width:100%}@media (max-width: 660px){.user{-ms-grid-columns:40px 100px 1fr auto;grid-template-columns:40px 100px 1fr auto;grid-gap:5px}.user__badges{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1 / span 3}.user__email{font-size:0.9rem}}.abonament{width:95%;margin:20px auto;max-width:500px;padding:10px 20px}.abonament__code{font-weight:bold;font-size:1.5rem}.abonament__link{padding:0.5rem 0;text-decoration:underline}.abonament__link:hover{color:#fff}.abonament-no-result{text-align:center;font-weight:bold;margin-top:50px;font-size:1.2rem}.abonament-history{max-width:800px;width:95%;margin:0 auto}.abonament-history__title{margin-top:50px;font-size:1.25rem;text-decoration:underline;text-align:center}.abonament-history__list{margin-top:10px;list-style:none;font-size:1rem;padding:0}.abonament-history__list>li{margin:5px 0;display:-ms-grid;display:grid;gap:10px;-ms-grid-columns:(2fr)[4];grid-template-columns:repeat(4, 2fr);background-color:#fff;padding:10px 20px;border-bottom:1px solid #ccc;align-items:center}.abonament-history__list>li>:first-child{font-weight:bold}.abonament-history__list>li :last-child{text-align:center}.abonament-history__list__link{background-color:red;padding:2px 5px;margin-top:4px;border-radius:5px;color:white;display:inline-block;margin-left:10px;cursor:pointer;width:50px;text-align:center;border:none}.abonament-history__list__link:hover,.abonament-history__list__link:disabled{background-color:black}.abonament.available{background-color:#d6ffa0}.abonament.sold{background-color:#ff6456}.abonament.new{background-color:#ffee54}.abonament header{margin:5px 0 10px;text-align:center;font-weight:bold}.abonament main{display:flex;justify-content:space-between;align-items:center;gap:10px}.abonament main>.btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:10px;padding-right:10px}.p-0{padding:0 !important}.mb-0{margin-bottom:0 !important}.mb-20{margin-bottom:20px !important}.mt-100{margin-top:100px !important}.hidden{display:none}.highlight{background-color:#e61b22;color:white}.text-center{text-align:center}hr{max-width:800px;width:95%}