@media (max-width: 1705px) {
    div.dashboard {
        border-radius: 0px;
    }
}



@media (max-width: 767px) {
    .wrapblok {
        padding: 0;
        margin: 0;
    }
    .divider-vertical {
        display: none;
    }
    h1 {
        font-size: 1.5em;
    }
    body {
        font-size: 10pt;
    }
    nav.topmenu  {
        padding: 0.3em;
    }

}





@media screen and (max-width: 1100px) {

    body {
        margin: 1rem 0rem;
    }

    .wrapbloklogin {
        display:flex;
        /*width:95vw;*/
        min-height:100vh;
        /*max-width: 1700px;*/
        background: none;
        background: linear-gradient(90deg, rgba(212,56,134,1) 0%, rgba(149,90,240,1) 100%);
        margin:-1rem 0rem;
        align-items: center;
        justify-content: center;
    }

    nav.topmenu a.barslink {
        display: inline;
        text-align: right;
        font-size: 1.4em;
    }

    nav.topmenu {
        padding: 1em 2em;
        grid-template-columns: 1fr 5fr 1fr;
    }


    div.linksmodal {
        margin: 0px auto;
        text-align: center;
    }
    div.menuitemmodal {
        font-size: 1.4em;
        margin:10px auto;
        width:50%;
        text-align: center;
        background-color: #fff;
        border:1px solid #e3e3e3;
        font-weight: 600;
        color:#B9B9B9;
        border-radius: 5px;
    }
    div.menuitemmodal i {
        width: 1em;
        color:#aaa;
        margin-right: 0.8em;
    }
    div.menuitemmodal a {
        display: block;
        padding:0.9em 0.2em;
        color:#aaa;
    }
    div.menuitemmodal a:hover {
        background-color: #F6EDFF;
    }
    div.menuitemmodal a.active {
        background-color: #F6EDFF;
        border-bottom:3px solid #932FE1;
        color:#3F3494;
    }
    div.infomodal {
        text-align: center;
        font-size: 1.3em;
    }


    div.contentinpage {
        margin:0px auto;
        padding: 2em;
        background-color: #fff;
    }

    div.content div.contentinpage .header {
        display:block;
        margin-bottom: 2em;
    }
    div.content div.contentinpage .headermedium {
        display:block;
        margin-bottom: 2em;
    }

    div.dashboardbody {
        margin:auto;
        max-width: 1400px;
        display:grid;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
        gap: 1em;
    }


    nav.topmenu div.centermenu {
        display:none;
    }




}

@media screen and (max-width: 950px) {

    span.sameday {
        display: block;
    }

    div.dashboard {
        /*background: #5e6eb4;*/
        /*background: linear-gradient(90deg, rgba(250,2,129,0.8) 0%, rgba(148,90,241,0.8) 100%);*/
        background: linear-gradient(90deg, rgba(212,56,134,1) 0%, rgba(149,90,240,1) 100%);
        min-height: calc(100vh - 350px);
        border-radius: 0px;
    }


    div.dashboardbody {
        margin:auto;
        display:block;
    }


    div.dashboardmodule {
        padding:2em;
        margin-bottom: 1em;
        border-radius: 6px;
        background: #fff;
        height:auto;
        -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.4);
    }

    div.dashboardmodule h2 {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        margin-bottom:1em;
        text-transform: uppercase;
    }

    div.dashboardmodule span.ico {
        color: #ddd;
        float: right;
    }

    a div.dashboardmodule {
        color: #000 !important;
    }


    table.table-zaznamy {
        border: 0;
    }

    table.table-docked caption {
    }

    table.table-docked thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.table-docked tr {
        display: block;
        margin-bottom: 2em;
    }

    table.table-docked td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: right !important;
    }
    table.table-docked td:after {
        content: "\00a0";
    }

    table.table-docked td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        /*text-transform: uppercase;*/
    }

    table.table-docked td:last-child {
        border-bottom: none;
    }

    table.table-docked tr:nth-child(odd) {
        background: #F6F3FF;
    }

    table.table-docked tr:nth-child(even) {
        background: #fff;
    }


}