@font-face {
    font-family: "Dosis";
    src: url("../fonts/DosisMedium-xP6m.ttf");
}

@font-face {
    font-family: "Sansation";
    src: url("../fonts/sansation/Sansation-Regular.ttf");
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-Regular.ttf");
}

html {
    /*font-size: 100%;*/
}

.nowrap {
    text-wrap: nowrap;
    white-space: nowrap;
    hyphens: none;
}

.skeleton {
    display: none;
}
.skeleton:only-child {
    display: unset;
}

body,
input,
select,
textarea,
button {
    font-family: 'Rubik', sans-serif;
}

body {
    /* is set in the _core.html file */
}

/*html.html-login {*/
/*    background-image: url("/static/imgs/login-bg.jpg");*/
/*    background-position: top center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-attachment: fixed;*/
/*}*/
html.html-login body {
    background: transparent;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
    border-color: var(--bulma-border);
    border-style: solid;
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top;
}

.is-locked {
    background: repeating-linear-gradient(135deg, hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-l)) 0%, hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-l)) 10%, transparent 10%, transparent 20%);
}

.video-container {
    max-width: 480px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

 /* width */
::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

/* Track */
::-webkit-scrollbar-track {
    background: hsl(var(--bulma-light-h) var(--bulma-light-s) var(--bulma-soft-l));
    border-radius: var(--bulma-radius);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--bulma-primary);
    border-radius: var(--bulma-radius);
}

*:hover::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.is-truncated-inline {
    /* max-width: 30vw; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block !important;
}

.is-truncated {
    max-width: 30vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width:769px) {
    .is-truncated {
        max-width: 15vw;
    }
}
/* Bulma overrides */
:root {
    /*--tooltip-bg-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-l));*/
    --tooltip-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-invert-l));
    --female-color: #e01e5a;
    --male-color: #1396b4;
    --bulma-loading-color: var(--bulma-primary);
    /*--male-color: blue;*/
    /*--female-color: red;*/
}
.table tr.is-deleted {
    --bulma-table-cell-background-color: hsl(360, 28%, var(--bulma-soft-l));
    /*--bulma-table-cell-border-color: hsl(360, 14%, 14%);*/
}

.navbar {
    --bulma-navbar-item-color-l: var(--bulma-light-l);
}
.navbar-item:hover {
    background-color: hsl(204, 69%, 15%);
}
.button.is-success{
    --bulma-button-color-l: var(--bulma-light-l);
}
.button.is-info{
    --bulma-button-color-l: var(--bulma-light-l);
}
.button.is-primary{
    --bulma-button-color-l: var(--bulma-light-l);
}
.button.is-link{
    --bulma-button-color-l: var(--bulma-light-l);
}
.button.is-danger{
    --bulma-button-color-l: var(--bulma-light-l);
}
.tag.is-info{
    --bulma-tag-color-l: var(--bulma-light-l);
}
.tag {
    --bulma-tag-delete-margin: 0px;
}
.panel-block {
    padding: 0.25rem 0.5rem
}
.modal-card-title {
    flex-shrink: 1;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: keep-all;
    overflow-x: auto;
    overflow-y: clip;
}

.fp-card.fp-fullscreen {
    position: fixed;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    /*background: white; !* aby překryla vše pod ní *!*/
}

.fp-card.fp-fullscreen > .fp-card-header {
    flex-shrink: 0; /* hlavička má fixní výšku */
}

.fp-card.fp-fullscreen > .card-content {
    flex: 1 1 auto;
    max-height: unset !important;
    overflow: auto; /* umožní scroll */
}

tr.is-highlighted td:first-child {
    background-color: var(--bulma-danger);
}

/*.modal-card-head{*/
/*   --bulma-modal-card-head-padding: var(--bulma-padding)*/
/*}*/
/*=====================*/