@font-face {
    font-family: 'Roboto';
    src: url('/tmpl/fonts/Roboto-Regular.eot');
    src: url('/tmpl/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('/tmpl/fonts/Roboto-Regular.woff2') format('woff2'),
    url('/tmpl/fonts/Roboto-Regular.woff') format('woff'),
    url('/tmpl/fonts/Roboto-Regular.ttf') format('truetype'),
    url('/tmpl/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/tmpl/fonts/Roboto-Bold.eot');
    src: url('/tmpl/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('/tmpl/fonts/Roboto-Bold.woff2') format('woff2'),
    url('/tmpl/fonts/Roboto-Bold.woff') format('woff'),
    url('/tmpl/fonts/Roboto-Bold.ttf') format('truetype'),
    url('/tmpl/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(../fonts/material.woff2) format('woff2');
}

@font-face {
    font-family: 'Material Symbols';
    font-style: normal;
    font-weight: 100 700;
    src: url(../fonts/material2.woff2) format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.material-symbols {
    font-family: 'Material Symbols';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined, .material-symbols {
    font-variation-settings:
            'FILL' 1,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24
}


.ql-editor p {
    margin: 7px 0!important;
}

.free {
    background: #fd9eff;
    background: linear-gradient(90deg, #cf78ec 10%, #b87fd1 85%)!important;
}
.custom {
    background: #2884EF;
    background: linear-gradient(90deg, #2884EF 10%, #6ea5e4 85%)!important;
}
.bilietai, .bilesuserviss {
    background: #d20920;
    background: linear-gradient(90deg, #d20920 10%, #ff394f 85%)!important;
}
.kakava {
    background: #4b00cb;
    background: linear-gradient(90deg, #4b00cb 10%, #8944ff 85%)!important;
}
.paysera {
    background: #000099;
    background: linear-gradient(90deg, #33cc66 10%, #3399ff 85%)!important;
}
.shownet {
    background: #ff8800;
    background: linear-gradient(90deg, #ff8800 10%, #fe9800 85%)!important;
}
.ticketshop {
    background: #4199df;
    background: linear-gradient(90deg, #1783ce 10%, #69a0d3 85%)!important;
}
.ticketmarket {
    background: #5e0448;
    background: linear-gradient(90deg, #5e0448 10%, #a21a84 85%)!important;
}
.forum {
    background: #ffcb08;
    background: linear-gradient(90deg, #e5b60d 10%, #ffcc25 85%)!important;
}
.multikino {
    background: #eb008b;
    background: linear-gradient(90deg, #cc057c 10%, #f50491 85%)!important;
}

.label.label-inline {
    padding: 2px 5px;
    border-radius: 3px;
    color: #fff;
}


.fv-plugins-bootstrap5-row-invalid .form-control, .fv-plugins-bootstrap5-row-invalid .form-select {
    border: 1px solid red;
}