@media (max-width: 1199px) {
    /*Login*/
    .login-page-new .login-page .grid-center-image .brand-logo img {
        width: 65%;
    }

    .login-page-new .login-page .grid-center-image .brand-logo img.logo-img {
        width: 100px;
    }

    /*Login*/
    /*Start dashboard*/
    #SectorStatistics, #NationalityStatistics {
        width: 280px;
    }

    /*end dashboard*/
    .home-report-cards .title b {
        font-size: 13px;
    }

    .home-report-cards .title b span {
        font-size: 9px;
    }

    .icon img {
        width: 25px;
    }

    /*Start subscriptions-view*/
    .subscriptions-view-head {
        margin: 0
    }
    .subscriptions-view-head span {
        display: block;
    }

    /*Start Dealer*/
    .dealers-create-container h6 {
        font-size: 13px;
         margin: 20px auto 5px;
    }
    /*Start edit subscriptions*/
    .edit-statement .price {
        left: 0;
    }
    .edit-statement-head {
        display: block;
    }
    .edit-statement {
        padding-left: 85px;
    }
}

@media (max-width: 991px) {
    /*Start dashboard*/
    .card {
        margin-bottom: 10px;
    }

    /*end dashboard*/
    /*Start subscriptions*/
    .col-xl-9.row {
        padding-left: 0;
    }
    .col-xl-9.row .col-xl-3.mb-3 {
        padding-left: 0;
    }
    .input-group {
        flex-direction: column;
    }
    .advanced-filters-section .form-select {
        width: 100%;
        margin-bottom: 10px;
    }
    .input-group .form-control{
        width: 100% !important;
        margin-bottom: 10px;
    }
    .table tbody tr td {
        min-width: 130px;
    }

    /*Start subscriptions-view*/
    .subscriptions-view-top-container {
        flex-direction: column;
    }
    .subscriptions-view-top-head {
        margin-bottom: 20px;
    }
    .subscriptions-view-head {
        margin: 10px 13px;
    }
    .progressBar .progress {
        width: 150px;
        height: 9px;
    }
    .subscriptions-view-table-add-user-button {
        font-size: 11px;
    }
    .show-bill-information span {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    /*Start invoices*/
    .subscriptions-model .model-top {
        flex-direction: column;
    }
    .subscriptions-model .model-logo {
        margin-bottom: 20px;
    }
    .discount-details {
        margin-top: 5px;
    }
    .posClaim-details-container {
        flex-direction: column;
    }
    .posClaim-details-head2 {
        margin: 7px 0;
    }
    .container-form-input .input-group {
        flex-direction: unset;
    }
    /*Start dealer-show*/
    .show-bill-button {
        position: absolute;
        left: 0;
        top: 0;
    }
    .btn-save-height {
        min-width: 140px;
        font-size: 14px;
    }
    .bill-statement-receipt {

        font-size: 13px;
    }
    .bill-statement-head2 {
        font-size: 13px;
    }
    .bill-discount {
        height: 40px;
        margin-top: 20px;
        font-size: 13px;
    }

}

@media (max-width: 767px) {
    /*Login*/
    .login-page-new .login-page .grid-center-image .brand-logo {
        margin-top: 50px;
    }

    .login-page-new .login-page .grid-center-image .brand-logo img:last-of-type, .login-page-new .login-page .grid-center-image h4 {
        display: none;
    }

    .login-page-new .login-page .grid-center-image .brand-logo img.logo-img {
        margin: 0px auto 0;
    }

    .login-page-new .login-page .grid-center-image h4 {
        font-size: 5vw;
    }

    .login-page-new .login-account-form .grid-center {
        padding: 20px;
    }

    /*Login*/
    /*Start dashboard*/
    /*end dashboard*/
    .subscriptions-model .model-top {
        display: block;
    }
    .subscriptions-model .model-logo {
        margin-bottom: 15px;
    }

    /*Start subscriptions-view*/
    .subscriptions-view-model-btn {
        margin: 10px;
    }
    .progress-bar-container h5 ,.progressBar span {
        font-size: 10px;
    }
    .show-bill-information ,.show-bill-information span.color-green {
        font-size: 10px;
    }

    .show-bill-button {
        left: 0px;
        top: 0px;
    }
    /*Start invoices*/
    .model-middle {
        flex-direction: column;
    }
    .available-input {
        margin-top: 11px;
    }
    /*Start dealers-show*/
    .showrooms-show-link {
        margin: 0 20px;
    }
    .bill-statement-head {
        font-size: 13px;
        margin: 10px 0px 20px;
    }
    .bill-statement-discount2 ,.bill-statement-head3{
        font-size: 13px;
    }
    .bill-statement-delete {
        padding: 0;
    }
    .from-container {
        min-height: 85px;
        margin: 20px 0;
    }
    .bill-options {
        margin: 20px 0;
    }
    .bill-edit-input.date {
        left: -25px;
    }
    .edit-statement .price {
        left: 30px;
        font-size: 12px;
    }
    .edit-statement-by-who {
        font-size: 12px;
    }
    .edit-statement {
        font-size: 12px;
        min-width: 330px;
    }
    .edit-statement-button {
        height: 35px;
        font-size: 12px;
    }

}

@media (max-width: 576px) {
    /*Start dashboard*/
    #SectorStatistics, #NationalityStatistics {
        width: 70vw !important;
    }

    .wrapper aside {
        position: absolute;
        right: 0;
        z-index: 555;
        width: 16vw;
        min-width: 16vw;
    }

    .wrapper main, .wrapper aside.active + main {
        width: 100%;
        min-width: 100%;
    }

    .wrapper aside.active {
        width: 18vw;
        min-width: 18vw;
    }

    .wrapper aside .sidebar .sidemenu-body {
        position: absolute;
        right: -260px;
        background: #fff;
        transition: ease-in-out 1s all;
        -webkit-transition: ease-in-out 1s all;
        -moz-transition: ease-in-out 1s all;
        -ms-transition: ease-in-out 1s all;
        -o-transition: ease-in-out 1s all;
    }

    .wrapper aside .sidebar .sidemenu-body .list-group-item a .menu-title {
        display: flex !important;
        width: 35vw;
    }

    .wrapper aside.active .sidebar .sidemenu-body {
        right: 0;
    }

    .navbar-expand .collapse.navbar-collapse {
        padding-inline-end: 15px;
    }

    .wrapper aside .sidebar .sidemenu-header {
        width: 17vw;
    }

    .wrapper aside .sidebar .sidemenu-header .logo-img {
        display: none;
    }

    .wrapper main > nav .dropdown .admin .info img {
        max-width: 5vw;
    }

    .icon img {
        width: 12vw;
    }

    .home-report-cards .title b {
        font-size: 5vw;
    }

    .nav-item.nav-tasks-notifications .dropdown-menu {
        width: 60vw;
    }

    .nav-task-header {
        font-size: 3vw;
        padding: 4vw;
    }

    .nav-task-body img {
        margin: 0 5px;
        width: 6vw;
    }

    .nav-task-body-name {
        font-size: 2vw;
    }

    .nav-task-body-name p {
        max-width: 30vw;
        font-size: 2vw;
    }

    .nav-task-body-date {
        font-size: 2vw;
    }

    .nav-task-footer a {
        font-size: 3vw !important;
    }

    /*end dashboard*/

    .pagination .page-item {
        margin-inline-start: 2vw;
    }
    .pagination .page-item:first-child, .pagination .page-item:last-child {
        font-size: 8vw;
    }
    .select-with-icon .icon img {
        width: 5vw;
    }
    .model-middle {
        display: block;
    }
    .model-details-name {
        margin-bottom: 15px;
    }
    .subscriptions-model .discount {
        margin-top: 20px;
    }
    /*Start subscriptions-view*/
    .subscriptions-view-table-add-user-button {
        font-size: 16px;
    }
    .subscriptions-view-head {
        margin: 10px auto;
        font-size: 19px;
        text-align: center;
    }
    /*Start invoices*/
    .subscriptions-model-invoices-Button {
        font-size: 3vw;
    }
    /*Start dealers-show*/
    .label-style-information {
        justify-content: center;
    }
    /*Start edit subscriptions*/
    .edit-statement {
        min-width: 100%;
    }
    .edit-statement .price {
        left: 0;
    }
    .edit-sub-head {
        margin-bottom: 10px ;
    }
}
.toast-header .close {
    border: none;
    background-color: transparent;
    position: relative;
    top: 3px;
    color: #fff;
}
.toast-container>.toast>.toast-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.toast-container>.toast>.toast-header strong {
    padding-right: 0;
}