@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../../fonts/glyphicons-halflings-regular.eot);
	src: url(../../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
	url(../../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
	url(../../fonts/glyphicons-halflings-regular.woff) format('woff'),
	url(../../fonts/glyphicons-halflings-regular.ttf) format('truetype'),
	url(../../fonts/glyphicons-halflings-regular.svg) format('svg');
}

body {
	min-width: 320px;
	font-family: 'Fira Sans', sans-serif;
}

img {
	max-width: 100%;
	height: auto;
}

.spacer {
	min-height: 150px;
	background-color: #f4f6f9;
}

a.tasks-info .callout {
	color: #212529;
}

a.tasks-info:hover .callout.callout-warning {
	border-left-color: #007bff;
}

.callout a {
	text-decoration: none;
}

.callout a:hover {
	color: #ee6e73;
	text-decoration: underline;
}

.table td,
.table th {
	vertical-align: middle;
}

.expandable-body .table {
	width: calc(100% - 2rem);
	margin: 0 1rem;
}

.card-body table tr td img {
	max-height: 60px;
}

label.required::before {
	content: '* ';
	color: #ff0000;
	font-weight: bold;
}

.shown {
	display: flex !important;
}

.displayCrashes {
	display: none;
}

.step {
	display: none;
}

.btn-disabled {
	background-color: #e9ecef;
	border: 1px solid #c4c4c4;
	color: #8d8d8d;
	pointer-events: none;
}

.pagination-month .page-item .page-year {
	font-size: 1.25rem;
}

.user-panel img {
	max-height: 33px !important;
	max-width: 33px !important;
}

fieldset {
	border: 1px solid #dee2e6;
	padding: 0.5rem 1rem 0;
	border-radius: 0.25rem;
	box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}

legend {
	width: auto;
	padding: 0 1rem;
	background-color: #f4f6f9;
}

.choose-role:hover > .card {
	background-color: #ededed !important;
	transition: background-color .5s;
}

.card .overlay {
	display: none;
}

#single.hover {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	text-decoration: none;
}

.upload-images {
	display: flex;
	padding: 20px 0 0 0;
}

.product-image-upload {
	position: relative;
	width: 30%;
	margin-right: 20px;
}

.del-img {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
}

/* Validator */
form .has-success .form-control {
	border-color: green;
}

form .has-error .form-control {
	border-color: red;
}

.has-error,
.has-success {
	position: relative;
}

.has-error .form-control-feedback {
	color: #a94442;
}

.has-success .form-control-feedback {
	color: #3c763d;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
	color: #3c763d;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #a94442;
}

.help-block ul {
	margin-bottom: 0;
}

.form-control-feedback {
	position: absolute;
	top: 43px;
	right: 15px;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none;
}

table tr td .form-control-feedback {
	top: 10px;
	right: 5px;
}

.glyphicon {
	display: inline-block;
	font-family: 'Glyphicons Halflings', serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-remove:before {
	content: '\e014';
}

.glyphicon-ok:before {
	content: '\e013';
}

.login-box form .has-error {
	margin-bottom: 2.5rem !important;
}

.login-box form .has-error .help-block {
	position: absolute;
	top: 38px;
	left: 0;
}

.login-box form .form-control-feedback {
	top: 12px;
	right: 0;
}

/* End of Validator */

/* DataTables */
.dataTables_wrapper .btn-group,
.dataTables_info {
	float: left !important;
}

.dataTables_wrapper .dataTables_paginate {
	float: right !important;
	margin-top: 0.5rem !important;
}

@media all and (min-width: 992px) {
	.logs {
		margin-left: 250px;
	}
}

/* RadioInputs */
.radio-input input[type=radio] {
	--s: 2em; /* control the size */
	--c: #0069db; /* the active color */

	height: var(--s);
	aspect-ratio: 1;
	border: calc(var(--s) / 8) solid #939393;
	padding: calc(var(--s) / 8);
	background: radial-gradient(farthest-side, var(--c) 94%, #0000) 50%/0 0 no-repeat content-box;
	border-radius: 50%;
	outline-offset: calc(var(--s) / 10);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	font-size: inherit;
	transition: .3s;
}

.radio-input input[type=radio]:checked {
	border-color: var(--c);
	background-size: 100% 100%;
}

.radio-input label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 5px 0;
	cursor: pointer;
	font-size: 1.1rem;
}