/* Main Styles
-------------------------------------------------------------- */

/* Color Palette
Primary:#4F5D75
Secondary:#EF8354
Light:#BFC0C0
Dark:#2D3142

*/

/*--------------------------------------------------------------
# CORE > Colour scheme
--------------------------------------------------------------*/
:root {
  --bs-primary:#A0C35D;
  --bs-primary-rgb:160,195,93;
  --bs-secondary:#4091BF;
  --bs-secondary-rgb:64,145,191;
  --bs-dark:#262626;
  --bs-dark-rgb:38,38,38;
  --bs-light:#F0F0F0;
  --bs-light-rgb:240,240,240;
}
::-moz-selection {background-color:var(--bs-primary);color:white}
::selection {background-color:var(--bs-primary);color:white}
/*--------------------------------------------------------------
# CORE > Defaults
--------------------------------------------------------------*/
:root {
  --bs-border-width:2px;
  --bs-breadcrumb-divider:'>';
  --bs-nav-link-color:var(--bs-body-color);
}

/*--------------------------------------------------------------
# CORE > Body
--------------------------------------------------------------*/
:root{
  --bs-body-color:#262626;
  --bs-body-color-rgb:38,38,38;
  --bs-body-bg:#FFF;	
  --bs-body-bg-rgb:255,255,255;
}
body {font:400 1rem/1.5rem sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased !important;-o-font-smoothing:antialiased !important;font-smoothing:antialiased !important}

/*--------------------------------------------------------------
# CORE > Typography
--------------------------------------------------------------*/
:root {
  --bs-heading-color:var(--bs-body-color);	
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:700;margin-bottom:1.5rem}

blockquote {margin:2rem 4rem;font-size:1.25rem;border-left:.4rem solid var(--bs-primary);padding-left:.75rem;line-height:1.75rem}
.lead {margin-bottom:1.5rem;cursor:default;display:block}

/*--------------------------------------------------------------
# CORE > Links
--------------------------------------------------------------*/
:root {
  --bs-link-color:var(--bs-primary);
  --bs-link-color-rgb:var(--bs-primary-rgb);
  --bs-link-hover-color:#D4D950;
  --bs-link-hover-color-rgb:212,217,80;	
}
a:link,a:visited {}
a:hover,a:focus,a:active {}

/*--------------------------------------------------------------
# CORE > Buttons
--------------------------------------------------------------*/
.btn {
	--bs-btn-font-weight:700;
}
.btn-primary {
    --bs-btn-color:#FFF;
    --bs-btn-bg:var(--bs-secondary);
    --bs-btn-border-color:var(--bs-secondary);
    --bs-btn-hover-color:#FFF;
    --bs-btn-hover-bg:#B6DAF4;
    --bs-btn-hover-border-color:#B6DAF4;
    --bs-btn-focus-shadow-rgb:212,217,80;
    --bs-btn-active-color:#FFF;
    --bs-btn-active-bg:#B6DAF4;
    --bs-btn-active-border-color:#B6DAF4;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#FFF;
    --bs-btn-disabled-bg:var(--bs-secondary);
    --bs-btn-disabled-border-color:var(--bs-secondary);
}
.btn-primary:hover{
    color:var(--bs-secondary);
    background-color:transparent;
    border-color:var(--bs-secondary);
}

.btn-outline-primary {
    --bs-btn-color:var(--bs-secondary);
    --bs-btn-border-color:var(--bs-secondary);
    --bs-btn-hover-color:#FFF;
    --bs-btn-hover-bg:#B6DAF4;
    --bs-btn-hover-border-color:#B6DAF4;
    --bs-btn-focus-shadow-rgb:212,217,80;
    --bs-btn-active-color:#FFF;
    --bs-btn-active-bg:#B6DAF4;
    --bs-btn-active-border-color:#B6DAF4;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#B6DAF4;
    --bs-btn-disabled-bg:transparent;
    --bs-btn-disabled-border-color:#B6DAF4;
    --bs-gradient:none;
}
.btn-outline-primary:hover {
    color:white;
    background-color:var(--bs-secondary);
    border-color:var(--bs-secondary);
}

