@charset "UTF-8";

 .btn:focus, .btn:active, .btn:active:focus, .form-control:focus {
     outline: none;
}
 a {
     font-weight: 500;
     transition: all .5s;
     -webkit-transition: all .5s;
     -o-transition: all .5s;
}
  a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal, a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
     margin-left: 4px;
}
 .bg-success {
}
 .text-primary {
}
 .text-success {
}
 .text-danger {
}
 .text-light {
}
 .text-white {
}
 .lead {
     line-height: 34px;
}
 @media (max-width: 575.98px) {
     .lead {
         font-size: 17px;
         line-height: 30px;
    }
}
 h1, h2, h3, h4, h5, h6 {
     /* font-weight: 700; */
}
 p, ul:not(.list-unstyled), ol {
     line-height: 28px;
}
 .text-muted {
}
/* 3.2 Form */
 .form-control, .input-group-text {
}
 .form-control:focus, .input-group-text:focus {
}
 .input-group-text, select.form-control:not([size]):not([multiple]), .form-control:not(.form-control-sm):not(.form-control-lg) {
     font-size: 14px;
     padding: 10px 15px;
     height: 42px;
}
 textarea.form-control {
     height: 64px;
}
 .custom-control {
     line-height: 1.6rem;
}
  .form-control[type="color"], select.form-control:not([size]):not([multiple]) {
     /* height: calc(2.25rem + 6px); SZOK */
}
 .form-group {
     margin-bottom: 25px;
}
 .form-group .control-label, .form-group > label {
     font-weight: 600;
     font-size: 12px;
     letter-spacing: .5px;
}
/* 3.3 List */
 .list-unstyled-border li {
     padding-bottom: 15px;
     margin-bottom: 15px;
}
 .list-unstyled-border li:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
}
 .list-unstyled-noborder li:last-child {
}
 .list-group-item.active {
}
 .list-group-item.disabled {
}
/* 3.4 Alert */
 .alert {
     padding: 15px 20px;
}
 .alert .alert-title {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 5px;
}
 .alert code {
     padding: 1px 4px;
}
 .alert p {
     margin-bottom: 0;
}
 .alert.alert-has-icon {
     display: flex;
}
 .alert.alert-has-icon .alert-icon {
     margin-top: 4px;
     width: 30px;
}
  .alert.alert-has-icon .alert-icon .fas, .alert.alert-has-icon .alert-icon .far, .alert.alert-has-icon .alert-icon .fab, .alert.alert-has-icon .alert-icon .fal {
     font-size: 20px;
}
 .alert.alert-has-icon .alert-body {
     flex: 1;
}
 .alert:not(.alert-light) a {
}
 .alert.alert-light {
}
/* 3.5 Card */
 .card {
     position: relative;
     margin-bottom: 30px;
}
 .card .card-header, .card .card-body, .card .card-footer {
     padding: 20px 25px;
}
 .card .navbar {
     position: static;
}
 .card .card-body {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .card .card-body .section-title {
     margin: 30px 0 10px 0;
     font-size: 16px;
}
 .card .card-body .section-title:before {
     margin-top: 8px;
}
 .card .card-body p {
     font-weight: 500;
}
 .card .card-header {
     line-height: 30px;
     -ms-grid-row-align: center;
     align-self: center;
     width: 100%;
     min-height: 70px;
     padding: 15px 25px;
     display: flex;
     align-items: center;
}
 .card .card-header .btn {
    /* margin-top: 1px;
     SZOK */
     padding: 2px 15px;
}
 .card .card-header .btn:not(.note-btn) {
}
 .card .card-header .btn:hover {
}
 .card .card-header .form-control {
     height: 31px;
     font-size: 13px;
}
 .card .card-header h4 {
     font-size: 16px;
     line-height: 28px;
     padding-right: 10px;
     margin-bottom: 0;
}
 .card .card-header h4 + .card-header-action {
     margin-left: auto;
}
 .card .card-header h4 + .card-header-action .btn {
     font-size: 12px;
     padding-left: 13px !important;
     padding-right: 13px !important;
}
 .card .card-header h4 + .card-header-action .btn.active {
}
 .card .card-header h4 + .card-header-action .dropdown {
     display: inline;
}
 .card .card-header h4 + .card-header-action .btn-group .btn {
}
 .card .card-header h4 + .card-header-action .btn-group .btn:first-child {
}
 .card .card-header h4 + .card-header-action .btn-group .btn:last-child {
}
 .card .card-header h4 + .card-header-action .input-group .form-control {
}
 .card .card-footer {
}
 .card.card-primary {
}
 .card .card-stats {
     width: 100%;
     display: inline-block;
     margin-top: 2px;
     margin-bottom: -6px;
}
 .card .card-stats .card-stats-items {
     display: flex;
     height: 50px;
     align-items: center;
}
 .card .card-stats .card-stats-item {
     width: calc(100% / 3);
     text-align: center;
     padding: 5px 20px;
}
 .card .card-stats .card-stats-item .card-stats-item-label {
     font-size: 12px;
     letter-spacing: .5px;
     margin-top: 4px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .card .card-stats .card-stats-item .card-stats-item-count {
     line-height: 1;
     margin-bottom: 8px;
     font-size: 20px;
     font-weight: 700;
}
  .card.bg-success {
}
  .card.bg-success .card-header {
     opacity: .9;
}
 @media (max-width: 767.98px) {
     .card .card-header {
         height: auto;
         flex-wrap: wrap;
    }
     .card .card-header h4 + .card-header-action {
         flex-grow: 0;
         width: 100%;
         margin-top: 10px;
    }
}
 @media (min-width: 768px) and (max-width: 991.98px) {
     .card .card-stats .card-stats-items {
         height: 49px;
    }
     .card .card-stats .card-stats-items .card-stats-item {
         padding: 5px 7px;
    }
     .card .card-stats .card-stats-items .card-stats-item .card-stats-item-count {
         font-size: 16px;
    }
}
/* 3.6 Table */
 .table {
}
 .table td, .table:not(.table-bordered) th {
}
 .table:not(.table-sm):not(.table-md):not(.dataTable) td, .table:not(.table-sm):not(.table-md):not(.dataTable) th {
     padding: 0 25px;
     height: 60px;
     vertical-align: middle;
}
 .table:not(.table-sm) thead th {
     padding-top: 15px;
     padding-bottom: 15px;
}
 .table-striped tbody tr:nth-of-type(odd) {
}
/* 3.7 Tooltip */
 .tooltip {
     font-size: 12px;
}
/* 3.8 Modal */
/* 3.9 Nav */
 .nav-tabs .nav-item .nav-link {
}
 .nav-tabs .nav-item .nav-link.active {
}
 .tab-content > .tab-pane {
     padding: 10px 0;
     line-height: 24px;
}
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
}
 .nav-pills .nav-item .nav-link {
     padding-left: 15px;
     padding-right: 15px;
}
 .nav-pills .nav-item .nav-link:hover {
}
 .nav-pills .nav-item .nav-link.active {
}
 .nav-pills .nav-item .nav-link .badge {
     padding: 5px 8px;
     margin-left: 5px;
}
  .nav .nav-item .nav-link .fas, .nav .nav-item .nav-link .far, .nav .nav-item .nav-link .fab, .nav .nav-item .nav-link .fal {
     margin-right: 3px;
     font-size: 12px;
}
/* 3.10 Pagination */
/* 3.11 Badge */
 .badge {
     vertical-align: middle;
     padding: 7px 12px;
     font-weight: 600;
     letter-spacing: .3px;
     font-size: 12px;
}
 .badge.badge-primary {
}
 .badge.badge-secondary {
}
 .badge.badge-success {
}
 .badge.badge-info {
}
 .badge.badge-light {
}
 h1 .badge {
     font-size: 24px;
     padding: 16px 21px;
}
 h2 .badge {
     font-size: 22px;
     padding: 14px 19px;
}
 h3 .badge {
     font-size: 18px;
     padding: 11px 16px;
}
 h4 .badge {
     font-size: 16px;
     padding: 8px 13px;
}
 h5 .badge {
     font-size: 14px;
     padding: 5px 10px;
}
 h6 .badge {
     font-size: 11px;
     padding: 3px 8px;
}
 .btn .badge {
     margin-left: 5px;
     padding: 4px 7px;
}
 .btn .badge.badge-transparent {
}
/* 3.12 Button */
 .buttons .btn {
     margin: 0 8px 10px 0;
}
 .btn:focus {
     outline: none;
}
 .btn:active {
     outline: none;
}
 .btn:active:focus {
     outline: none;
}
  .dropdown-item.has-icon i {
     text-align: center;
     width: 15px;
     font-size: 15px;
     float: left;
     margin-right: 10px;
}
 .btn {
     font-weight: 600;
     font-size: 12px;
     line-height: 24px;
     padding: .3rem .8rem;
     letter-spacing: .5px;
}

 .btn > i {
     margin-left: 0 !important;
}
 .btn.btn-lg {
     padding: .55rem 1.5rem;
     font-size: 12px;
}
 .btn.btn-sm {
     padding: .10rem .4rem;
     font-size: 12px;
}
  .btn.btn-icon .fas, .btn.btn-icon .far, .btn.btn-icon .fab, .btn.btn-icon .fal {
     margin-left: 0 !important;
     font-size: 12px;
}
  .btn.btn-icon.icon-left .fas, .btn.btn-icon.icon-left .far, .btn.btn-icon.icon-left .fab, .btn.btn-icon.icon-left .fal {
     margin-right: 3px;
}
  .btn.btn-icon.icon-right .fas, .btn.btn-icon.icon-right .far, .btn.btn-icon.icon-right .fab, .btn.btn-icon.icon-right .fal {
     margin-left: 3px !important;
}
 .btn-secondary, .btn-secondary.disabled {
}
 .btn-secondary:hover, 
/*.btn-secondary:focus, .btn-secondary:active, SZOK */
 .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active {
}
 .btn-outline-secondary:hover, 
/* .btn-outline-secondary:focus, .btn-outline-secondary:active, SZOK */
 .btn-outline-secondary.disabled:hover, .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled:active {
}
 .btn-success, .btn-success.disabled {
}
 .btn-success:hover, 
/* .btn-success:focus, .btn-success:active, SZOK */
 .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active {
}
 .btn-outline-success:hover, 
/* .btn-outline-success:focus, .btn-outline-success:active, SZOK */
 .btn-outline-success.disabled:hover, .btn-outline-success.disabled:focus, .btn-outline-success.disabled:active {
}
 .btn-outline-danger:hover, 
/* .btn-outline-danger:focus, .btn-outline-danger:active, SZOK */
 .btn-outline-danger.disabled:hover, .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled:active {
}
 .btn-light, .btn-light.disabled {
}
 .btn-light:hover, 
/* .btn-light:focus, .btn-light:active, SZOK */
 .btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled:active {
}
 .btn-outline-light, .btn-outline-light.disabled {
}
 .btn-outline-light:hover, 
/* .btn-outline-light:focus, .btn-outline-light:active, SZOK */
 .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active {
}
 .btn-primary, .btn-primary.disabled {
}
/* .btn-primary:focus, SZOK */
 .btn-primary.disabled:focus {
}
/* .btn-primary:focus:active, SZOK */
 .btn-primary.disabled:focus:active {
}
/* .btn-primary:active, .btn-primary:hover, SZOK */
 .btn-primary.disabled:active, .btn-primary.disabled:hover {
}
 .btn-outline-primary, .btn-outline-primary.disabled {
}
 .btn-outline-primary:hover, 
/*.btn-outline-primary:focus, .btn-outline-primary:active, SZOK */
 .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:active {
}
 .btn-group .btn.active {
}
/* 3.13 Media */
 .media .media-right {
     float: right;
     font-weight: 600;
     font-size: 16px;
}
 .media .media-title {
     margin-top: 0;
     margin-bottom: 5px;
     /* font-weight: 600;
     font-size: 15px; */
}
 .media .media-title a {
     font-weight: inherit;
}
 .media .media-description {
     line-height: 24px;
}
 .media .media-links {
     margin-top: 10px;
}
 .media .media-links a {
     font-size: 12px;
}
 .media .media-items {
     display: flex;
}
 .media .media-items .media-item {
     flex: 1;
     text-align: center;
     padding: 0 15px;
}
 .media .media-items .media-item .media-label {
     font-weight: 600;
     font-size: 12px;
     letter-spacing: .5px;
}
 .media .media-items .media-item .media-value {
     font-weight: 700;
     font-size: 18px;
}
/* 3.14 Breadcrumb */
/* 3.15 Accordion */
 .accordion {
     display: inline-block;
     width: 100%;
     margin-bottom: 10px;
}
 .accordion .accordion-header, .accordion .accordion-body {
     padding: 10px 15px;
}
 .accordion .accordion-header {
     cursor: pointer;
     transition: all .5s;
}
 .accordion .accordion-header h4 {
     line-height: 1;
     margin: 0;
     font-size: 14px;
     font-weight: 700;
}
 .accordion .accordion-header:hover {
}
 .accordion .accordion-header[aria-expanded="true"] {
}
 .accordion .accordion-body {
     line-height: 24px;
}
/* 3.16 Popover */
/* 3.17 Grid */
/* 3.18 Navbar */
 .navbar {
     height: 70px;
     left: 250px;
     right: 5px;
     position: absolute;
     /* z-index: 890; */
}
 .navbar.active {
}
 .navbar-bg {
     z-index: -1;
}
 .navbar {
     align-items: center;
}
 .navbar .navbar-brand {
     text-transform: uppercase;
     letter-spacing: 3px;
     font-weight: 700;
}
 .navbar .form-inline .form-control {
     padding-left: 20px;
     padding-right: 0;
     margin-right: -6px;
     min-height: 46px;
     font-weight: 500;
     transition: all 1s;
}
 .navbar .form-inline .form-control:focus, .navbar .form-inline .form-control:focus + .btn {
     position: relative;
     z-index: 9001;
}
 .navbar .form-inline .btn {
     padding: 9px 15px 9px 15px;
}
 .navbar .form-inline .search-result {
     position: absolute;
     z-index: 9002;
     top: 100px;
     width: 450px;
     opacity: 0;
     visibility: hidden;
     transition: all .5s;
}
 .navbar .form-inline .search-result:before {
     position: absolute;
     top: -26px;
     left: 34px;
     content: '\f0d8';
     font-weight: 600;
     font-family: 'Font Awesome 5 Pro';
     font-size: 30px;
}
 .navbar .active .nav-link {
     font-weight: 700;
}
 .navbar .nav-link {
     padding-left: 15px !important;
     padding-right: 15px !important;
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     height: 100%;
}
 .navbar .nav-link.nav-link-lg div {
     margin-top: 3px;
}
 .navbar .nav-link.nav-link-lg i {
     margin-left: 0 !important;
     font-size: 18px;
     line-height: 32px;
}
 .navbar .nav-link.nav-link-user {
     padding-top: 4px;
     padding-bottom: 4px;
     font-weight: 600;
}
 .navbar .nav-link.nav-link-user img {
     width: 30px;
}
 .navbar .nav-link:hover {
}
 .navbar .nav-link.disabled {
     opacity: .6;
}
 @media (max-width: 575.98px) {
     .navbar .form-inline .search-result {
         width: 100%;
    }
     .navbar .nav-link.nav-link-lg div {
         display: none;
    }
}
 @media (min-width: 768px) and (max-width: 991.98px) {
     .collapse {
         position: relative;
    }
     .collapse .navbar-nav {
         position: absolute;
    }
}
 @media (max-width: 1024px) {
     .navbar {
         left: 5px;
         right: 0;
    }
     .navbar .dropdown-menu {
         position: absolute;
    }
     .navbar .navbar-nav {
         flex-direction: row;
    }
}
/* 3.19 Dropdown */
 .dropdown-item.has-icon i {
     margin-top: -1px;
     font-size: 13px;
}
 .dropdown-menu {
     width: 200px;
}
 .dropdown-menu.show {
     display: block !important;
}
 /* .dropdown-menu a {
     font-size: 13px;
} */
 .dropdown-menu .dropdown-title {
     text-transform: uppercase;
     font-size: 10px;
     letter-spacing: 1.5px;
     font-weight: 700;
     padding: 10px 20px;
     line-height: 20px;
}
 a.dropdown-item {
     padding: 10px 20px;
     /* font-weight: 500;
 */     line-height: 1.2;
}
/* a.dropdown-item:focus, a.dropdown-item:active, SZOK */
 a.dropdown-item.active {
}
 .dropdown-divider {
}
 .dropdown-list {
     width: 350px;
     padding: 0;
}
 .dropdown-list .dropdown-item {
     display: inline-block;
     width: 100%;
     padding-top: 15px;
     padding-bottom: 15px;
     font-size: 13px;
}
 .dropdown-list .dropdown-item .time {
     margin-top: 10px;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 10px;
     letter-spacing: .5px;
}
 .dropdown-list .dropdown-item:focus {
}
 .dropdown-list .dropdown-item.dropdown-item-unread {
}
  .dropdown-list .dropdown-header {
     letter-spacing: .5px;
     font-weight: 600;
     padding: 15px;
}
  .dropdown-list .dropdown-header a {
     font-weight: 600;
}
 .dropdown-list .dropdown-list-content {
     max-height: 350px;
     overflow-x: hidden;
     overflow-y: auto;
    /* SZOK */
}
/* SZOK .dropdown-list .dropdown-list-content:not(.is-end):after {
     content: ' ';
     position: absolute;
     bottom: 46px;
     left: 0;
     width: 100%;
     height: 60px;
}
*/
 .dropdown-list .dropdown-list-icons .dropdown-item {
     display: flex;
}
 @media (max-width: 575.98px) {
     .dropdown-list-toggle {
         position: static;
    }
     .dropdown-list-toggle .dropdown-list {
         left: 10px !important;
         width: calc(100% - 20px);
    }
}
/* 3.20 Dropdown */
 .tab-content.no-padding > .tab-pane {
     padding: 0;
}
/* .tab-content > .tab-pane {
     line-height: 28px;
} */
/* 3.21 Progress Bar */
 .progress-bar {
}
/* 3.22 Jumbotron */
/* 3.23 Carousel */
/* 4. Theme Style */
/* 4.1 Misc */
 :root {
    /* Colors */
     --primary: #4A90E2;
     --secondary: #34395e;
     --success: #47c363;
     --info: #3abaf4;
     --warning: #ffa426;
     --danger: #fc544b;
     --light: #e3eaef;
     --dark: #191d21;
}
 body, html {
     min-height: 100%;
}
 body {
     font-size: 14px;
     font-weight: 400;
     font-family: "Open Sans", "Segoe UI", arial;
    /* font-family: "Lato", "Open Sans", "Segoe UI", arial;
     */
}
 th, td {
     font-family: "Lato", "Open Sans", "Segoe UI", arial !important;
}
 .text-time {
     font-size: 12px;
     font-weight: 500;
     margin-bottom: 10px;
}
 .bullet {
     display: inline;
     margin: 0 4px;
}
 .bullet:after {
     content: '\2022';
}
 /* .login-brand { */
     /* margin: 20px 0; */
     /* margin-bottom: 40px; */
     /* font-size: 24px; */
     /* text-transform: uppercase; */
     /* letter-spacing: 4px; */
     /* text-align: center; */
/* } */
 .text-small {
     font-size: 12px;
     line-height: 20px;
}
 .colors {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -5px;
}
 .colors .color {
     width: calc((100% / 4) - 10px);
     padding: 10px;
     height: 60px;
     line-height: 40px;
     text-align: center;
     margin: 5px;
}
 blockquote {
     padding: 20px;
     padding-left: 40px;
     font-style: oblique;
     position: relative;
    /* font-family: 'Time new Romans';
     SZOK */
     font-size: 16px;
     letter-spacing: .3px;
}
 blockquote:before {
     content: '"';
     font-size: 30px;
     position: absolute;
     top: 10px;
     left: 20px;
     opacity: .2;
}
 .fas, .far, .fab, .fal {
    /*font-size: 13px;
     SZOK - WHY? */
}
 pre {
}
 .beep {
     position: relative;
}
 .beep:after {
     content: '';
     position: absolute;
     top: 2px;
     right: 8px;
     width: 7px;
     height: 7px;
     -webkit-animation: pulsate 1s ease-out;
     animation: pulsate 1s ease-out;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     opacity: 1;
}
 @-webkit-keyframes backgroundWalkY {
     0% {
         background-position: 0 0%;
    }
     100% {
         background-position: 0 100%;
    }
}
 @keyframes backgroundWalkY {
     0% {
         background-position: 0 0%;
    }
     100% {
         background-position: 0 100%;
    }
}
 @-webkit-keyframes backgroundWalkX {
     0% {
         background-position: 0 0%;
    }
     100% {
         background-position: 100% 0;
    }
}
 @keyframes backgroundWalkX {
     0% {
         background-position: 0 0%;
    }
     100% {
         background-position: 100% 0;
    }
}
/* 4.2 Section */
 .section {
    /*position: relative;
     SZOK */
     z-index: 1;
}
 .section > *:first-child {
     margin-top: -7px;
}
 .section .section-header {
     position: relative;
     margin-bottom: 30px;
     padding: 20px;
     display: flex;
     align-items: center;
}
 .section .section-header h1 {
     margin-bottom: 0;
     font-weight: 700;
     display: inline-block;
     font-size: 24px;
     margin-top: 3px;
}
 .section .section-header .section-header-breadcrumb {
     margin-left: auto;
     display: flex;
     align-items: center;
}
 .section .section-header .btn {
     font-size: 12px;
}
 .section .section-title {
     font-size: 18px;
     font-weight: 600;
     position: relative;
     margin: 30px 0 25px 0;
}
 .section .section-title:before {
     content: ' ';
     height: 8px;
     width: 30px;
     display: inline-block;
     float: left;
     margin-top: 6px;
     margin-right: 15px;
}
 @media (max-width: 575.98px) {
     .section .section-title {
         font-size: 14px;
    }
     .section .section-header {
         flex-wrap: wrap;
         margin-bottom: 20px !important;
    }
     .section .section-header h1 {
         font-size: 18px;
    }
     .section .section-header .float-right {
         display: inline-block;
         width: 100%;
         margin-top: 15px;
    }
     .section .section-header .section-header-breadcrumb {
         flex-basis: 100%;
         margin-top: 10px;
    }
}
/* 4.3 Page */
/* 4.4 Layout */
 .main-sidebar {
     position: fixed;
     top: 0;
     height: 100%;
     width: 250px;
     z-index: 880;
     left: 0;
}
 .main-sidebar, .navbar, .main-content, .main-footer {
     transition: all .5s;
}
 @-webkit-keyframes mini-sidebar {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes mini-sidebar {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 .main-sidebar .sidebar-brand {
     display: inline-block;
     width: 100%;
     text-align: center;
     height: 60px;
     line-height: 60px;
}
 .main-sidebar .sidebar-brand.sidebar-brand-sm {
     display: none;
}
 .main-sidebar .sidebar-brand a {
     text-decoration: none;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     font-weight: 700;
}
 .main-sidebar .sidebar-menu {
     padding: 0;
     margin: 0;
}
 .main-sidebar .sidebar-menu li {
     display: block;
}
 .main-sidebar .sidebar-menu li.menu-header {
     padding: 3px 15px;
     font-size: 10px;
     text-transform: uppercase;
     letter-spacing: 1.3px;
     font-weight: 600;
}
 .main-sidebar .sidebar-menu li.menu-header:not(:first-child) {
     margin-top: 10px;
}
 .main-sidebar .sidebar-menu li a {
     position: relative;
     display: flex;
     align-items: center;
     height: 50px;
     padding: 0 20px;
     width: 100%;
     letter-spacing: .3px;
     text-decoration: none;
}
 .main-sidebar .sidebar-menu li a .badge {
     float: right;
     padding: 5px 10px;
     margin-top: 2px;
}
 .main-sidebar .sidebar-menu li a i {
     width: 28px;
     margin-right: 20px;
     text-align: center;
}
 .main-sidebar .sidebar-menu li a span {
     margin-top: 3px;
     width: 100%;
}
 .main-sidebar .sidebar-menu li a:hover {
}
 .main-sidebar .sidebar-menu li.active a {
     font-weight: 600;
}
 .main-sidebar .sidebar-menu li.active a.has-dropdown:after {
     transform: translate(0, -50%) rotate(90deg);
}
 .main-sidebar .sidebar-menu li.active ul.dropdown-menu {
}
 .main-sidebar .sidebar-menu li a.has-dropdown:after {
     content: "?";
     font-family: 'Font Awesome 5 Pro';
     font-weight: 900;
     position: absolute;
     top: 50%;
     right: 20px;
     transform: translate(0, -50%);
     font-size: 12px;
     transition: all .5s;
}
 .main-sidebar .sidebar-menu li.active > ul.dropdown-menu li a:hover {
}
 .main-sidebar .sidebar-menu li ul.dropdown-menu {
     padding: 0;
     margin: 0;
     display: none;
     position: static;
     float: none;
     width: 100%;
}
 .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
     height: 35px;
     padding-left: 65px;
     font-weight: 400;
}
 .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
}
 .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
     font-weight: 600;
}
 .main-sidebar .sidebar-menu li ul.dropdown-menu li a i {
     margin-top: 1px;
     text-align: center;
}
 .main-sidebar .sidebar-menu li ul.dropdown-menu li ul.dropdown-menu {
     padding-left: 10px;
}

 .main-footer {
     padding: 20px 30px 20px 280px;
     margin-top: 40px;
     display: inline-block;
     width: 100%;
}
 .simple-footer {
     text-align: center;
     margin-top: 40px;
     margin-bottom: 40px;
}
 @media (max-width: 1024px) {
     .main-sidebar {
         position: fixed !important;
         margin-top: 0 !important;
         z-index: 891;
    }
     
     .main-footer {
         padding-left: 30px;
    }
     @-webkit-keyframes fadeinbackdrop {
         to {
             opacity: .6;
        }
    }
     @keyframes fadeinbackdrop {
         to {
             opacity: .6;
        }
    }
}
/* 4.5 Animation */
 @-webkit-keyframes pulsate {
     0% {
         -webkit-transform: scale(0.1, 0.1);
         opacity: 0.0;
    }
     50% {
         opacity: 1.0;
    }
     100% {
         -webkit-transform: scale(1.2, 1.2);
         opacity: 0.0;
    }
}