/*-----------------------------------------------
# Sidebar Left 3-2024
-----------------------------------------------*/
.toggle-icon {
  background-color: transparent;
  border-color: transparent;
}

.toggle-sidebar-btn-left {
  font-size: 24px;
  padding-left: 10px;
  cursor: pointer;
  color: #ffbb33;
}

.toggle-sidebar-btn-left-x {
  font-size: 24px;
  padding-left: 10px;
  cursor: pointer;
  color: #fa6c07;
}

.sidebar-left {
  position: relative;
  transition: all 0.3s;
  background-color: #EEF1F9;
  z-index: 996;
  left: 0; /* This line create slides on full screen */
}

@media (max-width: 985px) {
  .sidebar-left {
    left: -700px;
	position: absolute;
	padding: 5px;
  }
  .toggle-sidebar-left .sidebar-left {
    position: relative;
    margin-bottom: 600px; /* Prevent footer on middle of screen */
  }
  
  .toggle-sidebar-left .mhide {
    display: none;
  }
  
  .toggle-sidebar-left .sidebar-right {
    display: none;
  }
}

@media (min-width: 1200px) {

  #main,
  #footer {
    margin-left: 300px;
  }
}

@media (max-width: 1199px) {
  .toggle-sidebar-left .sidebar-left {
    left: 0;
	
  }
}

@media (min-width: 1200px) {

  .toggle-sidebar-left #main,
  .toggle-sidebar-left #footer {
    margin-left: 0;
  }

  .toggle-sidebar-left .sidebar-left {
    left: -700px;
  }
}

/*-----------------------------------------------
# Sidebar Right 3-2024
-----------------------------------------------*/
.toggle-sidebar-btn-right {
  font-size: 24px;
  cursor: pointer;
  color: #ffbb33;
}

.toggle-sidebar-btn-right-x {
  font-size: 24px;
  cursor: pointer;
  color: #fa6c07;
}

.sidebar-right {
  position: relative;
  transition: all 0.3s;
  background-color: #EEF1F9;
  right: 0;
}

@media (max-width: 985px) {
  .mhide{
    margin-bottom: 1000px; /* This margin bottom removes sidebar right on mobile view */
  }
  .sidebar-right {
    right: -800px;
	position: relative;
	padding: 5px;
  }
  .toggle-sidebar-right .sidebar-right {
    position: relative;
    margin-bottom: 600px; /* Prevent footer on middle of screen */
  }
  .toggle-sidebar-right .mhide {
    display: none;
  }
  
  .toggle-sidebar-right .sidebar-left {
    display: none;
  }
  
}

@media (min-width: 1200px) {

  #main,
  #footer {
    margin-right: 300px;
  }
}

@media (max-width: 1199px) {
  .toggle-sidebar-right .sidebar-right {
    right: 0;
  }
}

@media (min-width: 1200px) {

  .toggle-sidebar-right #main,
  .toggle-sidebar-right #footer {
    margin-right: 0;
  }

  .toggle-sidebar-right .sidebar-right {
    right: -700px;
  }
  
}