html, body, .wrapper {min-height: 100vh;}

label {
	margin-top: .5rem;
}

#sitebar {
    height: 100vh;
    min-width: 200px;
	position: fixed;
}

#sitebar ul.list-unstyled i {
    display: none;
    display: inline-block;
    min-width: 2rem;
}
.card .fa, .card .far, .card .fas {
	display: inline-block;
	margin-right: 1rem;
}

#content {
	width: 100%;
	margin-left: 200px;
}

.wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
}

.bg-newcom {
	background-color: #8dc1eb !important;
}

body#login-page .card,
body#register-page .card {
	/*background-color: rgba(255,255,255,.8);*/
	background-color: #ffffff;
}

@media all and (min-width: 3880px) {.card-columns{column-count: 8}}
@media all and (min-width: 2880px) {.card-columns{column-count: 6}}
@media all and (min-width: 1920px) {.card-columns{column-count: 5}}
@media all and (min-width: 1440px) {.card-columns{column-count: 4}}
@media all and (max-width: 820px) {.card-columns{column-count: 2}}
@media all and (max-width:570px) {.card-columns{column-count: 1}}