@media only screen and (max-width: 1583px) {
	.login-page main {
		padding: 6% 8%;
	}

}

@media only screen and (max-width: 1440px) {
	.login-page main {
		padding: 4% 6%;
		min-height: 590px;
	}

	.app-wrap .sidebar {
		width: 18%;
	}

	.dashboard .dash-row {
		gap: 0.5rem;
    	margin-bottom: 0.5rem;
	}
	.dashboard .dash-row .total-wrapper {
	    gap: 0.5rem;
	}
	.dashboard .dash-row .dash-card.ship-over-time {
	    margin-top: 0.5rem;
	}
	.dashboard .dash-row .list-header .title {
	    font-size: 0.95rem;
	}
	.dashboard .dash-row .list-header {
	    padding: 0.5rem 1rem;
	}

	.dashboard .dash-row .dash-col.doc-status-chart {
	    flex-basis: calc(25% - 15px);
	    padding: 32px 20px;
	}
	.dashboard .dash-row .dash-col.payments-chart {
		flex-basis: calc(30% - 15px);
		padding: 32px 26px;
	}
	.dashboard .dash-row .dash-col.doc-status-chart canvas {
	    width: 60% !important;
	}
	.dashboard .dash-row .dash-col.doc-status-chart .chart-legends {
	    margin: 30px 10px 10px;
	}
	.dashboard .dash-row .dash-col.docs-by-state-chart canvas {
	    height: 260px !important;
	}

	.workplace .the-form {
	    width: 100%;
	}
	.workplace .the-form.delivery-order .form-contents {
		flex-wrap: wrap;
	}
	.workplace .the-form.delivery-order .form-section {
		width: 100%;
	}
	.workplace .the-form.delivery-order .main-area {
		width: 100%;
	}
	.workplace .the-form.delivery-order .form-section .tab-content.dlvry-info {
		display: flex;
		justify-content: space-between;
		gap: 1rem;
		flex-wrap: wrap;
	}

	.workplace .the-form.delivery-order .form-section .content-box {
		width: calc(25% - 2rem);
	}
	.workplace .the-form.delivery-order .form-section .form-divider {
		margin: 0;
		width: 1px;
		background-color: #dedede;
	}
	.workplace .the-form.delivery-order .form-section .tab-content .form-row:first-child {
		margin-top: 0;
	}

	.workplace .setting-page .menu-bar {
    	flex-basis: 15rem;
    }
    .workplace .setting-page .canvas-area {
    	flex-basis: 75%;
    }
}

