.fullwidth {
	width: 100%;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-row.items-right {
	justify-content: flex-end;
}

.flex-row.items-between {
	justify-content: space-between;
}

.vertical-list {
	display: flex;
	list-style: none;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

.horizontal-list {
	display: flex;
	list-style: none;
	flex-direction: row;
	margin: 0;
	padding: 0;
}

body .content .additional-tools {
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

body .content .btn.fullwidth {
	padding-left: 6px;
	padding-right: 6px;
}

.tab:not([class*='active']) {
	display: none;
}

.inner-tab:not([class*='active']) {
	display: none;
}

.inner-tab {
	margin-top: 12px;
}

.percentage-input,
.currency-input {
	display: flex;
	flex-direction: row;
	background-color: white;
}

.percentage-input input,
.currency-input input {
	border: none;
	background-color: inherit;
}

.text-suffix-wrapper,
.text-prefix-wrapper {
	display: flex;
	align-items: center;
	background-color: inherit;
}

.percentage-input .text-suffix::after {
	content: '%';
	padding-left: 5px;
	color: black;
}

.currency-input .text-prefix::after {
	content: '$';
	padding-left: 5px;
	color: black;
}

body .content .card {
	padding: 12px;
}

body .content .tabulator {
	font-size: 14px;
}

body .content .space-between {
	justify-content: space-between;
}

body .content .justify-center {
	justify-content: center;
}

body .content .justify-right {
	justify-content: flex-end;
}

body .content .justify-left {
	justify-content: flex-start;
}

body .content td {
	padding: 0 6px;
}
nav.navbar .logo-placement img {
	width: 112px;
}
nav.navbar .photo {
	width: 24px;
	height: 24px;
}
nav.navbar a.dropdown-toggle {
	padding-top: 4px;
	padding-bottom: 4px;
}
#super-company-picker-main-nav button {
	padding: 6px 24px;
	margin: 0;
}
.hide {
	display: none !important;
}





/* LIGHT MODE */

body.light-mode {
	background-color: #fff;
	color: rgb(63,68,75);
}
body.light-mode nav.navbar {
	background-color: #6b767f !important;
}
body.light-mode footer.footer {
	background-color: #fff;
}
#sidebar::before {
	display: none; /*hide up arrow*/
}

body.light-mode h1, body.light-mode h2, body.light-mode h3, body.light-mode h4, body.light-mode h5, body.light-mode h6 {
	color: rgb(63,68,75);
}

body.light-mode label, body.light-mode span, body.light-mode input, body.light-mode select, body.light-mode textbox, body.light-mode textarea, body.light-mode p, body.light-mode a, body.light-mode a.nav-link {
	color: rgb(63,68,75);
}
body.light-mode tr, body.light-mode th, body.light-mode td {
	color: rgba(63,68,75);
}
body.light-mode .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	color: rgba(63,68,75);
}
body.light-mode #sidebar p {
	color: white;
}
body.light-mode .btn span, body.light-mode span.btn, body.light-mode .btn a, body.light-mode a.btn {
	color:white;
}
body.light-mode .ticker-wrap span:not(.default-loan-type) {
	color:white;
}
body.light-mode input[disabled], body.light-mode input[readonly] {
	background-color: #fff;
}
body.light-mode .currency-input, body.light-mode .percentage-input, body.light-mode .form-group > input {
	border: 1px solid rgba(200,200,200,0.8);
	border-radius: 4px;
	overflow: auto;
	padding: 2px 4px;
}
body.light-mode .content .form-control:focus {
	color: rgb(63,68,75);
}

body.light-mode .content {
	background-color: #fff;
	color: rgb(63,68,75);
}
body.light-mode .card {
	background-color: #fff;
}

body.light-mode .tabulator .tabulator-cell {
	background-color: rgba(200,200,200,0.15);
	color: rgb(63,68,75);
}
body.light-mode .tabulator .tabulator-header {
	background-color: #fff;
	color: rgb(63,68,75);	
}
body.light-mode .tabulator .tabulator-footer {
	color: rgb(63,68,75);
}

/* breakpoints */
/* 1440px */
@media screen and (max-width: 1440px){
	body .content .row.main-content {
		flex-direction: column;
	}
	body .content .main-content > div {
		order: 1;
	}
	body .content .col-10 {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
	body .content .main-content .additional-tools {
		order: 0;
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		justify-content: space-between;
		padding: 0 6px;
	}

	body .content .additional-tools .card {
		margin-bottom: 12px;
		max-width: unset;
		width: auto;
		box-shadow: none;
		flex: 0 0 auto;
	}
	body .content .additional-tools .vertical-list {
		flex-direction: row;
		gap: 6px;
	}
	body .content .additional-tools .vertical-list .btn {
		padding: 8px 12px;
		font-size: 12px;
	}

	body .content .card .card-body {
		padding: 0;
	}

	body .content .tabulator .tabulator-header {
		font-size: 12px;
	}
	body .content .tabulator .tabulator-table {
		font-size: 12px;
	}
	body .content .tabulator .tabulator-footer {
		font-size: 12px;
	}
	body .content .tabulator svg.sendLoanIcon {
		max-height: 16px;
	}
}

@media screen and (max-width: 1200px){

	/*sidebar */
	body #content .sidebar {
		transform: translate3d(-232px, 0, 0);
	}
	body #content .sidebar:hover {
		transform: translate3d(0, 0, 0);
	}
	body #content .sidebar:focus {
		transform: translate3d(0, 0, 0);
	}

}