html,
body {
  height: 100%;
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 5px;
}
::-webkit-scrollbar-track-piece {
  background: rgb(228 228 228);
}

// ::-webkit-scrollbar:hover {
//     width:10px;
// }
// ::-webkit-scrollbar-track-piece:hover {
//     background:rgb(121 121 121);
// }
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: rgb(183 183 183);
}

a {
  text-decoration: none;
}

div#drpc-app {
  height: 100%;
}

div#drpc-app > div.loginForm {
  min-height: 100%;
  background-image: url(/images/main/bg.png);
  background-size: cover;
  background-color: #5da0df;
}

div#drpc-app > div.default {
  min-height: 100%;
  background: url(/images/main/normal_home_bg.png) no-repeat top / 100% auto
    #aafdf1;
  display: flex;
  flex-direction: column;

  /* linear-gradient(rgba(99, 202, 255, 0.4), rgba(0, 194, 104, 0.4)),
    linear-gradient(rgba(133, 190, 255), rgba(225, 255, 243)); */
  /** background-size: cover;*/
  /** padding-bottom: 100px; */

  /*background: url(./img/icon/pattern.png) center center no-repeat;
  background-size: cover;

  background: url(./img/icon/pattern.png) center center no-repeat, linear-gradient(rgba(133,190,255),rgba(225,255,243));
    background-size: cover;
    padding-top: 100px !important;*/

  /* background: linear-gradient(
    0deg,
    rgb(173, 255, 241) 0%,
    rgb(150, 233, 249) 50%,
    rgb(130, 213, 255) 100%
  );
  background-image: url(/images/main/normal.png); */
}

div#drpc-app > div.model_of_teaching {
  background: url(/images/main/group_home_bg.png) no-repeat top / 100% auto
    #bff2c6;
}

.DRPCMenuItem.MuiFilledInput-root {
  background-color: transparent;
}

.DRPCMenuItem > .MuiSelect-iconFilled {
  color: #23925f !important;
}

div.epic2.top {
  background-color: white;
  background: url(/images/main/other-section-top.png) no-repeat center center;
  background-size: cover;
}

div.epic2.bottom {
  background-color: white;
  background: url(/images/main/other-section-bottom.png) no-repeat center center;
  background-size: cover;
}

div.epic2 {
  background: url(/images/main/other-section-bg.png) no-repeat;
  background-size: cover;
  margin: 0;
  padding: 0;
  min-height: 100px;
  background-position: center center;
}

.waggle {
  position: relative;
  animation: waggle 0.3s;
}

@keyframes waggle {
  0%,
  100% {
    left: 0px;
  }
  20%,
  60% {
    left: 15px;
  }
  40%,
  80% {
    left: -15px;
  }
}