/*Responsive design media css for new design added by sandip vala 05-10-2021*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    #main-header__right {
        justify-content:center;
        position: relative;
        margin-top: 0px;
        width:100%;
    }
    .dataTables_wrapper {
        max-width: 100%;
        overflow-x: hidden;
    }
    .main .form-content .actions-panel-container .table-searchbox-container {
        position: relative;
        width: 220px;
        right: 23px !important;
        z-index: 100;
    }
    .main .form-content .actions-panel-container{
        width:100%;
        justify-content:center !important;
    }
    .main .form-content {
        background: #FFF;
        margin: 0 0rem !important;
        border-radius: .75rem;
        box-shadow: 0 2px 15px rgb(0 0 0 / 20%), 0 2px 9px rgb(0 0 0 / 4%);
        padding-top: 1.5rem;
    }
    .tab-container__inner{
        margin-left:0px !important;
    }
    .main .form-content .tabs {
        padding: 15px 0px 10px 40px !important;
    }
    .sub-menu-sidebar {
        z-index: 999 !important;
    }
    .custom-collapsible .collapsible-body table tbody, .custom-collapsible .collapsible-body table tr td {
        border: none !important;
        display: contents;
        width: 100%;
        height: auto;
    }
    .header-section {
        padding: 10px 30px 0px;
    }
    .open-sub-menu .sub-menu-sidebar{
        margin-top:50px;
    }
    table.tbl-tilskud-edu thead {
        display: none;
    }
    .form-actions {
        left: 120px !important;
        width: calc(100vw - 120px) !important;
    }

    .pushbar .form-actions {
        left: 0px !important;
        width: calc(100vw - 0px) !important;
    }
    .vertical-align-center{
        justify-content:center;
    }
    .container-lg {
        margin-top: 0px !important;
        border-radius: 8px !important;
    }
    .card {
        margin-top: 0px !important;
        width: 400px !important;
        border-radius:8px !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .custom-collapsible .collapsible-body table tbody, .custom-collapsible .collapsible-body table tr td {
        border: none !important;
        height: auto;
        display: contents;
    }
    .header-section {
        padding: 10px 30px 0px;
    }
    .form-actions {
        left: 120px !important;
        width: calc(100vw - 120px) !important;
    }
    .pushbar .form-actions {
        left:  0px !important;
        width: calc(100vw - 0px) !important;
    }
    table.tbl-tilskud-edu thead {
        display: none;
    }

    .vertical-align-center {
        justify-content: center;
    }
    
  
}