.flag-icon {
	height: 1em !important;
}

tbody tr {
	border-top: 2px solid var(--falcon-300) !important;
}

.check-table {
	width: 20px;
	height: 20px;
}

.sorting_1{
	padding: 0.8rem !important;
}

.dt-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
	flex-wrap: wrap;
}

.dt-toolbar .dt-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px
}

.dt-toolbar .dt-search {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 10px;
	width: 30%;
}

.dt-search label {
	margin: 0;
	color: var(--falcon-800);
}

.dt-search input {
	width: 100% !important
}

.dt-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
}

.dt-footer .dt-info {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.dt-footer .dt-paging {
	width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.datatable th {
	white-space: nowrap;
}

td {
	white-space: nowrap;
	font-size: small;
}

table.dataTable {
	width: 100% !important;
}

table.table.dataTable th {
	background-color: var(--falcon-300);
}

.dt-info {
	color: var(--falcon-600);
}

div.dt-scroll-body {
	border: 0px;
}

.dt-content {
	overflow-x: auto;
	width: 100%;
}


@media (max-width: 921px) {
	.dt-toolbar {
		flex-direction: column;
	}

	.dt-toolbar .dt-buttons {
		width: 100%;
	}

	.dt-toolbar .dt-search {
		width: 100%;
	}

	.dt-footer {
		flex-direction: column;
	}

	.dt-footer .dt-info {
		width: 100%;
		justify-content: center;
		padding: 10px;
	}

	.dt-footer .dt-paging {
		width: 100%;
		justify-content: center;
		padding: 10px;
	}
}

.dt-button-info {
	background-color: var(--phoenix-body-bg) !important;
}

.dt-button-info h2 {
	color: var(--phoenix-body-color);
}

.table > tbody > tr > td:last-child {

	padding-right: 15px;
	
}

.table > tbody > tr > td:first-child {
	padding-left: 15px;
}

/*MODAL*/

.modal_20_vw {
	max-width: 20vw;
	margin: auto;
}

.modal_30_vw {
    max-width: 30vw;
    margin: auto;
}

.modal_40_vw {
    max-width: 40vw;
    margin: auto;
}

.modal_50_vw {
    max-width: 50vw;
    margin: auto;
}

.modal_60_vw {
    max-width: 60vw;
    margin: auto;
}

.modal_70_vw {
    max-width: 70vw;
    margin: auto;
}

.modal_80_vw {
    max-width: 80vw;
    margin: auto;
}

.modal_90_vw {
    max-width: 90vw;
    margin: auto;
}

@media (max-width: 768px) {
    .modal_20_vw, .modal_30_vw, .modal_40_vw, .modal_50_vw, .modal_60_vw, .modal_70_vw, .modal_80_vw, .modal_90_vw, .modal_100_vw {
        max-width: 90vw;
    }
}

.icon_modal {
	font-size: 12rem;
}

.switch_lg {
	width: 3rem !important;
	height: 1.5rem;
}

.radio-lg {
	width: 1.5rem !important;
	height: 1.5rem !important;
}

.modal_inner_scroll {
	height: 50vh;
	overflow-y: auto;
}

.spinner-s1 {
	height: 300px;
	width: 300px;
}


.choices__inner.is-invalid{
    border-color: var(--phoenix-form-invalid-border-color)
}

.mvh-50 {
	min-height: 50vh;
}

.bg-white {
	background-color: white !important;
}

.bg-black {
	background-color: black !important;
}

.h-85 {
	height: 80% !important;
}

.color-white{
	color: white !important;
}

canvas[data-zr-dom-id] {	
	left: 8px !important;
}

.vh-75 {
	height: 75vh !important; 
}

.vh-60 {
	height: 60vh !important; 
}

.mxvh-50 {
	max-height: 50vh !important; 
}

.mxvh-60 {
	max-height: 60vh !important; 
}

.mxvh-70 {
	max-height: 70vh !important; 
}

.mvh-50 {
	min-height: 50vh !important; 
}

.vh-40 {
	height: 40vh !important; 
}

.vh-30 {
	height: 30vh !important; 
}

.vh-20 {
	height: 20vh !important; 
}

.modal-backdrop-spinner {
	background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
	z-index: -1;
	display: flex;
    align-items: center;
    justify-content: center;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}

.modal-backdrop-spinner.show {
	opacity: 1;
	z-index: 1060;
}
.modal-backdrop-spinner.hide {
	opacity: 0;
	z-index: -1;
}

.choices__list.choices__list--single {
	font-size: 1rem !important;
}

@media (max-width: 768px) {
	.choices__list.choices__list--single {
		font-size: 0.8rem !important;
	}
}