/*
	This CSS file matches the color scheme from MudBlazor to Bootstrap when utilized for authentication.
	The file remains available at all times for demonstration purposes,
	 but it is exclusively employed in the 'App.razor' component when authentication is enabled.
*/

.mud-elevation-4 {
    box-shadow: 0px 5px 14px 0px rgba(255, 255, 255, 0.2);
}



.btn-primary {
    /*text-transform: uppercase;*/
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}

.mud-dialog {
    box-shadow: 2px 2px 16px white !important;
}

.mapa-chip {
    margin: 0px;
    padding: 0px;
    text-transform: none;
}

/*.my-reconnect-modal > div {
    position: absolute !important;
    top: 0px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 5000 !important;
    overflow: hidden !important;
    background-color: #aaa !important;
    opacity: 0.95 !important;
    text-align: center !important;
    font-weight: bold !important;
    padding-top: 150px;
    font-size: 14pt;
}

.components-reconnect-hide > div {
    position: absolute !important;
    display: none;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: block;
}

.components-reconnect-refused > div {
    display: none;
}

.components-reconnect-refused > .refused {
    display: block;
}

.reload-site-button {
    padding: 20px !important;
    color: white !important;
    font-size: 14pt !important;
    border: solid 2px blue !important;
    background-color: navy !important;
    opacity: 1.0 !important ;
}*/



/*======================================DialogSavedPlaces.razor====================================*/
.saved-place{
    cursor:pointer;
}
    .saved-place:hover {
        color:#55AAFF;
        background-color:#AAAAAA22;
    }
.selected-place {
    color: yellow;
    background-color: #AAAAAA33;
}
/*======================================DialogMap.razor====================================*/
/* Change cursor when mousing over clickable layer */
.leaflet-clickable {
    cursor: crosshair !important;
} 

.leaflet-container {
    cursor: pointer !important;
}
    .leaflet-container:active {
        cursor: !important;
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }
.dropzone {
    border:solid 2px gray;
    border-radius:10px;
}
.dropzone-active {
    border-color:green;
}
    /*================================CalendarSmall.razor==================================*/
    .todocalendar-container {
        position: relative;
        /*border: solid 1px gray;*/
        /*border-radius: 8px;*/
        width: fit-content;
        /* border-radius: 10px 10px 10px 10px; */
        /* box-shadow: 3px 3px 4px rgba(100,100,100,0.45); */
    }

.todocalendar-table {
    width: 100%;
}

.todocalendar-header {
    /*color: #5f5f5f;*/

    letter-spacing: 5px;
    border-bottom: solid 2px gray;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    height: 45px;
    /* background-color: rgba(100,100,100,0.25);
        border-radius: 10px 10px 0px 0px; */
    font-size: var(--mud-typography-body1-size);
}

.header-current {
    background-color: rgba(255,255,255,0.08);
    border-bottom: solid 2px #0179be;
}

.todocalendar-cell {
    display: inline-flex;
    /*padding: 2px;*/
    width: 33px;
    height: 33px;
    margin: 3px;
    text-align: center;
    vertical-align: bottom;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: var(--mud-typography-body1-size);
    border-radius: 8px;
    cursor: pointer;
}

.todocalendar-header-days {
    display: inline-flex;
    margin-bottom: 0px;
    height: 18px;
    /*border:solid 1px red;*/
}

.todocalendar-cell:hover {
    border: dotted 2px silver;
    border-radius: 0px;
}

.days-active {
    opacity: 0.65;
    border: solid 1px silver;
}

.days-active-past {
    opacity: 0.35;
    border: solid 1px silver;
}

.days-current {
    opacity: 1;
    /*border: solid 2px green;*/
    border: solid 2px #0179be;
    background-color: rgba(255,255,255,0.25);
    font-weight: bold;
}

.days-hasitems {
    position: relative;
    opacity: 1;
    font-weight: bold;
    color: white;
}

.days-hasitems-past {
    opacity: 0.35;
}

    .days-disabled:hover {
        border: none;
    }

.notifier {
    display: block;
    border-radius: 100%;
    font-size: 10pt;
    font-weight: normal;
    /*padding:3px;*/
    width: 18px;
    height: 18px;
    text-align: center;
    /*vertical-align: top;*/
    /* border: solid 1px silver; */
    user-select: none;
}

.notifier-placement {
    position: absolute;
    right: -8px;
    top: -5px;
}

.notifier-gig {
    background-color: green;
    color: white;
    font-size: 11pt;
    width: 19px;
    height: 19px;
}

.notifier-gig-past {
    background-color: darkgray;
    color: white;
}

.notifier-maybe {
    background-color: red;
    color: white;
}

.notifier-cannot {
    background-color: red;
    color: white;
}


.gig-text {
    margin-left: 1em;
}

.tooltip {
    /* position: relative;
        display: inline-block;
        border-bottom: 1px dotted black; */
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #333333ee;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -60px;
        border: solid 2px silver;
        box-shadow: 0px 0px 15px silver;
        font-weight: normal;
        padding: 8px;
        opacity:0.95;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

    /*=======================================Home.razor======================================*/

.gigsCell {
    border-bottom: solid 1px #313131;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}

.gigsCellNotifier {
    padding-right: 0px;
    padding-top: 7px;
}

.pastGigsCell {
    border-bottom: solid 1px #313131;
    padding-right: 10px;
    padding-top: 3px;
    vertical-align: top;
    user-select: none;
}
.gigs-planned {
    font-size:11pt;
    
}

.gigs-planned-city {
    font-size: 13pt !important;
    color:white;
}

.gigs-past {
    font-size: 11pt;
}

.odkaz {
    text-decoration: none;
    color: orange;
    cursor: pointer;
}

    .odkaz:link {
        text-decoration: none;
        color: orange;
    }

    .odkaz:visited {
        text-decoration: none;
        color: orange;
    }

    .odkaz:active {
        text-decoration: none;
        color: orange;
    }

    .odkaz:hover {
        text-decoration: none;
        color: #fff1ca;
    }
.odkaz-empty {
    text-decoration: none;
    color: #ffd280;
}
.not-public-color {
    color:mediumvioletred;
}
.published {
}

.not-published {
    color: mediumvioletred;
}
.not-published-background {
    background-color: mediumvioletred;
}