.dis-none {
	display: none;
}

.uk-button-default.uk-active {
	background-color: #e87726;
	color: white !important;
	border: 0;
}

.uk-button-primary {
	background-color: #e87726;
}

.uk-button-primary:hover,
.uk-button-primary:focus,
.uk-button-primary:active {
	background-color: #ec8f4d;
}

.uk-button-danger {
	background-color: #d31c15;
}

.uk-button-danger:hover,
.uk-button-danger:focus,
.uk-button-danger:active {
	background-color: #de4f3e;
}

.uk-button-success {
	background-color: #5cc87c;
	color: white;
}

.uk-button-success:hover,
.uk-button-success:focus,
.uk-button-success:active {
	background-color: #2b9b55;
}

.uk-icon-button {
	width: fit-content !important;
	height: fit-content !important;
	padding: 7px;
	border-radius: 50%;
	cursor: pointer;
}

.uk-icon-button:disabled:hover,
.uk-button:disabled:hover {
	background-color: transparent;
}

/* .uk-label {
    text-transform: none;
} */

.uk-label-danger {
	background-color: #d31c15;
}

.uk-label-success {
	background-color: #5cc87c;
}

.uk-table > tbody > tr > td {
	vertical-align: middle !important;
}

/* .uk-nav-sub {
	padding-left: 0 !important;
} */

.uk-icon-button-alt {
	cursor: pointer;
}

.uk-nav-sub li {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.uk-nav-primary li.uk-sub-active {
	padding-right: 0;
}

.uk-non-parent {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked {
	background-color: #e5732e !important;
}

.side-bar-button {
	display: none;
}

.logo-a {
	margin-left: 40px !important;
}

.mobile-overlay {
	display: none;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100vw;
	height: 100vh;
	z-index: 100;
}

.uk-parent {
	cursor: none !important;
}

.transaction-toolbar-buttons {
	display: flex;
	flex-direction: row;
}

.transaction-toolbar-date {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.fixed-width-100 {
	width: 100% !important;
}

.flex-title-right {
	display: flex;
	flex: 1;
	width: 100%;
	row-gap: 16px;
	flex-wrap: wrap;
}

.uk-table th {
	vertical-align: middle;
}

.title-buttons {
	display: flex;
	align-items: center;
	margin-right: 16px;
}

.vertical-text-padding {
	padding-top: 12px;
	padding-bottom: 12px;
}

.rdt_TableCol > .rdt_TableCol_Sortable > div {
	text-align: left;
	vertical-align: bottom;
	font-size: 0.725rem;
	font-weight: 400;
	color: #999;
	text-transform: uppercase;
}

.fee-title {
	text-transform: capitalize;
}

.fee-responsive-header {
	display: none;
	font-weight: bold;
}

.modal-warning {
	font-weight: bold;
}

@media only screen and (max-width: 1000px) {
	.transaction-toolbar {
		flex-direction: column;
		row-gap: 12px;
		align-items: baseline;
	}
}

@media only screen and (max-width: 959px) {
	.fee-title {
		font-weight: bold;
		text-decoration: underline;
	}
	.fee-responsive-header {
		display: inline;
	}
}

@media only screen and (max-width: 824px) {
	.content {
		padding: 16px !important;
		padding-top: 86px !important;
	}
	.main-navbar {
		position: fixed;
		width: 100%;
		z-index: 200;
	}
	.side-navbar {
		position: fixed;
		height: calc(100% - 70px);
		z-index: 100;
		margin-top: 70px;
		left: -100%;
		overflow-y: auto;
		transition: left 0.25s ease-in-out;
	}

	.side-navbar.open-sidebar {
		left: 0;
	}

	.logo-a {
		margin-left: 0px !important;
	}

	.side-bar-button {
		display: flex;
		margin-left: 40px !important;
	}
	.mobile-overlay.display {
		display: block;
	}

	.transaction-toolbar {
		align-items: center;
	}

	/* .transaction-toolbar-buttons {
        flex-direction: column;
        row-gap: 12px;
    } */
}

@media only screen and (max-width: 600px) {
	.side-bar-button {
		margin-left: 0px !important;
	}
	.uk-navbar-right {
		margin-right: 0px !important;
	}
	.transaction-toolbar-date {
		flex-direction: column;
	}
	.react-datepicker-wrapper {
		padding: 8px !important;
	}
	.flex-title {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 16px;
	}
}

@media only screen and (max-width: 490px) {
	.logo-a {
		display: none;
	}
}