@font-face {
    font-family: 'NotoMusicLocal';
    src: url('NotoMusic-Regular.ttf');
}

.main-header .logo img 
{
    max-width: 100%;
}


.dashboard-img 
{
    width: 100px;
    height: 100px;
}
.dashboard-img-i 
{
    font-size:20pt;
    padding-top:30px;
}

.uef-centered 
{
    text-align: center;
}


.skin-black-light .main-header .logo
{
    background-color: #ffffff;
}

.box-primary.uef-dashboard:hover,
.skin-black-light .main-header .logo:hover
{
    background: #fcfcfc;
    cursor: pointer;
}

.skin-black-light .main-header .logo span,
.skin-black-light .main-header .logo span:hover
{
    color: #3c8dbc;
}

.uef-header.input-group
{
    padding-top: 8px;
}

.uef-infinite-list 
{
    display: flex;
    flex-direction: row;
    overflow: auto;
   
}

.uef-infinite-list .uef-list-title:hover,
.uef-list-public .uef-list-title:hover,
.uef-infinite-list .uef-list-group:hover,
.uef-pointer:hover
{
    cursor: pointer;
}

.cast-box:hover,
.cast-box:hover table tr
{
    background-color: #f5f5f5;
}


.uef-prameny-table,
.uef-dataset-table
{
    flex:1;
}


.uef-prameny-filter
{
    min-height: 0px;
    padding: 8px;
}
.uef-prameny-filter-parent {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  align-self: flex-start;
}

.uef-spinner
{
    padding: 16px;
}

.uef label
{
    margin-right: 5px;
}

.uef-dropzone-preview div {
    display: inline-block;
}
.uef-dropzone-preview  {
    display: flex;
}

.uef-dropzone-preview .dz-message {
    flex: 1;
}

.dropzone-imgview-imgdiv {
    background-color: #fff;
}

.dropzone-imgview-imgdiv img {
    width:100%;
    height:auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.uef-list-public {
    white-space:normal;
}

.uef-list-title {
    display: flex;
}

.uef-list-actions {
    width: 100px;
}


.uef-formtab-simple > div.box.box-primary > div.box-header,
.uef-formtab-noheader > div.box.box-primary > div.box-header,
.uef-formtab-noty > div.box.box-primary > div.box-header
{
    display:none;
}
.uef-formtab-noty > div.box.box-primary > div.box-body
{
    padding-top:0px;
}

.uef-formtab-simple > div.box.box-primary > div.box-body
{
    padding:0px;
    padding-bottom: 4px;
}
.uef-formtab-simple > div.box.box-primary,
.uef-formtab-simple > div.box.box-primary > div.box-body 
{
    border:none;
   /* box-shadow:none; */
    margin:0px;
    width:100%;
}



.uef-formtab-simple > div.box.box-primary > div.box-body > div.sonata-ba-collapsed-fields > div.form-group
{
    margin:0px;
}
.uef-formtab-simple > div.box.box-primary > div.box-body > div.sonata-ba-collapsed-fields > div.form-group > label.control-label
{
    display:none;
    margin:0px;
}

.uef-formtab-simple > div.box.box-primary > div.box-body > table.table > tbody > tr.sonata-ba-view-container >th,
.uef-formtab-nolabel > div.box.box-primary > div.box-body > table.table > tbody > tr.sonata-ba-view-container >th,
.uef-formtab-img > div.box.box-primary > div.box-body > table.table > tbody > tr.sonata-ba-view-container >th
{
    display:none;
}


.uef-formtab-simple > div.box.box-primary > div.box-body > table.table > tbody > tr.sonata-ba-view-container >td,
.uef-formtab-img > div.box.box-primary > div.box-body > table.table > tbody > tr.sonata-ba-view-container >td
{
    padding: 0px;
    border: none;
}


.uef-formtab-img > div.box.box-primary > div.box-body > table.table > tbody > tr.sonata-ba-view-container >td
{
    text-align: center;
    padding-bottom: 0px;
}

.uef-formtab-img > div.box.box-primary:hover
{
    cursor: pointer;
    background: #fcfcfc;
}

ul.pagination.uef-pagination > li > span.uef-pagination-input 
{
    padding: 4px 12px 3px 12px;
    background-color: rgb(250,250,250);
    
    color: black;
}

ul.pagination.uef-pagination > li > span.uef-pagination-input > input
{
    text-align:center;
    width: 40px;
}

ul.pagination.uef-pagination .uef-disabled 
{
    background-color: white;
}

ul.pagination.uef-pagination .uef-disabled:hover 
{
    cursor: default;
}

.uef-modal-sken-h4
{
    padding: 6px 0px;
}

.uef-modal-sken-popis
{
    padding: 0px 18px;
    text-align:left;
}

.abcjs-inline-midi,
.abcjs-inline-audio
{
    width: 100%;
    height: 18px;
    margin-top:4px;
}
.abcjs-inline-midi .abcjs_midi_progress_background,
.abcjs-inline-audio .abcjs-midi-progress-background 
{
    height: 7px;
    border-radius: 3px
}

.abcjs-inline-midi .abcjs_midi_progress_indicator /*, 
.abcjs-inline-audio .abcjs-midi-progress-indicator */
{
    height: 10px;
    border-radius: 4px
}
.abcjs-inline-audio .abcjs-midi-progress-indicator 
{
    margin-top:1px;
    height: 9px;
    border-radius: 4px
}
.abcjs-inline-midi .abcjs-btn,
.abcjs-inline-audio .abcjs-btn,
.abcjs-inline-midi .abcjs-midi-clock,
.abcjs-inline-audio .abcjs-midi-clock
{
    font-size: 10px;
}

.abcjs-inline-audio .abcjs-btn
{
    margin-top:3px;
}
.abcjs-inline-audio .abcjs-btn.abcjs-midi-start.abcjs-pushed,
.abcjs-inline-audio .abcjs-btn.abcjs-midi-start.abcjs-loading
{
    margin-top:1px;
}
.abcjs-inline-audio .abcjs-btn.abcjs-midi-clock
{
    margin-top:0px;
    padding-left:0px;
    padding-right:0px;
}

.abcjs-inline-audio .abcjs-btn svg
{
    height: 10px;
}

.abcjs-inline-midi .abcjs-midi-loop.abcjs-pushed, 
.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed 
{
	border: 1px solid #cccccc;
	background-color: #666666;
	box-sizing: border-box;
}

.abcjs-inline-midi .abcjs-btn, 
.abcjs-inline-audio .abcjs-btn 
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 20px;
   
}

