html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.currency {
	padding-left: 12px;
}

.currency-symbol {
	position: absolute;
	padding: 7px 5px;
}

.btn:focus, 
.btn:active:focus, 
.btn-link.nav-link:focus, 
.form-control:focus, 
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: 'Open Sans', sans-serif;
}

.table-sm {
    font-size: 0.8em;
    padding-top: 0;
}

.table-lined tr {
	border-bottom: 2px solid #000;
}

.small-table-btn {
    max-width: 100px;
    min-width: 100px;
}

a.btn-disabled {
	pointer-events: none;
}

a.btn-info {
	color: #fff;
}

	a.btn-info.btn-disabled {
		background-color: #31d2f260;
		border-color: #31d2f260;
	}

.btn.touch-btn {
	height: 50px;
	font-size: 24px;
}

.home-btn {
    max-width: 200px;
    min-width: 200px;
}

.btn-std {
    max-width: 150px;
    min-width: 150px;
}

.form-control.touch-form-control {
	height: 50px;
	font-size: 24px;
}

.button-default-text,
.button-success-text,
.button-danger-text {
	font-weight: bold;
}

.button-default-text {
	color: #337ab7;
}

.button-success-text {
	color: #5cb85c;
}

.button-danger-text {
	color: #d9534f
}

.popup-content-container {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.popup-content-container > .popup-content {
	flex: 1 0 auto;
}

	.popup-content-container > .popup-buttons {
		flex: 0 1 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.popup-content-container > .popup-text-buttons {
		flex: 0 1 auto;
	}

.tweaked-datagrid .dx-datagrid-content .dx-command-edit {
	padding: 4px;
}

.dx-big-input .dx-texteditor-input-container input {
	font-size: 48px;
}

.dx-centered-input .dx-texteditor-input-container input {
	text-align: center;
}

.dx-button-narrow {
	height: 25.5px;
}

.dx-button-mode-contained.dx-button-primary {
	background-color: #0d6efd;
	border-color: transparent;
	color: #fff;
}

	.dx-button-mode-contained.dx-button-primary.dx-state-hover {
		background-color: #0162e5;
	}

.dx-button-mode-contained.dx-button-secondary {
	background-color: #6c757d;
	border-color: transparent;
	color: #fff;
}

	.dx-button-mode-contained.dx-button-secondary.dx-state-hover {
		background-color: #606965;
	}

.dx-button-mode-contained.dx-button-warning {
	background-color: #ffc107;
	border-color: transparent;
	color: #000;
}

	.dx-button-mode-contained.dx-button-warning.dx-state-hover {
		background-color: #e7b500;
	}

.dx-button-mode-contained.dx-button-info {
	background-color: #0dcaf0;
	border-color: transparent;
	color: #000;
}

	.dx-button-mode-contained.dx-button-info.dx-state-hover {
		background-color: #01bfd8;
	}

.dx-buttongroup-big .dx-button .dx-button-content {
	font-size: 32px;
	font-weight: bold;
	padding-block: 20px;
}

.dx-buttongroup-colored .dx-button.dx-button-mode-contained.dx-state-selected {
	background-color: #0dcaf0;
}

.dx-buttongroup-vertical .dx-buttongroup-wrapper {
	flex-flow: column nowrap;
}

.dx-buttongroup-vertical .dx-buttongroup-first-item.dx-button.dx-button-mode-contained {
	border-radius: 4px 4px 0 0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
}

.dx-buttongroup-vertical .dx-buttongroup-item.dx-button.dx-button-mode-contained {
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
}

.dx-buttongroup-vertical .dx-buttongroup-last-item.dx-button.dx-button-mode-contained {
	border-radius: 0 0 4px 4px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
}
