@import "fonts.css";

:root{
	--primary: #8AC599;
    --button-text: #ffffff;
    --navbar-white: #ffffff;
    --primarydark: #3EAB34;
    --alternative: #9C1ADF;
    --secondary: #0D2A48;
    --secondarydark: #FE950F;
    --third: #FF5EA2;
    --page-light: #f5f5f5;
    --text-light: #9F9F9F;
    --page: #F5F5F5;
    --white: #ffff;
    --dark: #000000;
    --header-light: #FFFFFF;
    --sidebar-menu: #459a7d;
    --sidebar-text: #cee4dc;
    --sidebar-text-dark: #cee4dc;
    --paper-body: #f3f6f8;
	--alt: #ec524b;
	--paper: #f2f6fc;
	--nav: #94b4a4;
}

html.ms-font body{
  font-family: 'gibM'
}
.ms-font .mL { font-family: 'montL'; }
.ms-font .mB { font-family: 'montB'; }
.ms-font .mM { font-family: 'montM'; }
.ms-font .mEB { font-family: 'montEB'; }
.ms-font .mR { font-family: 'montR'; }

html.gb-font body{
  font-family: 'gibR'
}
.gb-font h1,
.gb-font h2 {
  font-family: 'gibB'
}
.gb-font h3,
.gb-font h4,
.gb-font h5 {
  font-family: 'gibM'
}
.gb-font .gL { font-family: 'gibL'; }
.gb-font .gM { font-family: 'gibM'; }
.gb-font .gEB { font-family: 'gibEB'; }
.gb-font .gB { font-family: 'gibB'; }
.gb-font .gR { font-family: 'gibR'; }

body{
  font-size: 12px;
  font-family: 'gibM';
}
.shadow-xs	{ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); }
.shadow-sm	{ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow	{ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
.shadow-md	{ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.shadow-lg	{ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.shadow-xl	{ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.shadow-2xl	{ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.shadow-inner	{ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
.shadow-outline	{ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); }
.shadow-none	{ box-shadow: none; }

.title-font-size-4 { font-size: .25rem!important }
.title-font-size-6 { font-size: .65rem!important }
.title-font-size-8 { font-size: .75rem!important }
.title-font-size-10 { font-size: .95rem!important }
.title-font-size-12 { font-size: 1rem!important }
.title-font-size-14 { font-size: 1.25rem!important }
.title-font-size-16 { font-size: 1.5rem!important }
.title-font-size-18 { font-size: 1.75rem!important }
.title-font-size-20 { font-size: 2rem!important }
.title-font-size-22 { font-size: 2.25rem!important }
.title-font-size-24 { font-size: 2.5rem!important }

.bg-gradient-primary { background: linear-gradient(293deg,#89c599 10%,#0d2a48)!important; }

.icon-2x {width: 20px!important;height: 20px!important;}
.icon-3x {width: 30px!important;height: 30px!important;}
.icon-4x {width: 40px!important;height: 40px!important;}
.icon-5x {width: 50px!important;height: 50px!important;}
.icon-6x {width: 60px!important;height: 60px!important;}
.icon-7x {width: 70px!important;height: 70px!important;}
.icon-8x {width: 80px!important;height: 80px!important;}
.icon-9x {width: 90px!important;height: 90px!important;}

.sidenav-light .sidenav-menu .nav-link.active {color: var(--third);font-family: gibEB;}
.sidenav-light .sidenav-menu .nav-link.active svg {color: var(--third);}

.badge {
	font-size: unset;
	font-weight: unset;
}
.alert {
    background: #36c7ff;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 400px;
    top: -20px;
    z-index: 983883;
    border-radius: 14px;
    border: 0;
    box-shadow: 0px 4px 7px -3px #00000029;
    font-family: Manrope;
}
.iti {
    position: relative;
    display: block;
}

/* CARD */
.card .card-header {
    background: white;
    border: 0;
    border-radius: inherit;
}
.card.stats .card-body .media p, .card.stats .card-body .media h5 {
    margin: 0;
}

.card.stats .card-body {
    padding: 12px 20px;
}
.card, .card.stats {
    border-radius: 12px;
    border: 0;
}

/* MODAL */
.modal-content {
    border-radius: 20px;
}
.modal-title {
    font-family: 'gibEB';
}
.modal-footer, .modal-header {
    border: 0;
}

/* BUTTONS */
.btn {
    padding: 10px 20px;
    border-radius: 10px;
    font-family: 'gibM';
}




.nav-tabs .nav-link.active, 
.nav-tabs .nav-link:hover {
    background: var(--primary);
    border-radius: 12px;
    color: white;
    margin-bottom: 8px;
    box-shadow: 0px 1px 6px -3px #cececece;
    border: 0;
}
.sidenav-menu .nav .nav-link + div.d-block {
    display: none!important;
}
.sidenav-menu .nav .nav-link.active + div.d-block {
    display: block!important;
}