/* ----- OBECNÉ ----- */
.primaryButton {
    width: 100%;
    height: 50px;
    float: left;
    background-color: lightblue;
    color: darkblue;
    font-size: 1.5em;
    border: 1px solid lightblue;
    cursor: pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

.lightIcon {
    font-weight: bold;
}

.floatingWindow {
    box-shadow: 0 15px 50px 0 rgba(0, 0, 255, 0.15);
}

.box {
    margin: 100px 2%;
    width: 96%;
    max-width: 1500px;
    border-radius: 10px;
}

.loading {
    text-align: center;
    padding: 10px;
}

/* ----- ROZVRH ----- */
table {
    /*  margin: 100px 2%;
      width: 96%;
      max-width: 1500px;*/
    width: 100%;
    font-family: "Nunito", sans-serif;
    border-collapse: collapse;
    /*   border-style: hidden;*/
    border-radius: 10px;
    padding: 0;
    border-spacing: 0;
    color: dimgrey;

}

.tableHours th {
    padding: 5px 10px;
    background-color: #f1f1f1;
}

th {
    /* background-color: green;*/
    padding: 10px;
    border: 1px solid black;
    height: 60px;
}

tr {

}


table tr:first-child th {
    border-top: 0;
}

table tr th:first-child {
    border-left: 0;
}

table tr:last-child th {
    border-bottom: 0;
}

table tr th:last-child {
    border-right: 0;
}

.topLeftCorner {
    border-top-left-radius: 10px;
    border: none;
}

.topRightCorner {
    border-top-right-radius: 10px;
    border: none;
}

.bottomLeftCorner {
    border-bottom-left-radius: 10px;
    border: none;
}

.bottomRightCorner {
    border-bottom-right-radius: 10px;
    border: none;
}

.supply {
    background-color: lightblue;
}

.day {
    font-weight: bolder;
}

.date {
    font-weight: lighter;
}

.subject {
    font-weight: bolder;
    font-size: larger;
}

.teacher {
    font-weight: lighter;
    font-size: smaller;
}

.classroom {
    font-weight: lighter;
    font-size: small;
}

span {
    display: block;
}

.mark-úkol {
    background-color: blue;
    border-radius: 10px;
    width: 10px;
    height: 10px;
}

.mark-písemka {
    background-color: red;
    border-radius: 10px;
    width: 10px;
    height: 10px;
}

.mark-zkoušení {
    background-color: green;
    border-radius: 10px;
    width: 10px;
    height: 10px;
}

.mark-ostatní {
    background-color: yellow;
    border-radius: 10px;
    width: 10px;
    height: 10px;
}

/* ----- MODAL ----- */
#newEventModal {
    font-family: "Nunito", sans-serif;
    visibility: hidden;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4448;
    display: flex;
    align-items: center;
    /*     justify-content: center;*/
}

#modal {
    position: relative;
    border-radius: 10px;
    background: white;
    filter: drop-shadow(5px 5px 5px #555);
    padding: 1em;
    width: 400px;
    height: 200px;
}

.visible {
    visibility: visible !important;
}

#modal-content {
    /* max-width: calc(100vw - 20px);
     max-height: calc(100vh - 20px);*/
    overflow: auto;
}

#modal-content button {
    border-radius: 10px;
    border: none;
    cursor: pointer;

}

#modal-content input {
    border-radius: 10px;
    border: none;
    outline: none;
    background-color: #e8e8e8;
    width: 100%;
}


.suggestionBar {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.suggestion {
    /*flex: 1 1 50px;*/
    width: 25%;

}

.red {
    background-color: lightcoral;
    color: darkred;
}

.blue {
    background-color: lightskyblue;
    color: darkblue;
}

.green {
    background-color: darkseagreen;
    color: darkgreen;
}


#updateEventModal {
    font-family: "Nunito", sans-serif;
    visibility: hidden;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4448;
    display: flex;
    align-items: center;
    /*     justify-content: center;*/
}

#modalUpdate {
    position: relative;
    border-radius: 10px;
    background: white;
    filter: drop-shadow(5px 5px 5px #555);
    padding: 1em;
    width: 400px;
    height: 200px;
}

#modal-contentU {
    /* max-width: calc(100vw - 20px);
     max-height: calc(100vh - 20px);*/
    overflow: auto;
}


/* ----- ÚKOLY ----- */
#taskWindow {
    /*  display: block;*/
    margin: 0 2% ;
    width: 45%;
    border-radius: 10px;
    background-color: white;

}