.btn-secondary {
    --bs-btn-color:#FFF;
    --bs-btn-bg:var(--bs-primary);
    --bs-btn-border-color:var(--bs-primary);
    --bs-btn-hover-color:#FFF;
    --bs-btn-hover-bg:#D4D950;
    --bs-btn-hover-border-color:#D4D950;
    --bs-btn-focus-shadow-rgb:212,217,80;
    --bs-btn-active-color:#FFF;
    --bs-btn-active-bg:#D4D950;
    --bs-btn-active-border-color:#D4D950;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#FFF;
    --bs-btn-disabled-bg:var(--bs-primary);
    --bs-btn-disabled-border-color:var(--bs-primary);
}
.btn-secondary:hover{
    color:var(--bs-primary);
    background-color:transparent;
    border-color:var(--bs-primary);
}

.btn-outline-secondary {
    --bs-btn-color:var(--bs-primary);
    --bs-btn-border-color:var(--bs-primary);
    --bs-btn-hover-color:#FFF;
    --bs-btn-hover-bg:#D4D950;
    --bs-btn-hover-border-color:#D4D950;
    --bs-btn-focus-shadow-rgb:212,217,80;
    --bs-btn-active-color:#FFF;
    --bs-btn-active-bg:#D4D950;
    --bs-btn-active-border-color:#D4D950;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#D4D950;
    --bs-btn-disabled-bg:transparent;
    --bs-btn-disabled-border-color:#D4D950;
    --bs-gradient:none;
}
.btn-outline-secondary:hover {
    color:white;
    background-color:var(--bs-primary);
    border-color:var(--bs-primary);
}

/*--------------------------------------------------------------
# CORE > Modals
--------------------------------------------------------------*/
.modal .modal-content {
    --bs-modal-bg:var(--bs-light);
    --bs-modal-border-radius:1rem;
}


.modal .modal-content .modal-header .modal-title {
    text-transform: uppercase;
}
.modal .modal-content .modal-body {
    background-color: white;
}

/*--------------------------------------------------------------
# CORE > Forms
--------------------------------------------------------------*/
.form-control {
	font-family:monospace;
    padding:.5rem;
    color:var(--bs-body-color);
    background-color:var(--bs-light);
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius);
}
.form-control:focus {
    border-color:var(--bs-primary);
    box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);
}

/*--------------------------------------------------------------
# SECURE
# All CSS rules related the secure pages when not logged in.
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# SECURE > Body
--------------------------------------------------------------*/
body.secure {height:100vh !important;background-size:cover;background-repeat:no-repeat;background-position:center}


/*--------------------------------------------------------------
# PORTAL
# All CSS rules related the secure portal pages once logged in.
--------------------------------------------------------------*/



