body {
    font-family: "Poppins", sans-serif;
    font-size  : 14px;
}

body::-webkit-scrollbar {
    width: .7em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline         : 1px solid slategrey;
}

a,
a:active,
a:hover,
a:focus {
    color          : inherit;
    text-decoration: none;
}

input:focus,
input:active,
button:focus,
button:active {
    outline   : 0 !important;
    box-shadow: none !important;
}

textarea {
    resize: none;
}

ol,
ul {
    list-style: none;
}

/* Css Overrides */
.navbar-toggler {
    border       : 0;
    border-radius: 0;
}

span.icon-menu::before {
    font-size: 16px;
    content  : "\f0c9";
    color    : #212529;
}

span.icon-text::before {
    content       : "Menu";
    font-size     : 15px;
    font-weight   : 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

button[aria-expanded="false"] svg.menu {
    display: inline-block;
}

button[aria-expanded="true"] svg.menu {
    display: none;
}

button[aria-expanded="true"] svg.close {
    display: inline-block;
}

button[aria-expanded="false"] svg.close {
    display: none;
}

button[aria-expanded="true"] span.icon-text::before {
    content: "Close";
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.8em auto no-repeat;
}

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "|";
}

.dropdown-menu {
    font-size: 14px;
}
/* 
.dropdown-toggle::after {
    display: none;
} */

.dropdown-submenu .dropdown-menu {
    top : -9px;
    left: 100%;
}

.form-control {
    font-size: 14px;
}

.form-control:focus {
    box-shadow: none;
}

/* Css Custom */

.text-xs {
    font-size: 12px;
}

.text-sm {
    font-size: 14px;
}

.text-md {
    font-size: 16px;
}

.fw-thin {
    font-weight: 100;
}

.fw-extralight {
    font-weight: 200;
}

.fw-light {
    font-weight: 300;
}

.fw-regular {
    font-weight: 400;
}

.fw-medium {
    font-weight: 500;
}

.fw-semibold {
    font-weight: 600;
}

.fw-bold {
    font-weight: 700;
}

.fw-extrabold {
    font-weight: 800;
}

.fw-black {
    font-weight: 900;
}

.track-tighter {
    letter-spacing: -0.05em;
}

.track-tight {
    letter-spacing: -0.025em;
}

.track-normal {
    letter-spacing: 0em;
}

.track-wide {
    letter-spacing: 0.025em;
}

.track-wider {
    letter-spacing: 0.05em;
}

.track-widest {
    letter-spacing: 0.1em;
}

a>.span {
    position: relative;
}

a>.span::before {
    position        : absolute;
    bottom          : -3px;
    left            : 50%;
    height          : 2px;
    width           : 0;
    content         : "";
    background-color: #19875f;
    transition      : ease-in .2s;
}

a.active>.span::before,
a.active:hover>.span::before,
a:hover>.span::before {
    width: 100%;
    left : 0;
    right: 0;
}

.w-6 {
    width: 1.5rem;
}

.h-6 {
    height: 1.5rem;
}

.w-4 {
    width: 1rem;
}

.h-4 {
    height: 1rem;
}

.below-option .list-inline-item>a,
.top-option .list-inline-item>a,
.options.list-unstyled li:hover {
    transition: ease-in .2s;
}

.options.list-unstyled a span,
.options.list-unstyled a svg {
    transition: ease-in .2s;
    color     : #292929;
}

.top-option .list-inline-item>a:hover,
.below-option .list-inline-item>a:hover,
.options.list-unstyled a:hover span,
.options.list-unstyled a:active span,
.options.list-unstyled a:hover svg,
.options.list-unstyled a:active svg {
    color: #0d6efd;
}


@media(max-width:540px) {
    .fixed-top {
        position: relative;
    }
}