@import 'colors.css';
@import 'forms.css';
@font-face {font-family: Poppins;src: url('../fonts/Poppins.ttf');}
@font-face {font-family: Cairo;src: url('../fonts/Cairo.ttf');}
@font-face {font-family: Segoe Ui;src: url('../fonts/SegoeUI.ttf');}
@font-face {font-family: Alro;src: url('../fonts/Alro.ttf');}
@font-face {font-family: Raleway;src: url('../fonts/Raleway.ttf');}
@font-face {font-family: Gotham;src: url('../fonts/Gotham-Book.otf');}

html,body {padding:0;margin:0;}
* {box-sizing: border-box;font-family: 'Poppins', 'Cairo', sans-serif;}
* ::-webkit-scrollbar-track{background-color:rgba(175, 200, 217, 0.26)}
* ::-webkit-scrollbar{background-color:transparent;width:10px;height: 12px;}
* ::-webkit-scrollbar-thumb{border-inline:2px solid transparent;border-block:3px solid transparent;border-radius:12px;background-clip:content-box;background-color:rgba(var(--bs-primary-rgb),0.5);}
* ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--bs-primary-rgb), 1);}

/* Font Class */
.ff-segoe-ui, .ff-segoe-ui * {box-sizing: border-box;font-family: 'Segoe Ui', 'Cairo', sans-serif;}
.ff-alro, .ff-alro * {box-sizing: border-box;font-family: 'Alro', 'Cairo', sans-serif;}
.ff-raleway, .ff-raleway * {box-sizing: border-box;font-family: 'Raleway', 'Cairo', sans-serif;}
.ff-gotham, .ff-gotham * {box-sizing: border-box;font-family: 'Gotham', 'Cairo', sans-serif;}

/* GLOBAL */
a {color:currentColor;text-decoration:none;}
a:hover {color: var(--bs-primary);}
/* a {color: var(--dash-primary);} */
/* a:hover {color: var(--dash-secondary);} */
img {display: block;}

.no-scrollbar ::-webkit-scrollbar {display:none;}

.no-outline { outline: none !important; }
.no-outline:focus { outline: none !important; }
.no-outline:focus-visible {outline: none !important;}

.no-box-shadow {box-shadow: none;}
.no-box-shadow:focus {box-shadow: none;}

.cursor-pointer {cursor:pointer;}

/* GENERAL */
html, body {margin: 0;padding: 0;}
body {position: relative;width:100vw;min-height:100vh;font-size: 16px;line-height: 1.5;overflow-x: hidden;}
header {position: relative;width: 100vw;height: 90px;background: #10366d;color: #FFFFFF;padding-block: 5px;padding-inline: 2rem;}
main {position:relative;width:100vw;min-height: calc(100vh - 90px);padding: 2rem;}


/* NAVBAR START */
nav.navbar {position: relative;display: flex;height: 80px;line-height: 70px;justify-content: space-between;align-items: center;margin-inline: auto;padding: 0;padding-block: 5px;}
nav.navbar .container-fluid {padding:0;margin:0;}
nav.navbar .navbar-brand {position: relative;width: 180px;height: 70px;padding: 0;display: flex;align-items: center;}
nav.navbar .navbar-brand img {max-width: 100%;max-height: 70px;}
nav.navbar .navbar-nav {align-items: center;justify-content: end;flex-grow: 1;gap: 1rem;padding-inline-end: 1rem;}
nav.navbar .nav-item {padding: 0 1rem !important;}
nav.navbar .nav-link {width:100%;display: flex;height: 2rem !important;line-height: 2rem !important;color: #F8F8F8;padding: 0 !important;}
nav.navbar .nav-link-icon {width: 2rem;height: 2rem;display: flex;justify-content: center;align-items: center;font-size: 1.2rem;}
/* nav.navbar .nav-link i {font-size: 1.25rem;padding-inline-end: 0.25rem;} */
nav.navbar .nav-link.active {color: #10366d;}
nav.navbar .nav-link.disabled {opacity: 0.4;}
nav.navbar .nav-link:hover {color: #FFFFFF;}
nav.navbar .nav-item:has(.nav-link.active) {background: #FFFFFF;border-radius: 1rem;}
nav.navbar .nav-item:hover {background: #018ec9 !important;border-radius: 1rem;}
nav.navbar .nav-item:has(.nav-item.disabled), .nav-item:has(.nav-link.disabled) {cursor: not-allowed;}
nav.navbar .nav-item:has(.nav-link.disabled):hover {background: transparent !important;}
nav.navbar .nav-item:has(.nav-logout-link) {width: 2.5rem !important;height: 2.5rem !important;line-height: 2.5rem !important;display: flex;align-items: center;justify-content: center;padding: 0 !important;border-radius: 50% !important;}
nav.navbar .nav-logout-link {justify-content: center;}
nav.navbar .nav-logout-link i {font-size:  1.5rem !important;padding: 0;}
nav.navbar .navbar-toggler {font-size: 2rem;color: #FFFFFF;}
nav.navbar .offcanvas.show .offcanvas-body {padding: 0;}
nav.navbar .offcanvas.show .navbar-nav {align-items: start;padding-inline-end: 0;gap: 0;}
nav.navbar .offcanvas.show .nav-item {width:100%;padding-block: 0.25rem !important;line-height: 2.5rem !important;border-radius: 0;}
nav.navbar.navbar-light .offcanvas.show .nav-link {color: #10366d;}
nav.navbar.navbar-light .offcanvas.show .nav-link.active {color: #FFFFFF;}
nav.navbar.navbar-light .offcanvas.show .nav-link:hover {color: #FFFFFF;}
nav.navbar.navbar-light .offcanvas.show .nav-item:has(.nav-link.active) {background: #10366d;}
nav.navbar.navbar-light .offcanvas.show .nav-item:hover {background: #0064a6 !important;}
nav.navbar.navbar-light .offcanvas.show .nav-item:has(.nav-link.disabled):hover {background: transparent !important;}
nav.navbar.navbar-light .offcanvas.show .nav-item:has(.nav-logout-link) {background: transparent !important;width:100% !important;text-align: center;border-radius: 0 !important;}
nav.navbar.navbar-light .offcanvas.show .nav-logout-link {justify-content: center;}
nav.navbar.navbar-light .offcanvas.show .nav-logout-link:hover {color: #0064a6 !important;}
/* NAVBAR END */

/* CONTENT */
.body-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 40 80 / 50%);z-index: -2;display: none;}

/* LOGIN FORM */
.login-page {background: url('../images/bg.png') no-repeat fixed;background-size: cover;width: 100%;min-height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 1rem;padding:2rem;}
.login-page-logo {width:80%;max-width: 280px;}
.login-page-logo img {max-width:100%;height: auto;}
.login-form {width:100%;max-width: 500px;}

/* RESPONSIVE */
@media screen and (max-width: 1139px) {

}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 400px) {

}