html,
body {
    height: 100%;
    overflow-y: scroll!important;
}

body {
    padding-top: 98px;
}

.root {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

footer,
header,
main {
    flex-shrink: 0;
}

main {
    flex-grow: 1;
    min-height: 800px;
}

footer,
header,
main {
    flex-shrink: 0;
}

header {
    background: #fff;
    background-size: cover;
}

main .content {
    background: #fff;
    height: 100%;
}

footer {
    background: #4D4D4D;
}

h1,
h2,
h3 {
    font-weight: medium;
}
.bg-navbar {
    background: #4D4D4D;
}

.col-form-label.required::after,
.form-floating .form-label.required::after,
label.required:not(.form-check-label)::after {
    content: ' *' !important;
    color: #ff0000;
    left: auto !important;
    right: 0 !important;
}

.page-title {
    /* @extend .fs-2, .mb-0, .pb-0, .d-inline-block; */
}

.navbar-nav .nav-item {
    margin-right: 3px;
}

.navbar-nav .nav-link {
    /* @extend .ps-2; */
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    /*background-color: #000;*/
    transition: all .4s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    /*background: #CCCCCC;
    color: #000;*/
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.navbar-brand img {
}
.sidebar .nav-item {
    padding: .8rem;
}
.sidebar .nav-item-active {
    background: #ddd;
}

.navbar-toggler.collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path stroke='rgba(255, 255, 255, 0.55)' d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/></svg>");
}

/* Start SecurityCode */
#scd {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAP0lEQVQoU42Q0QoAIAgDz///aMPAKKeQb26HTg0tB6zKVUhI4Bus5tMn2K4Djh7gBGXM7Uvo5riQ/BfUNwwTWfn+Cgg4zkoRAAAAAElFTkSuQmCC);
    color: #666666;
    height: 38px;
    margin-bottom: 1rem;
    margin-top: 2px;
    text-align: center;
    font-style: italic;
    width: fit-content;
    padding: 5px;
}
#scd span:first-of-type {
    display: inline-block;
    font-size: 26px;
    -webkit-transform: rotate(-10deg) skew(-10deg, 0);
    -moz-transform: rotate(-10deg) skew(-10deg, 0);
    -ms-transform: rotate(-10deg) skew(-10deg, 0);
    -o-transform: rotate(-10deg) skew(-10deg, 0);
    transform: rotate(-10deg) skew(-10deg, 0);
    margin-left: 2px;
    margin-top: 4px;
}

/* End SecurityCode */

/** X-Small devices (portrait phones, less than 576px) */
/** No media query for `xs` since this is the default in Bootstrap */

/** Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/** Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .navbar-brand img {
    }
}

/** Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/** X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/** XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}

@media (max-width: 576px) {
    body {
    padding-top: 58px;
}
    .breadcrumb-item+.breadcrumb-item::before {
        display: none;
    }
}