/**

 * Customer list (listCustomerPage) modal — scoped to .im-customer-page-modal-window only.

 */



.im-customer-page-modal-window.im-report-screen-modal .modal-dialog {

    width: 96% !important;

    max-width: 1500px !important;

}



.im-customer-page-modal-window .modal-body {

    padding: 0 !important;

    overflow: hidden;

}



.im-customer-page-modal-window .modal-content {

    display: flex;

    flex-direction: column;

    overflow: hidden;

}



.im-customer-page-modal-window .modal-content > .im-customer-page-modal {

    flex: 1 1 auto;

    display: flex;

    flex-direction: column;

    min-height: calc(420px + 2in);

    max-height: 96vh;

    max-height: 96dvh;

    margin: 0 !important;

    float: none !important;

    border: none;

    box-shadow: none;

    background: transparent;

}



.im-customer-page-modal-window .im-customer-page-modal .panel-heading.im-report-header {

    flex-shrink: 0;

    position: relative;

    padding-right: 48px;

    border-radius: 0;

}



.im-customer-page-modal-window .im-customer-page-modal .panel-heading .close {

    position: absolute;

    right: 8px;

    top: 50%;

    transform: translateY(-50%);

    float: none;

    min-width: 44px;

    min-height: 44px;

    margin: 0;

    padding: 0;

    font-size: 28px;

    line-height: 44px;

    opacity: 1;

}



.im-customer-page-modal-window .im-customer-page-modal .im-entity-modal-body {

    flex: 1 1 auto;

    display: flex;

    flex-direction: column;

    min-height: 0;

    overflow: hidden;

    padding: 12px 15px 16px;

    border: none;

    background: #fff;

}



.im-customer-page-modal-window .im-customer-page-modal-inner {

    flex: 1 1 auto;

    display: flex;

    flex-direction: column;

    min-height: 0;

    width: 100%;

    max-width: none;

    padding: 0;

}



.im-customer-page-modal-window .im-customer-page-modal .detailDiv {

    flex-shrink: 0;

    width: 100%;

    margin: 0 0 10px;

    padding: 0;

    border: none;

    background: transparent;

}



.im-customer-page-modal-window .im-customer-page-modal .detailDiv .table-responsive {

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

}



.im-customer-page-modal-window .im-customer-page-grid {

    flex: 1 1 auto;

    min-height: calc(280px + 2in);

    height: auto !important;

    margin-top: 0;

    width: 100% !important;

    max-width: 100%;

}



.im-customer-page-modal-window .im-customer-page-modal .form-inline,
.im-customer-page-modal-window .im-customer-page-modal .im-customer-page-footer {

    flex-shrink: 0;

    margin-top: 12px;

}



.im-customer-page-modal-window .im-customer-page-modal .ui-grid,

.im-customer-page-modal-window .im-customer-page-modal .div_Grid {

    width: 100% !important;

    max-width: 100%;

}



@media (max-width: 767px) {

    .im-customer-page-modal-window .im-customer-page-modal .im-entity-modal-body {

        padding: 10px 10px 14px;

    }



    .im-customer-page-modal-window .im-customer-page-grid {

        min-height: calc(220px + 1.25in);

    }



    .im-customer-page-modal-window .im-customer-page-modal .inputSelect,

    .im-customer-page-modal-window .im-customer-page-modal .inputField {

        font-size: 16px;

    }



    .im-customer-page-modal-window .im-customer-page-modal .btn.btn-info {

        min-height: 44px;

        margin-bottom: 6px;

    }

}