.abcjs-inline-midi .abcjs-btn.abcjs-btn-nofloat, 
.abcjs-inline-audio .abcjs-btn.abcjs-btn-nofloat 
{
    float:none;
    width: 10px;
}

.uef-midi-pisen .abcjs-inline-audio .abcjs-tempo-wrapper
{
    display:none;
}



.box.box-primary.uef-box-inner
{
    margin-bottom: 0px;
}

.uef-formtab-pisen 
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.uef-formtab-pisen-break
{
    flex-basis: 100%;
    width: 0;
}

.uef-navbar-brand
{
    height: 0px;
    padding-bottom: 0px;
}

.uef-midi-pisen .abcjs-inline-midi {
    height: 14px;
}
.uef-midi-pisen .abcjs-inline-midi .abcjs-midi-progress-indicator {
    height: 11px;
    top: -2px;
}

.uef-midi-pisen .abcjs-inline-midi .abcjs-midi-clock {
    margin-top: 1px;
}

.piano {
    display: flex;
}

.piano .key {
    height: calc(var(--width)*4);
    width: var(--width);
}

.piano .key.white {
    --width: 17px;
    background-color: white;
    border: 1px solid #333;
}

.piano .key.white:hover {
    background-color: #ccc;
}

.piano .key.black {
    --width: 10px;
    background-color: black;
    border: 1px solid #333;
    margin-left: calc(var(--width)/-2);
    margin-right: calc(var(--width)/-2);
    z-index: 2;
}

.piano .key.black.half {
    width: calc(var(--width)/2);
}

.piano .key.black.half.right{
    margin-right: 0;
}
.piano .key.black.half.left{
    margin-left: 0;
}

.piano .key.black:hover {
    background-color: #555;
}

.input-group-btn:first-child > .btn.note
{
    margin-left: 0px;
}
.input-group-btn:last-child > .btn.note
{
    margin-right: 0px;
}



.input-group-btn:first-child > .btn.note,
.note {
    font-family: 'NotoMusicLocal', 'Segoe UI Symbol',  sans-serif;
    font-size:14pt;
    padding-top:2px;
    padding-bottom:2px;
    margin-right:2px;
}
.input-group-btn:last-child > .btn.note {
    margin-left:0px;
}

.btn.note {
    width: 38px;
    max-width: 38px;
}

.btn.note.active {
    background-color: #bbb;
    
}
.btn.note.active:hover {
    background-color: #999;
    
}

.uef-login {
    display:flex; 
    justify-content:center;
}

.col-md-12.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}
.no-padding-left {
    padding-left:0px;
}
.no-padding-right {
    padding-right:0px;
}
.uef-mapa {
    height:300px;
    text-align:center;
}
.uef-mapa.uef-mapa-big {
    height: 100%;
}

.uef-prameny-filter-parent {
    padding-left:15px;
}


.form-group.center
{
    padding-left:0px;
    padding-right:0px;
}
.form-group.left
{
    padding-left:0px;
}
.form-group.right
{
    padding-right:0px;
}



.uef-import-button {
    padding-right:5px;
    display:inline-block;
}

