@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css");
.footer {
  font-size: 1.0rem;
  background-color: #fff;
  height: 90px;

}
.content {
  min-height: calc(100vh - 164px);
}
.main-panel {
      background: #edf1f5;
    
      }
@media screen and (min-width: 768px) {
  .main-panel {
    
    width: calc(100% - 300px);
    float: right;
      }
      
    }

@media screen and (max-width: 767px) {
    
    .main-panel {
    
    width: 100%;
    
  }
}

   .sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}


.contenedor { 
    padding: 10px;
    /*border:2px solid #ccc; width:470px; height: 300px; overflow-y: scroll; */
    
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}
.nav-link{
    color: #3c4858;
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; 
  padding: 74px 0 0; 
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  font-size: 1.0rem;
  background-color: #fff;
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 74px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; 
}

.header-block {
    height:60px; 
    background:#fff;
    
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    border-radius: 4px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 4px;background: #6c757d;
    background: #919599;
}

.form-check-input {
    position: relative;
    transform: scale(1.5);
    padding: 5;
}

.form-check-label {
    margin-left: 7;
}

/*Переключатель*/

.mswitch {
	height: 36px;
	width: 75px;
	background: #d8d9db;
	padding: 3px;
	border-radius: 20px;
	transition: .4s;
	cursor: pointer;
}

.mswitch.active {
	background: #4bd865;
}

.mswitch > .slider {
	background: #FFF;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	transition: .4s;
}

.mswitch > input {
	display: none;
}

