/*
*/
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}
*, *:focus {
    outline: unset;
}
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
#info_btn{pointer-events:auto;cursor:pointer;}


/* infobox */
svg#infobox_close_btn {
    display: block !important;
    position: absolute;
    right: -30px;
    top: -4px;
    width: 24px;
    height: 24px;
    z-index: 9999;
    fill: #ffffff;
    /* background-color: rgba(0, 0, 0, 0.39); */
    padding: 2px;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
}
.infomedia > * {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}
.q-dialog .q-dialog__inner>div {
    overflow: inherit !important;
}

.q-dialog .fixed,.q-dialog  .fixed-bottom,.q-dialog  .fixed-bottom-left,.q-dialog .fixed-bottom-right,.q-dialog  .fixed-center,.q-dialog  .fixed-full,.q-dialog  .fixed-left,.q-dialog  .fixed-right,.q-dialog  .fixed-top,.q-dialog  .fixed-top-left,.q-dialog  .fixed-top-right,.q-dialog.fullscreen {
    position: fixed;
}
.q-dialog .absolute-full,.q-dialog  .fixed-full, .q-dialog.fullscreen {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.q-dialog a{
    color:#000000;
    text-decoration: underline;
}
.q-dialog .flex-center,.q-dialog  .items-center {
    align-items: center;
}
.q-dialog .flex-center,.q-dialog  .justify-center {
    justify-content: center;
}
.q-dialog .column,.q-dialog  .flex,.q-dialog  .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}
.q-dialog.fullscreen *,.q-dialog.fullscreen :after,.q-dialog.fullscreen :before {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
}
.no-pointer-events {
    pointer-events: none!important;
}
.q-dialog.fullscreen {
    z-index: 6000;
    border-radius: 0!important;
    max-width: 100vw;
    max-height: 100vh;
    position: fixed;
}
.q-dialog{
    transition: all 300ms ease-in-out;
    transform: scale(1);
    opacity:1;
}

.q-card::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);background-color: transparent;cursor: pointer;}
.q-card::-webkit-scrollbar{width: 8px;background-color: transparent;cursor: pointer;}
.q-card::-webkit-scrollbar-thumb{background-color: rgba(42, 58, 75, 0.6);cursor: pointer;transition: all 300ms ease-in-out;border-radius: 900px;}
.q-card::-webkit-scrollbar-thumb:hover{background-color: rgba(42, 58, 75, 0.9);}

.q-dialog.hide_popup *{
    pointer-events: none !important;
}
.q-dialog.hide_popup{
    pointer-events: none;
    /* transform: scale(0); */
    opacity:0;
}
.q-dialog .q-dialog__backdrop {
    z-index: -1;
    pointer-events: all;
    background: rgba(0,0,0,0.4);
}
.q-dialog .q-dialog__inner--minimized {
    padding: 24px;
}
.q-dialog .q-dialog__inner {
    outline: 0;
}
.q-dialog .q-card__actions {
    padding: 8px;
    align-items: center;
}
.q-dialog .q-card__section--vert {
    padding: 16px;
}
.q-dialog .q-card__section--vert {
    padding: 16px;
}
.q-dialog .q-card__section {
    position: relative;
}
.q-dialog .q-card>div {
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}
.q-dialog .q-card {
    box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative;
    transition: all 300ms ease-in-out;
    transform:scale(0);
    transform:scale(1);
}
.q-dialog.hide_popup .q-card{
    transform:scale(0);
}
.q-dialog .q-dialog__inner>div {
    pointer-events: all;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    border-radius: 4px;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
}
.q-dialog .q-dialog__inner--minimized>div {
    max-height: calc(100vh - 48px);
}
.q-dialog .q-card>div:first-child,.q-dialog .q-card>img:first-child {
    border-top: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.q-dialog .q-card>div:not(:last-child),.q-dialog .q-card>img:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.q-dialog .q-card>div:not(:first-child),.q-dialog .q-card>img:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.q-dialog .infoabovetitle {
    font-size: 0.8em;
    font-weight: 500;
}
.q-dialog .infotitle {
    font-size: 1.1em;
    font-weight: 700;
}
.q-dialog .infocontent {
    font-size: 0.8em;
    font-weight: 400;
}
.q-dialog .taggies {
    font-size: 0.8em;
    cursor: pointer;
}
.q-dialog .taggies a {
    padding: 5px;
}