.pisen_noty_viz .uef_hide_on_empty,
.uef_empty .uef_hide_on_empty,
.uef_empty .abcjs-inline-audio,
.uef_empty .uef_show_if_not_empty
{
    display:none;
}
.pisen_noty_viz .uef_empty .uef_show_if_not_empty
{
    display:inline-block;
}

.uef_not_empty .uef_show_empty
{
    display:none;
}

.form-group.noFirstLabel > label 
{
    display:none;
}

.height1
{
    min-height:1px;
}



.uef-hidelabel label
{
    display:none;
}

.uef-show-group-wide .sonata-ba-view-container th {
    width:260px;
}

.pisen_noty_div .pisen_abc_viz
{
    display:none;
}
.pisen_noty_viz .pisen_noty_div .pisen_abc_viz
{
    display:inline-block;
}


.content-wrapper {

    /*
    background-image: url("/img/paper-background.png");
    background-repeat:no-repeat;
    */
    background-color: #e9eae8;
    
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
   
}

.content-wrapper1,
.skin-black-light .main-sidebar
{
    background-color: rgb(244, 244, 245);
}

a.uef_a_black 
{
    color: #333;
}

.sken-nazev
{
    max-width: 30%;
}

.skeny-range
{
    padding-left:4px;
}

.sken-obsah 
{
    max-height:6em;
    overflow-y:auto;
    overflow-x:hidden;
    white-space: nowrap;
    max-width: calc(70% - 210px);
    min-width:calc(70% - 420px);
}

.sken_select_pos .select2-container--bootstrap .select2-selection--single 
{
    height: auto;
    padding: 0px;
    border: none;
    border-radius:0px;
    box-shadow: none;
    border-image: none;
    text-align: left;
}

h1.navbar-brand {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 400px;
}


.li-menu-bordertop {
    border-top:1px solid grey;
}

.fa-blank
{
    visibility:hidden !important;
}


.uef-log-table {
    white-space:nowrap;    
}

.uef-log-table td,
.uef-log-table th
{
    padding: 4px;
    vertical-align: top;    
}

td.uef-log-td-poznamka {
    white-space:normal;
    width: 100%
}


/* Style for custom marker */
.number-marker {
    background-color: #ff5722;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #000;
    text-align: center;
}


/* Custom SVG-based marker with a number inside */
.leaflet-marker-icon.custom-pin {
    background-color: transparent;
    border: none;
}

.uef-text-with-icon {
    display: flex;
    justify-content: space-between; /* Moves text left, icon right */
    align-items: center; /* Keeps them vertically aligned */
    width: 100%; /* Makes sure it fills the <td> */
}
.uef-info-icon {
    color: gray;
    margin-left: 5px; /* Adds spacing between text and icon */
}

.uef-hide-input input{
    display: none;
}

img.logo_badatelska {
    width: 100%; 
    top: -10px; 
    max-height: 150%; 
    position: relative;
    left: -10px;
}


@media (min-width: 992px) {
    .shortonly {
        display:none;
    }
}


@media (max-width: 991px) {
    .no-padding-left {
        padding-right:0px;
    }
    .no-padding-right {
        padding-left:0px;
    }

    .form-group.right,
    .form-group.left,
    .form-group.center
    {
        padding-left:0px;
        padding-right:0px;
    }
    
    .sken-nazev
    {
        white-space: nowrap;
        overflow: auto;
    }

    
    .navbar-left.sken-popis
    {
        text-align:center;
        width:100%;
        max-width:none;
        width:none;
    }
    .uef-modal-sken-popis
    {
        text-align:center;
        margin:auto;
    }

    .wideonly {
        display:none;
    }
}


@media (max-width: 767px) {

    .skin-black-light .main-header .logo
    {
        border-bottom: 1px solid #3c8dbc; 
    }

    .uef-prameny 
    {
        display: flex;
        flex-direction: column;
    }

    .uef-prameny-filter-parent
    {
        order: -1;
    }
    .uef-prameny-music-parent
    {
        order: -1;
    }

    .uef-header.input-group
    {
        padding-top: 0px;
        padding-bottom: 8px;
    }

    .table-responsive table tbody tr.sonata-ba-view-container th,
    .table-responsive table tbody tr.sonata-ba-view-container td
    {
        white-space: normal;
    }

    .navbar-left.sken-popis
    {
        text-align:center;
        width:100%;
        max-width:none;
    }
    .uef-modal-sken-popis
    {
        text-align:center;
        margin:auto;
    }


    .box.box-primary.uef-box-inner .table-responsive
    {
        margin-bottom: 0px;
    }

    .navbar-left
    {
        float: left !important;
    }

    
    .uef-infinite-list
    {
        flex-direction:column;
        
    }

    .uef-prameny-filter-parent {
        padding-left:auto;
        margin: auto;
    }    

    .noty-in-ds {
        max-width:250px;
    }

    .uef-prameny-filter-parent {
        padding-left: 0px;
    }

    
    
    
}