@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css");
@import url("/bootstrap-select.min.css");


@import url("https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css");
@import url("https://site-assets.fontawesome.com/releases/v6.4.2/css/sharp-solid.css");
@import url("https://site-assets.fontawesome.com/releases/v6.4.2/css/sharp-regular.css");
@import url("https://site-assets.fontawesome.com/releases/v6.4.2/css/sharp-light.css");



:root {

  --success: hsl(71.9, 98.9%, 35%);
    
  --success-dark: hsl(71.9, 98.9%, 25%);

  --dark: hsl(189.5, 90.5%, 12.4%);

}

.form-control::placeholder {
  opacity: 0.4;
  letter-spacing: 1px;
}

.form-group input, .form-group label {
	font-weight: 600 !important;
	font-family: Montserrat,sans-serif;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.btn-success {
	background-color: var(--success);
	border:	1px solid var(--success);
	text-shadow: 0px 0px 2px #000000;
}

.left-menu, .main { margin-top:20px; }

.left-menu {
  background-color: lightblue;
  padding: 20px 10px 10px 10px;
  list-style: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 100%;
}

.left-menu li:first-child { margin-top: 10px; }

.left-menu li {margin-bottom: 10px; }

.left-menu li a {
		display: block;
}







.title {
  color: white;
  text-shadow: 1px 1px 2px black;
  font-weight: 800;
  font-size: 40px;
  padding: 55px;
  text-align: center;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background-color: lightskyblue;
}


.main {
  height: 100%;
}

.main .body {
  padding: 20px;
  background-color: lightgray;
  height: 100%;
}