.task {
    margin: 10px;
    font-size: larger;
    border-radius: 10px;
    padding: 5px;
}

.sortingBar {
    height: 50px;
    padding: 20px;
}

.sortingInput {
    --borderRadius: 10px;
    --spinnerWidth: 100px;
    --listBorderRadius: 10px;
    /*  --listBackground: lightgrey;*/
    --listShadow: 0 15px 50px 0 rgba(0, 0, 255, 0.15);
    outline: none;
    width: 50%;
}

.subjectInput {
    width: 100%;
    margin: 10px 0;
    /*   --border: none;

         --background: #e8e8e8;
       --multiItemBG: grey;
         --multiItemColor: white;*/
}

.TestMark, .písemkaMark {
    height: 16px;
    width: 16px;
    border-radius: 16px;
    display: inline-block;
    background-color: indianred;
}

.zkoušeníMark {
    height: 16px;
    width: 16px;
    border-radius: 16px;
    display: inline-block;
    background-color: mediumseagreen;
}

.úkolMark {
    height: 16px;
    width: 16px;
    border-radius: 16px;
    display: inline-block;
    background-color: cornflowerblue;
}

.tasksTitle {
    font-size: 2em;
    font-weight: bold;
}

.taskDate {
    font-weight: bold;
    margin: 0 5px;
    font-size: 1.2em;
    min-width: 200px;
    display: inline;
    /*    color: dimgrey;*/
}

.taskSubject {
    font-weight: bold;
    margin: 0 5px;
    font-size: 1.2em;
    width: 100px;
    display: inline;
}

.taskDash {
    display: inline;
}

.taskName {
    display: inline;
}

.taskNote {
    width: 100%;
    display: inline;
}


/* ----- DETAIL ÚKOLU ----- */
.taskDetailWindow {
    /* position: relative;*/
    float: right;
    height: 100%;
    width: 45%;
}

#taskDetailWindow {
    /*  display: block;*/
    margin: 0 2% 100px 2%;
    top: 2.5rem;
    width: 100%;
    border-radius: 10px;
    background-color: white;
    position: sticky;


}

hr {
    border: none;
    border-top: 1px solid dimgrey;
}

.taskDetailHeader {
    /* display: block;*/
    margin: 10px 0;
}

.deleteIcon, .editIcon {
    cursor: pointer;
    padding: 5px;
    margin: 5px;
    display: inline-block;
    transition: background-color 0.5s;
    border-radius: 16px;
}

.deleteIcon:hover {
    transition: background-color 0.5s;
    color: red;
    background-color: rgba(205, 92, 92, 0.19);
    border-radius: 16px;
}

.editIcon:hover {
    transition: background-color 0.5s;
    color: darkblue;
    background-color: lightblue;
    border-radius: 16px;
}

@keyframes example {
    from {
        background-color: white;
    }
    to {
        background-color: #cc9999;
    }
}

.taskDetailName {
    display: inline-block;
    font-weight: bold;
    font-size: 1.5em;

}


.taskDetailDate, .taskDetailNote {
    margin: 0 40px;
}

/* ----- FOOTER ----- */
.footer {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    bottom: 0;
}

.redHeart {
    display: inline-block;
    color: red;
    font-size: 1.2em;
}

/* ----- MOBILE ----- */

