/* google fonts import */
@import url('https://fonts.googleapis.com/css2?family=Chango&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Italiana&display=swap');

/*Fonts to use */
:root{
	--logo-font-family: "Italiana", sans-serif;
	--sections-font-family: "Chango", sans-serif;
	--main-font-family: "Inter", sans-serif;
	--qntm_dark_blue:#2b4c6d;
	--qntm_blue:#4173b0;
	--qntm_beige:#e3dcd9;
	--qntm_light_beige:#f4efeb;
	--qntm_red:#f26748;
	--qntm_green:#72a886;
}
.qntm-red{
	color:var(--qntm_red);
}
body{
    font-family: var(--main-font-family)!important;
}
.content-header{
	font-family: var(--sections-font-family)!important;
}

.login-page, .register-page {
    background-color: #ffffff!important;
}
.login-box {
	width:100%!important;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.login-box p{
	text-align: center;
	font-size: 30px;
    line-height: 50px;
}
.qntm_logo_type{
	font-family: var(--logo-font-family)!important;
	font-size: 2rem;
	text-transform: uppercase;
}
.qntm_logo_type__heading{
	font-size: 5rem!important;
}

/* login form */
.login-container {
	width: 500px;
	padding: 20px;
}

.input-group {
	position: relative;
	margin-bottom: 20px;
}

.input-group input {
	width: 100%;
	padding: 14px 45px 14px 15px;
	border: 1px solid var(--qntm_dark_blue);
	border-radius: 8px;
	outline: none;
	font-size: 14px;
}

.input-group input::placeholder {
	color: #aaa;
}

.input-group .icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: #f1f3f6;
	padding: 8px 16px;
	border-radius: 6px;
}

.login-btn {
	width: 100%;
	padding: 12px;
	background: var(--qntm_dark_blue);
	border: none;
	border-radius: 8px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: background 0.3s ease;
}

.login-btn:hover {
	background: var(--qntm_blue);
}

/* end of login form */

.main-header {
    border-bottom: 0!important;
}

.card-header {
  cursor: pointer;
  font-weight: 500;
  font-size: 1.5rem;
  padding: 0.75rem 1rem;
  position: relative;
  user-select: none;
  color:var(--qntm_dark_blue);
}

.arrow {
  font-size: 1.5rem;      /* smaller arrow */
  transition: transform 0.3s ease;
  color:var(--qntm_dark_blue);
}


.collapsed .arrow {
  transform: rotate(180deg);
}








/*profile box */
.qntm-profile-box{
	padding:15px;
	background-color:var(--qntm_beige);
}
.qntm-profile-box > div{
	margin-bottom:10px;
}
.qntm-profile-box_user-actions-box {
	margin-top:25px; 
	padding:15px; 
	border-radius:5%; 
	background-color:var(--qntm_light_beige);
}
.qntm-profile-box__user-fullname > p.display-4{
	font-size:1.5rem!important;
}
.qntm-box{
	padding:15px;
	background-color:var(--qntm_beige);
}
.qntm-bg-occupied_users {
    background-color: var(--qntm_beige);
    display: block;
    width: 100%;
    height: 100%;
    color: var(--qntm_dark_blue);
    text-align: center;     /* center text inside */
    padding: 8px 12px;      /* spacing inside */
    border-radius: 5px;     /* softer edges */
    transition: all 0.2s ease-in-out;
}
.qntm-bg-occupied_users:hover {
    color: var(--qntm_blue);
    background-color: var(--qntm_light_beige); /* subtle hover bg */
    text-decoration: none; /* remove underline */
}


.qntm-bg-occupied{
	background-color:var(--qntm_red);
	display:block;
	color:var(--qntm_dark_blue);
}
.qntm-bg-occupied:hover{
	color:var(--qntm_blue);
}

.qntm-bg-free{
	background-color:var(--qntm_green);
}

/* Year Tabs Styling */
.nav-pills .nav-link {
  border-radius: 0.5rem;
  border:0;
  margin: 0 4px;
  color: var(--qntm_dark_blue)!important;
  background-color: var(--qntm_light_beige);
  font-weight: 400!important;
  transition: all 0.2s ease-in-out;
}
.nav-pills .nav-link:hover {
  background-color: var(--qntm_blue);
  color: #fff!important;
}
.nav-pills .nav-link.active {
  background-color: var(--qntm_dark_blue);
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15)!important;
}
.qntm-btn{
    color: #fff;
    background-color:var(--qntm_dark_blue);
    border-color:var(--qntm_blue);
}
.qntm-btn:hover{
    color: #fff;
    background-color:var(--qntm_blue);
    border-color:var(--qntm_dark_blue);
}
/* General popover box */
.popover {
    max-width: 400px; /* prevent it from being too wide */
    border-radius: 0.75rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    font-size: 0.9rem;
}
/* Popover body */
.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
    border-right-color: var(--qntm_beige);
}
.popover-body {
    padding: 0.75rem;
	border-radius:0.75rem;
	background-color: var(--qntm_beige);
}
/* Inside user details */
.user-popover p {
    margin: 0 0 0.5rem;
    font-size: 0.85rem;
    line-height: 1.4;
}
.user-popover .qntm_large {
    color: var(--qntm_dark_blue);
	font-size:1.5rem;
    margin-right: 4px;
}
.user-popover strong {
    color: var(--qntm_dark_blue);
}
/* Avatar image */
.user-popover img {
    display: block;
  
    border-radius: 50%;
    border: 2px solid #dee2e6;
    max-width: 80px;
}

.list-group-item-action:hover {
    color: var(--qntm_dark_blue);
    background-color: var(--qntm_light_beige);
}

/* .container-fluid{
	padding-right:0!important;
    padding-left:0!important;
} */
/* #qntm_main_header{
position:relative;
} */