.sidebar {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 50px rgb(0 0 0 / 20%);
  box-shadow: 0 5px 50px rgb(0 0 0 / 20%);
  height: 100%;

  /* padding: 65px 44px 20px 35px; */
  /* padding: 12px; */
  opacity: 0;
  overflow: auto;
  display: none;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  /* z-index: 99999; */
  width: 280px;
  /* max-width: 280px; */
}
.sidebar .bar {
  padding: 12px;
  /* margin-bottom: 47px; */
  text-align: center;
}

.barL {
  left: -435px;
}
.barR {
  right: -435px;
  left: inherit;
}

.sidebar.enter {
  left: 0;
  opacity: 1;
  z-index: 99999;
  display: block;
  max-height: calc(100% - 47px);
}

.sidebar.barR {
  right: 0 !important;
}
.R0.enter {
  left: inherit;
}
.overlay {
  position: fixed;
  /* visibility: hidden; */
  display: none;
  z-index: 99;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #f0f0f0;
  opacity: 0.8;
  /* background-color: #eeeeeee8; */
  cursor: pointer;
}
@media screen and (max-width: 374px) {
  .sidebar {
    /*padding: 50px 15px;*/
    width: 100%;
    margin: auto;
  }
  .sidebar .fixed {
    width: 100% !important;
    height: 100%;
  }
  /*  
    body {
       overflow-y: hidden !important; 
    }*/
}

.sidebar .fixed,
.Cscreen .fixed {
  position: fixed;
  bottom: 0;
  height: 55px;
  width: 280px;
  padding: 12px;
  background-color: #e7e9eb;
  -webkit-box-shadow: 0 5px 50px rgb(0 0 0 / 20%);
  box-shadow: -2px -15px 50px rgb(58 62 70 / 32%);
  border-top: 1px solid #ccc;
}
.Cscreen .fixed {
  width: 100%;
}

.link {
  border: 1px solid #ccc;
  margin: 20px;
  padding: 14px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0px 18px rgb(0 0 0 / 10%);
  box-shadow: 0 0px 18px rgb(0 0 0 / 10%);
}
.link span {
  /*font-size: 13px;
    line-height: 14px;*/
  display: block;
}
.link p {
  margin: 12px;
}
.btn {
  padding: 8px;
  border-radius: 8px;
  background-color: #7c0bff;
  background-color: #65a222;
  background-color: #213a46;
  color: #fff;
  margin-top: 12px;
  cursor: pointer;
}

.Cscreen .fixed .fa,
.Cscreen .fixed .fas,
.sidebar.enter > .fixed .fa,
.sidebar.enter > .fixed .fas {
  top: 1px !important;
  font-size: 29px;
  margin: 0 5px;
}