body {
}
/*https://stackoverflow.com/questions/13847755/css-media-queries-for-screen-sizes*/
/*@media only screen and (min-width: 1224px) {*/
@media only screen and (min-width: 1223px) and (max-width: 1800px)  {
    .banner_video {
        position: fixed;
        margin: 0;
        width: 50%;
        height: 55%;
        /*border: 1px solid red;*/
        /*border-top:none;*/
        border-bottom: none;
        border-right: none;
        overflow: hidden;
    }
    .banner_video img {
        position: absolute;
        width: 100% !important;
        height: auto !important;
        /* background: url(//demosthenes.info/assets/images/polina.jpg) no-repeat; */
        background-size: cover;
        transition: 1s opacity;
        z-index: -1;
    }
    .main-overview {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
        /*grid-template-columns: repeat(auto-fit, minmax(138px, 0fr));*/
        grid-auto-rows: 94px;
        grid-gap: 20px;
        margin: 5px;
    }

    .page-title {
        font-family: Times New Roman;
        font-size: 25px;
        color: #dc3545;
    }

    .overviewcard {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background-color: #fffefe;
        box-shadow: 4px 3px 8px 1px #969696;
        /*border-radius: 34px;*/
        /*border-radius: 10px;*/
    }
        .overviewcard.tiles {
            /* background: #d70206; */
            /*  background: linear-gradient(0deg, rgb(255 5 6 / 80%), rgb(246 2 1 / 0%));
            color: #fff !important;*/
            cursor: pointer !important;
            background-color: white !important;
            background: white !important;
            border-radius: 26px;
        }
            .overviewcard.tiles:hover {
                /* background: #d70206; */
                /*background: linear-gradient(0deg, rgb(255 5 6 / 80%), rgb(246 2 1 / 0%)) !important;*/
                background: linear-gradient(236deg, rgb(255 204 5 / 31%), rgb(246 2 1 / 0%)) !important;
                color: white !important;
                cursor: pointer !important;
                border-radius:26px;
            }

    h3.card-title.mb-0 {
        font-family: calibri;
        font-size: 20px;
    }

    img.light-logo {
        height: 67px;
    }
    svg#Layer_1 {
        max-width: 58px;
        display: none;
    }
    .login-container-wrapper {
        max-width: 400px;
        margin: 7% auto 5%;
        margin-right: 5%;
        padding: 40px;
        box-sizing: border-box;
        background: #fff;
        position: relative;
        box-shadow: 0px 30px 60px -5px #000;
        /*background: url("/Images/DuroVideo.mp4");*/
        /*background-image: url('https://images.unsplash.com/photo-1567359781514-3b964e2b04d6?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ');*/
        background-size: cover;
        background-blend-mode: saturation;
    }

    .login .container .login-container-wrapper.clearfix {
        /*top: 50% !important;
        transform: translateY(71%) !important;*/
        /* height: auto; */
        /*margin: auto !important;*/
    }

    .switcher > li.logo.active > img {
        width: 124%;
        padding-top: 31px;
    }
    .switcher > li.logo.active > svg {
        width: 124%;
        padding-top: 31px;
    }

    .checkbox.checkbox-success {
        padding: 10px 0 0;
    }
    .footer {
        /*position: absolute;*/
        bottom: 0;
        width: 100%;
        height: 60px;
        background-color: #ffffff;
        border-color: #ffffff;
        border-width: 0 0 1px;
        color: red;
    }
    .page-wrapper {
        background: #ffffff;
        position: relative;
        -webkit-transition: 0.2s ease-in;
        -o-transition: 0.2s ease-in;
        transition: 0.2s ease-in;
        display: none;
    }
    .tbl_width {
        width: 1243px !important;
    }

    .topbar .top-navbar .navbar-header .navbar-brand {
        width: 250px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0px;
        padding: 0 10px 0 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .col-sm-4.RolebasedShowDiv {
        padding: 8px;
    }
}