@media screen and (max-width: 800px) {
    .box {
        margin: 2%;
    }

    tr {
        display: block;
        float: left;
        width: 20%;
        border: none;
    }


    td {
        border: 1px solid black;
    }


    th, td {
        display: block;
        border: none;
        border-top: 1px solid black;
        border-right: 1px solid black;
    }

    .tableHours {
        display: none
    }

    table tr:first-child th {
        border-left: 0;
    }

    table tr th:first-child {
        border-top: 0;
    }

    table tr th:last-child {
        border-right: 1px solid black;
    }

    table tr:last-child th {
        border-right: 0;
    }

    #taskWindow {
        width: 96%;
        margin: 10px 2%;
    }

    .taskDetailWindow {
        width: 96%;
        height: auto;
    }

    #modal {
        margin: 2%;
    }
}.selectContainer.svelte-17l1npl.svelte-17l1npl{--internalPadding:0 16px;border:var(--border, 1px solid #d8dbdf);border-radius:var(--borderRadius, 3px);box-sizing:border-box;height:var(--height, 42px);position:relative;display:flex;align-items:center;padding:var(--padding, var(--internalPadding));background:var(--background, #fff);margin:var(--margin, 0)}.selectContainer.svelte-17l1npl input.svelte-17l1npl{cursor:default;border:none;color:var(--inputColor, #3f4f5f);height:var(--height, 42px);line-height:var(--height, 42px);padding:var(--inputPadding, var(--padding, var(--internalPadding)));width:100%;background:transparent;font-size:var(--inputFontSize, 14px);letter-spacing:var(--inputLetterSpacing, -0.08px);position:absolute;left:var(--inputLeft, 0);margin:var(--inputMargin, 0)}.selectContainer.svelte-17l1npl input.svelte-17l1npl::placeholder{color:var(--placeholderColor, #78848f);opacity:var(--placeholderOpacity, 1)}.selectContainer.svelte-17l1npl input.svelte-17l1npl:focus{outline:none}.selectContainer.svelte-17l1npl.svelte-17l1npl:hover{border-color:var(--borderHoverColor, #b2b8bf)}.selectContainer.focused.svelte-17l1npl.svelte-17l1npl{border-color:var(--borderFocusColor, #006fe8)}.selectContainer.disabled.svelte-17l1npl.svelte-17l1npl{background:var(--disabledBackground, #ebedef);border-color:var(--disabledBorderColor, #ebedef);color:var(--disabledColor, #c1c6cc)}.selectContainer.disabled.svelte-17l1npl input.svelte-17l1npl::placeholder{color:var(--disabledPlaceholderColor, #c1c6cc);opacity:var(--disabledPlaceholderOpacity, 1)}.selectedItem.svelte-17l1npl.svelte-17l1npl{line-height:var(--height, 42px);height:var(--height, 42px);overflow-x:hidden;padding:var(--selectedItemPadding, 0 20px 0 0)}.selectedItem.svelte-17l1npl.svelte-17l1npl:focus{outline:none}.clearSelect.svelte-17l1npl.svelte-17l1npl{position:absolute;right:var(--clearSelectRight, 10px);top:var(--clearSelectTop, 11px);bottom:var(--clearSelectBottom, 11px);width:var(--clearSelectWidth, 20px);color:var(--clearSelectColor, #c5cacf);flex:none !important}.clearSelect.svelte-17l1npl.svelte-17l1npl:hover{color:var(--clearSelectHoverColor, #2c3e50)}.selectContainer.focused.svelte-17l1npl .clearSelect.svelte-17l1npl{color:var(--clearSelectFocusColor, #3f4f5f)}.indicator.svelte-17l1npl.svelte-17l1npl{position:absolute;right:var(--indicatorRight, 10px);top:var(--indicatorTop, 11px);width:var(--indicatorWidth, 20px);height:var(--indicatorHeight, 20px);color:var(--indicatorColor, #c5cacf)}.indicator.svelte-17l1npl svg.svelte-17l1npl{display:inline-block;fill:var(--indicatorFill, currentcolor);line-height:1;stroke:var(--indicatorStroke, currentcolor);stroke-width:0}.spinner.svelte-17l1npl.svelte-17l1npl{position:absolute;right:var(--spinnerRight, 10px);top:var(--spinnerLeft, 11px);width:var(--spinnerWidth, 20px);height:var(--spinnerHeight, 20px);color:var(--spinnerColor, #51ce6c);animation:svelte-17l1npl-rotate 0.75s linear infinite}.spinner_icon.svelte-17l1npl.svelte-17l1npl{display:block;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-transform:none}.spinner_path.svelte-17l1npl.svelte-17l1npl{stroke-dasharray:90;stroke-linecap:round}.multiSelect.svelte-17l1npl.svelte-17l1npl{display:flex;padding:var(--multiSelectPadding, 0 35px 0 16px);height:auto;flex-wrap:wrap;align-items:stretch}.multiSelect.svelte-17l1npl>.svelte-17l1npl{flex:1 1 50px}.selectContainer.multiSelect.svelte-17l1npl input.svelte-17l1npl{padding:var(--multiSelectInputPadding, 0);position:relative;margin:var(--multiSelectInputMargin, 0)}.hasError.svelte-17l1npl.svelte-17l1npl{border:var(--errorBorder, 1px solid #ff2d55);background:var(--errorBackground, #fff)}.a11yText.svelte-17l1npl.svelte-17l1npl{z-index:9999;border:0px;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0px;white-space:nowrap}@keyframes svelte-17l1npl-rotate{100%{transform:rotate(360deg)}}.multiSelectItem.svelte-liu9pa.svelte-liu9pa{background:var(--multiItemBG, #ebedef);margin:var(--multiItemMargin, 5px 5px 0 0);border-radius:var(--multiItemBorderRadius, 16px);height:var(--multiItemHeight, 32px);line-height:var(--multiItemHeight, 32px);display:flex;cursor:default;padding:var(--multiItemPadding, 0 10px 0 15px);max-width:100%}.multiSelectItem_label.svelte-liu9pa.svelte-liu9pa{margin:var(--multiLabelMargin, 0 5px 0 0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiSelectItem.svelte-liu9pa.svelte-liu9pa:hover,.multiSelectItem.active.svelte-liu9pa.svelte-liu9pa{background-color:var(--multiItemActiveBG, #006fff);color:var(--multiItemActiveColor, #fff)}.multiSelectItem.disabled.svelte-liu9pa.svelte-liu9pa:hover{background:var(--multiItemDisabledHoverBg, #ebedef);color:var(--multiItemDisabledHoverColor, #c1c6cc)}.multiSelectItem_clear.svelte-liu9pa.svelte-liu9pa{border-radius:var(--multiClearRadius, 50%);background:var(--multiClearBG, #52616f);min-width:var(--multiClearWidth, 16px);max-width:var(--multiClearWidth, 16px);height:var(--multiClearHeight, 16px);position:relative;top:var(--multiClearTop, 8px);text-align:var(--multiClearTextAlign, center);padding:var(--multiClearPadding, 1px)}.multiSelectItem_clear.svelte-liu9pa.svelte-liu9pa:hover,.active.svelte-liu9pa .multiSelectItem_clear.svelte-liu9pa{background:var(--multiClearHoverBG, #fff)}.multiSelectItem_clear.svelte-liu9pa:hover svg.svelte-liu9pa,.active.svelte-liu9pa .multiSelectItem_clear svg.svelte-liu9pa{fill:var(--multiClearHoverFill, #006fff)}.multiSelectItem_clear.svelte-liu9pa svg.svelte-liu9pa{fill:var(--multiClearFill, #ebedef);vertical-align:top}.listContainer.svelte-1uyqfml{box-shadow:var(--listShadow, 0 2px 3px 0 rgba(44, 62, 80, 0.24));border-radius:var(--listBorderRadius, 4px);max-height:var(--listMaxHeight, 250px);overflow-y:auto;background:var(--listBackground, #fff);border:var(--listBorder, none);position:var(--listPosition, absolute);z-index:var(--listZIndex, 2);width:100%;left:var(--listLeft, 0);right:var(--listRight, 0)}.virtualList.svelte-1uyqfml{height:var(--virtualListHeight, 200px)}.listGroupTitle.svelte-1uyqfml{color:var(--groupTitleColor, #8f8f8f);cursor:default;font-size:var(--groupTitleFontSize, 12px);font-weight:var(--groupTitleFontWeight, 600);height:var(--height, 42px);line-height:var(--height, 42px);padding:var(--groupTitlePadding, 0 20px);text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap;text-transform:var(--groupTitleTextTransform, uppercase)}.empty.svelte-1uyqfml{text-align:var(--listEmptyTextAlign, center);padding:var(--listEmptyPadding, 20px 0);color:var(--listEmptyColor, #78848f)}.selection.svelte-pu1q1n{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.item.svelte-3e0qet{cursor:default;height:var(--height, 42px);line-height:var(--height, 42px);padding:var(--itemPadding, 0 20px);color:var(--itemColor, inherit);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.groupHeader.svelte-3e0qet{text-transform:var(--groupTitleTextTransform, uppercase)}.groupItem.svelte-3e0qet{padding-left:var(--groupItemPaddingLeft, 40px)}.item.svelte-3e0qet:active{background:var(--itemActiveBackground, #b9daff)}.item.active.svelte-3e0qet{background:var(--itemIsActiveBG, #007aff);color:var(--itemIsActiveColor, #fff)}.item.notSelectable.svelte-3e0qet{color:var(--itemIsNotSelectableColor, #999)}.item.first.svelte-3e0qet{border-radius:var(--itemFirstBorderRadius, 4px 4px 0 0)}.item.hover.svelte-3e0qet:not(.active){background:var(--itemHoverBG, #e7f2ff);color:var(--itemHoverColor, inherit)}svelte-virtual-list-viewport.svelte-g2cagw{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;display:block}svelte-virtual-list-contents.svelte-g2cagw,svelte-virtual-list-row.svelte-g2cagw{display:block}svelte-virtual-list-row.svelte-g2cagw{overflow:hidden}