/*
 * https://github.com/flaute/bootstrap-colorselector
 * Copyright (C) 2014 Flaute
 * Licensed under the MIT license
 */
.dropdown-colorselector>.dropdown-menu{top:80%;left:-7px;padding:4px;min-width:130px;max-width:130px}.dropdown-colorselector>.dropdown-menu>li{display:block;float:left;width:20px;height:20px;margin:2px}.dropdown-colorselector>.dropdown-menu>li>.color-btn{display:block;width:20px;height:20px;margin:0;padding:0;border-radius:0;position:relative;-webkit-transition:all ease .1s;transition:all ease .1s}.dropdown-colorselector>.dropdown-menu>li>.color-btn:hover{text-decoration:none;opacity:.8;filter:alpha(opacity=80);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}.dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after{content: "done";color: #FFF;position: absolute;left: 0;right: 0;text-align: center;font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 20px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;}.dropdown-menu.dropdown-caret:after,.dropdown-menu.dropdown-caret:before{content:"";display:inline-block;position:absolute}.btn-colorselector{display:inline-block;width:20px;height:20px;background-color:#DDD;vertical-align:middle;border-radius:0}.dropdown-menu.dropdown-caret:before{border-bottom:7px solid rgba(0,0,0,.2);border-left:7px solid transparent;border-right:7px solid transparent;left:9px;top:-7px}.dropdown-menu.dropdown-caret:after{border-bottom:6px solid #FFF;border-left:6px solid transparent;border-right:6px solid transparent;left:10px;top:-6px}




@font-face
{
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v53/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons
{
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    /*    font-size: 120%; */
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
}

.c-app
{
    background-attachment: fixed;
    background-blend-mode: multiply;
    background-clip: content-box;
    background-image: url('/img/background.hd.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 1000px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1000px) and (min-resolution: 192dpi), screen and (min-resolution: 2dppx)
{
    .c-app
    {
        background-image: url('/img/background.2k.jpg');
    }
}

.c-sidebar.c-sidebar-dark
{
    background-color: rgba(99, 111, 131, 0.5);
}

.c-sidebar .c-sidebar-nav-dropdown-toggle, .c-sidebar .c-sidebar-nav-link
{
    background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.c-sidebar .c-sidebar-nav-dropdown-toggle:hover, .c-sidebar .c-sidebar-nav-link:hover
{
    background-image: linear-gradient(to left, rgba(43, 46, 74, 1), rgba(0, 0, 0, 0));
}

.c-sidebar .c-sidebar-nav-dropdown-toggle:hover, .c-sidebar .active > .c-sidebar-nav-link
{
    background-image: linear-gradient(to left, rgba(43, 46, 74, 1), rgba(43, 46, 74, 1));
    color: #F9B115;
}

.c-main
{
    background: rgba(43, 46, 74, 0.75);
}

/* warper fixer */
.input-group > div.input
{
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    width: 100%;
}

.input-group > .input > .form-control
{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-bottom: 0;
    min-width: 0;
    position: relative;
    width: 100%;
}

a
{
    color: #F9B115;
}

canvas
{
    border: 2px solid rgba(0, 0, 0, 0.8);
    border-color: #333;
    border-radius: 3px;
}

.back-to-top
{
    bottom: 30px;
    cursor: pointer;
    position: fixed;
    right: 20px;
    display:none;
}

/* YVE: plotview depending stuff */
#seatplan > tbody > tr, rect[data-table]
{
    cursor: pointer;
}

.tablehighlight
{
    background: rgb(51, 153, 255);
    fill: rgb(51, 153, 255);
}

#cplansvg
{
    border: 1px solid #333;
    border-radius: .25rem;
    cursor: default;
}

#cplansvg text
{
    stroke-linejoin: round;
    text-rendering: optimizeSpeed;
}

#cplansvg.dragging
{
    cursor: grab;
}
.svg-pan-zoom_viewport
{
    transition: all 0.75s ease;
}