@media only screen and (max-width: 1024px) {
	.login-page {
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 8%;
	}
	.login-page main {
		flex-basis: 100%;
		height: 70vh;
		padding: 10%;
	}
	.login-page .image-wrap img {
		width: 140px;
	}
	.login-page .the-form {
		margin-top: 30px;
		width: 100%;
	}
	.login-page .credential.password {
		margin-top: 14px;
	}
	.login-page .credential .login-text {
		height: 38px;
	}
	.login-page .checkbox-wrap {
		margin-top: 16px;
	}
	.login-page .the-form .submit-btn {
		margin-top: 16px;
		padding: 10px 16px;
	}

	.app-wrap .sidebar {
		width: 260px;
		position: absolute;
		left: 0;
		top: 0;
		transform: translateX(-100%);
		overflow: hidden;
	}
	.app-wrap .sidebar.active {
        transform: translateX(0);
    }
	.middlebar .top-controls {
		display: flex;
		width: 100%;
	}
	.middlebar .top-controls .top-bar {
		flex-grow: 1;
	}
	.sidebar-toggle {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.app-wrap .middlebar {
		width: 100%;
	}

	.dashboard .dash-row {
		flex-wrap: wrap;
	}
	.dashboard .dash-row .dash-col.top-left {
		flex-basis: calc(60% - 0.5rem);
	}
	.dashboard .dash-row .dash-col.running-revenue {
		flex-basis: 100%;
		order: 3;
	}
	.dashboard .dash-row .dash-col.top-5 {
		flex-basis: 40%;
	}
	.dashboard .dash-row .dash-col.users-activity {
		flex-basis: 100%;
		order: 2;
	}
	.dashboard .dash-row .dash-col.latest-trans {
		flex-basis: 100%;
	}
	.dashboard .dash-row .dash-col.top-5 .data-list {
    	height: auto;
    }
    .dashboard .dash-row .dash-col.users-activity .data-list {
    	height: auto;
    	min-height: 5rem;
    }
    .dashboard .dash-row .dash-col.latest-trans .data-list {
    	height: auto;
    	min-height: 5rem;
    }

    .workplace .load-page .header-bar {
    	flex-wrap: wrap;
    	gap: 1rem;
    }
    .workplace .load-page .header-bar .list-title {
    	flex-basis: 100%;
    	padding-left: 0;
    }
    .workplace .load-page .header-bar .controls {
    	justify-content: space-between;
    }
    .workplace .load-page .header-bar .controls .filter-bar {
    	justify-content: flex-start;
    	flex-grow: 1;
    	flex-basis: auto;
    }
    .workplace .load-page .filter-bar .search-by {
    	margin-left: 0;
    }
    .workplace .load-page .filter-bar .filter {
    	order: 2;
    	margin-left: 10px;
    }

    .workplace .load-page .bottom-filters {
    	justify-content: space-between;
    }
    .workplace .load-page .bottom-filters .input-text, 
    .workplace .load-page .bottom-filters .drop-box {
    	height: 34px;
    }
    .workplace .load-page .bottom-filters .filter-btn {
    	height: 34px;
    }
    .workplace .load-page .bottom-filters .filter-cave.flight-num {
    	width: 20%;
    }
    .workplace .load-page .bottom-filters .filter-cave.departure-date {
    	width: 20%;
    }
    .workplace .load-page .bottom-filters .filter-cave.destination {
    	width: 43.5%;
    }
    .workplace .load-page .bottom-filters .filter-commands {
    	width: 16.5%;
    }
    .workplace .load-page .bottom-filters .filter-btn {
    	width: 100%;
    }

    .workplace .load-page .dynamic-area .bottom-bar {
    	flex-wrap: wrap;
    }
    .workplace .load-page .bottom-bar .pagination {
    	flex-basis: 100%;
    }
    .workplace .load-page .bottom-bar .per-page {
    	flex-basis: 100%;
    	justify-content: flex-start;
    }
    .workplace .load-page .bottom-bar .per-page p:first-child {
    	margin-left: 0;
    }

    /* forms */
    .workplace .the-form.add-user .form-section .tab-content {
    	display: block;
    }
    .workplace .the-form .user-grants-wrapper .user-grant.left {
    	flex-basis: 100%;
    }
    .workplace .the-form .user-grants-wrapper .user-grant.right {
    	flex-basis: 100%;
    }

    .workplace .the-form.client .form-section .tab-content {
    	display: block;
    }

    .workplace .the-form.delivery-order .form-section .content-box {
        width: 100%;
    }
    .workplace .the-form.delivery-order .form-section .form-divider {
    	margin: 0;
    	width: 100%;
    }
    .workplace .the-form .form-section .tab-content .form-row {
    	display: flex;
    }
    .workplace .the-form .side.form-section .tab-content .form-row .form-label {
    	flex-basis: 15rem;
    }
    .workplace .the-form .form-label.only-tab-mob {
		display: inline-block;
	}

	.workplace .the-form .form-section-wrapper {
		flex-wrap: wrap;
	}
	.workplace .the-form .form-section.delivery-client {
		flex-basis: 100%;
	}

	.workplace .the-form .form-section-wrapper .tab-content .form-row .form-controls {
		flex-basis: 100%;
		justify-content: space-between;
	}

	.workplace .the-form.delivery-order .delivery-list .list-row .item-qty {
		width: 14%;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .item-rate {
		width: 14%;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .item-total {
		width: 14%;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .item-action {
		width: auto;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .remove-btn span {
		display: none;
	}

	.workplace .the-form.delivery-order .form-section .tab-content.old-sender .form-row {
		flex-wrap: wrap;
	}
	.workplace .the-form.delivery-order .client-search-by {
        max-width: 60%;
    }
    .workplace .the-form.delivery-order .form-section .tab-content.old-sender .form-controls.second {
    	justify-content: flex-start;
    }

    .workplace .the-form.delivery-order .form-section .tab-content.old-receiver .form-row {
		flex-wrap: wrap;
	}
    .workplace .the-form.delivery-order .form-section .tab-content.old-receiver .form-controls.second {
    	justify-content: flex-start;
    }

	.workplace .the-form.delivery-order .tab-content.items-summary {
		flex-wrap: wrap;
	}
	.workplace .the-form.delivery-order .summary-col.total {
		flex-basis: 100%;
	}
	.workplace .the-form.delivery-order .summary-col.equivalent {
		flex-basis: 100%;
	}

	/* view */
	.workplace .show-page .show-user {
		flex-wrap: wrap;
	}
	.workplace .show-page .show-user .tab-section.left {
		flex-basis: 100%;
		padding-bottom: 10px;
	}
	.workplace .show-page .show-user .tab-section.right {
		flex-basis: 100%;
		margin-top: 10px;
	}

	.workplace .show-page .show-user .only-sm-flex {
		display: flex;
	}
	.workplace .show-page .show-user .tab-section .tab-content .row-details.img-col {
		width: 40%;
	}
	.workplace .show-page .show-user .tab-section .tab-content .right-col {
		width: 60%;
	}
	.workplace .show-page .show-user .tab-section .tab-content .row-details .img-value {
		width: 85%;
	}

	.workplace .show-page .user-grants .grant-row .grant-label {
		flex-basis: 35%;
	}
	.workplace .show-page .user-grants .grant-row .grant-values {
		flex-basis: 64%;
	}
	.workplace .show-page .user-grants .grant label {
		width: 180px;
	}

	.workplace .show-page .show-content {
		flex-wrap: wrap;
	}
	.workplace .show-page .client-info {
		flex-basis: 100%;
	}
	.workplace .show-page .client-activity {
		flex-basis: 100%;
	}

	.workplace .show-page.view-delivery-order .view-header h3 {
		flex-basis: 40%;
	}
	.workplace .show-page.view-delivery-order .view-header .cmd-wrapper {
		flex-basis: 60%;
	}
	.workplace .show-page .show-card.delivery-info {
		flex-basis: 100%;
	}
	.workplace .show-page.view-delivery-order .main-area {
		flex-basis: 100%;
	} 
	.workplace .show-page.view-delivery-order .main-area .section-wrapper {
		flex-wrap: wrap;
	}
	.workplace .show-page .main-area .section-wrapper .delivery-client {
		flex-basis: 100%;
	}
	.workplace .show-page.view-delivery-order .card-content .brief {
		width: 70%;
	}
	.workplace .show-page.view-payment .payment-details {
		flex-basis: 100%;
	}
	.workplace .show-page.view-payment .payment-delivery {
		flex-basis: 100%;
	}

    /* reports */

    .workplace .report-page {
    	flex-wrap: wrap;
    }
    .workplace .report-page .selectors {
    	flex-basis: 100%;
    	min-height: 10px;
    	border-radius: 4px;
    }
    .workplace .report-page .filters {
    	flex-basis: 100%;
    	margin-top: 0.5rem;
    	border-left-width: 1px;
    	border-radius: 4px;
    }
    .workplace .report-page .selectors ul { 
    	display: flex;
    	flex-wrap: wrap;
    }
    .workplace .report-page .selectors ul li { 
    	width: 200px;
    }

    .workplace .report-page .filters .filter .label {
    	flex-basis: 10rem;
    }
    .workplace .report-page .buttons {
    	margin-left: 10rem;
    }

    .workplace .report-view .report-summary.daily .summary-cave.total-amount {
    	width: 33.33%;
    }
    .workplace .report-view .report-summary.daily .summary-cave.total-paid {
    	width: 33.33%;
    }
    .workplace .report-view .report-summary.daily .summary-cave.total-balance {
    	width: 33.33%;
    }
    .workplace .report-view .report-summary.client-list .summary-cave.one-cave {
    	width: 40%;
    }
    .workplace .report-view .report-summary.client-activity .summary-cave.total-in {
    	width: 30%;
    }
    .workplace .report-view .report-summary.client-activity .summary-cave.total-out {
    	width: 30%;
    }
    .workplace .report-view .report-summary.client-activity .summary-cave.difference {
    	width: 30%;
    }
    .workplace .report-view .report-summary.dlvry-orders .summary-cave.total-amount {
    	width: 30%;
    }
    .workplace .report-view .report-summary.dlvry-orders .summary-cave.total-balance {
    	width: 30%;
    }
    .workplace .report-view .report-summary.pays-received .summary-cave.total-amount {
    	width: 30%;
    }

    .workplace .setting-page {
    	flex-wrap: wrap;
    }
    .workplace .setting-page .menu-bar {
    	flex-basis: 100%;
    	display: flex;
    	border-width: 0;
    }
    .workplace .setting-page .canvas-area {
    	flex-basis: 100%;
    	padding: 1.5rem;
    }
    .workplace .setting-page .menu-bar .list {
    	display: flex;
    	flex-wrap: wrap;
    	border: 1px solid #d1d1d1;
    	border-bottom-width: 0;
    	border-radius: 4px 4px 0 0;
    	overflow: hidden;
    }
    .workplace .setting-page .menu-bar .list li {
    	border-bottom: none;
    	border-left: 1px solid #d5d5d5;
    	border-radius: 0;
    }
    .workplace .setting-page .menu-bar .list li:first-child {
    	border-left-width: 0;
    }
    .workplace .setting-page .menu-bar .list li:last-child {
    	border-radius: 0;
    }
    .workplace .setting-page .canvas-area .setting-list .sub-title {
    	padding-right: 0;
    }
    .workplace .setting-page .canvas-area .setting-list .cave {
    	padding: 0 10px;
    }
    .workplace .setting-page .canvas-area .setting-list .cave.serial {
    	flex-basis: 10%;
    }

    .workplace .setting-page .canvas-area .setting-row .row-label {
    	flex-basis: 100%;
    }
    .workplace .setting-page .canvas-area .setting-row .row-value {
    	margin-top: 0.5rem;
    	flex-basis: 100%;
    }
    .workplace .setting-page .canvas-area .setting-row .logo-wrapper {
    	flex-basis: 30%;
    }

}

@media only screen and (max-width: 767px) {
	.login-page {
		background-image: none;
		padding: 1.5rem;
	}
	.login-page main {
		padding: 3rem 1.5rem;
	}
	.login-page .image-wrap img {
		width: 120px;
	}
	.login-page .credential .login-text {
		width: 84%;
	}
	.login-page .credential .icon {
		width: 16%;
	}
	.login-page .credential .show-password {
		right: 18%;
	}
	.login-page .checkbox-wrap .checkbox-label {
		margin-left: 20px;
	}

	.app-wrap .sidebar {
		width: 320px;
	}
	.dashboard .dash-row .dash-col.top-left {
		flex-basis: 100%;
	}
	.dashboard .dash-row .total-wrapper {
		flex-wrap: wrap;
	}
	.dashboard .dash-row .dash-card.total-shipment {
		flex-basis: 100%;
	}
	.dashboard .dash-row .dash-card.ongoing-freight {
		flex-basis: 100%;
	}
	.dashboard .dash-row .dash-col.top-5 {
		flex-basis: 100%;
	}
	.dashboard .dash-row .dash-col.top-5 .data-list {
		min-height: 6rem;
	}

	.workplace .load-page .header-bar .controls {
		flex-wrap: wrap;
		gap: 1rem;
	}
	.workplace .load-page .header-bar .controls .filter-bar {
		flex-basis: 100%;
		flex-wrap: wrap;
		order: 2;
	}
	.workplace .load-page.clients .filter-bar .filter {
		margin-left: 0;
		margin-top: 1rem;
	}
	.workplace .load-page .header-bar .controls .link-btn {
		margin-left: 0;
	}
	.workplace .load-page .filter-bar .search-by.user-page {
		width: 40%;
	}
	.workplace .load-page .filter-bar .text-field {
		width: 60%;
	}
	.workplace .load-page .filter-bar .search-by.delivery-page {
		width: 40%;
	}
	.workplace .load-page .filter-bar .text-field .clickable {
		height: 34px;
	}

	.workplace .load-page .bottom-filters {
		flex-wrap: wrap;
		gap: 0;
	}
	.workplace .load-page .bottom-filters .filter-cave.flight-num {
		width: calc(50% - 0.25rem);
	}
	.workplace .load-page .bottom-filters .filter-cave.departure-date {
		width: calc(50% - 0.25rem);
	}
	.workplace .load-page .bottom-filters .filter-cave.destination {
		width: 100%;
		margin-top: 0.5rem;
	}
	.workplace .load-page .bottom-filters .filter-commands {
		width: 100%;
		margin-top: 0.5rem;
	}

	.workplace .load-page.pays-received .filter-bar .search-by {
		width: 40%;
	}
	.workplace .load-page.pays-received .filter-bar .filter {
		margin-left: 0;
        margin-top: 1rem;
	}

	.workplace .load-page .dynamic-area .bottom-bar {
		padding: 12px;
	}
	.workplace .load-page .bottom-bar .pagination {
		margin-bottom: 1rem;
	}
	.workplace .load-page .bottom-bar .per-page {
		flex-wrap: wrap;
		gap: 1rem 0;
	}
	.workplace .load-page .bottom-bar .per-page p:first-child {
		margin-left: 0;
	}
	.workplace .load-page .bottom-bar .per-page p {
		margin: 0;
		margin-right: 14px;
	}
	.workplace .load-page .bottom-bar .per-page select {
		flex-basis: 50%;
	}
	.workplace .load-page .bottom-bar .per-page input {
		width: 16%;
	}
	.workplace .load-page .bottom-bar .per-page button {
		padding: 5px 12px;
	}

	.workplace .load-page .dynamic-area .list-data .styled-table .empty-cell {
	    text-align: left;
	}

	/* form */
	.workplace .the-form .form-section .tab-content .form-row .form-label {
		flex-basis: 100%;
	}
	.workplace .the-form .form-section .tab-content .form-row .form-controls {
		flex-basis: 100%;
		flex-wrap: wrap;
	}
	.workplace .the-form .user-grants-wrapper .grant-row {
		flex-wrap: wrap;
	}
	.workplace .the-form .user-grants-wrapper .grant-row .grant-label {
		flex-basis: 100%;
		margin-bottom: 0.5rem;
	}
	.workplace .the-form .user-grants-wrapper .grant-row .grant-values {
		flex-wrap: wrap;
		gap: 0.3rem 0;
	}
	.workplace .the-form .user-grants-wrapper .grant-row .grant-values .single-grant {
		flex-basis: 100%;
	}

	.workplace .the-form.client .form-section .form-label.client-type {
		display: none;
	}
	.workplace .the-form.client .loc-country {
		flex-basis: 100%;
	}
	.workplace .the-form.client .loc-state {
		flex-basis: 100%;
	}
	.workplace .the-form.client .client-balance {
		flex-basis: 100%;
	}

	.workplace .the-form.delivery-order .form-section .tab-content .form-row {
		display: block;
	}

	.workplace .the-form.delivery-order .delivery-list .list-row.header {
		display: none;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .only-tab-mob {
		display: block;
	}
	.workplace .the-form.delivery-order .delivery-list {
		max-height: none;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row > div {
		padding-right: 0;
		flex-wrap: wrap;
		gap: 0;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row {
		gap: 0.5rem 0;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .item-desc {
		width: 100%;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .item-weight {
		width: 100%;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .item-qty {
		width: 100%;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .item-rate {
		width: 100%;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .item-total {
		width: 100%;
	}
	.workplace .the-form.delivery-order .delivery-list .list-row .remove-btn span {
		display: inline-block;
	}

	/* view */
	.workplace .show-page .show-user .tab-section .tab-title h3 {
		margin: 0 18px;
	}
	.workplace .show-page .show-user .tab-section .tab-content {
	    padding: 14px 18px 20px;
	}

	.workplace .show-page .show-user .only-sm-flex {
		flex-wrap: wrap;
	}
	.workplace .show-page .show-user .tab-section .tab-content .row-details.img-col {
		width: 100%;
	}
	.workplace .show-page .show-user .tab-section .tab-content .row-details .img-value {
		width: 50%;
	}
	.workplace .show-page .show-user .tab-section .tab-content .right-col {
		width: 100%;
	}

	.workplace .show-page .user-grants .grant-row .grant-label {
		flex-basis: 100%;
	}
	.workplace .show-page .user-grants .grant-row .grant-values {
		flex-basis: 100%;
		flex-wrap: wrap;
	}
	.workplace .show-page .user-grants .grant-row .grant {
		flex-basis: 100%;
	}
	.workplace .show-page .user-grants .grant label {
		width: 100%;
		margin: 5px 0;
		margin-right: 20px;
	}

	.workplace .show-page .view-header h3 {
		flex-basis: 100%;
		margin-bottom: 0.5rem;
		padding-bottom: 0.5rem;
		border-bottom: 1px solid #e2e2e2;
	}
	.workplace .show-page.view-delivery-order .view-header h3 {
		flex-basis: 100%;
	}
	.workplace .show-page .view-header .cmd-wrapper {
		flex-basis: 100%;
		justify-content: space-between;
	}
	.workplace .show-page.view-delivery-order .view-header .cmd-wrapper {
		flex-basis: 100%;
	}
	.workplace .show-page .view-header .cmd-wrapper .spacer {
		flex-grow: 1;
	}

	.workplace .show-page .show-card .card-content.flex {
		flex-wrap: wrap;
	}
	.workplace .show-page .show-card .card-content .part {
		flex-basis: 100%;
	}
	.workplace .show-page .show-card .card-content .divider {
		flex-basis: 100%;
    	height: 1px;
    	margin: 10px 0;
	}

	.workplace .show-page .show-content .wrapper-with-img {
		flex-wrap: wrap;
	}
	.workplace .show-page .show-content .img-wrapper {
		flex-basis: 40%;
	}
	.workplace .show-page .show-content .wrapper-after-img {
		flex-basis: 100%;
	}

	.workplace .show-page.view-delivery-order .card-content .brief {
		width: 100%;
	}
	.workplace .show-page.view-delivery-order .card-content .brief-row.extra-charges .label {
		width: 45%;
	}
	.workplace .show-page.view-delivery-order .card-content .brief-row .label {
		width: 45%;
	}
	.workplace .show-page.view-delivery-order .card-content .brief-row .value {
		width: 55%;
	}

	.workplace .show-page.view-delivery-order .delivery-list {
		border: none;
	}
	.workplace .show-page.view-delivery-order .delivery-list .list-header {
		display: none;
	}
	.workplace .show-page.view-delivery-order .delivery-list .list-row {
		border: 1px solid #cbd6e2;
		border-radius: 4px;
	}
	.workplace .show-page.view-delivery-order .delivery-list .list-row:nth-child(odd) {
		margin-top: 0.5rem;
	}
	.workplace .show-page.view-delivery-order .delivery-list .list-row .sno {
		display: none;
	}
	.workplace .show-page.view-delivery-order .delivery-list .list-row .cave {
		width: 100%;
		display: flex;
		gap: 0.5rem;
	}
	.workplace .show-page.view-delivery-order .delivery-list .list-row .cave.item-action {
		margin: 0.6rem 0;
		padding-top: 0.6rem;
		border-top: 1px dashed #ccc;
	}
	.workplace .show-page.view-delivery-order .delivery-list .only-mob {
		display: inline-flex;
		width: 20%;
	}
	.workplace .show-page.view-delivery-order .delivery-list .val {
		font-family: var(--font_family_medium);
	}


	/* reports */
	.workplace .report-page .selectors ul li {
		width: 100%;
	}
	.workplace .report-page .filters .filter .label {
		flex-basis: 100%;
	}
	.workplace .report-page .filters .filter .filter-controls {
		flex-basis: 100%;
		flex-wrap: wrap;
	}
	.workplace .report-page .filters .filter .flight-num {
		width: 100%;
	}
	.workplace .report-page .filters .filter .flight-date {
		width: 100%;
	}
	.workplace .report-page .filters .filter .client-type {
		width: 100%;
	}
	.workplace .report-page .filters .filter .client-country {
		width: 100%;
	}
	.workplace .report-page .filters .filter .client-country-state {
		width: 100%;
	}
	.workplace .report-page .filters .filter .search-client-by {
		width: 100%;
	}
	.workplace .report-page .filters .filter .text-with-suggest {
		width: calc(100% - 3.5rem);
	}
	.workplace .report-page .filters .filter .search-client-text {
		width: 100%;
	}
	.workplace .report-page .filters .search-btn {
    	width: 3rem;
    }
    .workplace .report-page .filters .filter .start-date {
    	width: calc(50% - 0.25rem);
    }
    .workplace .report-page .filters .filter .end-date {
    	width: calc(50% - 0.25rem);
    }

    .workplace .report-page .filters .filter .dlvry-airline {
    	width: calc(50% - 0.25rem);
    }
    .workplace .report-page .filters .filter .airway-bill-no {
    	width: calc(50% - 0.25rem);
    }
    .workplace .report-page .filters .filter .destination-mark {
    	width: 100%;
    }

    .workplace .report-page .filters .filter .sender-country {
    	width: 100%;
    }
    .workplace .report-page .filters .filter .sender-state {
    	width: 100%;
    }
    .workplace .report-page .filters .filter .receiver-country {
    	width: 100%;
    }
    .workplace .report-page .filters .filter .receiver-state {
    	width: 100%;
    }
    .workplace .report-page .filters .filter .dlvry-paid-status {
    	width: 100%;
    }

	.workplace .report-page .buttons {
		margin-left: 0;
	}
	.workplace .report-page .buttons .btn-display {
		width: 100%;
	}

	.workplace .report-view {
		padding: 1.5rem;
	}
	.workplace .report-view .report-header {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		border-bottom: 0;
	}
	.workplace .report-view .report-header .btns {
		position: static;
		align-items: stretch;
		width: 100%;
	}

	.workplace .report-view .report-table .empty-cell {
		text-align: left;
	}
	.workplace .report-view .report-summary {
		gap: 0.5rem;
	}
	.workplace .report-view .report-summary .summary-cave {
		border: 1px solid #c5c5c5;
		border-radius: 4px !important;
	}
	.workplace .report-view .report-summary.daily .summary-cave.total-amount {
    	width: 100%;
    }
    .workplace .report-view .report-summary.daily .summary-cave.total-paid {
    	width: 100%;
    }
    .workplace .report-view .report-summary.daily .summary-cave.total-balance {
    	width: 100%;
    }

    .workplace .report-view .report-summary.client-list .summary-cave.one-cave {
    	width: 100%;
    }
    .workplace .report-view .report-summary.client-activity .summary-cave.total-in {
    	width: 100%;
    }
    .workplace .report-view .report-summary.client-activity .summary-cave.total-out {
    	width: 100%;
    }
    .workplace .report-view .report-summary.client-activity .summary-cave.difference {
    	width: 100%;
    }
    .workplace .report-view .report-summary.dlvry-orders .summary-cave.total-amount {
    	width: 100%;
    }
    .workplace .report-view .report-summary.dlvry-orders .summary-cave.total-balance {
    	width: 100%;
    }

    .workplace .setting-page {
    	padding: 0 0.5rem;
    }
    .workplace .setting-page .menu-bar .list {
    	flex-direction: column;
    	align-items: flex-start;
    	border: 0;
    }
    .workplace .setting-page .menu-bar .list li {
    	margin-bottom: 0.25rem;
    	border: 1px solid #d5d5d5 !important;
    	border-radius: 4px !important;
    }
    .workplace .setting-page .menu-bar .list li.active {
    	border: 1px solid #d5d5d5 !important;
    }
    .workplace .setting-page .menu-bar .list a {
	    padding: 0.4rem 0.8rem;
	}
	.workplace .setting-page .menu-bar .list li.active a::after {
	    display: none;
	}
	.workplace .setting-page .canvas-area .header-bar {
		flex-wrap: wrap;
	}
	.workplace .setting-page .canvas-area .header-bar .commands {
		flex-basis: 100%;
		margin-top: 0.5rem;
	}
	.workplace .setting-page .canvas-area .header-bar .link-btn {
		background-color: #ffffff;
	}
    .workplace .setting-page .canvas-area {
    	margin-top: 0.5rem;
    	padding: 0;
    	background-color: transparent;
    	border-width: 0;
    	border-radius: 0;
    }
    .workplace .setting-page .canvas-area .section-content {
    	padding: 1.5rem;
	    background-color: #ffffff;
	    border: 1px solid #d1d1d1;
	    border-radius: 4px;
    }
    .workplace .setting-page .canvas-area .setting-list .setting-data {
    	background-color: #ffffff;
    }
    .workplace .setting-page .canvas-area .setting-list .cave.serial {
    	flex-basis: 15%;
    }
    .workplace .setting-page .canvas-area .setting-list.countries .cave.country-name {
    	flex-basis: 50%;
    }
    .workplace .setting-page .canvas-area .setting-list.countries .cave.country-phone {
    	display: none;
    }
    .workplace .setting-page .canvas-area .setting-list.countries .cave.country-status {
    	display: none;
    }
    .workplace .setting-page .canvas-area .setting-list .cave.buttons {
    	flex-basis: 30%;
    }
    .workplace .setting-page .canvas-area .setting-list.cities .cave.city-name {
    	flex-basis: 50%;
    }
    .workplace .setting-page .canvas-area .setting-list.cities .cave.city-status {
    	display: none;
    }
    .workplace .setting-page .canvas-area .setting-list.airlines .cave.airline-name {
    	flex-basis: 50%;
    }

    .workplace .setting-page .canvas-area .setting-row .logo-wrapper {
    	flex-basis: 50%;
    }


}