/* === Main components === */
/*** Headings and titles ***/
/*** Links ***/
/* === Fonts === */
/* === Navbar === */
/*** Navbar Dropdown ***/
/*** Mega Menu ***/
/* Options (First Level) */
/* Collapse (Second Level) */
/* List (Third Level) */
/*** Dropdown Item list (Fourth Level) ***/
/*** User dropdown ***/
/*** Menu help ***/
/* === Sidebar === */
/*** Sidebar Dropdown ***/
/* === Forms components === */
/*** Helpers ***/
/*** Labels ***/
/*** Placeholders ***/
/*** Form controls ***/
/*** Input groups***/
/*** Custom controls (Checkboxes and Radios ) ***/
/*** Datetimepicker Bootstrap ***/
/*** Bootstrap select ***/
/*** Inputs and Buttons ***/
/* === Report components === */
/*** Filters ***/
/***  Group Filters ***/
/*** Tables ***/
/*** Pagination ***/
/* === Dashboard === */
/* === Other components === */
/*** Cards ***/
/*** Tabs***/
/*** Wizards ***/
/*** User register ***/
/*** Loaders / Spinners***/
/*** Buttons variants ***/
/*Sidebar*/
.sidebar-left .navbar-nav {
  width: 100%; }

.sidebar-left {
  background-color: #ffffff;
  box-shadow: 3px 0px 9px rgba(0, 0, 0, 0.26);
  margin-top: 60px;
  padding-left: 0;
  padding-right: 0px;
  position: fixed;
  top: 0;
  right: 0px;
  left: 0px;
  z-index: 98; }

.sidebar-content {
  text-align: center;
  padding: 20px;
  display: flex;
  align-items: center;
  padding-top: 5px;
  margin: auto;
  margin-top: 20px; }

.sidebar-nav {
  padding-left: 0;
  list-style: none; }

.sidebar-brand,
.sidebar-link {
  color: #32404d;
  -webkit-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.sidebar-link > svg {
  fill: #32404d; }

.sidebar-brand img {
  max-width: 55px; }

.sidebar-link:hover,
.sidebar-link:focus {
  background: #f3f3f3;
  text-decoration: none;
  color: #50667b; }

.sidebar-link:hover > svg,
.sidebar-link:focus > svg {
  fill: #50667b; }

.sidebar-link {
  display: block;
  padding: 1em;
  padding-left: 5px !important;
  padding-right: 5px !important; }

.sidebar-item {
  text-align: center;
  padding: 0; }

.sidebar-title {
  display: block;
  font-size: 12px;
  font-weight: bold; }

.sidebar-left .dropdown-menu {
  background-color: #f3f3f3;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px;
  border: 0px;
  transition: opacity 0.25s linear, visibility 0.1s linear 0.1s;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  min-width: 160px;
  padding-left: 0;
  list-style: none; }

.sidebar-left .dropdown-item > .sidebar-link {
  color: #32404d; }

.sidebar-left .dropdown-item:active,
.sidebar-left .dropdown-item > .sidebar-link:hover {
  background-color: #ffffff;
  color: #50667b; }

.sidebar-icon {
  font-size: 25px; }

.sidebar-img {
  width: 40px; }

.sidebar-submenu .sidebar-item {
  text-align: left;
  padding-left: 15px; }

.sidebar-toggle {
  color: white;
  padding-right: 7px; }

.sidebar-toggle:hover,
.sidebar-toggle:focus {
  color: #cccccc; }

#userDropdown span {
  font-size: 12px; }

/*Dropdown*/
.dropdown-toggle.no-arrow::after {
  display: none; }

.sidebar-toggle::after {
  display: none; }

/*Submenu*/
/*.sidebar-submenu {
    position: relative;
}*/
#sidebarMenu li.dropdown-submenu > a > span {
  display: block; }

#sidebarMenu li.dropdown-submenu > a > span:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  float: right;
  padding-left: 5px;
  padding-right: 5px; }

/* Scroll bar*/
#sidebarMenu > ul.navbar-nav {
  /*#sidebarMenu>ul.navbar-nav .dropdown-menu {*/
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  height: 100vh; }

#sidebarMenu > ul.navbar-nav::-webkit-scrollbar {
  width: 5px !important;
  background-color: #f5f5f5 !important; }

#sidebarMenu > ul.navbar-nav::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background-color: #adadad !important; }

/* Small Devices, Phones */
/* Medium Devices, Tablets */
@media only screen and (min-width: 768px) {
  #main-content {
    top: 0;
    position: absolute;
    left: 8.333333%; }
  /*Navbar*/
  .navbar-expand {
    position: fixed;
    top: 0;
    right: 0;
    left: 8.333333%; }
  /*Sidebar*/
  #sidebarMenu {
    padding-top: 0; }
  .sidebar,
  #sidebarMenu {
    min-height: 100vh;
    transition: all 0.3s;
    position: fixed;
    z-index: 999;
    margin-top: 0;
    display: inline; }
  #sidebarMenu .navbar-nav .dropdown-menu {
    position: static;
    float: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-height: 100vh;
    margin-top: 0;
    border-radius: 0;
    min-width: 220px; }
  /*Dropdown*/
  #sidebarMenu .dropdown {
    position: inherit; }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block; }
  /*
	.sidebar-item.dropdown-item:not(hover) > .dropdown-menu  {
		display: block !important;
		transition: 0.24s !important;
        visibility: hidden;
    }
	.sidebar-item.dropdown-item:hover > .dropdown-menu  {
		display: block !important;
		transition: 0.25s !important;
        visibility: visible !important;
    }*/
  .sidebar-content {
    padding: 10px;
    justify-content: center; }
  .sidebar-title {
    font-size: 0.5em; }
  .sidebar-img {
    width: 30px; }
  .dropdown-submenu {
    position: initial; } }

@media (max-width: 767px) {
  #sidebarMenu {
    max-height: 350px;
    overflow: auto; } }

@media (min-width: 576px) {
  .sidebar-content {
    margin-top: 0px; } }

@media (min-width: 768px) {
  .sidebar,
  #sidebarMenu {
    top: 0px; } }

/* Large Devices, Desktops */
@media only screen and (min-width: 992px) {
  .sidebar-brand img {
    max-width: 100%; } }

/* Extra Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .sidebar-title {
    font-size: 12px; }
  .sidebar-content {
    padding: 20px; } }

/*For large device desktop 1080p*/