body {
    font-family: Poppins, sans-serif;
}

.navbar-brand span {
    font-family: Orbitron, sans-serif;
    color: #4db5da;
    font-weight: 600;
    font-size: 26px;
}

.app-sidebar .menu .menu-profile {
    background: #f3f3f3 !important;
    display: none;
}

.app-sidebar .menu .menu-header {
    display: none;
}

.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu>.menu-item.active>.menu-link {
    background: rgba(var(--bs-app-theme-rgb), 0.15) !important;
    color: #FFFFFF !important;
}

.app-header .navbar-brand img {
    width: 120px !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.app-sidebar .menu .menu-item .menu-link {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-radius: 24px !important;
    margin-left: 10px;
}

.app-sidebar .app-sidebar-content {
    padding-top: 15px;
}

.col-thumbnail img {
    max-width: 180px;
    max-height: 180px;
    border-radius: 15px
}

.btn {
	border-radius:50px;
}

.bg-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-check:checked + .btn-primary,
:not(.btn-check) + .btn-primary:active,
.btn-primary:first-child:active,
.btn-primary.active,
.btn-primary.show {
	background:#4db5da !important;
	border-color:#4db5da !important;
}

.btn-outline-primary {
    border-color: #4db5da !important;
    color: #4db5da !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
    background: #4db5da !important;
    border-color: #4db5da !important;
    color: #fff !important;
}

.text-primary {
    color: #4db5da !important;
}

.btn-skip,
.btn-skip:hover,
.btn-skip:active,
.btn-check:checked + .btn-skip,
:not(.btn-check) + .btn-skip:active,
.btn-skip:first-child:active,
.btn-skip.active,
.btn-skip.show {
	background:#e5e5e5;
	border-color:#e5e5e5;
	color:#246665;
}

.app-sidebar .menu .menu-item.active:not(.has-sub) > .menu-link {
    color: #4db5da !important;
    background: rgba(77, 181, 218, 0.15) !important;
}

.app-sidebar .menu .menu-item.active:not(.has-sub) > .menu-link .menu-icon {
    color: #4db5da !important;
}

#step-content-container img {
    border-radius: 15px;
    max-width: 100%;
    height: auto;
}

blockquote {    
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    background: #f5f5f5;
    border-radius: 15px;
    padding: 20px;
}

@media (min-width: 768px) {
    .app-header .navbar-header {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .app-header-fixed {
        padding-top: 64px !important;
    }

    .col-thumbnail img {
        max-width: 80px;
        max-height: 80px;
    }
}