.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal__dialog {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    pointer-events: none;
}

.modal__dialog_min-h_m {
    min-height: 395px;
}

.modal.fade.in {
	background-color: var(--fade-color);
}

.modal__content {
    min-width: 600px;
    max-width: calc(100vw - 200px);
	background-color: var(--background-color);
	border-radius: 6px;
}

.modal__content_message {
	width: min(600px, calc(100% - 20px));
}

.modal__content,
.modal__content_600,
.modal__content_900,
.modal__content_1200,
.modal__content_message {
	position: relative;
    min-height: 200px;
    margin: 0;

    box-shadow: 0px 0px 12px 0px var(--black20per-color);
    pointer-events: all;
}



.modal__content.loading {
    border: none;
    background: transparent;
    box-shadow: none;
}

.modal__content.loading .table__loader.loading {
	box-shadow: 5px -5px 5px 0px rgb(0, 0, 0, 0.9);
}

.modal__content_min-width {
    width: 600px;
}

.modal__content_report {
    width: 80%;
    min-width: 1030px;
}

.modal__content_half {
    width: 50%;
    min-width: 840px;
}
.modal__content_m {
	width: 60%;
	min-width: 900px;
}

.modal__content_l {
    width: 80%;
    min-width: 920px;
}

.modal__header {
	min-height: 40px;
	padding: 10px 40px 10px 10px;
	border-radius: 6px 6px 0 0;
	border-bottom: 1px solid var(--high-color);

	background-color: var(--table-color);
}

.modal__header h4 {
	color: var(--high-color);
}

.modal__header.tile-header {
    height:auto;
}

.modal__close {
    position: absolute;
    right: 9px;

    margin: 0;
    border: none;
    border-radius: 0;
    transition: transform .3s ease-in;
}

.modal__close:hover {
    transform: rotate(180deg);;
}

.modal__body {
    position: relative;
    z-index: 1;
	min-height: 110px;
}

.modal__body .scroll__style .scroll__style{
	padding: 0;
}

.modal__padding-10 {
	padding: 10px 0;
}

.modal__padding-10 .scroll__style {
	padding: 0;
}

.scroll__modal-with-tabs {
	min-height: 50px !important;
	max-height: max(120px, calc(100vh - 250px)) !important;
}

.modal__body .simplebar-track.simplebar-horizontal {
    display: none !important;
}

.modal__footer {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0;
	background-color: var(--high-color);
	border-radius: 0 0 6px 6px;
	border-top: 1px solid var(--black20per-color);
}

.modal .dropdown-list__menu {
    position: fixed;
}

.padding-10 {
	padding: 10px !important;
}

.modal .modal-content__tabs {
    z-index: 1;
}

.modal[data-backdrop="false"] {
	background: none !important;
}

.modal_section {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    pointer-events: none;
}



.modal_section .modal__body {
	background-color: var(--background-color);

	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--table-color) transparent;
}

.modal_section .modal__body::-webkit-scrollbar-thumb {
	background-color: var(--table-color);
}

.modal_section .modal__body::-webkit-scrollbar {
	width: 6px;
	height: 12px;
}

.modal_section .modal__body::-webkit-scrollbar-track {
	background: transparent;
}

.modal__content_600 {
    width: min(calc(100% - 20px), 600px);
}

.modal__content_900 {
	width: min(calc(100% - 20px), 900px);
}

.modal__content_1200 {
	width: min(calc(100% - 20px), 1200px);
}

.modal__content_600,
.modal__content_900,
.modal__content_1200 {
	max-height: calc(100% - 20px);
	overflow: hidden;
	display: grid;
	grid-template-rows: auto 1fr auto;
}


@media (max-width: 600px) {
	.modal__content_600,
	.modal__content_900,
	.modal__content_1200 {
		max-height: none;
		height: 100%;
		width: 100%;
		border-radius: 0;
	}

	.modal__content_600 .modal__header,
	.modal__content_600 .modal__footer,
	.modal__content_900 .modal__header,
	.modal__content_900 .modal__footer,
	.modal__content_1200 .modal__header,
	.modal__content_1200 .modal__footer {
		border-radius: 0;
	}

	.map-address {
		min-height: calc(100vh - 230px);
	}
}