/*
 * Custom CSS
 */

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

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

main {
  height: 100vh;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}

.scrollarea {
  overflow-y: auto;
}



.form-check-input:checked {
  background-color : var(--bs-danger) ;
  border-color : var(--bs-danger) ;
}


/* ******************************** */ 
/* **          LOGIN FORM        ** */ 
/* ******************************** */ 

.form-login {
	margin : 30px 30px 0px 30px;
	min-width : 300px;
	max-width : 600px;
}

.form-login-btn {
	margin-top : 10px;
	min-width : 300px;
	max-width : 600px;
}

.input-group {
	margin-bottom : 5px;
}

.input-group-text {
	min-width : 130px;
	background-color : var(--bs-gray-300);
	color : var(--bs-gray-600);
}



/* ******************************** */ 
/* **            NAVBAR          ** */ 
/* ******************************** */ 

.nav-link.active {
	background-color : var(--bs-gray-600) !important;
}

.nav-link:hover {
	background-color : var(--bs-gray-500) !important;
}

.navbar {
	height : 100px;
	border-bottom-width: 6px !important;
}


/* ******************************** */ 
/* **            HEADER          ** */ 
/* ******************************** */ 

.account {
	background-color : var(--bs-white);
	height : 50px;
	padding : 10px;
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 12px; 
	-moz-box-shadow: 3px 3px 4px var(--bs-gray-500);
    -webkit-box-shadow: 3px 3px 4px var(--bs-gray-500);
    box-shadow: 3px 3px 4px var(--bs-gray-500);
}

.account_icon {
	margin : 5px;
}


/* ******************************** */ 
/* **          USER FORM         ** */ 
/* ******************************** */ 
.custom-select {
	width : 100%;
	border-color : white;
}

.upload-file {
	max-width : 600px;
}


/* ******************************** */ 
/* **         PAGINATION         ** */ 
/* ******************************** */ 
.pagination {
	margin-right : 20px;
	margin-left : 20px;
}

.page-link{
	border-color: gray;
	color:gray;
}

.active>.page-link {
	background-color: gray;
	border-color: gray;
}

.page-item{
	color:gray;
}