body {
}
/*https://stackoverflow.com/questions/13847755/css-media-queries-for-screen-sizes*/
@media only screen and (max-width: 600px) {
 
    .card-body {
        padding: 0rem !important;
    }
    .page-breadcrumb {
        padding: 0px !important;
    }
    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.5rem;
        padding-right: 2rem;
    }
    image#image0 {
        filter: brightness(0) invert(1);
    }
    svg#Layer_1 {
        max-width: 58px;
        /*height: 79px;*/
        height: 0px !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .banner_video {
        position: fixed;
        margin: 0;
        width: 50%;
        height: 50%;
        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;
    }
    .switcher > li.logo.active > img {
        width: 124%;
        padding-top: 23px !important;
    }  
    .switcher > li.logo.active > svg {
        width: 124%;
        padding-top: 23px !important;
    }


    .main-overview {
        display: grid;
        grid-template-columns: auto auto auto;
        padding: 10px;
        justify-items: stretch;
    }

    .topbar .navbar-collapse {
        /*padding: 0px 0px 0px 263px !important;*/
        padding: 0px 10px 0 0;
        padding-left: 75%;
    }

    li.nav-item.dropdown > label {
        display: none;
    }

    .collapse:not(.show) {
        display: block !important;
    }

    h3.card-title.mb-0 {
        font-family: calibri;
        font-size: 11px;
        text-align: center;
        /*color: white!important;*/
    }

    ul.navbar-nav.float-end {
        margin-top: -58px !important;
    }

    /*   .navbar-collapse .collapse dl, ol, ul {
        margin-top: -58px !important;
        margin-bottom: 1rem;
    }*/

    img.light-logo {
        height: 79px;
        display: block;
        margin-left: auto;
        margin-right: auto;
 
    }
    .overviewcard__icon > img.light-logo {
        display: block;
    }


    .overviewcard {
    }

    

    .overviewcard.tiles:hover {
        background: linear-gradient(0deg, rgb(255 5 6 / 80%), rgb(246 2 1 / 0%));
        background: linear-gradient(359deg, rgb(253 253 253 / 1%), rgb(171 169 169 / 86%));
        cursor: pointer !important;
    }

    .page-title {
        font-family: Times New Roman;
        font-size: 15px !important;
        color: #dc3545;
        font-weight: 600;
        margin-bottom: -1px;
    }

    .overviewcard.tiles {
        margin: 6px;
        /*background: linear-gradient(359deg, rgb(253 253 253 / 1%), rgb(171 169 169 / 86%));*/
        cursor: pointer !important;
        border-radius: 7px;
        /*box-shadow: 4px 3px 8px 1px #2a2a2a;*/
        box-shadow: 0.5px 0px 4px 0px #2a2a2a;
        width: 100px;
        height: 100px;
    }

    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin5], #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin5] {
        background: #afa5a582 !important;
    }

    .btn-danger {
        color: #f40e0e !important;
        background-color: #fe08056b !important;
        border-color: #a8696900 !important;
    }

    .page-breadcrumb {
        /*background: black;*/
        /*background: linear-gradient(0deg, rgb(255 130 130 / 80%), rgb(246 2 1 / 0%)) !important;*/
    }
    body {
        /*background-color: black;*/
    }
    .login .container .login-container-wrapper.clearfix {
        top: 50% !important;
        transform: translateY(23%) !important;
        /* height: auto; */
        margin: auto !important;
    }

    .banner_video {
        display: none;
    }

    .checkbox.checkbox-success {
        padding: 10px 0 0;
    }

    .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;
    }

    .page-wrapper > .container-fluid, .page-wrapper > .container-lg, .page-wrapper > .container-md, .page-wrapper > .container-sm, .page-wrapper > .container-xl, .page-wrapper > .container-xxl {
        /*  padding: 20px;
        min-height: calc(100vh - 180px);*/
        padding: 0px !important;
        min-height: calc(32vh - 191px) !important;
    }



    .footer {
        position: absolute;
        padding: 10px 10px 0px 10px;
        /* bottom: 0; */
        width: 100%;
        height: 23px;
        background: #8080801a;
        font-size: 7px;
    }

    .header {
        position: fixed;
        height: 60px;
        right: 0;
        left: 0;
        z-index: 1030;
        background-color: lightseagreen;
        border-color: darkcyan;
    }




    .content {
        background-color: #ffffff;
        width: 100%;
        height: 100%;
    }

    html {
        height: 100%;
    }

   /* body {
        height: 100%;
    }*/

    .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;
    }

    .page-breadcrumb .breadcrumb {
        /*       padding: 48px;
        margin: -63px;
        background: transparent;
        font-size: 12px;*/


        padding: 0px 0px 0px 0px;
        /* margin: 0px; */
        background: transparent;
        font-size: 12px;
        line-height: normal;
    }
    .col-7.align-self-center {
        width: 100% !important;
    }
    .row {
        --bs-gutter-x: 1px !important;
        --bs-gutter-y: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) / -2);
        margin-left: calc(var(--bs-gutter-x) / -2);
    }
    .content{

    }
    li.tab1:hover {
        height: auto;
        /*padding: 3px 7px;*/
    }
    
    .login-container-wrapper li {
       
        line-height: 16px !important;
    }
    .col-sm-4.button_central, .input_field.button_central, .form-group.button_central {
        justify-content: center;
        align-items: center;
        display: flex;
        margin-top: 20px !important;
    }
    .col-sm-12.button_central{
        margin-top: 20px !important;
    }
    .input_field.button_central input.btn-danger {
        margin-right: 3px;
    }
    input.btn.btn-danger.red-text-dark.monthly_trend_btn, input.btn.btn-danger.red-text-dark.sec_invSum_btn {
        margin-top: 3px;
    }
    a#loginUID, a#loginOTP {
        line-height: 50px;
    }
    .topbar .top-navbar .navbar-header .navbar-brand {
        width: 261px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 4px;
        /*padding: 0px 10px 0 152px !important;*/
        /*padding: 0px 10px 0 90px !important;*/
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .modal-lg, .modal-xl {
        max-width: 100% !important;
    }
    .col-sm-4.RolebasedShowDiv {
        padding: 0px !important;
    }

   /* .form-group.companycode_form {
        margin-top: -12px !important;
        
    }*/
}