html,
body {
	height: 100%;
	font-size: .96rem !important;
}

body {
	display: flex;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
}

.form-signin {
	width: 100%;
	max-width: 400px;
	padding: 15px;
	margin: auto;
}

.hide {
	display: none;
}

.full-height {
	height: 100vh;
}

.lighter {
	opacity: 0.50;
}

.pointer {
	cursor: pointer;	
}

.form-control-color {
	max-width: none;
}

.bg-soothing-breeze {
	background-color: rgba(178, 190, 195,1.0);
}
.bg-city-light {
	background-color: rgba(223, 230, 233,1.0);
}

.btn-group-xs>.btn, .btn-xs {
    padding: .15rem .5rem;
    font-size: .75rem;
    border-radius: .2rem;
}

.box-round {
	width: 20px;
	height: 20px;
	border-radius: 10px;
}

.box-color {
	width: 200px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid rgba(0, 0, 0, .1);
	text-align: center;
	padding-top: 3px;
	font-size: 14px;
	cursor: pointer;
	text-shadow: 1px 1px 0 #FFFFFF;
}

.sort-asc::after {
	font-family: "Font Awesome 5 Free"; 
	content: "\f15d";
	float: right;
}

.sort-desc::after {
	font-family: "Font Awesome 5 Free"; 
	content: "\f882";
	float: right;
}

.sider {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 2;
    transition: all 0.3s;
    overflow-x: hidden;
}

.sider.on {
	width: 280px;
}

.sider.off {
	width: 0;
}
.contenedor {
	transition: all 0.3s;
	z-index: 1;
}

.contenedor.on {
	margin-left: 280px;
}

.contenedor.off {
	margin-left: 0;
}

.action-select {
	display: none;
}

.datepicker td, .datepicker th {
    width: 40px;
    height: 35px;
}

.wrapdots {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    width: .75rem;
    height: .75rem;
    padding: .35rem .35rem;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    margin-right: .5rem;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    font-size: 1rem !important;
}

.form-control-color-custom {
	border: none !important;
	padding: 0 !important;
}

.card-select {
	background-color: rgba(255, 234, 167,.25);
}