/*--------------------------------------------------------------
## Portal > Preloader
--------------------------------------------------------------*/
body.portal .preloader {visibility:visible;display:block;width:100%;height:100%;background-color:var(--bs-dark);position:fixed;top:0;left:0;z-index:9999999;padding:0;border:unset;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
body.portal .preloader .clear-loading {text-align:center;margin:0 auto;position:absolute;top:44%;left:48%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
body.portal .preloader .lds-grid {display:inline-block;position:relative;width:68px;height:68px}
body.portal .preloader .lds-grid div {position:absolute;width:16px;height:16px;border-radius:3px;background:var(--bs-dark);animation:lds-grid 2s linear infinite}
body.portal .preloader .lds-grid div:nth-child(1) {top:8px;left:8px;animation-delay:0s;background:#8dc85b}
body.portal .preloader .lds-grid div:nth-child(2) {top:8px;left:26px;animation-delay:-0.4s;background:#bed848}
body.portal .preloader .lds-grid div:nth-child(3) {top:8px;left:44px;animation-delay:-0.8s;background:#c9dc41}
body.portal .preloader .lds-grid div:nth-child(4) {top:26px;left:8px;animation-delay:-0.4s;background:#04b5d9}
body.portal .preloader .lds-grid div:nth-child(5) {top:26px;left:26px;animation-delay:-0.8s;background:#e7e7e7}
body.portal .preloader .lds-grid div:nth-child(6) {top:26px;left:44px;animation-delay:-1.2s;background:#83d2de}
body.portal .preloader .lds-grid div:nth-child(7) {top:44px;left:8px;animation-delay:-0.8s;background:#1596c4}
body.portal .preloader .lds-grid div:nth-child(8) {top:44px;left:26px;animation-delay:-1.2s;background:#22c0f1}
body.portal .preloader .lds-grid div:nth-child(9) {top:44px;left:44px;animation-delay:-1.6s;background:#9ad8f6}
@keyframes lds-grid {0%, 100% {opacity:1}50% {opacity:0.1}}
/*--------------------------------------------------------------
## Portal > Body
--------------------------------------------------------------*/
body.portal {display:flex}
/*--------------------------------------------------------------
### Portal > Body > Aside
--------------------------------------------------------------*/
body.portal aside#portalNav {position:relative;width:0;z-index:9;height:100vh;overflow:hidden;transition:width .5s ease .1s}
body.portal aside#portalNav .sidebar-wrapper {display:grid;width:100%}
/*--------------------------------------------------------------
### Portal > Body > ain
--------------------------------------------------------------*/
body.portal main#portalContent {position:relative;height:100vh;max-;overflow-y:scroll;height:100vh;z-index:10;width:100%}

/*--------------------------------------------------------------
### Portal > Navbar > Navbar Right Wrapper
--------------------------------------------------------------*/
body.portal .navbar .nav-item .nav-link {
  --bs-nav-link-font-size:1.5rem;
  --bs-nav-link-color:var(--bs-body-color);
}
body.portal .nav-right-wrapper .nav-item.dropdown .dropdown-menu {left:auto;right:0}

/*--------------------------------------------------------------
### Portal > Navbar > Toggler
--------------------------------------------------------------*/
body.portal nav.navbar button.navbar-toggler {display:block;border-width:0;outline:0;padding:0;width:20px;height:20px}
body.portal nav.navbar button.navbar-toggler:focus {border:none;box-shadow:unset}
body.portal nav.navbar button.navbar-toggler .animated-icon {cursor:pointer;width:20px;height:20px;position:relative;margin:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out}
body.portal nav.navbar button.navbar-toggler .animated-icon span {background:var(--bs-nav-link-color);display:block;position:absolute;height:2px;width:100%;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out}
body.portal nav.navbar button.navbar-toggler .animated-icon span:nth-child(1) {top:0}
body.portal nav.navbar button.navbar-toggler .animated-icon span:nth-child(2) {top:8px}
body.portal nav.navbar button.navbar-toggler .animated-icon span:nth-child(3) {top:8px}
body.portal nav.navbar button.navbar-toggler .animated-icon span:nth-child(4) {top:16px}
body.portal nav.navbar button.navbar-toggler .animated-icon.open span:nth-child(1) {top:11px;width:0%;left:50%}
body.portal nav.navbar button.navbar-toggler .animated-icon.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
body.portal nav.navbar button.navbar-toggler .animated-icon.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
body.portal nav.navbar button.navbar-toggler .animated-icon.open span:nth-child(4) {top:11px;width:0%;left:50%}
/*--------------------------------------------------------------
### Portal > Aside > Nav
--------------------------------------------------------------*/
body.portal aside ul button.btn {
    padding:0;
    margin:0 0 1rem;
}
body.portal aside a.nav-link {
    font-size:.85rem;
    padding:0;
    color:var(--bs-body);
}

/*--------------------------------------------------------------
### Portal > Main > Breadcrumbs
--------------------------------------------------------------*/
body.portal nav.hub-breadcrumbs {font-size:.85rem}
body.portal nav.hub-breadcrumbs .breadcrumb-link {color:var(--bs-body-color);text-decoration:none}


/*--------------------------------------------------------------
## Portal > Footer
--------------------------------------------------------------*/
body.portal footer.site-footer {font-size:.85rem}

/*--------------------------------------------------------------
### Portal > Breadcrumbs
--------------------------------------------------------------*/
:root {
    --bs-breadcrumb-font-size:.85rem;
}