body {
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    font-style: normal;
    word-break:break-word;
    overflow-x:hidden;
    min-height: 100vh;
  	min-height: -webkit-fill-available;
}


html {
  height: -webkit-fill-available;
}

a {
	text-decoration: none;
}

/*#page {
    min-height:100%;
    display:flex;
    flex-direction:column;
}

#content {
    flex:1;
}*/

.top-button {
	right:5%;
	bottom:30px;
	opacity:0;
	visibility:hidden;
	transition:visibility 0s linear 0.3s, opacity 0.3s;
	z-index: 1000 !important;
}

.top-button.visible {
	opacity:1;
	transition:visibility 0s linear 0s, opacity 0.3s;
}

.my_error {
	color: #ff5353;
	font-size: .8rem;
}





.bootstrap-datetimepicker-widget .datepicker-days th,
.bootstrap-datetimepicker-widget .datepicker-days tbody td {
	white-space: nowrap;
}



#form-filter .dropdown-menu {
	max-width: 300px;
  	overflow: hidden;
}


.admin_menu > li {
	margin-bottom: 1rem;
}



@media (max-width: 1199.98px) {}

@media (max-width: 1024px) {}

@media (max-width: 991.98px) {}

@media (max-width: 834px) {}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {}

@media (max-width: 414px) {}

@media (max-width: 360px) {}


@media (min-width: 768px) {
	#sidebar {
		position: fixed;
		top: 52px;
		right: 0;
		left: 0;
		z-index: 1030;
		height: 100vh;
		height: -webkit-fill-available;
		max-height: 100vh;
        min-height: 100vh !important;
		overflow-y: auto;
	}
	#sidebarMenu {
		min-height: 100vh !important;
	}
	#sidebarMenu .offcanvas-body {
		padding: 1rem 1rem 3rem 1rem;
	}
}


@media (min-width: 768px) and (max-width: 991.98px) {}