/***
    Created on : 07 Sep 2023, 21:55:20
    Author     : BDT
***/
/******** Custom Responsive Styles Start  ********/
@media (min-width:1586px) {
    .container {
        max-width:1360px;
    }
}
@media (min-width: 768px) and (max-width: 1280px) {
    /* Graft List Filter Style Start */
    .bdt-graft-list .view-filters .views-exposed-form .js-form-item {
        width: 50%;
    }
    /* Graft List Filter Style End */
}
@media (min-width: 768px) and (max-width: 992px) {
    /* Schematics List Style Start */
    .schematics-list-block .bdt-schematics-box img {
        height: 120px;
    }
    /* Schematics List Style End */
}
@media screen and (max-width: 768px) {
    /* Schematics List Style Start */
    .schematics-list-block .schematics-list {
        flex-wrap: wrap;
        gap: 15px;
    }
    /* Schematics List Style End */

    /* Graft List Filter Style Start */
    .bdt-graft-list.view-csv-filters .views-exposed-form .js-form-wrapper .form-item-field-donor-age-value-min,
    .bdt-graft-list.view-csv-filters .views-exposed-form .js-form-wrapper .form-item-field-donor-age-value-max {
        padding: 0;
    }
    .bdt-graft-list.view-csv-filters .views-exposed-form .js-form-wrapper .form-item-field-donor-age-value-max {
        padding-left: 10px;
    }
    /* Graft List Filter Style End */
}
@media screen and (max-width: 767px) {
    /* Graft List Filter Style Start */
    .bdt-graft-list.view-csv-filters .views-exposed-form .js-form-wrapper .form-item-field-donor-age-value-min,
    .bdt-graft-list.view-csv-filters .views-exposed-form .js-form-wrapper .form-item-field-donor-age-value-max {
        padding: 0;
        width: 100%;
    }
    /* Graft List Filter Style End */

    /* Search API Graft ID Page Style Start */
    .graft-list-search-form-block .form-control {
        width: 50%;
    }
    /* Search API Graft ID Page Style End */
}
@media screen and (max-width: 576px) {
    /* Common style */
    p, span, a, li, h1, h2, h3, h4, h5, h6, strong {
        word-break: break-word;
    }

    /* Schematics Reports View Style Start */
    .bdt-graft-list .view-filters .views-exposed-form .d-flex {
        display: flex!important;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .bdt-graft-list .view-filters .views-exposed-form .js-form-item {
        width: 100%;
        float: none;
    }
    /* Schematics Reports View Style End */

    /* Schematics List Popup Pagination Style Start */
    .bdt-schematics-popup-user-list-table-block .dataTables_paginate {
        align-items: flex-start;
    }
    /* Schematics List Popup Pagination Style End */
}
@media only screen and (max-width: 768px) {
    .bdt-graft-list .view-filters .views-exposed-form .js-form-item {
        width: 100%;
        /*float: left;*/
        padding: 10px;
    }
    .bdt-graft-list {
        padding: 60px 15px;
    }
    .bdt-schematics-report .view-filters .views-exposed-form .js-form-item,
    .bdt-graft-list .view-filters .views-exposed-form .form-actions .form-submit{
        width: 100%;
    }
    .path-graft-listing .bdt-graft-list th.views-field{
    white-space: nowrap;
    }
    .table-responsive table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .table-responsive th,
    .table-responsive td {
        white-space: nowrap;
        font-size: 14px; /* Reduce font size for mobile */
    }

}
/* Cheeseburger menu */
@media screen and (max-width: 991px) {
    #block-lnh-useraccountmenu {
        display: none
    }
    #block-lnh-cheeseburgermenutrigger{
        background: transparent !important;
        border: 2px solid #003768;
        display: inline-block;
        margin-top: 16px;
        margin-right: 15px;
    }
    .block-cheeseburgermenu__trigger-element {
        background: transparent !important;

    }
    .block-cheeseburgermenu-container--with-navigation{
        width: 100%;
    }
    .block-cheeseburgermenu-container--is-open {
        position: absolute !important;
        top: 0;
        transform: translateX(0);
        z-index: 201;
    }
    .cheeseburger-menu__side-trigger svg{
        fill: rgb(25, 24, 24) !important;

    }
    #navbar-main {
        z-index: 1020;
    }
}
@media screen and (min-width: 992px) {
    .block-cheeseburger-menu-trigger{
        display: none
    }

}
@media (min-width: 415px) and (max-width: 992px) {
    #navbar-main a.navbar-brand{
        width: 300px;
    }
}
@media (min-width: 356px) and (max-width: 414px) {
    #navbar-main a.navbar-brand{
        width: 250px;
    }

}
@media screen and (max-width: 364px) {
    #navbar-main a.navbar-brand{
        width: 200px;
    }

}


/******** Custom Responsive Styles End  ********/